:root {
    --generalFontFamily: 'Roboto', sans-serif;
    --bgColor: #FFF;
    --textColor: #333;
    --titleBgColor: #FFF;
    --titleLinkColor: #333;
    --titleLinkHoverColor: #000;
    --footerLinkColor: #FFF;
    --footerLinkHoverColor: #CCC;
    --generalColor: #09adec;
    --generalHoverColor: #333;
    --generalBgColor: #09adec;
    --moreContentColor: #4e4f53;
    --moreContentIconColor: #616263;
    --moreContentBorderColor: #a3a3a5;
}
html, body{width:100%; height:100%;}
body.theme01 {
    --generalFontFamily: 'Roboto', sans-serif;
}
body.theme02 {
    --generalFontFamily: 'Cambria', sans-serif;
}
body.theme03 {
    --generalFontFamily: 'Montserrat', sans-serif;
}
body.theme04 {
    --generalFontFamily: 'Georgia', sans-serif;
}
body.theme05 {
    --generalFontFamily: 'Open Sans', sans-serif;
}
body {background: var(--bgColor); margin:0; padding:121px 0 0 0; font-family:var(--generalFontFamily); transition:all .3s ease-out;}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
a{transition:all .3s ease-out;}
a:hover{text-decoration:none;}
[contenteditable=true]:empty:before {content: attr(aria-label); color:rgba(0,0,0,0.5);}
.bodyoverlay, .menuoverlay{z-index:19; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; background:rgba(0,0,0,.65); transition:all .8s linear; position:fixed;}
.menuoverlay{z-index:9; top:66px;}
body.sidebaropen .bodyoverlay{visibility:visible; opacity:1;}
.scroll-top{display:none}
.scroll-top a{z-index:21;width:44px;height:44px;border:solid 1px rgba(255,255,255,0.3);border-radius:50%;text-align:center;line-height:43px;background:var(--generalColor);position:fixed;bottom:40px;right:20px;font-size:16px;color:#fff;opacity:.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.scroll-top a:hover{background-color:var(--generalHoverColor);text-decoration:none;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.spinner {position: relative;}
@keyframes spinner {to {transform: rotate(360deg);}}
.spinner:after {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;border-radius: 50%;border: 1px solid #ccc;border-top-color: #07d;animation: spinner .6s linear infinite; z-index:9999999;}
/* ----------------------------------------------
 * Generated by Animista on 2019-11-14 16:19:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes roll-in-blurred-left{0%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translateX(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes roll-in-blurred-left{0%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translateX(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes roll-out-blurred-left{0%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translateX(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}}@keyframes roll-out-blurred-left{0%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:translateX(-1000px) rotate(-720deg);transform:translateX(-1000px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}}
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes text-blur-out{0%{-webkit-filter:blur(.01);filter:blur(.01)}100%{-webkit-filter:blur(12px) opacity(0);filter:blur(12px) opacity(0)}}@keyframes text-blur-out{0%{-webkit-filter:blur(.01);filter:blur(.01)}100%{-webkit-filter:blur(12px) opacity(0);filter:blur(12px) opacity(0)}}
.anim-object {display: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation:none;}
.anim-object.active{display:block;}
.roll-in-blurred-left {animation: 0.65s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both running roll-in-blurred-left;}
.roll-out-blurred-left {animation: 0.65s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both running roll-out-blurred-left;}
.text-focus-in {animation: 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running text-focus-in;}
.text-focus-out {animation: 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running text-blur-out;}
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking{background-color:transparent;}

.sectiontitle, .pagetitle{font-size:2.8125rem; line-height:1em; color:var(--generalColor); text-align:center;} 
.sectiontitle span, .pagetitle span{position:relative; display:inline-block;}
.morecontent{padding:35px 0 0 0; text-align:center;}
.morecontent a{display:inline-block; padding:13px; color:var(--moreContentColor); border-top:solid 1px; border-color:var(--moreContentBorderColor); font-size:1.1875rem; line-height:1; font-weight:300;}
.morecontent a>i{display:block; margin:15px auto 0 auto; font-size:2.3em; color:var(--moreContentIconColor);}
.morecontent a>strong{display:block; margin:15px auto 0 auto; font-weight:300;}

.video .img, .photo .img{position:relative; overflow:hidden; display:block;}
.video .img img, .photo .img img{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out;display:block; width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.video:hover .img img, .photo:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.video .img:after, .photo .img:after{font-size:70px; line-height:80px; font-family:"Font Awesome 5 Free"; width:80px; height:80px; position:absolute; display:block; margin-left:-40px; margin-top:-40px; top:50%; left:50%; color:rgba(255,255,255,.75);}
.video .img:after{content:"\f144"; font-weight:400;}
.photo .img:after{content:"\f030"; font-weight:900;}

#header{position:fixed; top:0; left:0; right:0; height:121px; background:var(--titleBgColor);transition:all .3s ease-out; z-index:10; display:flex; align-items:center;}
#header .container{display:flex; align-items:center; max-width:100%;padding:0 40px;}
#header .logo{max-width:200px; display:block;}
#header .hamburger{display:none;}
#header .logo img{max-width:100%; height:auto; display:block;}
#header .menus{display:flex; flex-grow:1; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
#header nav.menu{}
#header nav ul{display:block; list-style:none; padding:0; margin:0;}
#header nav>ul>li{float:left; display:inline-block; padding:0; margin:0 10px;}
#header nav>ul>li:last-child{margin-right:0;}
#header nav>ul>li>a{display:flex; padding:0 15px; border:solid 1px transparent; line-height:31px; border-radius:5px; color:var(--titleLinkColor); align-items:center;}
#header nav>ul>li>a>.fa{font-size:1.3em; line-height:33px; padding-right:5px;}
#header nav>ul>li>a:hover{color:var(--titleLinkHoverColor);}
#header nav.headerbuttons>ul>li>a{font-family:Roboto, sans-serif; font-size:14px; color:var(--generalColor);}
#header nav.headerbuttons>ul>li>a.member{border-color:var(--generalColor);}
#header nav.headerbuttons>ul>li>a.subscribe{color:#FFF; background:#00a651; border-color:#00a651;}
#header nav.headerbuttons>ul>li>a.donate{color:#FFF; background:#ec008c; border-color:#ec008c;}
#header nav.headerbuttons>ul>li>a:hover{color:var(--generalHoverColor);}
#header nav.headerbuttons>ul>li>a.member:hover{border-color:var(--generalHoverColor);}
#header nav.headerbuttons>ul>li>a.subscribe:hover{color:#FFF;}
#header nav.headerbuttons>ul>li>a.donate:hover{color:#FFF;}
#header nav .dropdown-toggle{padding:0; height:35px; color:var(--generalColor); font-size:1.5rem; width:35px; text-align:center; border:none; border-radius:50%; border:solid 3px; border-color:var(--generalColor); overflow:hidden;}

#header nav .dropdown-toggle:after{display:none;}
#header nav .membership-link{font-size:.875rem; width:auto; max-width:100px; line-height:1; margin-left:10px;}
#header nav .membership-link span{display:block; line-height:1; margin-top:5px;}
#header nav .membership-link i{font-size:1.3rem; display:block; line-height:1; padding-top:3px;}
#userMenuButton img{width:29px; height:29px; background-repeat:no-repeat; background-position:center top; background-size:cover; display:block;}
#header .dropdown-menu {border-radius:0; border:none; padding:0; min-width:250px;}
#header .dropdown-menu .psbox {height:250px; overflow:auto; position:relative;}
#header .dropdown-menu .title {background:var(--generalBgColor); color:#FFF; text-align:center; font-size:1.2rem; padding:15px 20px; position:relative;}
#header .dropdown-menu.user .title {margin-bottom:40px; padding-bottom:30px;}
#header .dropdown-menu.user .title img {position:absolute; width:60px; height:auto; bottom:-30px; left:20px; border-radius:50%; background-repeat:no-repeat; background-position:center top; background-size:cover; display:block;}
#header .dropdown-menu.user .title .name, #header .dropdown-menu.user .title .corporate {position:absolute; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; bottom:0; left:90px; display:block; color:#FFF; font-size:.9375rem; font-weight:600; line-height:30px;}
#header .dropdown-menu.user .title .corporate{bottom:-30px; color:#999;}
#header .dropdown-menu.user .btn{color:#FFF; margin:20px;}
#header .dropdown-menu:before {position: absolute;top: -7px;right: 10px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
#header .dropdown-menu:after {position: absolute;top: -6px;right: 11px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid; border-bottom-color:var(--generalColor); border-left: 6px solid transparent;content: '';}
#header .dropdown.show .dropdown-toggle{background:var(--generalColor); color:#FFF;}
#header .dropdown-menu.show{margin:9px 0 0 0;}
#headergroupbtn{display:none;background:none;border:none;box-shadow:none !important;outline: none !important; width: 60px; padding-right:20px; text-align:right; font-size:2rem; color:#1abeef; line-height:66px; height:66px; position:absolute; right:0; top:0; z-index:3;}

#hamburger{background:none;border:none;box-shadow:none !important;outline: none !important;display: block;width: 70px;height: 66px;position: absolute;top: 0px;left: 0;z-index: 4;}
#hamburger:before,#hamburger:after,#hamburger span{background:#1abeef;content:'';display:block;height:1px;position:absolute;left:24px; transition:width .3s ease-out;}
#hamburger:before{top: 26px; width:13px;}
#hamburger span{top: 33px; width:26px;}
#hamburger:after{top: 40px; width:19px;}

#showcase{ padding-bottom:35px;}
#showcase ul{list-style:none; padding:0; margin:0;}
#showcase ul li{display:block;}
#showcase ul li a{display:block;}
#showcase ul li img{width:100%; height:auto; display:block;}
#showcase .owl-prev{position:absolute; left:8px; top:50%; margin-top:-52.5px; width:52px; z-index:1; padding:0; border:0; background:none; outline:none;}
#showcase .owl-next{position:absolute; right:8px; top:50%; text-align:right; margin-top:-52.5px; width:52px; z-index:1; padding:0; border:0; background:none; outline:none;}
#showcase .owl-dots{position:absolute; bottom:10px; left:0; right:0; text-align:center; z-index:1;}
#showcase .owl-dot{display:inline-block; margin:0 3px;}
#showcase .owl-dot span{display:inline-block; width:20px; height:20px; border-radius:50%; background:#CCC;}
#showcase .owl-dot.active span{background:#FFF;}


#sidebar{position:fixed; top:0; bottom:0; width:455px; right:-500px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,.85); transition:all .3s ease-out; z-index:20;}
body.sidebaropen #sidebar{right:0;}
#sidebar .title{background:#1abeef; color:#FFF; text-align:left; font-size:1.6rem; padding:20px 30px; position:relative; margin:0; z-index:1;}
#sidebar .title .closebtn{border:none; outline:none; background:none; color:#FFF; position:absolute; width:20px; height:30px; line-height:30px; text-align:right; right:30px; top:50%; margin-top:-15px; font-size:25px;}
#sidebar h4{font-size:1.075rem; font-weight:600; margin-bottom:20px;}
#sidebar .content{padding:110px 30px 0 30px; position:absolute; display:block; width:100%; height:100%; left:0; top:0; overflow:auto; z-index:0;}

#footer{background:var(--generalBgColor);}
#footer .container{display:flex; padding:60px 0; flex-wrap:wrap;}
#footer h4{font-weight:700; margin:0 0 15px 0; color:var(--footerLinkColor); font-size:1rem;}
#footer nav{min-width:25%;}
#footer nav ul{list-style:none; padding:0; margin:0;}
#footer nav ul li{display:block; padding:0; margin:0 0 15px 0;}
#footer nav ul li a{color:var(--footerLinkColor); font-size:.875rem;}
#footer nav ul li a:hover{color:var(--footerLinkHoverColor);}
#footer .logo{display:flex; align-items:center; max-width:280px;}
#footer .logo a{display:block;}
#footer .logo img{max-width:100%; height:auto;}
#footer .copyright{flex-basis:100%; display:flex; color:var(--footerLinkColor); font-size:.875rem;}
#footer .copyright strong{padding-left:5px;}

#footer.footer1 .logo{margin-left:auto;}
#footer.footer1 .copyright{margin-top:30px;}

#footer.footer2 .container{flex-direction:row-reverse;}
#footer.footer2 .logo{margin-right:auto;}
#footer.footer2 .menu1{min-width:0;}
#footer.footer2 .copyright{margin-top:30px;}

#footer.footer3 .container{justify-content:center; padding:35px 0;}
#footer.footer3 .logo{max-width:140px; margin-bottom:60px;}
#footer.footer3 nav{display:none;}
#footer.footer3 .copyright{justify-content:center;}

#footer.footer4 .container{justify-content:center; padding:0; max-width:100%; flex-direction:column;}
#footer.footer4 .logo{max-width:100%; padding:50px 0; justify-content:center; background:rgba(0,0,0,.1); order:1;}
#footer.footer4 .logo img{max-width:280px;}
#footer.footer4 h4{text-align:center; margin-bottom:0;}
#footer.footer4 .menu1{background:rgba(0,0,0,.2); padding:50px 0; order:2;}
#footer.footer4 .menu2{background:rgba(0,0,0,.3); padding:50px 0; order:3;}
#footer.footer4 nav ul{display:flex; flex-wrap:wrap; justify-content:center;}
#footer.footer4 nav ul li{padding: 0 15px; margin-bottom:0; margin-top:15px;}
#footer.footer4 .copyright{background:rgba(0,0,0,.4); justify-content:center; padding:30px 0; order:4;}

#footer.footer5 .container{padding:35px 0; align-items:center;}
#footer.footer5 .logo{max-width:140px;}
#footer.footer5 nav{display:none;}
#footer.footer5 .copyright{margin-left:auto; flex-basis:auto;}

#photogallery .container{max-width:100%; padding:0;}
#photogallery .item{position:relative; font-size:.875rem;}
#photogallery .item a{display:block;}
#photogallery .item img{display:block; width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#photogallery .item .caption{position:absolute; top:0; left:0; bottom:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:all .3s ease-out; opacity:0; visibility:hidden;}
#photogallery .item:hover .caption{opacity:1; visibility:visible; background:rgba(0,0,0,.15);}
#photogallery .item .caption .buttons{display:flex; justify-content:center; flex-direction:row;}
#photogallery .item .caption a{border-radius:50%; width:50px; height:50px; background:rgba(0,0,0,.4); color:#FFF; line-height:50px; text-align:center; margin:0 10px;}
#photogallery .item .caption h4{display:flex; margin:10px 0 0 0; font-weight:700; justify-content:center; font-size:.875rem;}
#photogallery .item .caption h4 span{display:inline-block; padding:7px 15px; background:rgba(0,0,0,.4); color:#FFF;}

#instagramfeed .container{max-width:100%; padding:0 7px;}
#instagramfeed .row{margin:0 -7px;}
#instagramfeed .coll{padding:0 7px;}
#instagramfeed .item{position:relative; font-size:.875rem; margin-bottom:14px;}
#instagramfeed .item img{display:block; width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#instagramfeed .item .caption{position:absolute; top:0; left:0; bottom:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction:column; transition:all .3s ease-out; opacity:0; visibility:hidden;}
#instagramfeed .item:hover .caption{opacity:1; visibility:visible; background:rgba(0,0,0,.15);}
#instagramfeed .item .caption .icon{border-radius:50%; width:50px; height:50px; background:rgba(0,0,0,.4); color:#FFF; line-height:50px; text-align:center; margin:0 10px;}
#instagramfeed .item .caption .buttons{display:flex; justify-content:center; flex-direction:row;}
#instagramfeed .morecontent{padding-top:21px !important;}

#youtubefeed .item{font-size:.875rem; margin-bottom:70px; display:block;}
#youtubefeed .item .caption{padding-top:10px; text-align:center; display:block; font-weight:700; font-size:1.1875rem; color:var(--textColor);}
#youtubefeed .morecontent{padding-top:0 !important;}

#socialaccounts{background-color:var(--generalBgColor);}
#socialaccounts .container{padding-top:65px; padding-bottom:75px;}
#socialaccounts h2{margin:0 0 25px 0; padding:0; color:#FFF; font-size:2rem; text-align:center; font-weight:300;}
#socialaccounts nav{margin:0;}
#socialaccounts nav ul{margin:0; padding:0; list-style:none; display:flex; align-items:center; justify-content:space-around;}
#socialaccounts nav ul li{margin:0; padding:30px 0 0 0;}
#socialaccounts nav ul li a{display:block; font-size:1.0375rem; text-align:center; color:#FFF;}
#socialaccounts nav ul li a:hover{opacity:.75;}
#socialaccounts nav ul li a .socialicon{display:flex; font-size:2.5em; width:58px; height:58px; margin:0 auto; align-items:center; justify-content:center; margin-bottom:25px;}
#socialaccounts nav ul li a .title{display:block;}
#socialaccounts nav.social1 ul li a .socialicon{margin-bottom:20px;}
#socialaccounts nav.social2 ul li a .socialicon{color:var(--generalColor); background:#FFF; border-radius:9px; font-size:2.3em;}
#socialaccounts nav.social3 ul li a .socialicon{color:var(--generalColor); background:#FFF; border-radius:50%; font-size:2em; border:solid 2px; border-color:var(--generalColor); box-shadow:0 0 3px rgba(255,255,255,1);}
#socialaccounts nav.social4 ul li a .socialicon{color:#FFF; border-radius:50%; font-size:2em; border:solid 2px; border-color:#FFF;}
#socialaccounts nav.social5 ul li a .socialicon{color:#FFF; border-radius:9px; font-size:2.3em; border:solid 2px; border-color:#FFF;}

#blogdetail{margin:0 40px 50px 40px;}
#blogdetail article{display:flex; flex-direction:column; max-width:942px; margin:0 auto 50px auto;}
#blogdetail article .detail{display:flex; flex-direction:column; padding:35px 45px 30px 45px;}
#blogdetail article .detail .content{line-height:2em;}
#blogdetail article .detail .content p{margin-bottom:2em;}
#blogdetail article .author{display:flex; align-items:center; margin-bottom:30px;}
#blogdetail article .authorimg{display:block; width:47px; border:solid 2px; border-color:var(--generalColor); border-radius:50%; margin-right:10px; overflow:hidden;}
#blogdetail article .authorimg img{display:block; width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}
#blogdetail article .author .name{font-size:.75rem; line-height:1.5em;}
#blogdetail article .author .name strong{font-weight:400; display:block;}
#blogdetail article .author .name time{font-weight:300; opacity:.7; display:block;}
#blogdetail article .title{font-size:3em; font-weight:400; margin-bottom:20px; text-align:center;}
#blogdetail article .summary{font-size:.9375em; font-weight:300;}
#blogdetail article .img{display:block;}
#blogdetail article .img img{display:block; width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

#contentdetail article{display:flex; flex-direction:column;}
#contentdetail article .detail{max-width:942px; margin:0 auto 50px auto;line-height:2em;}
#contentdetail article .detail p{margin-bottom:2em;}
#contentdetail article .img{display:block; margin-bottom:2em;}
#contentdetail article .img img{display:block; width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

.sharecontent{height:63px; border-top:solid 1px; border-bottom:solid 1px; border-color:var(--generalColor); display:flex; width:100%; align-items:center; margin:1.5em 0;}
.sharecontent .all{margin-left:auto; font-size:.75em; padding:.5em;}
.sharecontent a{color:var(--generalColor);}
.sharecontent a:hover{color:var(--generalHoverColor);}
#sharecontent .jssocials-share-link {background: none !important;}
#sharecontent .jssocials-share-logo {font-size: 1em;}

#blogcategory .itemlist{display:flex;}
#blogcategory .itemlist .item{display:flex;}
#blogcategory .itemlist .item a{display:flex; color:var(--textColor);}
#blogcategory .itemlist .item a .img{display:block;}
#blogcategory .itemlist .item a .img img{display:block; width:100%; height:auto;background-position:center top; background-repeat:no-repeat; background-size:cover;}
#blogcategory .itemlist .item .detail{display:flex;}
#blogcategory .itemlist .item .detail .author{display:flex; align-items:center;}
#blogcategory .itemlist .item .detail .authorimg{display:block; width:47px; border:solid 2px; border-color:var(--generalColor); border-radius:50%; margin-right:10px; overflow:hidden;}
#blogcategory .itemlist .item .detail .authorimg img{display:block; width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}
#blogcategory .itemlist .item .detail .author .name{font-size:.75rem; line-height:1.5em;}
#blogcategory .itemlist .item .detail .author .name strong{font-weight:400; display:block;}
#blogcategory .itemlist .item .detail .author .name time{font-weight:300; opacity:.7; display:block;}
#blogcategory .itemlist .item .detail .title{font-size:1.5em; font-weight:300;}
#blogcategory .itemlist .item .detail .summary{font-size:.9375em; font-weight:300;}
#blogcategory .itemlist .seperator{min-height:50px; flex-basis:100%; flex-direction:column; background-color:var(--bgColor);}

body.theme01 #blogcategory .itemlist{flex-direction:column; max-width:942px; margin:0 auto;}
body.theme01 #blogcategory .itemlist .item{flex-direction:column; margin-bottom:50px;}
body.theme01 #blogcategory .itemlist .item a{flex-direction:column; border:solid 1px; border-color:var(--generalColor);}
body.theme01 #blogcategory .itemlist .item .detail{flex-direction:column; padding:35px 45px 30px 45px;}
body.theme01 #blogcategory .itemlist .item .detail .title{padding-top:20px; line-height:2em;}
body.theme01 #blogcategory .itemlist .item .detail .summary{line-height:2em;}
body.theme01 #blogcategory .itemlist .seperator{display:none;}
body.theme01 #blogcategory.home{margin-bottom:50px;}
body.theme01 #blogcategory.home .itemlist{max-width:5000px;}


body.theme02 #blogcategory .itemlist{flex-direction:column; max-width:942px; margin:0 auto;}
body.theme02 #blogcategory .itemlist .item{flex-direction:column; margin-bottom:50px;}
body.theme02 #blogcategory .itemlist .item a{border:solid 3px; border-color:var(--generalColor); padding:3px; align-items:center;}
body.theme02 #blogcategory .itemlist .item .img{width:280px; position:relative; padding-top:20%; overflow:hidden;}
body.theme02 #blogcategory .itemlist .item .img img{width:100%; height:auto; position:absolute; top:0; left:0;}
body.theme02 #blogcategory .itemlist .item .detail{flex-direction:column; padding:0 35px; width:calc(100% - 280px);}
body.theme02 #blogcategory .itemlist .item .detail .title{padding-top:20px; font-size:2em; line-height:1.5em;}
body.theme02 #blogcategory .itemlist .item .detail .summary{line-height:2em; display:none;}
body.theme02 #blogcategory .itemlist .seperator{display:none;}
body.theme02 #blogcategory.home{margin-bottom:50px;}
body.theme02 #blogcategory.home .itemlist{max-width:5000px;}
body.theme02 #blogcategory.home .itemlist .item a{flex-direction:column;}
body.theme02 #blogcategory.home .itemlist .item .img{width:100%; padding-top:0;}
body.theme02 #blogcategory.home .itemlist .item .img img{position:static;}
body.theme02 #blogcategory.home .itemlist .item .detail{width:100%; padding-top:35px; padding-bottom:35px;}


body.theme03 #blogcategory{background-color:#f8f8f8; margin-bottom:50px;}
body.theme03 #blogcategory .itemlist{flex-wrap:wrap; justify-content:center; border-top:solid 90px; border-color:var(--bgColor);}
body.theme03 #blogcategory .itemlist .item{flex-direction:column; padding:60px 30px 30px 30px; max-width:400px; width:33%;}
body.theme03 #blogcategory .itemlist .item a{flex-direction:column;}
body.theme03 #blogcategory .itemlist .item .img{position:relative; padding-top:55%; overflow:hidden;}
body.theme03 #blogcategory .itemlist .item .img img{width:100%; height:auto; position:absolute; top:0; left:0;}
body.theme03 #blogcategory .itemlist .item .detail{flex-direction:column; padding:30px;}
body.theme03 #blogcategory .itemlist .item .detail .title{padding-top:20px; font-size:1.5em; line-height:1.5em;}
body.theme03 #blogcategory .itemlist .item .detail .summary{display:none;}
body.theme03 #blogcategory.home .itemlist{border-top:none;}
body.theme03 #blogcategory.home .itemlist .item{padding:0; max-width:1000px; width:100%;}
body.theme03 #blogcategory.home{background:none;}

body.theme04 #blogcategory{background-color:var(--generalColor); margin:0 40px 50px 40px;}
body.theme04 #blogcategory .itemlist{flex-wrap:wrap; justify-content:center; border-top:solid 50px; border-color:var(--bgColor);}
body.theme04 #blogcategory .itemlist .item{flex-direction:column; padding:60px 30px 30px 30px; max-width:400px; width:33%;}
body.theme04 #blogcategory .itemlist .item a{flex-direction:column; color:#FFF;}
body.theme04 #blogcategory .itemlist .item .img{position:relative; padding-top:55%; overflow:hidden;}
body.theme04 #blogcategory .itemlist .item .img img{width:100%; height:auto; position:absolute; top:0; left:0;}
body.theme04 #blogcategory .itemlist .item .detail .authorimg{border-color:#FFF;}
body.theme04 #blogcategory .itemlist .item .detail{flex-direction:column; padding:30px;}
body.theme04 #blogcategory .itemlist .item .detail .title{padding-top:20px; font-size:1.5em; line-height:1.5em;}
body.theme04 #blogcategory .itemlist .item .detail .summary{display:none;}
body.theme04 #blogcategory.home{ background:none; margin:0 40px 50px 40px;}
body.theme04 #blogcategory.home .itemlist{border-top:none; background-color:var(--generalColor);}
body.theme04 #blogcategory.home .itemlist .item{padding:60px 0 15px 0; max-width:1000px; width:100%;}

body.theme05 #blogcategory .itemlist{flex-direction:column; max-width:942px; margin:0 auto;}
body.theme05 #blogcategory .itemlist .item{flex-direction:column; margin-bottom:50px;}
body.theme05 #blogcategory .itemlist .item a{flex-direction:column; border-bottom:solid 1px; border-color:var(--generalColor); background-color:#f8f8f8;}
body.theme05 #blogcategory .itemlist .item .detail{flex-direction:column; padding:35px 45px 30px 45px;}
body.theme05 #blogcategory .itemlist .item .detail .title{padding-top:20px; line-height:2em;}
body.theme05 #blogcategory .itemlist .item .detail .summary{line-height:2em;}
body.theme05 #blogcategory .itemlist .seperator{display:none;}
body.theme05 #blogcategory.home{margin-bottom:50px;}
body.theme05 #blogcategory.home .itemlist{max-width:5000px; border-bottom:solid 1px; border-color:var(--generalColor); background-color:#f8f8f8; padding-top:60px; padding-bottom:15px;}
body.theme05 #blogcategory.home .itemlist .item{margin-bottom:0;}
body.theme05 #blogcategory.home .itemlist .item a{border-bottom:none; background:none;}

body.theme01 .pagetitle {margin:50px 0 100px 0; font-weight:300;}
body.theme01 .pagetitle span{padding-bottom:20px;color:var(--generalColor);}
body.theme01 .pagetitle span:after{content:"";position:absolute; bottom:0; left:30px; right:30px; height:1px; background-color:var(--generalColor);}

body.theme02 .pagetitle{margin:0 40px 80px 40px;}
body.theme02 .pagetitle span{padding:55px 0; border:solid 4px; border-color:var(--generalColor); display:block;color:var(--generalColor);}

body.theme03 .pagetitle{margin:0;}
body.theme03 .pagetitle span{padding:35px 0;color:var(--generalColor);}
body.theme03 #blogdetail, body.theme03 #contentdetail{margin:0;}
body.theme03 #blogdetail .pagetitle, body.theme03 #contentdetail .pagetitle, body.theme03 #photogallery .pagetitle{background-color:#f8f8f8; margin-bottom:40px;}

body.theme04 .pagetitle{margin:0;}
body.theme04 .pagetitle span{padding:85px 0; background-color:var(--generalColor); color:#FFF; display:block;}
body.theme04 #blogdetail .pagetitle, body.theme04 #contentdetail .pagetitle, body.theme04 #photogallery .pagetitle{margin:0 0 40px 0;}

body.theme05 .pagetitle{margin:0 0 50px 0; padding:80px 0; border-bottom:solid 1px; border-color:var(--generalColor); background-color:#f8f8f8; font-weight:300;}
body.theme05 .pagetitle span{color:var(--generalColor);}

body.theme01 .sectiontitle {margin:115px 0 60px 0; font-weight:300;}
body.theme01 .sectiontitle span{padding-bottom:20px; color:var(--generalColor);}
body.theme01 .sectiontitle span:after{content:"";position:absolute; bottom:0; left:30px; right:30px; height:1px; background-color:var(--generalColor);}

body.theme02 .sectiontitle{margin:90px 0 70px 0;}
body.theme02 .sectiontitle span{padding:25px 65px; border:solid 4px; border-color:var(--generalColor); color:var(--generalColor);}

body.theme03 .sectiontitle{margin:115px 0 70px 0;}
body.theme03 .sectiontitle span{padding:5px 17px; border-left:solid 6px; border-color:var(--generalColor); color:var(--generalColor);}

body.theme04 .sectiontitle{margin:90px 0 70px 0;}
body.theme04 .sectiontitle span{padding:30px 40px 25px 40px; background-color:var(--generalColor); color:#FFF;}

body.theme05 .sectiontitle{margin:115px 0 70px 0; padding-bottom:15px; border-bottom:solid 1px; border-color:var(--generalColor); font-weight:300;}
body.theme05 .sectiontitle span{color:var(--generalColor);}

.chainlist{margin:0 0 40px 0; padding:0; list-style:none;}
.chainlist li{display:block; margin:0; padding:8px 0; position:relative; color:#7a7d81; font-size:.875rem;}
.chainlist li:before, .chainlist li:after{display:block; content:""; position:absolute; width:1px; height:50%; top:0; bottom:50%; left:0; background:#1abeef;}
.chainlist li:after{top:50%; bottom:0;}
.chainlist li:first-child:before, .chainlist li:last-child:after{display:none;}
.chainlist li .item{line-height:1.3em; color:#7a7d81; padding-left:20px; overflow:visible; position:relative; display:inline-block;}
.chainlist li .item:before{content:""; width:7px; height:7px; background:#1abeef; position:absolute; left:-3px; top:50%; margin-top:-3px; display:block; border-radius:50%; transition:all .3s ease-out;}
.chainlist li .item:hover:before{width:13px; height:13px; left:-6px; margin-top:-6px;}
.chainlist li .badge{font-size:1em; color:#FFF; padding-left:8px; padding-right:8px; margin-left:10px;}
.chainlist li .timetext{font-weight:300;}

.tooltip-inner {white-space: pre-wrap;}
.badge-primary{background-color:var(--generalBgColor);}
.badge-primary:hover, .badge-primary:active, .badge-primary:focus{background-color:var(--generalHoverColor) !important;}
.badge-red{background-color:#f3516b; color:#FFF;}
.hr-dotted{border-style:dotted; border-color:#CCC;}
.addbtn{padding:0; font-size:1.7rem; line-height:1em; color:#32bea3;}
.purple{color:#716ac8 !important;}
.red{color:#f3516b !important;}
.green{color:#32bea3 !important;}
.blue{color:#4c95e5 !important;}
.blue2{color:#1abeef !important;}
.gray{color:#999 !important;}
.black{color:#000 !important;}
.white{color:#FFF !important;}
.bg-white{background-color:#FFF !important;}
.bg-red{background-color:#f3516b !important;}
.bg-purple{background-color:#716ac8 !important;}
.bg-green{background-color:#32bea3 !important;}
.bg-lightgreen{background:rgba(50,190,163,.2) !important;}
.bg-yellow{background-color:#feb729 !important;}
.bg-light-blue{background-color:#38a3f5 !important;}
.bg-light-purple{background-color:#5967db !important;}
.bg-blue{background-color:#4c95e5 !important;}
.bg-blue2{background-color:#1abeef !important;}
.border-red{border-color:#f3516b !important;}
.border-purple {border-color: #716ac8 !important;}
.border-green {border-color: #32bea3 !important;}
.border-yellow {border-color: #feb729 !important;}
.border-light-blue {border-color: #38a3f5 !important;}
.border-light-purple {border-color: #5967db !important;}
.border-blue {border-color: #4c95e5 !important;}
.border-blue2 {border-color: #1abeef !important;}
.row-alter-40{margin:0 -40px;}
.col-alter-40{padding:0 40px;}
.title1{font-size:1rem; font-weight:600;}
.title1 .caption{font-size:.9rem; font-weight:300; color:#999; margin-top:5px; display:block;}
.pie_stat {font-size: 2.4rem;font-weight: 600;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color:#AAA;}
.ct-negative-labels .ct-label {fill: rgba(255,255,255,.8);}
.table-classic{color:#74787e; font-size:.9375rem; font-weight:300; margin-bottom:50px;}
.results .table-classic:last-child{margin-bottom:0;}
.table-classic tbody td{padding:.75rem .35rem; border-color:rgba(0,0,0,.02); color:#74787e;}
.table-classic thead th{padding:.75rem .35rem; font-weight:600;}
.table-classic th.check, .table-classic td.check{width:50px;}
.table-classic th.star, .table-classic td.star{width:60px;}
.table-classic td.completed, .table-classic td.completed a{text-decoration:line-through;}
.table-classic thead tr {background-color: rgba(0,0,0,.05);}
.table-classic thead th {border:none;}
.table-classic tbody tr:nth-of-type(odd) {background-color: rgba(255,255,255,1);}
.table-classic tbody tr:nth-of-type(even) {background-color: rgba(0,0,0,.02);}
.table-classic tbody tr:hover {background-color: rgba(0,0,0,.07);}
.daterange{position:relative; margin-bottom:0;}
.daterange .form-control{padding-right:30px;}
.daterange:after{position:absolute; top:6px; right:10px; color:#AAA; content:"\f073"; font-family:"FontAwesome";}
.amount{text-align:right;}
.imghovertint{position:relative;}
.imghovertint:after {position: absolute; top:0; bottom:0; left:0; right:0; opacity:0; content:""; background-color:rgba(0,0,0,.1); transition:opacity .2s ease-out;}
.imghovertint:hover:after {opacity:1; z-index:1;}
.height-0{height:0; overflow:hidden;}
label.error {color:#C00; font-size:.85em;}
.form-group.has-error .input-icon{color:#C00;}
.formsubmit {position:relative;}
.formsubmit2{background:#1abeef; color:#FFF; border-radius:5px;}
.formsubmit2>button{position:relative;}
.formsubmit .spinner, .formsubmit2>button .spinner{position:absolute; top:50%; right:15px;}
.formsubmit>button .spinner, .formsubmit2>button .spinner{right:20px;}

.pretty .state.blue2 label:before {
    border-color: #1abeef;
}
.pretty input:checked ~ .state.p-primary-o.blue2 label:before, .pretty.p-toggle .state.p-primary-o.blue2 label:before {
    border-color: #1abeef;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o.blue2 label:after {
    background-color: #1abeef !important;
}
.btn-blue2 {
    color: #fff;
    background-color: #1abeef;
    border-color: #1abeef;
    outline: none !important;
    box-shadow: none !important;
}
.btn-blue2:hover, .btn-blue2:active, .btn-blue2:focus {
    background-color: #19aeda !important;
    border-color: #19aeda !important;
}
.btn-whiteblue {
    color: #1abeef;
    background-color: #FFF;
    border-color: #FFF;
    outline: none !important;
    box-shadow: none !important;
}
.btn-whiteblue:hover, .btn-whiteblue:active, .btn-whiteblue:focus {
    color:#1abeef !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}
.badge-blue2 {
    background-color: #19aeda !important;
}
.pageheader{margin-bottom:33px; position:relative;}
.pageheader h1{float:left; font-size:1.6875rem; font-weight:600; margin:0; padding:0 35px 0 0; line-height:48px; border-right:solid 1px #9b9fa6;}
.pageheader nav{margin:0;}
.pageheader .breadcrumb{background:none; border-radius:0; margin:0; font-size:.9375rem; color:#74787e; padding-left:35px;}
.pageheader .breadcrumb-item a {color: #74787e;}
.pageheader .breadcrumb-item a:hover {color: #333;}
.pageheader .breadcrumb-item.active {color: #999;}
.pageheader .breadcrumb-item+.breadcrumb-item::before {color: #74787e;content: ">";}
.placeholder{min-height:350px; background:#999;}
.portlet{background:#FFF; padding:30px;}
.portlet2{background:#FFF; padding:20px; margin-bottom:20px;}
.portlet-message{background:#f3f2f2; padding:0 30px; margin-bottom:50px;}
.portlet-message .heading{display:flex; align-items:center; border-bottom:solid 1px; border-bottom-color:#9b9fa6; padding:0 25px; height:130px;}
.portlet-message .heading .title{font-size:.9375rem; font-weight:600; margin:0;}
.portlet-message .body{padding:15px 0 0 0;}

.filter{border-bottom:solid 1px #CCC; padding-right:20px; position:relative; font-size:.9375rem;}
.filter:after{position:absolute; content:"\f0b0"; right:0; line-height:30px; font-size:1em; color:#AAA; font-family:"FontAwesome"; width:20px; height:30px;}
.filter .btn-link{color:#716ac8; font-weight:300;}
.filter .btn-link.active{color:#000; font-weight:400;}
.filter{border-bottom:solid 1px #CCC; padding-right:20px;}


body#login{padding:0; background:#FFF;}
body#login>main{height:100%;}
.logincnt{display:flex; height:100%;}
.logincnt .imageholder{width:30%; background:url('../img/login-img.jpg') center top no-repeat; background-size:cover;}
.logincnt .social ul{display:inline-block; margin:0 10px 0 0; padding:0; list-style:none;}
.logincnt .social ul li{display:block; float:left; margin-right:20px;}
.logincnt .social ul li a{display:inline-block; color:var(--generalColor); font-size:2rem;}
.logincnt .social ul:after{content:""; clear:both; display:block;}
.logincnt .flex-column{height:100%;}
.logincnt .loginform{min-width:300px; max-width:350px; margin:0 auto;}
.logincnt .loginright{padding:50px 60px;}
.logincnt .loginform h2{font-size:1.5rem; font-weight:600; margin-bottom:.75rem;}
.logincnt .loginform h3{font-size:1.2rem; font-weight:300; margin-bottom:0;}
.logincnt .loginform ul{display:inline-block; margin:30px 0 20px 0; padding:0; list-style:none;}
.logincnt .loginform ul li{display:block; float:left; margin-right:20px;}
.logincnt .loginform ul li a{display:inline-block; font-size:.9375rem; font-weight:300; padding-bottom:5px; border-bottom:solid 2px #EEE; color:#000;}
.logincnt .loginform ul li.active a{font-weight:600; border-color:var(--generalColor);}
.logincnt .loginform ul:after{content:""; clear:both; display:block;}
.logincnt .loginform form{margin-bottom:30px;}
.logincnt .loginform .buttons .btn{font-weight:600; font-size:.85rem; line-height:1; padding:10px 30px;}
.logincnt .loginform .buttons .forgot-password{padding:10px 0; margin-left:15px;}
.logincnt .loginform p{font-size:.75rem;}
.logincnt .loginform ol{display:block; margin:0; padding:0; list-style:none;}
.logincnt .loginform ol li{display:block; float:left; margin-right:10px;}
.logincnt .loginform ol li a{display:inline-block; color:#000; background:#f6f6f6; font-size:.75rem; padding:5px;}
.logincnt .loginform ol li a i{display:inline-block; color:#FFF; width:19px; height:19px; line-height:19px; text-align:center; margin-right:3px; border-radius:50%;}
.logincnt .loginform ol li a.facebook i{background:#3b5998;}
.logincnt .loginform ol li a.google i{background:#dc4a39;}
.logincnt .loginform ol li a.twitter i{background:#55acee;}
.logincnt .loginform ol li a.instagram i{background:#e95950;}
.logincnt .loginform ol:after{content:""; clear:both; display:block;}
.logincnt .message a{border-radius:50%; border-bottom-right-radius:0; background:#1abeef; color:#FFF; font-size:2.5rem; width:75px; height:75px; line-height:71px; text-align:center; display:inline-block;}

form.labelplaceholder-form .form-group{position:relative;}
form.labelplaceholder-form input.form-control, form.labelplaceholder-form textarea.form-control{ background:#f6f6f6; border:none; padding-top:25px; padding-bottom:18px; font-size:13px; padding-left:20px; padding-right:20px;}
form.labelplaceholder-form select.form-control{ background:#f6f6f6; border:none; height: 60px; padding: 0 15px; font-size: 1rem;}
form.labelplaceholder-form input.date.noborder{outline:none; box-shadow:none; padding:0; border:none; background:none; margin-bottom:.5rem; width:163px;}
form.labelplaceholder-form textarea.form-control{ height:3em;}
form.labelplaceholder-form .form-control{margin-bottom:20px;}
form.labelplaceholder-form .form-group.ph label{position:absolute; top:19px; left:20px; right:20px; z-index:1; transition:all .3s ease-out; margin-bottom:0; font-weight:300;}
form.labelplaceholder-form .form-group.ph label i.fa{position:absolute; right:-10px; font-size:1rem; top:19px; color:#C00;}
form.labelplaceholder-form .form-group.ph:hover label, form .form-group.ph label.active{top:3px; font-size:.75rem; color:#666;}
form.labelplaceholder-form .form-group label.error{display:none !important;}
form.labelplaceholder-form .form-group label#hiddenRecaptcha-error{display:block !important; position:static; font-size:1rem !important; color:#ed1c24 !important;}
input::-webkit-calendar-picker-indicator {display: none;}
input[type="date"]::-webkit-input-placeholder {visibility: hidden !important;}

.memberlist>ul{list-style:none; margin:0; padding:0 20px; position:relative; height:575px; overflow:auto;}
.memberlist>ul>li{margin:0; padding:7px 0; display:flex; position:relative; align-items:center;}
.memberlist>ul>li:before{position:absolute; top:0; bottom:0; left:-7px; right:-7px; transition:all .3s ease-out; display:block; z-index:0; opacity:0; background:rgba(0,0,0,.05); content:"";}
.memberlist>ul>li:hover:before{opacity:1;}
.memberitem{display:flex; align-items:center; width:100%; border:none !important; outline:none !important; box-shadow:none !important; text-align:left; background:none; position:relative; z-index:1; padding:0;}
.memberitem>figure{display:block; width:40px; margin:0; position:relative; overflow:visible;}
.memberitem>figure>img{width:100%; height:auto; display:block; border-radius:50%; border:solid 3px #CCC; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.memberitem>.naming{flex-grow:1; padding-left:7px;}
.memberitem>.naming>.name{display:block; font-weight:500;}
.memberitem.font-weight-bold>.naming>.name{font-weight:700;}
.memberitem>.naming>.membership{display:block; color:#b5b5c3;}
.memberitem .memberbuttons>.dropdown>button, .memberlist .memberbuttons>.dropdown>button{padding:0; margin:0; background:none; border:none; outline:none; white-space:nowrap; height: 1rem; line-height:1rem; overflow:hidden; position:relative; display:flex; align-items:center;}
.memberdetails{font-size:.8375rem; padding:20px;}
.membercarts .memberitem>figure{width:75px;}
.membercarts .portlet .heading{height:auto; position:relative;}
.membercarts .memberitem .memberbuttons{position:absolute; top:5px; right:20px;}
.memberlist .memberbuttons{text-align:center; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.memberlist .passive .memberbuttons>.dropdown>button:before{content:""; width:10px; height:10px; margin-right:5px; background:#C00; display:inline-block; border-radius:50%; order:1}
.memberlist .banned .memberbuttons>.dropdown>button:after{content:"\f05e"; font-weight:900; width:10px; height:10px; margin-right:5px; color:#C00; display:inline-block; font-size:.625rem; font-family:"Font Awesome 5 Free"; line-height:1; order:2}
.memberlist .memberbuttons>.dropdown .activeMember, .memberlist .memberbuttons>.dropdown .unbanMember{display:none;}
.memberlist .passive .memberbuttons>.dropdown .activeMember{display:block;}
.memberlist .passive .memberbuttons>.dropdown .passiveMember{display:none;}
.memberlist .banned .memberbuttons>.dropdown .banMember {display:none;}
.memberlist .banned .memberbuttons>.dropdown .unbanMember {display:block;}
.memberlist .memberbuttons .badge{font-size:10px; line-height:1rem; padding-top:0; padding-bottom:0;}
.memberlist .memberbuttons .badge-member{background-color:#EFEFEF; color:#999;}
.memberlist .memberbuttons .time{color:#999; font-size:.625rem; white-space:nowrap;}
#frmUserFilter .filter {font-size:.875rem; color:var(--generalLightColor);}
#frmUserFilter .filter .pretty input:checked~.state label{color:var(--primary) !important;}
#frmUserFilter .filter .pretty input:checked~.state .icon{color:var(--primary) !important;}
#frmUserFilter .spinner {position: absolute; right: 45px; top: 25px;}

.membertitle{width:100%; display:flex; align-items:center;}
.membertitle.passive{visibility:hidden;}
.membertitle .memberitem{width:auto;}

.messageeditor{position:relative; padding:8px 60px 8px 15px;}
/*.commentinput{outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: break-word; -webkit-user-modify: read-write-plaintext-only; }*/
.messageeditor .emojionearea{background:none;}    
.messageeditor .emojionearea .emojionearea-editor{min-height:1em;}
.messageeditor .emojionearea .emojionearea-button > div, .messageeditor .emojionearea .emojionearea-picker .emojionearea-wrapper:after {background-image: url('../img/emooneareabtn.png') !important;}
.messageeditor .emojionearea .emojionearea-button {right: -50px;bottom: 1px;}
.messageeditor .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {right: -67px;bottom: -279px;}
.messageeditor .emojionearea .emojionearea-picker.emojionearea-picker-position-top{right:-67px; bottom:30px;}

.newmessagefld{padding:0 0 20px 0;}
form.newmessage{display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; position:relative; margin-bottom:0; background:#FFF; padding-right:8px;}
form.newmessage button.send{background:var(--generalBgColor); outline: none; border:none; color:#FFF;}
form.newmessage .uploadimage{position:absolute; right: 80px; bottom:7px; display:flex;}
form.newmessage .uploadimage .fileinput-button i{font-size:1.3em; color:#BBB;}
form.newmessage .uploadimage .fileinput-button span{display:none;}
form.newmessage .spinner{position:absolute; right:-12px;}
form.newmessage .spinner:after{width:20px; height:20px; margin-top:-11px; margin-left:-14px;}
.newmessagefld .messagephotoshow{position:relative; max-height:120px; overflow:hidden; display:none;}
.newmessagefld .messagephotoshow button{position:absolute; cursor:pointer; top:5px; right:5px; background:#EEE; color:#000; outline:none; width:15px; height:15px; padding:0; border:none; line-height:1em; font-size:11px; display:none;}
.newmessagefld .messagephotoshow img{width:100px; height:auto;}
.newmessagefld .messagephotoshow.active{border:solid 1px #CCC; padding:10px; margin-top:1rem; display:inline-block;}
.newmessagefld .messagephotoshow.active button{display:block;}
/********* MESSAGES ***********/
.messages{position:relative;}
.messages.passive:after{content:""; top:0; bottom:0; right:0; left:0; background:rgba(255,255,255,.9); z-index:100; display:block; position:absolute;}
.messages .chat {list-style: none;background: none;margin: 0;padding: 0 20px 50px 0;height:600px;overflow:auto; position:relative;}
.messages .chat li {padding: 0.5rem;overflow: hidden;display: flex;}
.messages .chat .avatar {width: 30px;height: 20px;position: relative;display: block;z-index: 2;}
.messages .chat .avatar img {width: 20px;height: 20px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;background-color: rgba(255,255,255,0.9);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.messages .chat .day {position: relative;display: block;width:100%;text-align: center;color: #c0c0c0;height: 21px;line-height: 21px;margin-top: 20px;margin-bottom: 20px;cursor: default;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size:.8rem;}
.messages .chat .day:before {position: absolute;content:"";display: block;left:30px;right:30px;top:10px;background-color: #DDD;height: 1px;z-index:0;}
.messages .chat .day span {display: inline-block;line-height: 21px;background-color: #FFF;padding:0 10px;position:relative;z-index:1;}
.messages .other .msg {order: 1;border-top-left-radius: 0px;box-shadow: -1px 2px 0px #D4D4D4;position: relative;}
.messages .other .msg:after, .messages .other .msg:before {right: 100%;top: 13px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.messages .other .msg:after {border-color: rgba(238, 238, 238, 0);border-right-color: #EEEEEE;border-width: 5px;margin-top: -5px;}
.messages .other .msg:before {border-color: rgba(212, 212, 212, 0);border-right-color: #D4D4D4;border-width: 6px;margin-top: -6px;}
.messages .self {justify-content: flex-end;align-items: flex-end;}
.messages .self .msg {order: 1;border-bottom-right-radius: 0px;box-shadow: 1px 2px 0px #D4D4D4;background:var(--generalBgColor);color:#FFF;}
.messages .self .avatar {order: 2;}
.messages .self .avatar:after {content: "";position: relative;display: inline-block;bottom: 19px;right: 0px;width: 0px;height: 0px;border: 5px solid #fff;border-right-color: transparent;border-top-color: transparent;box-shadow: 0px 2px 0px #D4D4D4;}
.messages .msg {background: #EEE;min-width: 50px;padding: 10px 10px 20px 10px;border-radius: 2px;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07); position:relative; min-width:130px;}
.messages .msg p {font-size: 0.8rem;margin: 0 0 0.2rem 0;}
.messages .msg .img {position: relative;display: block;max-width: 250px; max-height:150px; margin:7px 0; overflow:hidden; border-radius: 5px;box-shadow: 0px 0px 3px #eee;transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.messages .msg .img img {display: block;max-width: 100%; height:auto;}
.messages .msg .remove{outline:none; border:none; box-shadow:1px 1px 3px rgba(0,0,0,.35); background:#CCC; color:#C00; font-size:.65rem; width:20px; height:20px; cursor:pointer; font-weight:600; line-height:1; border-radius:50%; position:absolute; top:-5px; right:-5px; z-index:1; content:"x"; opacity:0; transition:opacity .3s ease-out; display:flex; align-items:center; justify-content:center;}
.messages .msg .remove:before{content:"\f2ed"; font-family:"Font Awesome 5 Free"; font-weight:400;}
/*.messages .other .msg .remove{right:auto; left:-5px;}*/
.messages .self:hover .msg .remove, .messages .other:hover .msg .remove{opacity:1;}
@media screen and (max-width: 800px) {
.messages .msg img {width: 300px;}
}
@media screen and (max-width: 550px) {
.messages .msg img {width: 200px;}
}
.messages .msg time {font-size: 0.7rem;color: #ccc;margin-top: 3px;float: right;cursor: default;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; position:absolute; bottom:3px; left:10px;}
/*.messages .self .msg time{right:10px; left:auto;}*/
/*.messages .msg time:before{content:"\f017";color: #ddd;font-family: "Font Awesome 5 Free";display: inline-block;margin-right: 4px;}*/
@-webkit-keyframes pulse {
  from { opacity: 0; }
  to { opacity: 0.5; }
}



.postoverlay{position:fixed; left:0; right:0; top:0; bottom:0; visibility:hidden; opacity:0; transition:all .3s ease-out; z-index:19; background:rgba(0,0,0,0.8);}
.posteditor{position:relative; background:#FFF; margin-bottom:20px;}
#postinput{outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: break-word; -webkit-user-modify: read-write-plaintext-only; min-height:32px;}
.posttitlebar{padding:10px 30px; position:relative; cursor:pointer; background:#1abeef; display:block; color:#FFF;}
.posttitlebar>.closebtn{display:none; position:absolute; right:15px; top:10px; background:none; outline:none; border:none; color:#FFF;}
.postwrp{padding:5px 25px 0 25px;}
.editorwrp{padding:20px 0 0 50px; position:relative; transition:all .3s ease-out;}
.postuser{display:block; position:absolute; left:0; top:10px; width:40px;}
.postuser>figure{display:block; width:40px; height:40px; position:relative; overflow:visible;}
.postuser>figure>img{width:100%; height:auto; display:block; border-radius:50%; border:solid 3px #1abeef; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.postwrp .emojionearea .emojionearea-button{display:none;}
body.bginput .emojionearea, .postrichtext {min-height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
body.bginput .emojionearea  .emojionearea-editor { text-align:center; width:100%;}
.postrichtext{height:332px; overflow:hidden; border-radius:10px;}
.postrichtext p{text-align:center; width:100%; margin:0;}
#posteditorbuttons{height:75px;}
#posteditorbuttons button>span{display:none;}
#posteditorbuttons button>.badge{font-size:.7rem; font-style:normal; margin-bottom:11px; padding-left:10px; padding-right:10px;}
#posteditorbuttons button{color:#1abeef !important; border:none; background:none; outline:none; box-shadow:none; font-size:1.3rem; position:relative;}
#posteditorbuttons button.active{color:#FFF !important; background:#1abeef !important;}
#posteditorbuttons button.active:before{background:#1abeef !important; height:5px; top:-5px; left:0; right:0; content:""; position:absolute;}
#posteditorbuttons button.active>.badge{color:#1abeef !important; background:#FFF !important;}

.postwithbgwrp{height:32px; overflow:visible; position:relative; display:none; padding-right:30px;}
.postwithbgbtn{width:25px; height:25px; border-radius:5px; background:url('../img/postwithbgbtn.png') center center no-repeat; background-size:cover; border:solid 2px #dfdfdf; outline:none !important; text-align:center; line-height:25px; padding:0; margin:0;}
.postwithbgbtn>i{display:none;}
.postwithbgbtn.active>i{display:inline-block;}
.postbgbox{position:absolute; width:500px; padding:10px; max-height:400px; overflow-y:auto; top:5px; right:70px; box-shadow:0 0 10px rgba(0,0,0,.8); background:#FFF; z-index:10;}
.postbgbox ul{list-style:none; margin:0; padding:0;}
.postbgbox ul li{padding:10px; min-width:20%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.postbgbox ul li button{outline:none; border:none; background:none; width:100%; height:75px; margin:0; cursor:pointer; text-align:center;}
.postbgbox ul li button span{display:block; width:100%; font-size:.8em;}
.subscriberselect select{font-size:0.8em; padding-top:4px; padding-bottom:4px;}
.postsubsfld{min-height:35px;}
.postfrmsubmit{display:none;}
.editorwrp .emojionearea .emojionearea-button > div, .editorwrp .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    background-image: url('../img/emooneareabtn.png') !important;
}
.editorwrp .emojionearea .emojionearea-button {
    right: 0;
    bottom: -62px;
}
.editorwrp .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
    right: -17px;
    bottom: -342px;
}
.editorwrp .emojionearea.wishlistinput .emojionearea-button {
    bottom: -32px;
}

.editorwrp .emojionearea.wishlistinput .emojionearea-picker.emojionearea-picker-position-bottom {
    bottom: -312px;
}


.fade.in {opacity: 1 !important;}

#postuploader{padding:0;}
ul.uploadfiles{margin:0 -5px; padding:0; list-style:none; display:block;}
ul.uploadfiles>li{position:relative; padding: 0 5px;}
ul.uploadfiles>li .preview{width:125px; height:125px; display:block; background-color:#EFEFEF; border-radius:5px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
ul.uploadfiles>li .overlay{position:absolute; bottom:0; left:5px; right:5px; padding:10px 7px 7px 7px; color:#FFF; background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,.5)), color-stop(100%,rgba(0,0,0,.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
ul.uploadfiles>li .overlay .name{font-size:12px; text-shadow:1px 1px 1px rgba(0,0,0,0.75); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.uploadfiles>li .overlay .size{font-size:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.75);}
ul.uploadfiles>li .overlay .error{font-size:10px; text-shadow:1px 1px 1px rgba(255,255,255,0.75);}
ul.uploadfiles>li .progress{position:absolute; bottom:0; left:5px; right:5px; height:1px;}
ul.uploadfiles>li .filetype{position:absolute; bottom:7px; right:10px; font-size:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.75); text-transform:uppercase;}
ul.uploadfiles>li .cancel{position:absolute; top:7px; right:10px; outline:none; background:none; border:none; padding:0; line-height:1; font-size:16px;}
ul.uploadfiles>li .cancel i{color:#FFF; background:#C00; border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center;}
ul.uploadfiles>li .move{position:absolute; top:7px; left:10px; line-height:1; font-size:16px; cursor:move;}
ul.uploadfiles>li .move i{color:#FFF; background:#333; border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center;}

ul.uploadfiles > li > .fileinput-button, .uploadplaceholder {background: #e6ebf4;border: 2px dashed #92a7bf;text-align: center;font-size: 30px;color: #90a0bc;cursor: pointer;opacity: 0.5;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;min-height:125px;min-width:125px;position:relative;}
.uploadplaceholder{background:#EFEFEF; border-color:#CCC; margin-bottom: .5rem !important;}
ul.uploadfiles > li > .fileinput-button:hover {opacity: 1;}
ul.uploadfiles > li > .fileinput-button:active {background: #f6f6fb;}
ul.uploadfiles > li > .fileinput-button > i {position: absolute;font-style: normal;left: 0;top: 0;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
ul.uploadfiles .ui-state-disabled {
    cursor:pointer;
    pointer-events:auto;
    opacity: 1;
}
.photoshow .uploadedphoto{position:relative; display:inline-block; max-height:200px; overflow:hidden; margin-bottom:1rem;}
.photoshow .uploadedphoto a{display:inline-block;}
.photoshow .uploadedphoto img{max-width:300px; height:auto; display:block;}
.photoshow .uploadedphoto .removephoto{position:absolute; top:10px; right:10px; border-radius:50%;}
.photoshow .uploadedphoto .removephoto i{width:14px; height:14px;}

body.editoractive .posteditor{z-index:20;}
body.editoractive .postoverlay{visibility:visible; opacity:1;}
body.editoractive .posttitlebar>.closebtn{display:block;}
body.editoractive .postwithbgwrp{display:block;}
body.editoractive .postwrp .emojionearea .emojionearea-button{display:block;}
body.editoractive.photopost .postwithbgwrp{display:none;}
body.editoractive .postfrmsubmit{display:block;}
body.editoractive .editorwrp{border-bottom:solid 1px #d1f1fb; margin-bottom:10px; padding-bottom:22px;}