
/*------------------------------------------------------------------------
# mod_mx_awoseme-news Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.mos-img img {display: none !important;}
.transition {
 -webkit-transition:0.3s ease 0s;
 -moz-transition:0.3s ease 0s;
 -o-transition:0.3s ease 0s;
 transition:0.3s ease 0s
}
 .text-uppercase {
    text-transform: uppercase !important;
}
.btn-theme {
 overflow:hidden;
 font-size: 18px;
 color: #fff;
 position:relative;
 padding: 10px 20px;
 margin-bottom: 15px;
 z-index:0;
}
.mr-15 {
 margin-right:15px
}
.ml-10 {
 margin-left:10px; margin-top: 3px; margin-right: 4px;
}
.btn-theme,
.item-card .btn,
.animated-border::before,
.animated-border::after,
.animated-border .border-span::before,
.animated-border .border-span::after
{
 background: #fe3e0b;
}
.btn-theme::before {
 background-color:rgba(3,4,9,0.1);
 content:'';
 width:0;
 z-index:-1;
 -webkit-transform:skewX(25deg);
 -moz-transform:skewX(25deg);
 -ms-transform:skewX(25deg);
 -o-transform:skewX(25deg);
 transform:skewX(25deg);
 position:absolute;
 top:0;
 bottom:0;
 left:-20px
}
.btn-theme::before {
 -webkit-transition:.2s;
 -moz-transition:.2s;
 -o-transition:.2s;
 transition:.2s
}
.btn-theme::after {
 left:-35px;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
 transition:.4s
}
.btn-theme:hover::before, {
 width:100%
}

.animated-border {
 position:relative
}
.animated-border::before,
.animated-border::after {
 content:"";
 width:0;
 height:2px;
 position:absolute;
 transition:all 0.3s linear;
 z-index:10
}
.animated-border::before {
 left:0;
 top:0
}
.animated-border::after {
 right:0;
 bottom:0
}
.animated-border .border-span::before,
.animated-border .border-span::after {
 content:"";
 width:2px;
 height:0;
 position:absolute;
 transition:all 0.3s linear;
 z-index:10
}
.animated-border .border-span::before {
 left:0;
 top:0
}
.animated-border .border-span::after {
 right:0;
 bottom:0
}
.animated-border:hover::before,
.animated-border:hover::after {
 width:100%
}
.animated-border:hover .border-span::before,
.animated-border:hover .border-span::after {
 height:100%
}

.flex {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex
}
.inline-flex {
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-moz-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex
}
.align-center {
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 align-items:center
}
.align-end {
 -webkit-align-items:flex-end;
 -moz-align-items:flex-end;
 -ms-align-items:flex-end;
 align-items:flex-end
}

.btn {
 border:0 none;
 border-radius:0;
 color:#fff;

 font-size:15px;
 padding:18px 50px 20px;
 position:relative;
 text-transform:uppercase
}
.btn-sm {
 font-size:14px;
 padding:10px 20px 9px
}
.btn-theme:hover,
.btn-theme:focus {
 color:#fff
}
.btn-dark {
 background-color:rgba(141,147,159,0.25);
 position:relative;
 z-index:1
}
.btn-dark::before {
 content:"";
 width:0;
 z-index:-1;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 -webkit-transition:0.3s ease 0s;
 -moz-transition:0.3s ease 0s;
 -o-transition:0.3s ease 0s;
 transition:0.3s ease 0s
}
.btn-dark:hover::before {
 width:100%
}
.btn-white {
 background-color:#fff;
 color:#030409
}
.btn-white:hover,
.btn-white:focus {
 color:#030409
}
.btn-bottom-border {
 color:#fff;
 position:relative;
 z-index:0;
 -webkit-text-fill-color:unset
}
.btn-bottom-border.light {
 color:#fc0247
}
.item-card figcaption {
 background-color:#fff;
 padding:22px 30px 24px 26px;
 opacity:1;
 backface-visibility:hidden;
 position:absolute;
 right:40px;
 bottom:0;
 left:0;
 -webkit-transition:all 0.3s ease-out 0s;
 -moz-transition:all 0.3s ease-out 0s;
 -o-transition:all 0.3s ease-out 0s;
 transition:all 0.3s ease-out 0s;
 -webkit-transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -ms-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
 transform:rotateY(0deg);
 -webkit-transform-origin:0 0 0;
 -moz-transform-origin:0 0 0;
 -ms-transform-origin:0 0 0;
 -o-transform-origin:0 0 0;
 transform-origin:0 0 0
}
.item-card .item-card-hover {
 padding:30px;
 -webkit-transform-origin:0 0 0;
 -moz-transform-origin:0 0 0;
 -ms-transform-origin:0 0 0;
 -o-transform-origin:0 0 0;
 transform-origin:0 0 0;
 -webkit-transform:rotateY(-90deg);
 -moz-transform:rotateY(-90deg);
 -ms-transform:rotateY(-90deg);
 -o-transform:rotateY(-90deg);
 transform:rotateY(-90deg);
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 -webkit-transition:all 0.3s ease-out 0s;
 -moz-transition:all 0.3s ease-out 0s;
 -o-transition:all 0.3s ease-out 0s;
 transition:all 0.3s ease-out 0s
}
.item-card h4 {color: #030409; font-size: 24px; font-weight: 500;
}
 .item-card .item-card-hover h4 { font-size: 20px;}
.item-card .btn {
 border:0 none;
 border-radius:0;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 align-items:center;
 -webkit-justify-content:center;
 -moz-justify-content:center;
 -ms-justify-content:center;
 justify-content:center;
 -ms-flex-pack:center;
 position:absolute;
 top:-1px;
 right:-1px
}
.item-card .popup-icon {
 color:#fff;
 font-size:18px;
 height:80px;
 padding:0;
 width:70px
}
.item-card:hover figcaption {
 opacity:0;
 -webkit-transform:rotateY(-90deg);
 -moz-transform:rotateY(-90deg);
 -ms-transform:rotateY(-90deg);
 -o-transform:rotateY(-90deg);
 transform:rotateY(-90deg)
}
.item-card:hover .item-card-hover {
 -webkit-transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -ms-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
 transform:rotateY(0deg)
}

