.blog-featured{padding:6px;}
.blog-featured .blog-items{}
.blog-featured .blog-item{}

.blog-item{}
.blog-item:before,.blog-item:after{content:"";display:block;clear:both;}

.item-page{padding:12px;}
.item-page:before,.item-page:after{content:"";display:block;clear:both;}

.item-content{margin:24px 0px;padding:12px;border:solid 1px #f1f1f1;}

.mod-breadcrumbs__wrapper{margin:0px 12px;}
.mod-breadcrumbs__wrapper ol{}
.mod-breadcrumbs__wrapper ol li{display:inline-block;}
.mod-breadcrumbs__wrapper ol li > a{display:inline-block;padding:12px;}
.mod-breadcrumbs__wrapper ol li > span{display:inline-block;padding:12px;}
.mod-breadcrumbs__wrapper .breadcrumb-item::before{
    content:"\f104"; font-family:"Font Awesome 5 Free";
    font-weight:900; padding:0 12px 0 0; transition:0.3s;
}

.com-content-categories__items{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 12px;text-align:center}
.com-content-categories__item{flex: 1 0 20%;border:1px solid #909090;position:relative;padding:12px;}
.com-content-categories__item .category-desc{padding-bottom:24px;}
.com-content-categories__item-title{width:100%;}
.com-content-categories__item-title-wrapper{}
.com-content-categories__item-title-wrapper span.badge{
    position:absolute;bottom:-20px;left:0;right:0;margin:auto;
    width:200px;background:#fff;border:1px solid #909090;
}

.com-content-categories div.category-desc.base-desc{padding:12px;}

.com-content-category-blog-header{display:flex;flex-wrap:wrap;align-items:center;}
.com-content-category-blog-header-item{padding:12px;}


.com-content-article.item-page{}
.com-content-article ul.pagination{margin-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.com-content-article ul.pagination li.previous{}
.com-content-article ul.pagination li.next{}

dl.article-info{vertical-align:middle;}
dl.article-info dt{display:inline-block;}
dl.article-info dd{display:inline-block;}
.item-image img[itemprop="thumbnail"]:before,
.item-image img[itemprop="thumbnail"]:after{clear:both;}
.item-image img[itemprop="thumbnail"]{display:inline-block;width:400px;height:250px;}
figure.item-image.left{float:left;}
figure.item-image.left img[itemprop="thumbnail"]{margin:30px 24px 24px 24px;}
figure.item-image.right{float:right;}
figure.item-image.right img[itemprop="thumbnail"]{margin:30px 24px 24px 24px;}
@media only screen and (max-width:540px){
    .item-image img[itemprop="thumbnail"]{width:100%;height:auto;margin:0px;}
    figure.item-image.left img[itemprop="thumbnail"]{width:90%;height:auto;margin:5%;float:none;}
    figure.item-image.right img[itemprop="thumbnail"]{width:90%;height:auto;margin:5%;;float:none;}
}

p.counter.float-end{float:left;padding:12px 24px;line-height:1em;}

ul.pagination{}
ul.pagination li{display:inline-block;list-style:none;}
ul.pagination li a{padding:6px 12px;line-height:1em;}
ul.pagination li > span{padding:6px 12px;line-height:1em;}

.item-content p.readmore{clear:both;}

ul.tags{display:flex;flex-wrap:wrap;list-style:none;font-size:0.8em;}
ul.tags li{padding:0 6px;}
ul.tags li a{display:inline-block;padding:0 12px;}

/* -------------- Table ---------------------------------------- */
.table{}

.table-style1{}
.table-style1 thead{background:#44616f;color:#ffffff;}
.table-style1 tbody{}
.table-style1 tr{}
.table-style1 tbody tr:nth-child(odd){background-color:#fcfcfc}
.table-style1 tbody tr:nth-child(even){background-color:#f3f3f3}
.table-style1 tbody tr:hover{background-color:#e0e0e0}
.table-style1 th{padding:12px 6px}
.table-style1 td{padding:12px 6px;}

/* -------------- List ---------------------------------------- */
.none-decoration{text-decoration:none}
.none-style,ul.none-style,ul.none-style li{list-style:none;}

.list-inline, ul.list-inline{}
.list-inline li, ul.list-inline li{display:inline}
.list-inlineblock, ul.list-inlineblock{}
.list-inlineblock li, ul.list-inlineblock li{display:inline-block}

.list-middle, ul.list-middle{}
.list-middle li, ul.list-middle li{display:inline-block;vertical-align:middle}

/* -------------- Inputs ---------------------------------------- */
.range{-webkit-appearance:none; appearance:none; outline:none;
	width:100%; height:42px; background:#d3d3d3;
}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
	width:24px; height:24px; background:#4CAF50; cursor:pointer;
}
.range::-moz-range-thumb{width:25px; height:25px; background:#4CAF50; cursor:pointer;}

/* -------------- Bottuns ---------------------------------------- */
.button-block,.btn-block{display:block;padding:12px}

/* -------------- Dropdown ---------------------------------------- */
.dropdown-tab{}
.dropdown-toggle{}
.dropdown-toggle:hover{cursor:pointer;}
.dropdown-content{}

/* -------------- Other ---------------------------------------- */
.delete-line{color:#999999; text-decoration:line-through;}

/* -------------- Circular ---------------------------------------- */
.circular{
	-webkit-border-radius:50%; /* Safari3-4,iOS1-3.2,Android1.6- */
	-moz-border-radius:50%;  /* Firefox1-3.6 */
	border-radius:50%;  /* Opera10.5,IE9,Safari5,Chrome,Firefox4,iOS4,Android2.1+ */
}

/* Transparent */
.transparent{background-color:transparent;color:transparent}

/* -------------- Box Shadow ---------------------------------------- */
/* box-shadow:[horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
.box-shadow{
	-webkit-box-shadow:3px 3px 5px 6px #ccc;  /* Safari3-4,iOS4.0.2-4.2,Android2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5-3.6 */
	box-shadow: 3px 3px 5px 6px #ccc;  /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
}

.shadow{box-shadow:3px 3px 5px 6px #ccc; /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
	-webkit-box-shadow:3px 3px 5px 6px #ccc; /* Safari3-4,iOS 4.0.2-4.2,Android 2.3+ */
	-moz-box-shadow:3px 3px 5px 6px #ccc; /* Firefox3.5-3.6 */
}
.shadow-0{box-shadow:0px 6px 6px -6px #e1e1e1;
	-webkit-box-shadow:0px 6px 6px -6px #e1e1e1; -moz-box-shadow:0px 6px 6px -6px #e1e1e1;

}
.shadow-1{box-shadow:0px 0px 6px 1px #404040;
	-webkit-box-shadow:0px 0px 6px 1px #404040; -moz-box-shadow:0px 0px 6px 1px #404040;
}
.shadow-dark1-x{box-shadow:0px 3px 3px -3px #777;
	-webkit-box-shadow:0px 3px 3px -3px #777; -moz-box-shadow:0px 3px 3px -3px #777;
}
.shadow-dark1{box-shadow:0px 6px 6px -6px #777;
	-webkit-box-shadow:0px 6px 6px -6px #777; -moz-box-shadow:0px 6px 6px -6px #777;
}
.shadow-black1-x{box-shadow:0px 3px 3px -3px #0e0e0e;
	-webkit-box-shadow:0px 3px 3px -3px #0e0e0e; -moz-box-shadow:0px 3px 3px -3px #0e0e0e;
}
.shadow-black1{box-shadow:0px 6px 6px -6px #0e0e0e;
	-webkit-box-shadow:0px 6px 6px -6px #0e0e0e; -moz-box-shadow:0px 6px 6px -6px #0e0e0e;
}

/* -------------- Gradiant ---------------------------------------- */
.gradient{height:5px; background:#1987be;
	background:linear-gradient(-150deg,#1987be,#ff00dc);
}

/* -------------- Transforms ---------------------------------------- */
.transform-1{transform:scale(1.5) rotate(7deg);
	-ms-transform:scale(1.5) rotate(7deg); -moz-transform:scale(1.5) rotate(7deg);
	-webkit-transform:scale(1.5) rotate(7deg); -o-transform:scale(1.5) rotate(7deg);
}

/* -------------- Polygon ---------------------------------------- */
.polygon-1{
	clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
	-webkit-clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
}

/* -------------- Cursor ---------------------------------------- */
.cursor-copy{cursor:copy}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}

/* -------------- Css Kits ---------------------------------------- */
.noselect{
	-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed, currently supported by Chrome, Edge, Opera and Firefox */
}
.readonly{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
}
.disabled{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
	background-color:#e0e0e0; border-color:#d0d0d0;
}

/* -------------- Snackbar ---------------------------------------- */
.snackbar{position:fixed; width:80%; left:10%; bottom:12px; background:rgba(40 40 40 / 75%);}