/* POST VIEW
------------------------*/
.maax-body {
	font-family: inherit;
}
.maax-body h2, .maax-body h3 {
	margin: 0;
	font-family: inherit;
}
.maax-body a {
	text-decoration: inherit;
}
.maax-wrap {
	padding-left: 20px;
	padding-right: 20px;
}
.maax-archive .archive-image img {
	max-width: 100%;
	height: auto;
}
.maax-archive {
	font-size: 13px;
	line-height: normal;
}
.maax-archive h3 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font-weight: 700;
}
.maax-archive .archive-image a {
	display: block;
	border: 0;
	overflow: hidden;
}
.maax-archive img,
.maax-archive .archive-image a {
	border-radius: 4px;
	display: block;
}
.maax-post-title {
	font-size: 1.4rem;
	font-weight: 700;
}
.maax-body .meta {
	font-size: 13px;
}

.maax-body .sb-layout {
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 800px) {
	.maax-body .sb-layout {
		padding: 0;
	}
	.maax-body .maax-sidebar {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*comment*/
.maax-body .comment-form-comment {
	display: flex;
	flex-direction: column;
}

/*ads banner*/
.biz-post {
	background: #eee;
	padding: 5px;
	margin-bottom: 10px;
}


/* Maax Video Player
-------------------------*/
div.vidblock {
	background: #111111; 
	margin: auto; 
}

.vidwrap {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    border: 0;
	margin: auto;
}
.vidwrap iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	margin: auto;
}
.video-block-image img {
	display: block;
	margin: auto;
}


/*youtube mask*/
.vidmask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:1;
}
.ytcontrol {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

.ytcontrol .tablecell .ytplay {
	display: inline-block;
	width: 68px;
	text-align: center;
	background: #ddd;
	cursor: pointer;
	border-radius: 10px;
	line-height: normal;
	padding: 0;
	margin: 0;
	background: #ff0000;
	box-shadow: -1px -1px 12px 0px rgba(0,0,0,0.38);
}
.ytcontrol .tablecell .ytplay:hover {
	background: #b20000; 
}
.ytcontrol .tablecell .ytplay i::before {
	font-size: 3.3em;
	color: #fff;
}
.ytcontrol .pause-layer {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.ytcontrol .ytfoot {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	padding-left: 10px;
}
.ytcontrol .ytfoot div {
	display: inline-block;
	color: #fff;
	cursor: pointer;
}
.ytcontrol .ytfoot div:hover {
	color: #ff0000; 
}
.ytcontrol .ytfoot div i::before {
	font-size: 1.8em;
}



/*---[Video Playlist]----*/
.playlist-wrap {
	max-height: 210px; 
	position: relative; 
	overflow: hidden; 
	margin: 0; 
	padding: 0;
}

.playlist-wrap ul, 
.playlist-wrap li {
	margin: 0 !important; 
	padding: 0 !important; 
	border: 0 !important; 
	list-style: none !important; 
	line-height: normal !important;
}

.playlist-wrap ul li {
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	overflow: hidden;
	margin-bottom: 2px !important;
}

.playlist-wrap ul li span.plimg {
	float: left; 
	margin-right: 5px; 
	border: 1px solid #333333; 
	padding: 1px;
	height: 56px; 
	overflow: hidden; 
	display: block; 
}
.playlist-wrap ul li img {
	width: 100px; 
	height: auto; 
	border: 0 !important;
	padding: 0 !important;
	display: inline !important;
}
.playlist-wrap ul li a {
	text-decoration: none; 
	height: 60px;
	display: flex; 
	background: #222222;
	color: #aaaaaa; 
	padding: 4px;
	margin: 0 1px;
	overflow: hidden; 
	font-size: 11px; 
	font-weight: 100;
	font-family: Arial;
	line-height: normal;
	}
.playlist-wrap li a:hover, 
.playlist-wrap .currentvideo {background: #444444;}

/*add class when container is sized below 800px*/
.vidblock.pl-bottom .playlist-wrap,
.vidblock.pl-bottom .vidwrap.playlistvid {
	width: auto;
	max-width: none;
	float: none;
}

/*---[ Add overlay mask to block link click on some videos ]------*/
.vidoverlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	z-index: 1;
	display: block;
	}
span.playicon {
	display: inline-block;
	padding: 3px 12px;
	color: #ffcc00;
	background: #333333;
	margin: -5px 0 0 0;
	font-size: 10px;
	}

/*---[ PERFECT SCROLLBAR CSS ]---*/
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.videoad {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 90px;
	text-align: center;
	bottom: 10%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
.videoad:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.videoad img{
	border: 1px solid #666666;
}

.chat-block iframe {
	height: 100%;
}

@media all and (min-width: 320px) and (max-width: 639px) {

.playlist-wrap ul li {
	display: block; 
	width: auto; 
	margin-right: 0;
	float: none;
	}
.videoad {bottom: 20px !important;}
}

@media all and (min-width: 881px) and (max-width: 6000px) 
{
	div.vidblock {
		overflow: hidden;
		border-radius: 12px;
	}

	.vidblock .playlistvid, 
	.vidblock .ps-container {
		float: left;
	}
	.vidblock .playlistvid {
		width: 70%;
	}
	.vidblock .ps-container {
		width: 30%;
	}
	.playlist-wrap {max-height: 440px;}
	.playlist-wrap ul li {
		display: block;
		float: none;
		width: auto;
	}
	.playlist-wrap ul li a {
		background: rgba(34,34,34,0.8);
	}
	.playlist-wrap li a:hover, 
	.playlist-wrap .currentvideo {
		background: rgba(68,68,68,0.8);
	}
}








/* Social Share Buttons
--------------------------*/
.sharebtn h5 {
	margin: 0;
	padding: 0;
	line-height: normal;
	margin-bottom: 8px;
}
.rrssb-buttons {
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rrssb-buttons:after {clear: both;}
.rrssb-buttons:after,
.rrssb-buttons:before {content: ' ';display: table;}
.rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0 2px;
}
.rrssb-buttons li.rrssb-email a {background-color: #0a88ff;}
.rrssb-buttons li.rrssb-email a:hover {background-color: #006ed6;}
.rrssb-buttons li.rrssb-facebook a {background-color: #306199;}
.rrssb-buttons li.rrssb-facebook a:hover {background-color: #244872;}
.rrssb-buttons li.rrssb-tumblr a {background-color: #32506d;}
.rrssb-buttons li.rrssb-tumblr a:hover {background-color: #22364a;}
.rrssb-buttons li.rrssb-linkedin a {background-color: #007bb6;}
.rrssb-buttons li.rrssb-linkedin a:hover {background-color: #005983;}
.rrssb-buttons li.rrssb-twitter a {background-color: #26c4f1;}
.rrssb-buttons li.rrssb-twitter a:hover {background-color: #0eaad6;}
.rrssb-buttons li.rrssb-googleplus a {background-color: #e93f2e;}
.rrssb-buttons li.rrssb-googleplus a:hover {background-color: #ce2616;}
.rrssb-buttons li.rrssb-youtube a {background-color: #df1c31;}
.rrssb-buttons li.rrssb-youtube a:hover {background-color: #b21627;}
.rrssb-buttons li.rrssb-reddit a {background-color: #8bbbe3;}
.rrssb-buttons li.rrssb-reddit a:hover {background-color: #62a3d9;}
.rrssb-buttons li.rrssb-pinterest a {background-color: #b81621;}
.rrssb-buttons li.rrssb-pinterest a:hover {background-color: #8a1119;}
.rrssb-buttons li.rrssb-pocket a {background-color: #ed4054;}
.rrssb-buttons li.rrssb-pocket a:hover {background-color: #e4162d;}
.rrssb-buttons li.rrssb-github a {background-color: #444;}
.rrssb-buttons li.rrssb-github a:hover {background-color: #2b2b2b;}
.rrssb-buttons li.rrssb-instagram a {background-color: #125688;}
.rrssb-buttons li.rrssb-instagram a:hover {background-color: #0c3a5b;}
.rrssb-buttons li.rrssb-delicious a {background-color: #0b79e5;}
.rrssb-buttons li.rrssb-delicious a:hover {background-color: #095fb4;}
.rrssb-buttons li.rrssb-vk a {background-color: #4d71a9;}
.rrssb-buttons li.rrssb-vk a:hover {background-color: #3d5a86;}
.rrssb-buttons li.rrssb-hackernews a {background-color: #f60;}
.rrssb-buttons li.rrssb-hackernews a:hover {background-color: #cc5200;}
.rrssb-buttons li.rrssb-whatsapp a {background-color: #43d854;}
.rrssb-buttons li.rrssb-whatsapp a:hover {background-color: #28c039;}
.rrssb-buttons li.rrssb-print a {background-color: #8d98a2;}
.rrssb-buttons li.rrssb-print a:hover {background-color: #717f8b;}
.rrssb-buttons li a {
    background-color: #ccc;
    box-sizing: border-box;
    display: block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    width: 100%;
}
.rrssb-buttons li a .rrssb-icon {
    display: block;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%;
}
.rrssb-buttons li a .rrssb-icon svg {height: 17px;width: 17px;}
.rrssb-buttons li a .rrssb-icon svg path {fill: #fff;}
.rrssb-buttons li a .rrssb-text {color: #fff}
.rrssb-buttons li a:active {box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, .25);}
.rrssb-buttons li.small a {padding: 0;}
.rrssb-buttons li.small a .rrssb-icon {
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%;
}
.rrssb-buttons li.small a .rrssb-text {visibility: hidden;}
.rrssb-buttons.large-format,
.rrssb-buttons.large-format li {height: auto;}
.rrssb-buttons.large-format li a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 8.5% 0 8.5% 12%;
}
.rrssb-buttons.large-format li a .rrssb-icon {
    height: 100%;
    left: 7%;
    padding-top: 0;
    width: 12%;
}
.rrssb-buttons.large-format li a .rrssb-icon svg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.rrssb-buttons.large-format li a .rrssb-text {-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.rrssb-buttons.small-format {padding-top: 5px;}
.rrssb-buttons.small-format li {height: 80%;padding: 0 1px;}
.rrssb-buttons.small-format li a .rrssb-icon {height: 100%;padding-top: 0;}
.rrssb-buttons.small-format li a .rrssb-icon svg {
    height: 48%;
    position: relative;
    top: 6px;
    width: 80%;
}
.rrssb-buttons.tiny-format {height: 22px;position: relative;}
.rrssb-buttons.tiny-format li {padding-right: 7px;}
.rrssb-buttons.tiny-format li a {padding: 0;}
.rrssb-buttons.tiny-format li a .rrssb-icon svg {height: 70%;width: 100%;}
.rrssb-buttons.tiny-format li a:active,
.rrssb-buttons.tiny-format li a:hover {}
.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {fill: #0a88ff;}
.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {fill: #0054a3;}
.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {fill: #306199;}
.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {fill: #18304b;}
.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path {fill: #32506;}
.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path {fill: #121d27;}
.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {fill: #007bb6;}
.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {fill: #003650;}
.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {fill: #26c4f1;}
.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {fill: #0b84a6;}
.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {fill: #e93f2e;}
.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {fill: #a01e11;}
.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {fill: #df1c31;}
.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {fill: #84111d;}
.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {fill: #8bbbe3;}
.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {fill: #398bcf;}
.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {fill: #b81621;}
.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {fill: #5d0b11;}
.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path {fill: #ed4054;}
.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path {fill: #b61124;}
.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path {fill: #444;}
.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path {fill: #111;}
.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {fill: #125688;}
.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {fill: #061d2e;}
.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path {fill: #0b79e5;}
.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path {fill: #064684;}
.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path {fill: #4d71a9;}
.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path {fill: #2d4263;}
.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path {fill: #f60;}
.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path {fill: #993d00;}
.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {fill: #43d854;}
.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path {fill: #1f962d;}
.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path {fill: #8d98a2;}
.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path {fill: #5a656f;}
.rrssb-buttons li.rrssb-print a .rrssb-icon svg path:nth-child(2) {fill: none;}

@media (max-width: 640px) {
	.rrssb-buttons li a .rrssb-text {display: none;}
}