<!--


/*


-----------------------------------------------


Blogger Template Style


Name:        Micromag


License:     Premium Version


Version:     1.0


Author:      TemplatesYard


Author Url:  https://www.templatesyard.com/


----------------------------------------------- */


/*-- Google Fonts --*/


@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(index_files/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(index_files/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(index_files/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(index_files/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/*-- Reset CSS --*/


.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{


padding:0;


border:0;


outline:0;


vertical-align:baseline;


background:0 0;


text-decoration:none


}


.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}#google_translate_element { clear: both; }.thread-expanded .thread-count a { display: none; }.comments .continue { display: none!important; }


form,textarea,input,button{


-webkit-appearance:none;


-moz-appearance:none;


appearance:none;


border-radius:0


}


dl,ul{


list-style-position:inside;


font-weight:400;


list-style:none


}


ul li{


list-style:none


}


caption,th{


text-align:center


}


img{


border:none;


position:relative


}


a,a:visited{


text-decoration:none


}


.clearfix{


clear:both


}


.section,.widget,.widget ul{


margin:0;


padding:0


}


a{


color:#598cff


}


.post-body a:visited {


color:red;


}


a img{


border:0


}


abbr{


text-decoration:none


}


.CSS_LIGHTBOX{


z-index:999999!important


}


.separator a{


clear:none!important;


float:none!important;


margin-left:0!important;


margin-right:0!important


}


#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{


display:none!important


}


.center{


display:table;


margin:0 auto;


position:relative


}


.widget > h2,.widget > h3{


display:none


}


/*-- Body Content CSS --*/


body{


background:#ebebf3;


background-color:#ebebf3;


font-family:'Fira Sans',Arial,sans-serif;


font-size:14px;


font-weight:400;


color:#656565;


word-wrap:break-word;


margin:0;


padding:0


}


h1,h2,h3,h4,h5,h6{


}


#outer-wrapper{


margin:0 auto;


background: #f2f6f8;


box-shadow: 0 0 5px rgb(0 0 0 / 10%);


}


.row{


width:970px


}


#content-wrapper{


margin:40px auto 30px;


}


#content-wrapper > .container{


margin:0


}


#main-wrapper{


float:left;


overflow:hidden;


width:calc(100% - (320px + 30px));


box-sizing:border-box;


word-wrap:break-word;


padding:0;


margin:0


}


#sidebar-wrapper{


float:right;


overflow:hidden;


width:320px;


box-sizing:border-box;


word-wrap:break-word;


padding:0


}


.post-image-wrap{


position:relative;


display:block


}


.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{


background-color:rgba(155,155,155,0.07);


color:transparent!important


}


.index-post .post-thumb {


}


.post-thumb{


display:block;


position:relative;


width:100%;


height:100%;


object-fit:cover;


object-position: top;


z-index:1;


opacity: 0;


transition:opacity .17s ease,transform .35s ease


}


.post-thumb.lazy-yard {


opacity: 1;


}


.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{


transform: scale(1.05);


}


.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb{


opacity:.9


}


.item-post .post-body img{


max-width:100%;


opacity: 0;


transition: opacity .17s ease,transform .35s ease;


}


.item-post .post-body img.lazy-yard{


opacity: 1;


}


.post-title a{


display:block


}


.social a:before{


display:inline-block;


font-family:'Font Awesome 5 Brands';


font-style:normal;


font-weight:400


}


.social .facebook a:before{


content:"\f09a"


}


.social .twitter a:before{


content:"\f099"


}


.social .gplus a:before{


content:"\f0d5"


}


.social .rss a:before{


content:"\f09e";


font-family:'Font Awesome 5 Free';


font-weight:900


}


.social .youtube a:before{


content:"\f167"


}


.social .skype a:before{


content:"\f17e"


}


.social .stumbleupon a:before{


content:"\f1a4"


}


.social .tumblr a:before{


content:"\f173"


}


.social .vk a:before{


content:"\f189"


}


.social .stack-overflow a:before{


content:"\f16c"


}


.social .github a:before{


content:"\f09b"


}


.social .linkedin a:before{


content:"\f0e1"


}


.social .dribbble a:before{


content:"\f17d"


}


.social .soundcloud a:before{


content:"\f1be"


}


.social .behance a:before{


content:"\f1b4"


}


.social .digg a:before{


content:"\f1a6"


}


.social .instagram a:before{


content:"\f16d"


}


.social .pinterest a:before{


content:"\f0d2"


}


.social .twitch a:before{


content:"\f1e8"


}


.social .delicious a:before{


content:"\f1a5"


}


.social .codepen a:before{


content:"\f1cb"


}


.social .reddit a:before{


content:"\f1a1"


}


.social .whatsapp a:before{


content:"\f232"


}


.social .snapchat a:before{


content:"\f2ac"


}


.social .email a:before{


content:"\f0e0";


font-family: 'Font Awesome 5 Free';


font-weight: 400;


}


.social .external-link a:before{


content:"\f35d"


}


.social-color .facebook a{


background-color:#3b5999


}


.social-color .twitter a{


background-color:#00acee


}


.social-color .gplus a{


background-color:#db4a39


}


.social-color .youtube a{


background-color:#db4a39


}


.social-color .instagram a{


background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)


}


.social-color .pinterest a{


background-color:#ca2127


}


.social-color .dribbble a{


background-color:#ea4c89


}


.social-color .linkedin a{


background-color:#0077b5


}


.social-color .tumblr a{


background-color:#365069


}


.social-color .twitch a{


background-color:#6441a5


}


.social-color .rss a{


background-color:#ffc200


}


.social-color .skype a{


background-color:#00aff0


}


.social-color .stumbleupon a{


background-color:#eb4823


}


.social-color .vk a{


background-color:#4a76a8


}


.social-color .stack-overflow a{


background-color:#f48024


}


.social-color .github a{


background-color:#24292e


}


.social-color .soundcloud a{


background:linear-gradient(#ff7400,#ff3400)


}


.social-color .behance a{


background-color:#191919


}


.social-color .digg a{


background-color:#1b1a19


}


.social-color .delicious a{


background-color:#0076e8


}


.social-color .codepen a{


background-color:#000


}


.social-color .reddit a{


background-color:#ff4500


}


.social-color .whatsapp a{


background-color:#3fbb50


}


.social-color .snapchat a{


background-color:#ffe700


}


.social-color .email a{


background-color:#888


}


.social-color .external-link a{


background-color:#1f2024


}


.social-text .facebook a:after{


content:"Facebook"


}


.social-text .twitter a:after{


content:"Twitter"


}


.social-text .gplus a:after{


content:"Google Plus"


}


.social-text .rss a:after{


content:"Rss"


}


.social-text .youtube a:after{


content:"YouTube"


}


.social-text .skype a:after{


content:"Skype"


}


.social-text .stumbleupon a:after{


content:"StumbleUpon"


}


.social-text .tumblr a:after{


content:"Tumblr"


}


.social-text .vk a:after{


content:"VKontakte"


}


.social-text .stack-overflow a:after{


content:"Stack Overflow"


}


.social-text .github a:after{


content:"Github"


}


.social-text .linkedin a:after{


content:"LinkedIn"


}


.social-text .dribbble a:after{


content:"Dribbble"


}


.social-text .soundcloud a:after{


content:"SoundCloud"


}


.social-text .behance a:after{


content:"Behance"


}


.social-text .digg a:after{


content:"Digg"


}


.social-text .instagram a:after{


content:"Instagram"


}


.social-text .pinterest a:after{


content:"Pinterest"


}


.social-text .twitch a:after{


content:"Twitch"


}


.social-text .delicious a:after{


content:"Delicious"


}


.social-text .codepen a:after{


content:"CodePen"


}


.social-text .flipboard a:after{


content:"Flipboard"


}


.social-text .reddit a:after{


content:"Reddit"


}


.social-text .whatsapp a:after{


content:"Whatsapp"


}


.social-text .messenger a:after{


content:"Messenger"


}


.social-text .snapchat a:after{


content:"Snapchat"


}


.social-text .email a:after{


content:"Email"


}


.social-text .external-link a:after{


content:"WebSite"


}


#header-wrap{


position:relative;


width:100%;


height:70px;


background-color: #ffffff;


border-bottom:1px solid #ebebf3;;


z-index:1010;


}


#header-wrap .container{


position:relative;


margin:0 auto


}


.header-logo{


float:left;


margin:0 20px 0 0


}


.main-logo{


position:relative;


float:left;


width:auto;


max-width:250px;


max-height:52px;


margin:0;


padding:9px 0


}


.main-logo .header-image-wrapper{


display:block


}


.main-logo img{


max-width:100%;


max-height:52px;


margin:0


}


.main-logo h1, .main-logo h1 a{


color:#1f2024;


font-size:20px;


line-height:52px;


margin:0


}


.main-logo p{


font-size:12px;


margin:5px 0 0;


display:none;


}


.header-menu{


float:left;


}


#main-menu .widget,#main-menu .widget > h3{


display:none


}


#main-menu .show-menu{


display:block


}


#main-menu{


position:static;


height:70px;


z-index:15


}


#main-menu ul > li{


float:left;


position:relative;


margin:0;


padding:0;


transition:background .17s ease


}


#main-menu ul > li > a{


position:relative;


color:#1f2024;


font-size:14px;


font-weight:500;


line-height:70px;


display:inline-block;


text-decoration:none;


margin:0;


padding:0 15px;


transition:color .17s ease


}


#main-menu ul#main-menu-nav > li:hover{


background-color:rgba(255,255,255,0.05)


}


#main-menu ul#main-menu-nav > li:hover > a{


color:#1f2024


}


#main-menu ul > li > ul{


position:absolute;


float:left;


left:0;


top:70px;


width:180px;


background-color:#ffffff;


z-index:99999;


margin-top:0;


padding:0;


border:1px solid rgba(155,155,155,0.15);


box-shadow:0 2px 2px rgba(0,0,0,0.2);


visibility:hidden;


opacity:0


}


#main-menu ul > li > ul > li > ul{


position:absolute;


float:left;


top:0;


left:100%;


margin:-1px 0 0


}


#main-menu ul > li > ul > li{


display:block;


float:none;


position:relative;


background-color:rgba(255,255,255,0.03);


border-bottom:1px solid rgba(155,155,155,0.15);


transition:background .17s ease


}


#main-menu ul > li > ul > li a{


display:block;


height:36px;


font-size:13px;


color:#1f2024;


font-weight:500;


line-height:36px;


box-sizing:border-box;


margin:0;


padding:0 15px;


transition:color .17s ease


}


#main-menu ul > li > ul > li:last-child{


border-bottom:0


}


#main-menu ul > li.has-sub > a:after{


content:'\f078';


float:right;


font-family:'Font Awesome 5 Free';


font-size:12px;


font-weight:900;


margin:0 0 0 6px


}


#main-menu ul > li > ul > li.has-sub > a:after{


content:'\f054';


float:right;


margin:0


}


#main-menu ul > li > ul > li a:hover{


color:#598cff


}


#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{


visibility:visible;


opacity:1


}


#main-menu ul ul{


transition:all .17s ease


}


#main-menu .mega-menu{


position:static!important


}


#main-menu .mega-menu > ul{


width:100%;


box-sizing:border-box;


padding:20px 10px


}


#main-menu .mega-menu > ul.mega-menu-inner{


overflow:hidden


}


#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{


visibility:visible;


opacity:1


}


#main-menu ul ul{


transition:all .25s ease


}


.mega-menu-inner .mega-item{


float:left;


width:20%;


box-sizing:border-box;


padding:0 10px


}


.mega-menu-inner .mega-content{


position:relative;


width:100%;


overflow:hidden;


padding:0


}


.mega-content .post-image-wrap{


width:100%;


height:120px


}


.mega-content .post-image-link{


width:100%;


height:100%;


z-index:1;


display:block;


position:relative;


overflow:hidden;


padding:0


}


.mega-content .post-title{


position:relative;


font-size:13px;


font-weight:600;


line-height:1.5em;


margin:7px 0 5px;


padding:0


}


.mega-content .post-title a{


display:block;


color:#000000;


transition:color .17s


}


.mega-content .post-title a:hover{


color:#598cff


}


.mega-content .post-meta{


font-size:11px


}


.no-posts{


float:left;


width:100%;


height:100px;


line-height:100px;


text-align:center


}


.mega-menu .no-posts{


line-height:60px;


color:#000000


}


.show-search,.hide-search{


position:absolute;


top:0;


right:0;


display:block;


width:58px;


height:70px;


background-color:rgba(255,255,255,0.05);


line-height:70px;


z-index:20;


color:#1f2024;


font-size:16px;


font-weight:400;


text-align:center;


cursor:pointer;


transition:color .17s ease


}


.show-search:hover,.hide-search:hover{


color:#1f2024


}


.show-search:before{


content:"\f002";


font-family:'Font Awesome 5 Free';


font-weight: 900;


}


.hide-search:before{


content:"\f00d";


font-family:'Font Awesome 5 Free';


font-weight: 900;


}


#nav-search{


display:none;


position:absolute;


left:0;


top:0;


width:100%;


height:70px;


z-index:99;


background-color:#ffffff;


box-sizing:border-box;


padding:0


}


#nav-search .search-form{


width:100%;


height:70px;


background-color:rgba(0,0,0,0);


line-height:70px;


overflow:hidden;


padding:0


}


#nav-search .search-input{


width:100%;


height:70px;


font-family:inherit;


color:#1f2024;


margin:0;


padding:0 58px 0 10px;


background-color:rgba(0,0,0,0);


font-size:13px;


font-weight:400;


box-sizing:border-box;


border:0


}


#nav-search .search-input:focus{


color:#1f2024;


outline:none


}


.mobile-menu-toggle{


display:none;


position:absolute;


top:0;


left:0;


width:58px;


height:70px;


line-height:70px;


background-color:rgba(255,255,255,0.05);


z-index:20;


color:#1f2024;


font-size:17px;


font-weight:400;


text-align:center;


cursor:pointer;


transition:color .17s ease


}


.mobile-menu-toggle:hover{


color:#1f2024


}


.mobile-menu-toggle:before{


content:"\f0c9";


font-family:'Font Awesome 5 Free';


font-weight:900;


}


.nav-active .mobile-menu-toggle:before{


content:"\f00d";


font-family:'Font Awesome 5 Free';


font-weight:900;


}


.overlay{


display:none;


position:fixed;


top:0;


left:0;


right:0;


bottom:0;


z-index:990;


background:rgba(255,255,255,0.8)


}


.mobile-menu-wrap{


display:none;


position:absolute;


top:70px;


left:0;


width:100%;


background-color:#ffffff;


box-sizing:border-box;


visibility:hidden;


z-index:1000;


opacity:0;


transition:all .17s ease


}


.nav-active .mobile-menu-wrap{


visibility:visible;


opacity:1


}


.mobile-menu{


position:relative;


overflow:hidden;


padding:20px;


border-top:1px solid rgba(255,255,255,0.03)


}


.mobile-menu > ul{


margin:0


}


.mobile-menu .m-sub{


display:none;


padding:0


}


.mobile-menu ul li{


position:relative;


display:block;


overflow:hidden;


float:left;


width:100%;


font-size:14px;


line-height:38px


}


.mobile-menu > ul > li{


font-weight:500;


}


.mobile-menu > ul li ul{


overflow:hidden


}


.mobile-menu ul li a{


color:#1f2024;


padding:0;


display:block;


transition:all .17s ease


}


.mobile-menu ul li.has-sub .submenu-toggle{


position:absolute;


top:0;


right:0;


color:#1f2024;


cursor:pointer


}


.mobile-menu ul li.has-sub .submenu-toggle:after{


content:'\f105';


font-family:'Font Awesome 5 Free';


font-weight:900;


float:right;


width:34px;


font-size:14px;


text-align:center;


transition:all .17s ease


}


.mobile-menu ul li.has-sub.show > .submenu-toggle:after{


transform:rotate(90deg)


}


.mobile-menu > ul > li > ul > li > a{


color:#1f2024;


opacity:.7;


padding:0 0 0 15px


}


.mobile-menu > ul > li > ul > li > ul > li > a{


color:#1f2024;


opacity:.7;


padding:0 0 0 30px


}


.ad-wrapper .widget > .widget-title {


display: none;


}


.ad-wrapper {


margin:0 auto;


}


.ad-wrapper .widget-content {


position:relative;


max-width:100%;


max-height:90px;


line-height:1;


margin:30px auto


}


#prev-ad .widget, #nxt-ad .widget {


width: 100%;


margin: 20px 0 0;


border-top: 1px solid #f2f2f6;


padding: 15px 10px 0;


box-sizing: border-box;


}


#nxt-ad .widget {


padding-bottom: 15px;


margin-bottom: 15px;


border-bottom: 1px solid #f2f2f6;


}


#home-ad-top2 .widget-content {


margin:0 auto 30px


}


.owl-carousel{


display:none;


width:100%;


-webkit-tap-highlight-color:transparent;


position:relative;


z-index:1


}


.owl-carousel .owl-stage{


position:relative;


-ms-touch-action:pan-Y


}


.owl-carousel .owl-stage:after{


content:".";


display:block;


clear:both;


visibility:hidden;


line-height:0;


height:0


}


.owl-carousel .owl-stage-outer{


position:relative;


overflow:hidden;


-webkit-transform:translate3d(0px,0px,0px)


}


.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{


cursor:pointer;


cursor:hand;


-webkit-user-select:none;


-khtml-user-select:none;


-moz-user-select:none;


-ms-user-select:none;


user-select:none


}


.owl-carousel.owl-loaded{


display:block


}


.owl-carousel.owl-loading{


opacity:0;


display:block


}


.owl-carousel.owl-hidden{


opacity:0


}


.owl-carousel .owl-refresh .owl-item{


display:none


}


.owl-carousel .owl-item{


position:relative;


min-height:1px;


float:left;


-webkit-backface-visibility:visible;


-webkit-tap-highlight-color:transparent;


-webkit-touch-callout:none;


-webkit-user-select:none;


-moz-user-select:none;


-ms-user-select:none;


user-select:none


}


.owl-carousel.owl-text-select-on .owl-item{


-webkit-user-select:auto;


-moz-user-select:auto;


-ms-user-select:auto;


user-select:auto


}


.owl-carousel .owl-grab{


cursor:move;


cursor:-webkit-grab;


cursor:-o-grab;


cursor:-ms-grab;


cursor:grab


}


.owl-carousel.owl-rtl{


direction:rtl


}


.owl-carousel.owl-rtl .owl-item{


float:right


}


.no-js .owl-carousel{


display:block


}


.owl-carousel .animated{


-webkit-animation-duration:1000ms;


animation-duration:1000ms;


-webkit-animation-fill-mode:both;


animation-fill-mode:both


}


.owl-carousel .owl-animated-in{


z-index:1


}


.owl-carousel .owl-animated-out{


z-index:0


}


.owl-height{


-webkit-transition:height 500ms ease-in-out;


-moz-transition:height 500ms ease-in-out;


-ms-transition:height 500ms ease-in-out;


-o-transition:height 500ms ease-in-out;


transition:height 500ms ease-in-out


}


.owl-prev,.owl-next{


position:relative;


float:left;


width:24px;


height:24px;


background-color:#fff;


font-family:'Font Awesome 5 Free';


font-weight: 900;


text-rendering: auto;


-webkit-font-smoothing: antialiased;


-moz-osx-font-smoothing: grayscale;


font-size:14px;


line-height:23px;


color:#1f2024;


text-align:center;


cursor:pointer;


border:1px solid rgba(0,0,0,0.08);


box-sizing:border-box;


transition:all .25s ease


}


.owl-prev:before{


content:'\f053'


}


.owl-next:before{


content:'\f054'


}


.owl-prev:hover,.owl-next:hover{


background-color:#598cff;


color:#fff;


border-color:#598cff


}


#break-wrapper {


border: 1px solid #ebebf3;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


padding: 5px;


box-sizing: border-box;


}


#break-wrapper{


margin:0 auto 0


}


#break-section .widget{


display:none


}


#break-section .show-ticker, #break-section .PopularPosts{


display:block;


margin:0


}


ul.loading-post {


line-height: 30px;


margin-left: 10px;


}


#break-section .no-posts{


height:30px;


line-height:30px;


text-align:left;


padding:0 0 0 15px;


box-sizing: border-box;


}


#break-section .widget > .widget-title{


display:none;


position:relative;


float:left;


height:30px;


color:#598cff;


font-size:9px;


font-weight:400;


line-height:30px;


text-transform:uppercase;


padding:0 12px


}


#break-section .show-ticker > .widget-title, #break-section .PopularPosts > .widget-title{


display:block


}


#break-section .widget > h2,#break-section .widget > h3{


display:none


}


#break-section .widget > .widget-title > h3{


margin:0


}


#break-section .widget > .widget-title > h3:before{


content:'\f0e7';


font-family:'Font Awesome 5 Free';


float:left;


font-size:11px;


font-weight:900;


margin:0 5px 0 0;


text-rendering: auto;


-webkit-font-smoothing: antialiased;


-moz-osx-font-smoothing: grayscale;


}


#break-section .widget-content{


position:relative;


font-size:13px;


display:block;


overflow:hidden;


height:30px;


line-height:29px;


padding:0;


box-sizing:border-box


}


ul.ticker-widget{


width:100%!important;


box-sizing:border-box;


padding:0


}


.ticker-widget .ticker-item{


position:relative;


float:left;


display:block;


height:30px;


padding:0;


visibility:hidden;


}


#break-section .ticker-widget .active .ticker-item, #break-section .PopularPosts .ticker-widget .active .ticker-item {


visibility:visible;


}


.ticker-widget .post-title, #break-section .PopularPosts .ticker-widget .post-title{


height:24px;


font-size:13px;


font-weight:400;


line-height:30px;


margin:0;


padding:0;


float:left;


}


.ticker-widget .post-title a, #break-section .PopularPosts .ticker-widget .post-title a{


position:relative;


display:block;


overflow:hidden;


color:#000000;


transition:color .25s


}


.ticker-widget .post-title a:hover, #break-section .PopularPosts .ticker-widget .post-title a:hover{


color:#598cff


}


.ticker-widget .post-tag {


position: static;


float: left;


margin: 6px 10px 0 0;


line-height:18px;


}


.ticker-widget .owl-nav{


position:absolute;


top:0;


right:0;


width:52px;


height:24px;


z-index: 5;


}


.ticker-widget .owl-nav .owl-prev{


margin-top:3px;


}


.ticker-widget .owl-nav .owl-next{


margin:3px 0 0 4px


}


@keyframes fadeInLeft {


from{


opacity:0;


transform:translate3d(-30px,0,0)


}


to{


opacity:1;


transform:none


}


}


@keyframes fadeOutLeft {


from{


opacity:1


}


to{


opacity:0;


transform:translate3d(-30px,0,0)


}


}


@keyframes fadeInRight {


from{


opacity:0;


transform:translate3d(30px,0,0)


}


to{


opacity:1;


transform:none


}


}


.fadeInRight{


animation-name:fadeInRight


}


@keyframes fadeOutRight {


from{


opacity:1


}


to{


opacity:0;


transform:translate3d(30px,0,0)


}


}


.fadeOutRight{


animation-name:fadeOutRight


}


@keyframes fadeInUp {


from{


opacity:0;


transform:translate3d(0,30px,0)


}


to{


opacity:1;


transform:none


}


}


.fadeInUp{


animation-name:fadeInUp


}


@keyframes fadeOutUp {


from{


opacity:1


}


to{


opacity:0;


transform:translate3d(0,-30px,0)


}


}


.fadeOutUp{


animation-name:fadeOutUp


}


.home-ad .widget > .widget-title{


display:none


}


.home-ad .widget-content{


float:left;


width:728px;


max-width:100%;


line-height:0;


margin:0 0 40px


}


#hot-wrapper{


margin:0 auto


}


#hot-section .widget,#hot-section .widget > .widget-title{


display:none


}


#hot-section .show-hot, #hot-section .widget.PopularPosts{


display:block!important


}


#hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content{


height: 410px;


display: flex;


align-items: center;


justify-content: center;


position: relative;


float: left;


width: 100%;


box-sizing: border-box;


margin:30px 0 0


}


.hot-loader{


position:relative;


height:410px;


overflow:hidden;


display:block


}


.hot-loader:after{


content:'';


position:absolute;


top:50%;


left:50%;


width:26px;


height:26px;


margin:-16px 0 0 -16px;


border:3px solid #eaeaea;


border-left-color:#598cff;


border-right-color:#598cff;


border-radius:100%;


animation:spinner .8s infinite linear;


transform-origin:center


}


@-webkit-keyframes spinner {


0%{


-webkit-transform:rotate(0deg);


transform:rotate(0deg)


}


to{


-webkit-transform:rotate(1turn);


transform:rotate(1turn)


}


}


@keyframes spinner {


0%{


-webkit-transform:rotate(0deg);


transform:rotate(0deg)


}


to{


-webkit-transform:rotate(1turn);


transform:rotate(1turn)


}


}


ul.hot-posts, .PopularPosts ul.hot-posts{


position: relative;


float: left;


width: 100%;


height: 100%;


display: grid;


grid-template-columns: 1.5fr 1fr;


grid-gap: 5px;


}


.hot-posts .hot-item, PopularPosts .hot-posts .hot-item{


position: relative;


width: 100%;


height: 202.75px;


display: flex;


flex-direction: column;


margin: 0;


overflow: hidden;


}


.hot-posts .item-0, .PopularPosts .hot-posts .item-0{


height: 100%;


grid-row: 1/3;


}


.hot-item-inner, PopularPosts .hot-item-inner{


position:relative;


float:left;


width:100%;


overflow:hidden;


display:block;


}


.hot-posts .item-0 .hot-item-inner, .PopularPosts .hot-posts .item-0 .hot-item-inner {


height: 410px;


}


.hot-posts .hot-item .post-image-wrap, .PopularPosts .hot-posts .hot-item .post-image-wrap {


position: relative;


display: block;


width:100%;


height:100%;


}


.hot-posts .post-image-link, .PopularPosts .hot-posts .post-image-link{


width:100%;


height:100%;


position:relative;


overflow:hidden;


display:block;


}


.hot-posts .post-image-link .post-thumb, .PopularPosts .hot-posts .post-image-link .post-thumb {


}


.hot-posts .post-image-link:before, .PopularPosts .hot-posts .post-image-link:before {


content: '';


position: absolute;


left: 0;


right: 0;


bottom: 0;


height: 70%;


background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));


-webkit-backface-visibility: hidden;


backface-visibility: hidden;


z-index: 2;


opacity: 1;


margin: 0;


transition: opacity .25s ease;


}


.hot-posts .post-info, .PopularPosts .hot-posts .post-info{


position: absolute;


bottom: 0;


left: 0;


width: 100%;


background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));


overflow: hidden;


z-index: 5;


box-sizing: border-box;


padding: 20px;


}


.hot-posts .item-0 .post-info, .PopularPosts .hot-posts .item-0 .post-info {


padding: 20px;


}


.hot-posts .post-tag, .PopularPosts .hot-posts .post-tag{


position:static;


height: auto;


display: inline-block;


font-size: 13px;


font-weight: 500;


padding:0;


margin: 0 0 8px;


box-sizing: border-box;


background: none;


color: #598cff;


}


.hot-posts .item-0 .post-tag, .PopularPosts .hot-posts .item-0 .post-tag{


height: auto;


display: inline-block;


font-size: 12px;


font-weight: 400;


padding: 6px 8px;


margin: 0 0 10px;


background:#598cff;


color:#fff;


border-radius: 2px;


box-sizing: border-box;


}


.post-tag{


position:absolute;


top:15px;


left:15px;


height:18px;


z-index:5;


background-color:#598cff;


color:#fff;


font-size:10px;


line-height:1;


font-weight:700;


text-transform:uppercase;


padding:0 6px


}


.index-post .post-info .post-tag{


position: static;


height: 18px;


line-height: 18px;


padding: 0 6px;


font-size: 11px;


text-transform:capitalize;


font-weight: 400;


margin-right: 5px;


background: #e1eaff;


border: 0;


color: #003cc3;


}


.hot-posts .post-title, .PopularPosts .hot-posts .post-title{


font-size:18px;


font-weight:600;


display:block;


line-height:1.3em;


margin:0 0 7px;


}


.hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title {


font-size:26px;


margin:0 0 7px;


line-height:1.5em;


}


.hot-posts .post-title a, .PopularPosts .hot-posts .post-title a{


color:#ffffff;


text-shadow: 0 1px 2px rgb(0 0 0 / 50%);


display: -webkit-box;


-webkit-line-clamp: 2;


-webkit-box-orient: vertical;


overflow: hidden;


}


.hot-posts .post-title a:hover, .PopularPosts .hot-posts .post-title a:hover{


color:#598cff


}


.hot-posts .item-0 .post-title a, .PopularPosts .hot-posts .item-0 .post-title a{


display:block;


}


.hot-posts .post-meta, .PopularPosts .hot-posts .post-meta{


font-size:11px;


color:#afafaf


}


.PopularPosts .hot-posts .post-info .post-meta .post-date {


margin-top:0;


}


.show-hot .no-posts, .PopularPosts .no-posts{


position:absolute;


top:calc(50% - 50px);


left:0;


width:100%;


text-align:center;


}


.home-ad .widget > .widget-title{


display:none


}


.home-ad .widget{


width:728px;


max-width:100%;


margin:0 auto


}


.home-ad .widget .widget-content{


position:relative;


width:100%;


max-height:90px;


overflow:hidden;


line-height:1;


margin:0 0 30px


}


.title-wrap{


position:relative;


float:left;


width:100%;


height:32px;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


border: 1px solid #ebebf3;


display:block;


margin:0


}


.item .title-wrap{


border-width: 0 0 1px 0;


}


.title-wrap > h3{


position:relative;


float:left;


height:32px;


font-size:12px;


color:#000000;


text-transform:uppercase;


line-height:32px;


padding:0 15px;


margin:0


}


.featured-posts .widget-title{


position:relative;


float:left;


width:100%;


height:32px;


background-color:#1f2024;


display:block;


margin:0 0 20px


}


.featured-posts .widget-title > h3{


position:relative;


float:left;


height:32px;


background-color:#598cff;


font-size:12px;


color:#fff;


text-transform:uppercase;


line-height:32px;


padding:0 15px;


margin:0


}


a.view-all{


float: right;


height: 18px;


font-size: 9px;


line-height: 18px;


border-radius: 3px;


margin-top: 7px;


margin-right: 7px;


padding: 0 5px;


font-weight: bold;


text-transform: uppercase;


transition: background .17s ease;


background-color: #598cff;


color:#fff;


}


a.view-all:hover{


background: #e0e0e0;


}


a.view-all:after{


content:'\f105';


float:right;


font-weight:900;


font-family:'Font Awesome 5 Free';


margin:0 0 0 3px


}


.queryMessage{


overflow:hidden;


background-color:#fff;


color:#000000;


font-size:13px;


font-weight:400;


padding:8px 10px;


margin:0 0 25px;


border:1px solid #ebebf3;


border-radius:3px


}


.queryMessage .query-info{


margin:0 5px


}


.queryMessage .search-query,.queryMessage .search-label{


font-weight:700;


text-transform:uppercase


}


.queryMessage .search-query:before,.queryMessage .search-label:before{


content:"\201c"


}


.queryMessage .search-query:after,.queryMessage .search-label:after{


content:"\201d"


}


.queryMessage a.show-more{


float:right;


color:#598cff;


text-decoration:underline;


transition:opacity .17s


}


.queryMessage a.show-more:hover{


opacity:.8


}


.queryEmpty{


font-size:13px;


font-weight:400;


padding:10px 0;


margin:0 0 25px;


text-align:center


}


.custom-widget li{


overflow:hidden;


padding:15px 0 0;


margin:15px 0 0;


border-top:1px dotted #ebebf3


}


.custom-widget li:first-child{


padding:0;


margin:0;


border:0


}


.custom-widget .post-image-link{


position:relative;


width:75px;


height:60px;


float:left;


overflow:hidden;


display:block;


vertical-align:middle;


margin:0 12px 0 0;


border-radius:3px


}


.custom-widget .post-info{


overflow:hidden


}


.custom-widget .post-title{


overflow:hidden;


font-size: 13px;


font-weight: 400;


line-height: 1.3;


margin:0


}


.custom-widget .post-title a{


display:block;


color:#000000;


transition:color .17s


}


.custom-widget li:hover .post-title a{


color:#598cff


}


.index-post-wrap{


display: block;


box-sizing: border-box;


padding: 20px 0;


margin: 0;


}


.grid-posts {


}


.blog-post{


display:block;


overflow:hidden;


word-wrap:break-word


}


.index-post{


display: block;


margin: 0 0 30px;


box-sizing:border-box;


padding: 20px;


background: #ffffff;


border-radius: 4px;


border: 1px solid #ebebf3;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


}


.index-post:last-child {


margin: 0;


}


.index-post-inside-wrap {


float: left;


width: 100%;


height: auto;


box-sizing: border-box;


}


.index-post .post-image-wrap {


float: left;


width: 210px;


height: 140px;


overflow: hidden;


margin: 0 20px 0 0;


border-radius: 4px;


}


.index-post .post-image-wrap .post-image-link {


width: 100%;


height: 100%;


position: relative;


display: block;


z-index: 1;


border-radius: 4px;


overflow: hidden;


}


.index-post .post-info{


overflow:hidden


}


.index-post .post-info > h2{


overflow: hidden;


font-size: 28px;


font-weight: 500;


line-height: 1.3em;


text-decoration: none;


margin: 0;


}


.index-post .post-info > h2 > a{


float:left;


display:block;


color:#000000;


transition:color .17s


}


.index-post .post-info > h2 > a:hover{


color:#598cff


}


.post-info-bottom {


margin: 20px 0 0;


}


.widget iframe,.widget img{


max-width:100%


}


.post-meta{


overflow:hidden;


color:#aaa;


font-size:13px;


font-weight:400;


padding:0 1px


}


.post-meta .post-author,.post-meta .post-date{


float:left;


display:inline-block;


margin:0 10px 0 0


}


.post-meta .post-author:before,.post-meta .post-date:before{


font-family:'Font Awesome 5 Free';


font-weight:900;


margin:0 3px 0 0;


font-size: 11px;


}


.post-meta .post-author:before{


content:'\f007'


}


.post-meta .post-date:before{


content:'\f017'


}


.post-meta a{


color:#aaa;


transition:color .17s


}


.post-meta a:hover{


color:#598cff


}


.post-meta .post-author .meta-avatar{


float:left;


height:20px;


width:20px;


overflow:hidden;


margin:0 7px 0 0;


border-radius:100%;


box-shadow:0 0 3px rgba(0,0,0,0.1)


}


.post-meta .post-author .meta-avatar img{


display:block;


width:100%;


height:100%;


border-radius:100%


}


.index-post .post-meta {


margin: 13px 0 0;


padding: 0;


}


.post-snippet{


position:relative;


display:block;


overflow:hidden;


font-size:13px;


line-height:1.5em;


font-weight:400;


margin:10px 0 0


}


.index-post-footer .post-snippet {


font-size: 15px;


line-height: 1.6em;


color: #111111;


margin: 0;


}


.index-post-footer {


position: relative;


overflow: hidden;


}


a.read-more{


float:right;


height:28px;


background-color:#fdfdff;


color:#000000;


font-size:12px;


font-weight:500;


text-transform:uppercase;


line-height:28px;


padding:0 13px;


margin:0;


border:1px solid #f2f2f6;


border-radius:3px;


transition:all .17s ease


}


a.read-more:hover{


background-color:#598cff;


color:#fff;


border-color:#598cff


}


.read-more::before{


content:'\f064';


font-family:'Font Awesome 5 Free';


font-weight:900;


margin:0 5px 0 0


}


a.post-tag{


float:left;


height:28px;


background-color:#fdfdff;


color:#000000;


font-size:12px;


font-weight:500;


text-transform:uppercase;


line-height:28px;


padding:0 13px;


margin:0;


border:1px solid #f2f2f6;


border-radius:3px;


transition:all .17s ease


}


a.post-tag:hover{


background-color:#598cff;


color:#fff;


border-color:#598cff


}


#breadcrumb{


font-size:12px;


font-weight:400;


height:34px;


background-color:#fdfdff;


color:#aaa;


line-height:34px;


padding:0 15px;


margin:0 0 15px;


border-bottom:2px solid #f2f2f6


}


#breadcrumb a{


color:#aaa;


transition:color .17s


}


#breadcrumb a:hover{


color:#598cff


}


#breadcrumb a,#breadcrumb em{


display:inline-block


}


#breadcrumb .delimiter:after{


content:'\f054';


font-family:'Font Awesome 5 Free';


font-size:7px;


font-weight:900;


font-style:normal;


vertical-align:middle;


margin:0 3px


}


.item-post h1.post-title{


color:#000000;


font-size:30px;


line-height:1.4em;


font-weight:400;


position:relative;


display:block;


padding:0 15px;


margin:0 0 15px


}


.static_page .item-post h1.post-title{


margin:15px 0 0


}


.item-post .post-body{


width:100%;


font-size:15px;


line-height:1.6em;


overflow:hidden;


box-sizing:border-box;


padding:20px 15px 0;


margin:15px 0 20px;


border-top:1px solid #f2f2f6


}


.item-post .post-outer{


padding:0


}


.item-post .post-body img{


max-width:100%


}


.main .widget{


margin:0


}


.main .Blog{


border-bottom-width:0


}


.post-item-inner{


position:relative;


float:left;


width:100%;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


overflow:hidden;


box-sizing:border-box;


margin:0 0 35px;


border:1px solid #ebebf3;


border-radius:3px


}


.post-item-inner .post-meta{


padding:0 15px


}


.post-footer{


position:relative;


float:left;


width:100%;


margin:0


}


.inline-ad{


position:relative;


display:block;


max-height:60px;


margin:0 0 30px


}


.inline-ad > ins{


display:block!important;


margin:0 auto!important


}


.item .inline-ad{


float:left;


width:100%;


margin:20px 0 0


}


.item-post-wrap > .inline-ad{


margin:0 0 20px


}


.post-labels{


overflow:hidden;


height:auto;


position:relative;


padding:0 15px;


margin:0 0 20px


}


.post-labels a{


float:left;


height:22px;


background-color:#fdfdff;


color:#000000;


font-size:12px;


line-height:22px;


font-weight:400;


margin:0;


padding:0 10px;


border:1px solid #f2f2f6;


border-radius:3px;


margin:0 5px 0 0;


transition:all .17s ease


}


.post-labels a:hover{


background-color:#598cff;


color:#fff;


border-color:#598cff


}


.post-reactions{


height:28px;


display:block;


padding:0 15px;


margin:0 0 15px


}


.post-reactions span{


float:left;


color:#000000;


font-size:12px;


line-height:25px;


text-transform:uppercase;


font-weight:500


}


.reactions-inner{


float:left;


margin:0;


height:28px


}


.post-share{


position:relative;


float:left;


width:100%;


overflow:hidden;


background-color:#fdfdff;


box-sizing:border-box;


padding:15px;


margin:0;


border-top:2px solid #f2f2f6


}


ul.share-links{


position:relative;


margin:0 -2.5px


}


.share-links li{


width:calc(100% / 7);


float:left;


box-sizing:border-box;


padding:0 2.5px;


margin:0


}


.share-links li a{


float:left;


display:inline-block;


cursor:pointer;


width:100%;


height:32px;


line-height:32px;


color:#fff;


font-weight:400;


font-size:17px;


text-align:center;


box-sizing:border-box;


opacity:1;


border-radius:3px;


transition:all .17s ease


}


.share-links li a:hover{


opacity:.8


}


ul.post-nav{


position:relative;


overflow:hidden;


display:block;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


border: 1px solid #ebebf3;


padding:10px;


box-sizing:border-box;


margin:0 0 35px


}


.post-nav li{


display:inline-block;


width:50%


}


.post-nav .post-prev{


float:left;


text-align:left;


box-sizing:border-box;


padding:0 10px 0 0


}


.post-nav .post-next{


float:right;


text-align:right;


box-sizing:border-box;


padding:0 0 0 10px


}


.post-nav li a{


color:#000000;


line-height:1.4em;


display:block;


overflow:hidden;


transition:color .17s


}


.post-nav li:hover a{


color:#598cff


}


.post-nav li span{


display:block;


font-size:11px;


color:#aaa;


font-weight:500;


text-transform:uppercase;


padding:0 0 3px


}


.post-nav .post-prev span:before{


content:"\f053";


float:left;


font-family:'Font Awesome 5 Free';


font-size:10px;


font-weight:900;


text-transform:none;


margin:0 2px 0 0


}


.post-nav .post-next span:after{


content:"\f054";


float:right;


font-family:'Font Awesome 5 Free';


font-size:10px;


font-weight:900;


text-transform:none;


margin:0 0 0 2px


}


.post-nav p{


font-size:12px;


font-weight:400;


line-height:1.5em;


margin:0


}


.post-nav .post-nav-active p{


color:#aaa


}


.about-author{


position:relative;


display:block;


overflow:hidden;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


padding:20px;


margin:0 0 35px;


border:1px solid #ebebf3;


}


.about-author .avatar-container{


position:relative;


float:left;


width:80px;


height:80px;


background-color:rgba(255,255,255,0.05);


overflow:hidden;


margin:0 15px 0 0


}


.about-author .author-avatar{


float:left;


width:100%;


height:100%;


border-radius:3px;


opacity: 0;


transition: opacity .17s ease;


}


.about-author .author-avatar.lazy-yard{


opacity: 1;


}


.author-name{


overflow:hidden;


display:inline-block;


font-size:16px;


font-weight:500;


margin:0


}


.author-name span{


color:#000000


}


.author-name a{


color:#598cff;


transition:opacity .17s


}


.author-name a:hover{


opacity:.8


}


.author-description{


display:block;


overflow:hidden;


font-size:12px;


font-weight:400;


line-height:1.6em


}


.author-description a:hover{


text-decoration:underline


}


#related-wrap{


overflow:hidden;


background-color:#fff;


margin:0 0 35px;


border:1px solid #ebebf3;


border-radius:3px


}


#related-wrap .related-tag{


display:none


}


.related-ready{


float:left;


width:100%;


box-sizing:border-box;


padding:15px


}


.related-ready .loader{


height:178px


}


ul.related-posts{


position:relative;


overflow:hidden;


margin:0 -10px;


padding:0


}


.related-posts .related-item{


width:33.33333333%;


position:relative;


overflow:hidden;


float:left;


display:block;


box-sizing:border-box;


padding:0 10px;


margin:0


}


.related-posts .post-image-link{


width:100%;


height:120px;


position:relative;


overflow:hidden;


display:block;


margin:0 0 10px;


border-radius:3px


}


.related-posts .post-title{


font-size:15px;


font-weight:400;


line-height:1.5em;


display:block;


margin:0


}


.related-posts .post-title a{


color:#000000;


transition:color .17s


}


.related-posts .post-meta .post-date, .custom-widget li .post-meta .post-date, .PopularPosts .post-info .post-meta .post-date {


font-size:11px;


margin:8px 0 0


}


.custom-widget li .post-meta .post-date, .PopularPosts .post-info .post-meta .post-date {


margin:4px 0 0


}


.related-posts .related-item:hover .post-title a{


color:#598cff


}


#blog-pager{


float:left;


width:100%;


font-size:15px;


font-weight:500;


text-align:center;


clear:both;


box-sizing:border-box;


padding: 20px 0 0;


margin: 20px 0;


border-top:1px solid rgba(155,155,155,0.1)


}


.index #blog-pager, .archive #blog-pager {


margin:0;


border:0;


}


#blog-pager .load-more{


display:inline-block;


height:34px;


background-color:#598cff;


font-size:14px;


color:#ffffff;


font-weight:400;


line-height:34px;


box-sizing:border-box;


padding:0 30px;


margin:0;


border:1px solid rgba(0,0,0,.1);


border-bottom-width:2px;


border-radius:2px


}


#blog-pager #load-more-link{


color:#fff;


cursor:pointer


}


#blog-pager #load-more-link:hover{


background-color:#598cff;


color:#fff


}


#blog-pager .load-more.no-more{


background-color:rgba(155,155,155,0.05);


color:#598cff


}


#blog-pager .loading,#blog-pager .no-more{


display:none


}


#blog-pager .loading .loader{


position:relative;


height:100%;


overflow:hidden;


display:block;


margin:0


}


#blog-pager .loading .loader{


height:34px


}


#blog-pager .no-more.show{


display:inline-block


}


#blog-pager .loading .loader:after{


width:26px;


height:26px;


margin:-15px 0 0 -15px


}


#blog-pager .loading .loader:after{


content:'';


position:absolute;


top:50%;


left:50%;


width:28px;


height:28px;


margin:-16px 0 0 -16px;


border:2px solid #598cff;


border-right-color:rgba(155,155,155,0.2);


border-radius:100%;


animation:spinner 1.1s infinite linear;


transform-origin:center


}


@-webkit-keyframes spinner {


0%{


-webkit-transform:rotate(0deg);


transform:rotate(0deg)


}


to{


-webkit-transform:rotate(1turn);


transform:rotate(1turn)


}


}


@keyframes spinner {


0%{


-webkit-transform:rotate(0deg);


transform:rotate(0deg)


}


to{


-webkit-transform:rotate(1turn);


transform:rotate(1turn)


}


}


.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{


display:none


}


.blog-post-comments{


display:none;


overflow:hidden;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


margin:0 0 35px;


border:1px solid #ebebf3;


border-radius:3px


}


.blog-post-comments .comments-title{


margin:0 0 20px


}


.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{


margin:0


}


#disqus_thread{


float:left;


width:100%;


padding:10px 15px;


box-sizing:border-box


}


.blog-post-comments .fb_iframe_widget{


box-sizing:border-box;


padding:0 5px


}


#comments{


margin:0


}


#gpluscomments{


float:left!important;


width:100%!important;


margin:0 0 25px!important


}


#gpluscomments iframe{


float:left!important;


width:100%


}


.comments{


display:block;


clear:both;


padding:0 15px;


margin:0;


color:#000000


}


.comments .comment-thread > ol{


padding:0


}


.comments > h3{


font-size:13px;


font-weight:400;


font-style:italic;


padding-top:1px


}


.comments .comments-content .comment{


list-style:none;


margin:0;


padding:0 0 8px


}


.comments .comments-content .comment:first-child{


padding-top:0


}


.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{


width:100%!important


}


.comments .item-control{


position:static


}


.comments .avatar-image-container{


float:left;


overflow:hidden;


position:absolute


}


.comments .avatar-image-container,.comments .avatar-image-container img{


height:35px;


max-height:35px;


width:35px;


max-width:35px;


border-radius:100%


}


.comments .comment-block{


overflow:hidden;


padding:0 0 20px


}


.comments .comment-block,.comments .comments-content .comment-replies{


margin:0 0 0 50px


}


.comments .comments-content .inline-thread{


padding:0


}


.comments .comment-actions{


float:left;


width:100%;


position:relative;


margin:0


}


.comments .comments-content .comment-header{


font-size:16px;


display:block;


overflow:hidden;


clear:both;


margin:0 0 3px;


padding:0 0 5px;


border-bottom:1px dotted #ebebf3


}


.comments .comments-content .comment-header a{


color:#000000;


transition:color .17s


}


.comments .comments-content .comment-header a:hover{


color:#598cff


}


.comments .comments-content .user{


font-style:normal;


font-weight:400;


display:block


}


.comments .comments-content .icon.blog-author{


display:none


}


.comments .comments-content .comment-content{


float:left;


font-size:13px;


color:#5E5E5E;


font-weight:400;


text-align:left;


line-height:1.4em;


margin:10px 0


}


.comments .comment .comment-actions a{


margin-right:5px;


padding:2px 5px;


background-color:#fdfdff;


color:#000000;


font-weight:400;


font-size:10px;


border:1px solid #f2f2f6;


border-radius:3px;


transition:all .17s ease


}


.comments .comment .comment-actions a:hover{


color:#fff;


background-color:#598cff;


border-color:#598cff;


text-decoration:none


}


.comments .comments-content .datetime{


float:left;


font-size:11px;


font-weight:400;


color:#aaa;


position:relative;


padding:0 1px;


margin:5px 0 0;


display:block


}


.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{


color:#aaa


}


.comments .thread-toggle{


margin-bottom:4px


}


.comments .thread-toggle .thread-arrow{


height:7px;


margin:0 3px 2px 0


}


.comments .thread-count a,.comments .continue a{


transition:opacity .17s


}


.comments .thread-count a:hover,.comments .continue a:hover{


opacity:.8


}


.comments .continue a{


display:none


}


.comments .thread-expanded{


padding:5px 0 0


}


.comments .thread-chrome.thread-collapsed{


display:none


}


.thread-arrow:before{


content:'';


font-family:'Font Awesome 5 Free';


color:#000000;


font-weight:900;


margin:0 2px 0 0


}


.comments .thread-expanded .thread-arrow:before{


content:'\f0d7'


}


.comments .thread-collapsed .thread-arrow:before{


content:'\f0da'


}


.comments .comments-content .comment-thread{


margin:0


}


.comments .continue a{


padding:0 0 0 60px;


font-weight:400


}


.comments .comments-content .loadmore.loaded{


margin:0;


padding:0


}


.comments .comment-replybox-thread{


margin:0


}


.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{


display:none


}


#comment-editor{


margin:0 0 20px


}


.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{


color:#000000;


font-weight:500;


margin:0 0 15px


}


.post-body h1,.post-body h2{


font-size:24px


}


.post-body h3{


font-size:21px


}


.post-body h4{


font-size:18px


}


.post-body h5{


font-size:16px


}


.post-body h6{


font-size:13px


}


blockquote{


font-style:italic;


padding:10px;


margin:0;


border-left:4px solid #598cff


}


blockquote:before,blockquote:after{


display:inline-block;


font-family:'Font Awesome 5 Free';


font-style:normal;


font-weight:900;


color:#aaa;


line-height:1


}


blockquote:before{


content:'\f10d';


margin:0 10px 0 0


}


blockquote:after{


content:'\f10e';


margin:0 0 0 10px


}


.widget .post-body ul,.widget .post-body ol{


line-height:1.5;


font-weight:400


}


.widget .post-body li{


margin:5px 0;


padding:0;


line-height:1.5


}


.post-body ul{


padding:0 0 0 20px


}


.post-body ul li:before{


content:"\f105";


font-family:'Font Awesome 5 Free';


font-size:13px;


font-weight:900;


margin:0 5px 0 0


}


.post-body u{


text-decoration:underline


}


.post-body a{


transition:color .17s ease


}


.post-body strike{


text-decoration:line-through


}


.contact-form{


overflow:hidden


}


.contact-form .widget-title{


display:none


}


.contact-form .contact-form-name{


width:calc(50% - 5px)


}


.contact-form .contact-form-email{


width:calc(50% - 5px);


float:right


}


.sidebar .widget{


position:relative;


overflow:hidden;


background-color:#fff;


box-sizing:border-box;


padding:0;


margin:0 0 35px;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


border: 1px solid #ebebf3;


}


.sidebar .widget > .widget-title{


position:relative;


float:left;


width:100%;


height:40px;


background:#fff;


color:#1f2024;


border-bottom: 1px solid rgb(155 155 155 / 15%);


display:block;


margin:0


}


.sidebar .widget > .widget-title > h3{


display:block;


height:40px;


font-size:12px;


color:#1f2024;


font-weight:700;


line-height:40px;


text-transform:uppercase;


text-align:left;


padding:0 15px;


margin:0


}


.sidebar .widget-content{


float:left;


width:100%;


box-sizing: border-box;


padding: 20px;


margin:0


}


ul.social-counter{


margin:0 -5px


}


.social-counter li{


float:left;


width:20%;


box-sizing:border-box;


padding:0 5px;


margin:10px 0 0


}


.social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4),.social-counter li:nth-child(5){


margin-top:0


}


.social-counter li a{


display:block;


height:40px;


font-size:22px;


color:#fff;


text-align:center;


line-height:40px;


border-radius:2px;


transition:opacity .17s


}


.social-counter li a:hover{


opacity:.8


}


.list-label li{


position:relative;


display:block;


padding:7px 0;


border-top:1px dotted #ebebf3


}


.list-label li:first-child{


padding-top:0;


border-top:0


}


.list-label li:last-child{


padding-bottom:0;


border-bottom:0


}


.list-label li a{


display:block;


color:#000000;


font-size:13px;


font-weight:400;


text-transform:capitalize;


transition:color .17s


}


.list-label li a:before{


content:"\f054";


float:left;


color:#000000;


font-weight:900;


font-family:'Font Awesome 5 Free';


font-size:6px;


margin:6px 3px 0 0;


transition:color .17s


}


.list-label li a:hover{


color:#598cff


}


.list-label .label-count{


position:relative;


float:right;


font-size:11px;


font-weight:400;


text-align:center;


line-height:16px


}


.cloud-label li{


position:relative;


float:left;


margin:0 5px 5px 0


}


.cloud-label li a{


display:block;


height:26px;


background-color:#fdfdff;


color:#000000;


font-size:12px;


line-height:26px;


font-weight:400;


padding:0 10px;


border:1px solid #f2f2f6;


border-radius:3px;


transition:all .17s ease


}


.cloud-label li a:hover{


color:#fff;


background-color:#598cff;


border-color:#598cff


}


.cloud-label .label-count{


display:none


}


.sidebar .FollowByEmail > .widget-title > h3{


margin:0


}


.FollowByEmail .widget-content{


position:relative;


overflow:hidden;


text-align:center;


font-weight:400;


box-sizing:border-box;


padding:20px


}


.FollowByEmail .widget-content > h3{


font-size:17px;


color:#598cff;


font-weight:500;


margin:0 0 13px


}


.FollowByEmail .before-text{


font-size:13px;


line-height:1.5em;


margin:0 0 15px;


display:block;


padding:0 10px;


overflow:hidden


}


.FollowByEmail .follow-by-email-inner{


position:relative


}


.FollowByEmail .follow-by-email-inner .follow-by-email-address{


width:100%;


height:32px;


color:#000000;


font-size:11px;


font-family:inherit;


padding:0 10px;


margin:0 0 10px;


box-sizing:border-box;


border:1px solid #eee;


border-radius:3px;


transition:ease .17s


}


.FollowByEmail .follow-by-email-inner .follow-by-email-submit{


width:100%;


height:32px;


font-family:inherit;


font-size:11px;


color:#fff;


background-color:#598cff;


text-transform:uppercase;


text-align:center;


font-weight:500;


cursor:pointer;


margin:0;


border:0;


border-radius:3px;


transition:background .17s ease


}


.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{


background-color:#1f2024


}


#ArchiveList ul.flat li{


color:#000000;


font-size:13px;


font-weight:400;


padding:7px 0;


border-bottom:1px dotted #eaeaea


}


#ArchiveList ul.flat li:first-child{


padding-top:0


}


#ArchiveList ul.flat li:last-child{


padding-bottom:0;


border-bottom:0


}


#ArchiveList .flat li > a{


display:block;


color:#000000;


transition:color .17s


}


#ArchiveList .flat li > a:hover{


color:#598cff


}


#ArchiveList .flat li > a:before{


content:"\f054";


float:left;


color:#000000;


font-weight:900;


font-family:'Font Awesome 5 Free';


font-size:6px;


margin:6px 3px 0 0;


display:inline-block;


transition:color .17s


}


#ArchiveList .flat li > a > span{


position:relative;


float:right;


width:16px;


height:16px;


background-color:#598cff;


color:#fff;


font-size:11px;


font-weight:400;


text-align:center;


line-height:16px


}


.PopularPosts .post{


overflow:hidden;


padding:15px 0 0;


margin:15px 0 0;


border-top:1px dotted #ebebf3


}


.PopularPosts .post:first-child{


padding:0;


margin:0;


border:0


}


.PopularPosts .post-image-link{


position:relative;


width:75px;


height:60px;


float:left;


overflow:hidden;


display:block;


vertical-align:middle;


margin:0 12px 0 0;


border-radius:3px


}


.PopularPosts .post-info{


overflow:hidden


}


.PopularPosts .post-title{


font-size: 13px;


font-weight: 400;


line-height: 1.3;


margin:0


}


.PopularPosts .post-title a{


display:block;


color:#000000;


transition:color .17s


}


.PopularPosts .post:hover .post-title a{


color:#598cff


}


.PopularPosts .post-date:before{


font-size:10px


}


.FeaturedPost .post-image-link{


display:block;


position:relative;


width:100%;


height:170px;


overflow:hidden;


margin:0 0 10px


}


.FeaturedPost .post-tag {


line-height: 18px;


}


.FeaturedPost .post-title{


font-size: 18px;


overflow: hidden;


font-weight: 600;


line-height: 1.5em;


margin: 0 0 5px;


}


.FeaturedPost .post-title a{


color:#000000;


display:block


}


.FeaturedPost .post-title a:hover{


color:#598cff;


text-decoration:underline


}


.Text{


font-size:13px


}


.contact-form-widget{


float:left;


width:100%;


box-sizing:border-box;


padding:15px


}


.contact-form-widget form{


font-weight:400


}


.contact-form-widget form > p{


margin:0


}


.contact-form-widget form > span{


color:red


}


.contact-form-name{


float:left;


width:100%;


height:30px;


font-family:inherit;


font-size:13px;


line-height:30px;


box-sizing:border-box;


padding:5px 10px;


margin:0 0 10px;


border:1px solid #ebebf3;


border-radius:3px


}


.contact-form-email{


float:left;


width:100%;


height:30px;


font-family:inherit;


font-size:13px;


line-height:30px;


box-sizing:border-box;


padding:5px 10px;


margin:0 0 10px;


border:1px solid #ebebf3;


border-radius:3px


}


.contact-form-email-message{


float:left;


width:100%;


font-family:inherit;


font-size:13px;


box-sizing:border-box;


padding:5px 10px;


margin:0 0 10px;


border:1px solid #ebebf3;


border-radius:3px


}


.contact-form-button-submit{


float:left;


width:100%;


height:30px;


background-color:#598cff;


font-family:inherit;


font-size:13px;


color:#fff;


line-height:30px;


cursor:pointer;


box-sizing:border-box;


padding:0 10px;


margin:0;


border:0;


border-radius:3px;


transition:background .17s ease


}


.contact-form-button-submit:hover{


background-color:#1f2024


}


.contact-form-error-message-with-border{


float:left;


width:100%;


background-color:#fbe5e5;


font-size:11px;


text-align:center;


line-height:11px;


padding:3px 0;


margin:10px 0;


box-sizing:border-box;


border:1px solid #fc6262


}


.contact-form-success-message-with-border{


float:left;


width:100%;


background-color:#eaf6ff;


font-size:11px;


text-align:center;


line-height:11px;


padding:3px 0;


margin:10px 0;


box-sizing:border-box;


border:1px solid #5ab6f9


}


.contact-form-cross{


margin:0 0 0 3px


}


.contact-form-error-message,.contact-form-success-message{


margin:0


}


.BlogSearch .search-input{


float:left;


width:75%;


height:30px;


background-color:#fff;


font-weight:400;


font-family:inherit;


font-size:13px;


line-height:30px;


box-sizing:border-box;


padding:5px 10px;


border:1px solid #ebebf3;


border-right-width:0;


border-radius:3px 0 0 3px


}


.BlogSearch .search-action{


float:right;


width:25%;


height:30px;


font-family:inherit;


font-size:13px;


line-height:30px;


cursor:pointer;


box-sizing:border-box;


background-color:#598cff;


color:#fff;


padding:0 5px;


border:0;


border-radius:0 3px 3px 0;


transition:background .17s ease


}


.BlogSearch .search-action:hover{


background-color:#1f2024


}


.Profile .profile-img{


float:left;


width:80px;


height:80px;


margin:0 15px 0 0;


transition:all .17s ease


}


.Profile .profile-datablock{


margin:0


}


.Profile .profile-data .g-profile{


display:block;


font-size:18px;


color:#000000;


font-weight:700;


margin:0 0 5px;


transition:color .17s ease


}


.Profile .profile-data .g-profile:hover{


color:#598cff


}


.Profile .profile-info > .profile-link{


color:#000000;


font-size:11px;


margin:5px 0 0;


transition:color .17s ease


}


.Profile .profile-info > .profile-link:hover{


color:#598cff


}


.Profile .profile-datablock .profile-textblock{


display:none


}


.common-widget .LinkList ul li,.common-widget .PageList ul li{


width:calc(50% - 5px);


padding:7px 0 0


}


.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){


float:left


}


.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){


float:right


}


.common-widget .LinkList ul li a,.common-widget .PageList ul li a{


display:block;


color:#000000;


font-size:13px;


font-weight:400;


transition:color .17s ease


}


.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{


color:#598cff


}


.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){


padding:0


}


#footer-wrapper{


display:block;


width:100%;


background-color:#f2f6f8;


padding:0;


}


#footer-wrapper .primary-footer{


float:left;


width:100%;


margin:0


}


#footer-wrapper .primary-footer .container {


box-sizing: border-box;


padding: 20px;


background: #ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


border: 1px solid #ebebf3;


}


#footer-about-area{


position:relative;


float:left;


width:100%;


padding:25px 0;


margin:0


}


#footer-about-area .widget{


position:relative;


float:left;


box-sizing:border-box;


margin:0


}


#footer-about-area{


width:calc(100% - (320px + 30px));


padding:0


}


#footer-about-area .footer-logo{


display:block;


float:left;


box-sizing:border-box;


padding:0 25px 0 0;


margin:0


}


#footer-about-area .footer-logo img{


display:block;


max-height:40px;


margin:0


}


#footer-about-area .Image .image-caption{


font-size:13px;


line-height:1.6em;


margin:0


}


#footer-about-area .Image .image-caption a{


color:#598cff


}


#footer-about-area .Image .image-caption a:hover{


color:#1f2024


}


.foot-bar-social{


float:right;


width:300px;


margin:0;


position: relative;


box-sizing: border-box;


}


.foot-bar-social ul > li {


float: left;


margin: 0 0 0 10px;


}


.foot-bar-social ul > li > a {


display: block;


width: 40px;


height: 40px;


background-color: rgba(155,155,155,0.1);


font-size: 16px;


color: #ffffff;


text-align: center;


line-height: 40px;


box-sizing: border-box;


border: 0;


border-radius:50%;


}


#footer-wrapper .container{


overflow:hidden;


margin:0 auto;


padding:15px 0


}


.footer-widgets-wrap{


position:relative;


display:flex;


margin:0 -15px


}


#footer-wrapper .footer{


display:inline-block;


float:left;


width:33.33333333%;


box-sizing:border-box;


padding:0 15px


}


#footer-wrapper .footer .widget{


float:left;


width:100%;


padding:0;


margin:25px 0 0;


background:#ffffff;


border-radius: 4px;


box-shadow: 0 0 10px rgb(0 0 0 / 3%);


border: 1px solid #ebebf3;


}


#footer-wrapper .footer .Text{


margin:10px 0 0


}


#footer-wrapper .footer .widget:first-child{


margin:0


}


#footer-wrapper .footer .widget-content{


float:left;


width:100%;


box-sizing: border-box;


padding: 20px;


margin: 0;


}


.footer .widget > .widget-title{


position: relative;


float: left;


width: 100%;


height: 40px;


background: #fff;


color: #1f2024;


border-bottom: 1px solid rgb(155 155 155 / 15%);


display: block;


margin: 0;


}


.footer .widget > .widget-title > h3{


display: block;


height: 40px;


font-size: 15px;


font-weight: 700;


line-height: 40px;


text-transform: capitalize;


text-align: left;


padding: 0 15px;


margin: 0;


color:#1f2024;


}


.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{


border-color:rgb(155 155 155 / 15%)


}


.footer .post-image-link{


}


.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{


color:#1f2024


}


.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{


color:#598cff


}


.footer .no-posts{


color:#1f2024


}


.footer .FollowByEmail .widget-content > h3{


color:#1f2024


}


.footer .FollowByEmail .widget-content{


}


.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{


}


.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{


}


.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{


color:#1f2024;


}


.footer #ArchiveList .flat li > a{


color:#1f2024


}


.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{


}


.footer .list-label li:first-child{


padding-top:0


}


.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{


color:#1f2024


}


.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{


color:#598cff


}


.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{


color:#1f2024


}


.footer .cloud-label li a{


color:#1f2024


}


.footer .cloud-label li a:hover{


background-color:#598cff;


color:#fff


}


.footer .BlogSearch .search-input{


color:#1f2024;


}


.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{


color:#1f2024;


}


.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{


}


#sub-footer-wrapper{


display:block;


width:100%;


background-color: #1f2024;


overflow:hidden;


color:#ffffff;


padding:0


}


#footer-wrapper .copyright-area{


float:left;


font-size:13px;


display:block;


height:34px;


color:#ffffff;


font-weight:500;


line-height:34px


}


#footer-wrapper .copyright-area a{


color:#598cff;


transition:color .17s


}


#menu-footer{


float:right;


position:relative;


display:block


}


#menu-footer .widget > .widget-title{


display:none


}


#menu-footer ul li{


float:left;


display:inline-block;


height:34px;


padding:0;


margin:0


}


#menu-footer ul li a{


font-size:11px;


font-weight:500;


display:block;


color:#ffffff;


text-transform:uppercase;


line-height:34px;


padding:0 10px;


margin:0 0 0 5px;


transition:color .17s ease


}


#menu-footer ul li:last-child a{


padding:0 0 0 5px


}


#menu-footer ul li a:hover{


color:#598cff


}


.hidden-widgets{


display:none;


visibility:hidden


}


.back-top{


display:none;


z-index:1010;


width:32px;


height:32px;


position:fixed;


bottom:15px;


right:15px;


cursor:pointer;


overflow:hidden;


font-size:13px;


color:#fff;


text-align:center;


line-height:32px;


border-radius:3px


}


.back-top:before{


content:'';


position:absolute;


top:0;


left:0;


right:0;


bottom:0;


background-color:#598cff;


opacity:.5;


transition:opacity .17s ease


}


.back-top:after{


content:'\f077';


position:relative;


font-family:'Font Awesome 5 Free';


font-weight:900;


opacity:.8;


transition:opacity .17s ease


}


.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{


opacity:1


}


.error404 #main-wrapper{


width:100%!important;


margin:0!important


}


.error404 #sidebar-wrapper{


display:none


}


.errorWrap{


color:#000000;


text-align:center;


padding:80px 0 100px


}


.errorWrap h3{


font-size:160px;


line-height:1;


margin:0 0 30px


}


.errorWrap h4{


font-size:25px;


margin:0 0 20px


}


.errorWrap p{


margin:0 0 10px


}


.errorWrap a{


display:block;


color:#598cff;


padding:10px 0 0


}


.errorWrap a i{


font-size:20px


}


.errorWrap a:hover{


text-decoration:underline


}


@media screen and (max-width: 1100px) {


#outer-wrapper{


max-width:100%


}


.row{


width:100%


}


#hot-wrapper {


padding: 0 20px;


box-sizing: border-box;


}


#header-wrap{


box-sizing:border-box;


padding:0 20px


}


.ad-wrapper {


padding: 0 20px;


box-sizing: border-box;


}


#break-wrapper-outer {


padding: 0 20px;


box-sizing: border-box;


}


#content-wrapper{


position:relative;


box-sizing:border-box;


padding:0 20px;


margin:30px 0 0


}


#footer-wrapper .container, #footer-wrapper .primary-footer{


box-sizing:border-box;


padding:10px 20px


}


}


@media screen and (max-width: 980px) {


#content-wrapper > .container{


margin:0


}


#header-wrap{


padding:0


}


#header-inner a{


display:inline-block!important


}


.header-logo,.main-logo{


width:100%;


max-width: 226px;


text-align: center;


margin: 0 auto;


float: none;


}


.header-menu{


display:none


}


.mobile-menu-wrap,.mobile-menu-toggle{


display:block


}


#nav-search .search-input{


padding:0 58px 0 20px


}


#main-wrapper,#sidebar-wrapper{


width:100%;


padding:0


}


#sidebar-wrapper {


margin-top: 20px;


}


#footer-about-area {


width: 100%;


text-align: center;


padding: 0;


}


#footer-about-area .widget {


width: 100%;


}


#footer-about-area .footer-logo {


float: none;


display: inline-block;


max-width: unset;


padding: 0;


}


#footer-about-area .Image .image-caption {


line-height: inherit;


margin: 10px 0 0;


}


.foot-bar-social {


width: 100%;


padding: 25px 0 0;


text-align: center;


}


.foot-bar-social ul > li {


float: none;


display: inline-block;


margin: 0 5px;


}


.foot-bar-social ul > li > a {


width: 30px;


height: 30px;


line-height: 30px;


font-size: 14px;


}


}


@media screen and (max-width: 880px) {


.footer-widgets-wrap{


display:block


}


#footer-wrapper .footer{


width:100%;


margin-right:0


}


#footer-sec2,#footer-sec3{


margin-top:25px


}


}


@media screen and (max-width: 760px) {


#hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content, ul.hot-posts, .PopularPosts ul.hot-posts {


height: auto;


}


ul.hot-posts, .PopularPosts ul.hot-posts {


grid-template-columns: repeat(2,1fr);


grid-gap: 2px;


}


.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {


height: 410px;


grid-column: 1/3;


grid-row: auto;


}


}


@media screen and (max-width: 680px) {


#breadcrumb{


height:auto;


line-height:1.5em;


padding:10px 15px


}


#menu-footer,#footer-wrapper .copyright-area{


width:100%;


height:auto;


line-height:inherit;


text-align:center


}


#menu-footer{


margin:10px 0 0


}


#footer-wrapper .copyright-area{


margin:15px 0


}


#menu-footer ul li{


float:none;


height:auto


}


#menu-footer ul li a{


line-height:inherit;


margin:0 3px 5px


}


#menu-footer ul li:last-child a {


padding:0 10px;


}


}


@media screen and (max-width: 560px) {


#nav-search{


width:100%


}


.top-bar-nav {


display: none;


}


.top-bar-social {


float:none;


margin:0 auto;


text-align: center;


}


.top-bar-social ul > li {


float: none;


display: inline-block;


}


#break-section .show-ticker > .widget-title {


width: 24px;


font-size: 0;


text-align: center;


padding: 0;


}


#break-section .widget > .widget-title > h3:before {


float: none;


margin: 0;


}


.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {


height: 310px;


}


ul.related-posts{


margin:0


}


.related-posts .related-item{


width:100%;


padding:0;


margin:20px 0 0


}


.related-posts .item-0{


margin:0


}


.related-posts .post-image-link{


width:75px;


height:60px;


float:left;


margin:0 12px 0 0


}


.related-posts .post-title{


font-size:15px;


overflow:hidden;


margin:0 0 5px


}


.post-reactions{


display:none


}


.index-post .post-image-wrap, .index-post .post-image-wrap .post-image-link {


float: left;


width: 100%;


height: 185px;


overflow: hidden;


margin: 0 0 10px 0;


}


.index-post .post-info, .post-info-bottom, .index-post-footer {


float:left;


width:100%


}


.index-post .post-info > h2 {


font-size: 20px;


}


}


@media screen and (max-width: 480px) {


ul.hot-posts, .PopularPosts ul.hot-posts {


grid-template-columns: 1fr;


grid-gap: 2px;


}


.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {


height: 205px;


grid-column: auto;


grid-row: auto;


}


.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {


height: 205px;


}


.hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title {


font-size:18px;


}


.hot-posts .item-0 .post-snippet, .PopularPosts .hot-posts .item-0 .post-snippet, .hot-posts .item-0 .post-tag, .PopularPosts .hot-posts .item-0 .post-tag {


display:none;


}


}


@media screen and (max-width: 440px) {


.ticker-widget .post-tag {


display: none;


}


.ticker-widget .post-title {


float:none;


}


.ticker-widget:after {


content: "";


position: absolute;


background: linear-gradient(to right,#fff0,#ebebeb);


top: 3px;


right: 1px;


width: 50px;


height: 24px;


z-index: 4;


}


.slick-arrow{display:none!important}


.queryMessage{


text-align:center


}


.queryMessage a.show-more{


width:100%;


margin:10px 0 0


}


.item-post h1.post-title{


font-size:27px


}


.about-author{


text-align:center


}


.about-author .avatar-container{


float:none;


display:table;


margin:0 auto 10px


}


#comments ol{


padding:0


}


.errorWrap{


padding:70px 0 100px


}


.errorWrap h3{


font-size:120px


}


}


@media screen and (max-width: 360px) {


.header-social li{


margin:20px 5px 5px


}


.about-author .avatar-container{


width:60px;


height:60px


}


}


-->


/*-------Typography and ShortCodes-------*/


  .firstcharacter{


    float:left;


    color:#27ae60;


    font-size:75px;


    line-height:60px;


    padding-right:8px;


}


 .post-body p{


    margin-bottom:25px


}


 .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{


    color:#000;


    line-height:1.3em;


    margin:0 0 20px


}


 .post-body img{


    height:auto!important


}


 blockquote{


    position:relative;


    background-color:rgba(155,155,155,0.05);


    color:#000000;


    font-style:normal;


    padding:20px 25px;


    margin:0;


    border-radius:3px


}


 blockquote:before{


    position:absolute;


    left:10px;


    top:10px;


    content:'\f10e';


    font-family:'Font Awesome 5 Free';


    font-size:33px;


    font-style:normal;


    font-weight:900;


    color:#000;


    line-height:1;


    opacity:.05;


    margin:0


}


 .post-body .responsive-video-wrap{


    position:relative;


    width:100%;


    padding:0;


    padding-top:56%


}


 .post-body .responsive-video-wrap iframe{


    position:absolute;


    top:0;


    left:0;


    width:100%;


    height:100%


}


 .post-body ul{


    padding:0 0 0 15px;


    margin:10px 0


}


 .post-body li{


    margin:5px 0;


    padding:0


}


 .post-body ul li,.post-body ol ul li{


    list-style:none


}


 .post-body ul li:before{


    display:inline-block;


    content:'\2022';


    margin:0 5px 0 0


}


 .post-body ol{


    counter-reset:ify;


    padding:0 0 0 15px;


    margin:10px 0


}


 .post-body ol > li{


    counter-increment:ify;


    list-style:none


}


 .post-body ol > li:before{


    display:inline-block;


    content:counters(ify,'.')'.';


    margin:0 5px 0 0


}


 .post-body u{


    text-decoration:underline


}


 .post-body strike{


    text-decoration:line-through


}


 .post-body sup{


    vertical-align:super


}


 .post-body a{


}


 .post-body a:hover{


}


 .post-body a.button{


    display:inline-block;


    height:34px;


    background-color:#2c3e50;


    font-size:14px;


    color:#ffffff;


    font-weight:400;


    line-height:34px;


    text-align:center;


    text-decoration:none;


    cursor:pointer;


    padding:0 20px;


    margin:0 6px 8px 0


}


 .post-body a.colored-button{


    color:#fff


}


 .post-body a.button:hover{


    background-color:#f47500;


    color:#fff


}


 .post-body a.colored-button:hover{


    background-color:#f47500!important;


    color:#fff!important


}


 .button:before{


    float:left;


    font-family:'Font Awesome 5 Free';


    font-weight:900;


    display:inline-block;


    margin:0 8px 0 0


}


 .button.preview:before{


    content:'\f06e'


}


 .button.download:before{


    content:'\f019'


}


 .button.link:before{


    content:'\f0c1'


}


 .button.cart:before{


    content:'\f07a'


}


 .button.info:before{


    content:'\f06a'


}


 .button.share:before{


    content:'\f1e0'


}


 .button.contact:before{


    content:'\f0e0';


    font-weight:400


}


 .alert-message{


    position:relative;


    display:block;


    padding:15px;


    border:1px solid rgba(155,155,155,0.1);


    border-radius:3px


}


 .alert-message.alert-success{


    background-color:rgba(34,245,121,0.03);


    border:1px solid rgba(34,245,121,0.5)


}


 .alert-message.alert-info{


    background-color:rgba(55,153,220,0.03);


    border:1px solid rgba(55,153,220,0.5)


}


 .alert-message.alert-warning{


    background-color:rgba(185,139,61,0.03);


    border:1px solid rgba(185,139,61,0.5)


}


 .alert-message.alert-error{


    background-color:rgba(231,76,60,0.03);


    border:1px solid rgba(231,76,60,0.5)


}


 .alert-message:before{


    font-family:'Font Awesome 5 Free';


    font-size:16px;


    font-weight:900;


    display:inline-block;


    margin:0 5px 0 0


}


 .alert-message.alert-success:before{


    content:'\f058';


    color:rgba(34,245,121,1)


}


 .alert-message.alert-info:before{


    content:'\f05a';


    color:rgba(55,153,220,1)


}


 .alert-message.alert-warning:before{


    content:'\f06a';


    color:rgba(185,139,61,1)


}


 .alert-message.alert-error:before{


    content:'\f057';


    color:rgba(231,76,60,1)


}


 .post-body table{


    width:100%;


    overflow-x:auto;


    text-align:left;


    margin:0;


    border-collapse:collapse;


    border:1px solid #161619


}


 .post-body table td,.post-body table th{


    padding:7px 15px;


    border:1px solid #161619


}


 .post-body table thead th{


    color:#000;


    font-weight:700;


    text-align:left;


    vertical-align:bottom


}


 table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{


    line-height:1;


    padding:0;


    border:0


}


 table.tr-caption-container td.tr-caption{


    font-size:13px;


    color:#666666;


    padding:6px 0 0


}


 .tocify-wrap{


    display:flex;


    width:100%;


    clear:both;


    margin:0


}


 .tocify-inner{


    position:relative;


    max-width:100%;


    background-color:rgba(155,155,155,0.05);


    display:flex;


    flex-direction:column;


    overflow:hidden;


    font-size:14px;


    color:#000000;


    line-height:1.6em;


    border:1px solid rgba(155,155,155,0.1);


    border-radius:3px


}


 a.tocify-title{


    position:relative;


    height:38px;


    font-size:16px;


    color:#000000;


    font-weight:700;


    display:flex;


    align-items:center;


    justify-content:space-between;


    padding:0 15px;


    margin:0


}


 .tocify-title-text{


    display:flex


}


 .tocify-title-text:before{


    content:'\f0cb';


    font-family:'Font Awesome 5 Free';


    font-size:14px;


    font-weight:900;


    margin:0 6px 0 0


}


 .tocify-title:after{


    content:'\f078';


    font-family:'Font Awesome 5 Free';


    font-size:12px;


    font-weight:900;


    margin:0 0 0 25px


}


 .tocify-title.is-expanded:after{


    content:'\f077'


}


 a.tocify-title:hover{


    text-decoration:none


}


 #tocify{


    display:none;


    padding:0 15px 10px;


    margin:0


}


 #tocify ol{


    padding:0 0 0 15px


}


 .rtl #tocify ol{


    padding:0 15px 0 0


}


 #tocify li{


    font-size:14px;


    margin:8px 0


}


 #tocify li a{


    color:#f47500


}


 #tocify li a:hover{


    color:#f47500;


    text-decoration:underline


}


 .post-body .contact-form{


    display:table;


}


 .contact-form .widget-title{


    display:none


}


 .contact-form .contact-form-name{


    width:calc(50% - 5px)


}


 .contact-form .contact-form-email{


    float:right;


    width:calc(50% - 5px)


}


 .post-body pre,pre.code-box{


    position:relative;


    display:block;


    background-color:rgba(155,155,155,0.05);


    font-family:Monospace;


    font-size:13px;


    color:#47474a;


    white-space:pre-wrap;


    line-height:1.4em;


    padding:15px;


    margin:0;


    border:1px solid rgba(155,155,155,0.1);


    border-radius:3px


}


 .post-body .google-auto-placed{


    margin:25px 0


}


  #hidden-widgets-wrap,.hidden-widgets{


    display:none;


    visibility:hidden


}


  @media only screen and (max-width: 680px) {


.post-body table {


    display: block;


}


  }


.theiaStickySidebar:after {content: ""; display: table; clear: both;}


.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}


.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}


.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}


.fb_mpn_mobile_landing_page_slide_out{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_out_from_left{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out_from_left;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_up{animation-duration:500ms;animation-name:fb_mpn_landing_page_slide_up;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_in{animation-duration:300ms;animation-name:fb_mpn_bounce_in;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out{animation-duration:300ms;animation-name:fb_mpn_bounce_out;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out_v2{animation-duration:300ms;animation-name:fb_mpn_fade_out;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_v2{animation-duration:300ms;animation-name:fb_bounce_in_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_from_left{animation-duration:300ms;animation-name:fb_bounce_in_from_left;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_v2{animation-duration:300ms;animation-name:fb_bounce_out_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_from_left{animation-duration:300ms;animation-name:fb_bounce_out_from_left;transition-timing-function:ease-in}.fb_invisible_flow{display:inherit;height:0;overflow-x:hidden;width:0}@keyframes fb_mpn_landing_page_slide_out{0%{margin:0 12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;margin:0 24px;width:60px}}@keyframes fb_mpn_landing_page_slide_out_from_left{0%{left:12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;left:12px;width:60px}}@keyframes fb_mpn_landing_page_slide_up{0%{bottom:0;opacity:0}100%{bottom:24px;opacity:1}}@keyframes fb_mpn_bounce_in{0%{opacity:.5;top:100%}100%{opacity:1;top:0}}@keyframes fb_mpn_fade_out{0%{bottom:30px;opacity:1}100%{bottom:0;opacity:0}}@keyframes fb_mpn_bounce_out{0%{opacity:1;top:0}100%{opacity:.5;top:100%}}@keyframes fb_bounce_in_v2{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}50%{transform:scale(1.03, 1.03);transform-origin:bottom right}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}}@keyframes fb_bounce_in_from_left{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}50%{transform:scale(1.03, 1.03);transform-origin:bottom left}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}}@keyframes fb_bounce_out_v2{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}}@keyframes fb_bounce_out_from_left{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}}@keyframes slideInFromBottom{0%{opacity:.1;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottomDelay{0%{opacity:0;transform:translateY(100%)}97%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}