@charset "utf-8";
/* CSS Document */



/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.backgroundImage {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
}
.buttons {
	background: #764099 url(https://dotgay.com/img/dotgaybuttons.jpg) no-repeat center center;
	background-size: cover;
}
.mapBG {
	background: #764099 url(https://dotgay.com/img/background-world-map.gif) no-repeat center center;
	background-size: cover;
}
/* CSS Document */


* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: "Open Sans", sans-serif;
}
html {
	width: 100%;
	background-color: #cccccc!important;
	font-family: "Open Sans", sans-serif;
	color: #343838;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.168;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	background-color: #cccccc!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	font-family: "Open Sans", sans-serif;
	color: #343838;
	margin: 0 !important;
	padding: 0 !important;
}
.cntr {
	display: table;
	width: 100%;
	height: 100%;
}
.cntr .cntr-innr {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* -------------------------------- 

Main Components 

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

/* 
=======================
   Circle Preloader
=======================
*/
div, iframe {
	-webkit-overflow-scrolling: touch;
}
 @keyframes animate {
 50% {
transform: rotate(360deg) scale(0.8);
}
}
.hiddenItem {
	visibiity: hidden !important;
	display: none !important;
}
.cursor {
	cursor: pointer !important;
}
header {
	position: fixed;
	z-index: 4000!important;
	height: 50px;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
header.nav-is-visible {
}
header::before {
	/* never visible - this is used in jQuery to check the current MQ */
	display: none;
	content: 'mobile';
}

@media only screen and (min-width: 1024px) {
header {
	height: 50px;
	z-index: 5000 !important;
}
header.nav-is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
header::before {
	content: 'desktop';
}
}
#dotgayMediaGrid {
	margin-top: 35px;
}
/* CSS Reset used: https://seodesigns.com/projects/codepen/reset.css */
.sticky-footer {
	display: block;
	height: 40px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
}
.sticky-footer .one-fourth {
	width: 25%;
	float: left;
	color: #fff;
	text-align: center;
	height: 40px;
	position: relative;
	cursor: pointer;
}
.sticky-search, .sticky-filters, .sticky-map, .sticky-radius {
	width: 25px;
	height: 25px;
	margin: auto;
	margin-top: 11px;
}
.sticky-footer .one-fourth p {
	font-size: 10px;
	margin-top: 3px;
}
.panelHeader {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */width: 100%;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 21px;
	letter-spacing: 1px;
}
.teamImage {
	border: 3px solid #764099;
	max-width: 350px !important;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.main-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	color: white;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	line-height: 50px;
	transform: translateY(0);
	transform: translate3d(0, 0, 0);
	transition: .25s transform;
	backface-visibility: hidden;
}
.heads-up {
	transform: translateY(-6rem);
	transform: translate3d(0, -6rem, 0);
}
.main-header h1 {
	float: left;
	font-size: 1.4rem;
	margin: 0 0 0 2rem;
	text-transform: uppercase;
}
.main-header nav {
	float: right;
	font-size: 1.4rem;
}
.main-header nav ul {
	margin: 0;
	padding: 0;
}
.main-header nav li {
	display: inline-block;
	padding: 0 2rem;
	border-left: .1rem solid #555;
}
/* ---------------------------------------- /
/				        SOCIAL ICONS	 		        	/
/ ---------------------------------------- */

/* The wrapper <div> for the caption and captioned element. */
.wp-caption {
	border: 1px solid #764099 !important;
}
/* The caption text. */
.wp-caption-text {
}
/* An image within the caption (you might want to style other elements too). */
.wp-caption img {
}
.social_row {
	height: 50px;
	text-align: center;
}
#nav-toggle {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999;
}
#nav-toggle {
	cursor: pointer;
	padding: 10px 35px 16px 0px;
	z-index: 999999999999999999 !important;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: white !important;
	position: absolute;
	display: block;
	content: '';
}
#nav-toggle span:before {
	top: -10px;
}
#nav-toggle span:after {
	bottom: -10px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
}
.socialIcon a {
	color: #fff;
	text-decoration: none;
	background-color: #764099;
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
	line-height: 50px;
	font-size: 30px;
}
/* to the body element */

.Ajaxoverlay {
	position: fixed;
	overflow-y: scroll;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
[aria-hidden="true"] {
	display: none;
}
[aria-hidden="false"] {
	display: block;
}
#dotgayFilter {
	height: 45px;
	text-align: center;
}
#dotgayFilter ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: 400;
	background: #764099;
	font-size: 15px;
	letter-spacing: 1px;
}
#dotgayFilter ul li {
	float: left;
	display: block;
	position: relative;
	height: 45px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	margin-right: 5px;
}
#dotgayFilter ul li a {
	z-index: 40;
	float: left;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #FFF;
	background: transparent;
	position: relative;
	font-family: Open Sans;
}
#dotgayFilter ul li .hover {
	height: 45px;
	position: absolute;
	width: 125px;
	z-index: 20;
	background: #8953ad;
}
nav {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 5000;
}
.right {
	float: right !important;
}
.menuIcon {
	font-size: 18px !important;
}
.dotgayIcon {
	font-size: 32px !important;
}
.dotgayLogo {
	width: 120px;
}
.firstItem {
}
.iconRipple {
	margin-right: 20px;
}
.responsive-bg {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.Slidesection {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
/*  COLUMN SETUP  */
.Slidecol {
	display: block;
	float: left;
	margin: none;
}
.Slidecol:first-child {
	margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 */
}
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 52%;
}
.span_1_of_2 {
	width: 48%;
}
.profil1 {
	height: 425px !important;
}
.profil2 {
	height: 425px !important;
}

/*  GO FULL WIDTH AT LESS THAN 600 PIXELS */
@media only screen and (max-width: 600px) {
.Slidecol {
	margin: none;
	
}
.span_2_of_2 {
	display: none !important;
	visibility: hidden !important;
}
.span_1_of_2 {
	width: 100%;
}
#dotgayNews {

 
 
}
}

@media only screen and (max-width: 1120px) {
.Slidecol {
	margin: none;
	height: 425px !important;
}
.span_2_of_2 {
	display: none !important;
	visibility: hidden !important;
}
.span_1_of_2 {
	width: 100%;
}
#dotgayNews {

  height: 425px !important;
 
}
}
.textBlockRight {
	padding: 50px
}
.textBlockCenter {
	position: absolute;
	color: #fff !important;
	top: 50%;
	left: 50%;
	padding: 15px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.SlideHeader {
	font-size: 30px;
	color: #fff;
	padding-bottom: 15px;
	letter-spacing: 1px;
	font-weight: 600;
	text-shadow: 2px 2px 2px #000;
}
.SlideSubHeader {
	font-size: 18px;
	color: #fff;
	padding-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 600;
	text-shadow: 2px 2px 2px #000;
}
.SlideCopy {
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	text-shadow: 2px 2px 2px #000;
}
.Hide4Search {
	visibility: hidden;
}
.dot-l-caption-buttonLeft a {
	color: #FFFFFF !IMPORTANT;
}
a {
	text-decoration: none !important;
}
#dotgayApp {
	margin-top: 0px;
	padding-bottom: 200px;
	background-color: #ffffff !important;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #764099 !important;
}
.overlayPurple {
	background: #764099!important;
}
html {
	background: #fafafa !important;
	color: #343838 !important;
}
.thumbnail-overlay {
	background: #764099 !important;
	background: rgba(118,64,153,.85) !important;
	color: #fff !important;
}
.overlay-always-visible {
	background: #764099 !important;
	color: #6f7074;
	font-size: 28px;
	line-height: 34px;
	padding: 30px;
	font-weight: 100;
}
.iconMenu {
	margin-right: 15px;
}
svg {
	overflow: visible;
}
/* ********************************************************************
   VIDEO WRAPPER
********************************************************************* */
.videoWrapper {
	position: relative;
	width: 100%;
	height: 0;
	background-color: #000;
}
.videoWrapper43 {
	padding-top: 75%;
}
.videoWrapper169 {
	padding-top: 56%;
}
.videoIframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.videoPoster {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	background-position: 50% 50%;
	background-size: 100% 100%;
	background-size: cover;
	text-indent: -999em;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 800ms, height 0s;
	-moz-transition: opacity 800ms, height 0s;
	transition: opacity 800ms, height 0s;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}
.videoPoster:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border: 5px solid #fff;
	border-radius: 100%;
	-webkit-transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	transition: border-color 300ms;
}
.videoPoster:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: -20px 0 0 -10px;
	border-left: 40px solid #fff;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	-webkit-transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	transition: border-color 300ms;
}
.videoPoster:hover:before, .videoPoster:focus:before {
	border-color: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
	border-left-color: #f00;
}
.videoWrapperActive .videoPoster {
	opacity: 0;
	height: 0;
	-webkit-transition-delay: 0s, 800ms;
	-moz-transition-delay: 0s, 800ms;
	transition-delay: 0s, 800ms;
}


/* ********************************************************************
  (1) GRAPHIC STYLE 
********************************************************************* */

.card-subhead {
	font-weight: bold !important;
}
/* GLOBAL FONT */
.mfp-container, .media-box, .grid-dotgay-load-more-button, .grid-dotgay-filter, .grid-dotgay-drop-down-menu > li > a, .grid-dotgay-drop-down-header {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Open Sans';
}
/* ====================================================================== *
      [1] MEDIA BOX CONTENT
 * ====================================================================== */
  
.media-box {
	font-size: 13px;
}
.media-box iframe {
	display: block;
	margin: 0 !important;
}
.media-box-container {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.media-box-content {
	padding: 20px;
	position: relative;
	background: #f7f7f7 !important;
	color: #754099 !important;
	line-height: 17px;
}
.thumbnail-overlay-animated {
	position: relative;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.thumbnail-overlay-animated[data-from="top"] {
	top: -20px;
}
.thumbnail-overlay-animated[data-from="bottom"] {
	top: 20px;
}
.thumbnail-overlay-animated[data-from="left"] {
	left: -20px;
}
.thumbnail-overlay-animated[data-from="right"] {
	left: 20px;
}

/* desktop */
@media only screen and (min-width: 768px) {
.thumbnail-overlay:hover .thumbnail-overlay-animated {
	opacity: 1;
	left: 0;
	top: 0;
}
}

/* mobile */
@media only screen and (max-width: 768px) {
.media-box-image:hover .thumbnail-overlay-animated {
	opacity: 1;
	left: 0;
	top: 0;
}
}
.thumbnail-overlay-button {
	display: inline-block;
	color: white;
	font-size: 13px;
	background: #e54e53;
	background: rgba(229, 78, 83, 1);
	padding: 6px 8px;
	margin: 3px 0;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
.thumbnail-overlay-button:hover {
	background: rgba(229, 78, 83, .8);
}
.thumbnail-overlay-caption {
	display: inline-block;
	color: white;
	font-size: 11px;
	background: rgba(255,255,255,.2);
	padding: 4px 6px;
	margin: 3px 0;
}
.media-box-title {
	letter-spacing: 0px;
	line-height: 1.1;
	font-weight: 800;
	font-size: 15px !important;
}
.media-box-title small {
	font-size: 12px;
	display: block;
	font-weight: 300;
	margin-top: 5px;
}
.media-box-year {
	color: gray;
	font-size: 11px;
	margin-bottom: 3px;
}
.media-box-author {
	font-size: 14px;
	margin: 3px 0 0px 0 !important;
}
.media-box-categories {
	font-size: 14px;
	line-height: 15px;
	color: #f7f7f7;
}
.media-box-categories span {
	color: #333333;
	font-weight: 600;
}
.media-box-date {
	font-size: 11px;
	line-height: 15px;
	color: #333;
	margin-top: 5px;
}
.elipse {
	/* essential */
	text-overflow: ellipsis !important;
	width: 200px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}
.media-box-date span {
	color: #333333;
	font-weight: 600;
}
.media-box-big-icon {
	margin-bottom: 12px;
}
.media-box-big-icon .fa {
	font-size: 55px !important;
	color: white !important;
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}
.media-box-text {
	font-size: 12px;
	margin: 13px 0px 13px 0 !important;
	color: #333333;
}
.media-box-quote {
	padding: 30px;
	background: #e54e53;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
}
.media-box-quote span {
	display: block;
	margin-top: 20px;
	font-size: 13px;
}
.media-box-subscribe {
	padding: 30px;
	background: #2C393F;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
}
.media-box-subscribe p {
	color: #fff;
}
.media-box-subscribe input {
	border-radius: 0px;
	border: 0;
	margin-top: 10px;
	margin-bottom: 15px;
}
.media-box-subscribe .btn {
	border: 0;
	color: #fff;
	background: #86979F;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
	min-width: 120px;
	font-weight: 500;
	font-size: 12px;
	padding: 12px;
}
.media-box-view-image {
	margin: 12px 0 0 0;
}
.media-box-more a, .media-box-view-image a {
	text-decoration: none !important;
	padding: 0;
	margin: 0;
	color: #e54e53;
	font-weight: 600;
	font-size: 11px;
}
.media-box-more a:hover, .media-box-view-image a:hover {
	color: #333333;
}
a.media-box-read-more-link {
	background: #e54e53;
	color: #fff;
	padding: 0 4px;
}
a.media-box-read-more-link:hover {
	background: #333333;
	text-decoration: none;
}
.media-box-footer {
	background: #F8F8F8;
	padding: 20px;
}
.media-box-social-buttons {
	text-align: center;
}
.media-box-social-buttons i {
	font-size: 15px;
	color: #C7C7C7;
	margin: 0 7px;
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	-o-transition: color .1s;
	-ms-transition: color .1s;
	transition: color .1s;
}
.media-box-social-buttons i:hover {
	color: #333;
}
.media-box-play-button {
	background: rgba(255,255,255, .8) !important;
	color: #000 !important;
	padding-left: 3px;
}
.media-box-sound-button {
	background: rgba(255,255,255, .8) !important;
	color: #000 !important;
	padding-left: 1px;
}
.media-box-logo {
	text-align: center;
	font-size: 80px;
	padding: 30px 0;
	color: rgba(255,255,255,.7);
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	-o-transition: color .1s;
	-ms-transition: color .1s;
	transition: color .1s;
}
.media-box-logo:hover {
	color: rgba(255,255,255,1);
}
.media-box-price {
	font-size: 16px;
	color: #e54e53;
	margin-top: 10px;
	font-weight: 400;
}
.media-box-price del {
	font-size: 12px;
	color: #A4A4A4;
}
.media-box-sale {
	color: #fff;
	background: #e54e53;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	font-weight: 100;
	font-size: 12px;
	top: -10px;
	right: 10px;
	z-index: 99;
}
/* ====================================================================== *
      [2] LOAD MORE
 * ====================================================================== */
    
.grid-dotgay-load-more-button {
	cursor: pointer;
	width: 150px;
	text-align: center;
	color: white;
	background-color: #333333;
	font-size: 14px !important;
	height: 15px;
	padding: 10px 15px 10px 15px;
	margin: 0px auto;
	line-height: 15px;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.grid-dotgay-no-more-entries {
	filter: alpha(opacity=20);
	opacity: 0.2;
}
/* ====================================================================== *
      [3] FILTER BAR
 * ====================================================================== */
  
.filters-container {
}
.filters-container:after {
}

@media only screen and (max-width: 768px) {
}
.grid-dotgay-filter {
	font-size: 0px;
	list-style: none;
	margin: 0;
	padding: 0px;
	text-align: left;
}
.grid-dotgay-filter>li {
	display: inline-block;
	line-height: 16px;
	margin: 0 8px 0 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.grid-dotgay-filter>li:last-child {
	background: none;
}
.grid-dotgay-filter>li a {
	display: block;
	cursor: pointer;
	color: #676767;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	margin: 0 0px 0px 0;
	padding: 11px 14px;
	background-color: white;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	-ms-transition: background-color .1s;
	transition: background-color .1s;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.grid-dotgay-filter>li a:hover {
	text-decoration: none;
	background: #333333;
	color: #fff;
}
.grid-dotgay-filter>li a.selected {
	background: #e54e53 !important;
	color: #fff !important;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
}
/* ====================================================================== *
      [4] SEARCH FILTER
 * ====================================================================== */

.grid-dotgay-search {
	padding: 9px 14px 9px 14px;
	font-size: 12px;
	margin: 0;
	font-weight: 400;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-dotgay-search:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* ====================================================================== *
      [5] DROP DOWN MENU
 * ====================================================================== */
    
.grid-dotgay-drop-down {
	width: 140px;
	margin: 0;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.grid-dotgay-drop-down-header .fa {
	float: right;
}
.grid-dotgay-drop-down-menu {
	margin: 0;
	padding: 0;
	z-index: 99999;
	position: absolute;
	width: 100%;
	display: none;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.grid-dotgay-drop-down-menu > li {
	list-style: none;
}
.grid-dotgay-drop-down-menu > li:first-child > a {
	border-top: 1px solid #E9E9E9;
}
.grid-dotgay-drop-down-menu > li > a, .grid-dotgay-drop-down-header {
	font-size: 12px;
	font-weight: 400;
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	background-color: white;
	color: #676767;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-dotgay-drop-down-menu > li > a {
	color: #999999;
}
.grid-dotgay-drop-down-menu > li > a:hover, .grid-dotgay-drop-down-menu > li > a:focus {
	color: #000;
}
.grid-dotgay-drop-down-menu > li.selected > a, .grid-dotgay-drop-down-menu > li > a.selected {
	color: #e54e53;
}
.grid-dotgay-drop-down-header {
	background-color: white;
	cursor: pointer;
}
/* ====================================================================== *
      [6] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

.thumbnail-overlay {
	background: #764099 !important;
	background: rgba(118,64,153,.85) !important;
	color: #fff
}
/* The style for centering the caption (vertically and horizontally) */
.thumbnail-overlay>div.aligment {
	height: 100%;
	width: 100%;
	display: table !important;
}
.thumbnail-overlay>div.aligment>div.aligment {
	padding: 10px;
	display: table-cell !important;
	vertical-align: middle; /* FOR VERTICAL ALIGN */
	text-align: center; /* FOR HORIZONTAL ALIGN */
}
.overlay-title {
	font-weight: 500;
	font-size: 16px;
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
}
.overlay-description {
	font-weight: 400;
	font-size: 12px;
	display: block;
	line-height: 16px;
}
.thumbnail-overlay i.fa, .media-box-play-button, .media-box-sound-button {
	background: #e54e53;
	font-size: 13px;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin: 3px;
	height: 44px;
	width: 44px;
	line-height: 45px;
	/*padding: 17px 17px 15px 17px;*/

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 50%; /* Firefox 1-3.6 */
	border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	-webkit-transition: -webkit-transform .2s, background .1s;
	-moz-transition: -moz-transform .2s, background .1s;
	-o-transition: -o-transform .2s, background .1s;
	-ms-transition: -ms-transform .2s, background .1s;
	transition: transform .2s, background .1s;
}
.thumbnail-overlay i.fa:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	cursor: pointer;
	background: #333333 !important;
}
.mb-play-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('icons/blank.gif'); /* IE hack, since IE doesn't recognize the hover state in places where there's nothing */
}
.mb-play-container .fa {
	border: 2px solid #fff;
	padding: 14px 15px 13px 17px;
	font-size: 19px;
	color: #fff;
	text-align: center;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 50%; /* Firefox 1-3.6 */
	border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	-webkit-transition: background-color .2s, -webkit-transform .2s;
	-moz-transition: background-color .2s, -moz-transform .2s;
	-o-transition: background-color .2s, -o-transform .2s;
	-ms-transition: background-color .2s, -ms-transform .2s;
	transition: background-color .2s, transform .2s;
}
.mb-play-container:hover .fa {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/* ====================================================================== *
      [7] MAGNIFIC POPUP
 * ====================================================================== */

.mb-open-popup {
	cursor: pointer;
}
.mfp-arrow.mfp-arrow:before, .mfp-arrow.mfp-arrow:after {
	border: none !important;
}
.mfp-arrow.mfp-arrow-left {
	background: url('icons/icon-arrow-left.png') 50% 50% no-repeat !important;
}
.mfp-arrow.mfp-arrow-right {
	background: url('icons/icon-arrow-right.png') 50% 50% no-repeat !important;
}
.mfp-close {
	background: url('icons/icon-close.png') right no-repeat !important;
}
/* Just some example in how to add a loder image (gif) to the popup
  .mfp-preloader {
    width: 24px;
    height: 24px;
    margin: auto;
    color: transparent;
    background-image: url('icons/loading-image.gif');
  }
  */

.iframe-on-grid-container, .iframe-on-grid-container iframe {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: #000;
	display: none;
}
.iframe-on-grid-container {
	display: block;
}
/* ====================================================================== *
      [8] SOCIAL FOR MAGNIFIC POPUP
 * ====================================================================== */

.grid-dotgay-social-container {
	float: right;
	margin-right: 10px;
	font-size: 18px;
}
.grid-dotgay-social-container>* {
	margin-right: 5px;
}
/* 
 * 
 *
 * 
 * 
 *  BRIDGE (Unless you know what you are doing don't scroll down) ========>
 * 
 *
 * 
 *
 */











/* ********************************************************************
  (2) NEEDED STYLE (Don't play here)
********************************************************************* */


/* ====================================================================== *
      [1] SETUP 
 * ====================================================================== */
	
.media-box {
	/* Box-model */
	display: none; /* hidden by default, the plugin will take care of showing it */
	float: left;/*width: 20%;*/
}
.media-box-hidden, .not-loaded-before-search {
	display: none; /* hide the hidden boxes */
}
.grid-dotgay-container {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}
.media-box-loaded {
	display: block; /* class to show the boxes once the plugin has been initialized */
}
/* ====================================================================== *
    [2] MEDIA BOX THUMBNAIL
 * ====================================================================== */

.media-box-image {
	position: relative;
	overflow: hidden;
	width: 100%;
}
/* Hack to center the image */
.media-box-image div[data-width][data-height] {
	position: relative;
	overflow: hidden;
}
.media-box-image div[data-width][data-height] img {
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	bottom: -100%;
	margin: auto;
}
/* End Hack */

.media-box .media-box-image img {
	width: 100%;
	max-width: 100%;
	display: block;
}
.media-box img {
	max-width: 100%;
}
/* Loading and broken thumbnail effects */

.media-box-image div[data-thumbnail], .media-box-image div[data-popup] {
	background-position: center center;
	background-repeat: no-repeat;
}
.image-with-dimensions {
	background-color: #764099;
	background-image: url('icons/loading-image.gif');
}
.broken-image-here {
	background-color: #764099;
	background-image: url('icons/broken-image.png');
}
.broken-image-here:not([data-height]) {
	min-height: 150px;
}
/* ====================================================================== *
    [3] MEDIA BOX CONTENT
 * ====================================================================== */

.media-box-container {
	overflow: hidden;
	position: relative;
	z-index: 1;
	border: 1px solid rgba(118,64,153,0.85) !important;
}
.media-box-container:hover {
	z-index: 2; /* bring the hover media box to the front */
}
/* ====================================================================== *
    [4] THUMBNAIL OVERLAY EFFECT
 * ====================================================================== */

.thumbnail-overlay {
	position: absolute;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
}
/* REVEAL EFFECT */
.position-reveal-effect .media-box-thumbnail-container {
	z-index: 2;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.position-reveal-effect .thumbnail-overlay {
	z-index: 1;
	position: absolute;
	left: 0;
}
.overlay-always-visible {
	display: block !important;
	zoom: 1 !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
.overlay-text-left>.aligment>.aligment {
	text-align: left !important;
}
.overlay-text-right>.aligment>.aligment {
	text-align: right !important;
}
/* ====================================================================== *
    [5] MAGNIFIC POPUP
 * ====================================================================== */
  
.mfp-arrow:focus {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.mfp-arrow:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
/* at start */
.my-mfp-slide-bottom .mfp-figure {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .mfp-figure {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .mfp-figure {
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

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

One Mobile Breakpoint
That's all I need looking at my Google Reports

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

@media (max-width: 960px) {
.dot-items {
	padding: 0px !important;
}
}
/* -------------------------------- 

Typography

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

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

Slider navigation

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

/* Button  */


.attentionbutton {
	padding: 15px 40px;
	background: #764099;
	border: none;
	font-size: 1.5em;
	letter-spacing: 1px;
	color: white;
	animation: attention 8s ease infinite;
}
 @keyframes attention {
 9% {
 transform: none;
}
 12% {
 transform: scale(1.05);
}
 16% {
 transform: scale(0.95);
}
 20% {
 transform: scale(1.03);
}
 24% {
 transform: scale(1);
}
}
/* GRID TWEAKS*/


.borderBottom {
	border-bottom: solid 1px #764099
}
 

/* to the body element */
::-webkit-scrollbar {
width:5px
}
::-webkit-scrollbar-thumb {
background:rgba(117,64,154,0.95);
-webkit-border-radius:0;
border-radius:0
}
#target {
	position: absolute !important;
	padding-top: 50px;
	width: 100% !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}
/* to the body element */
.noscroll {
	overflow: hidden;
}
.ajaxOpen {
	overflow: hidden;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.noscroll {
	position: fixed !important;
}
.yesnoscroll {
	overflow: visible;
	position: inherit;
}
}
#overlay {
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;
}
.Ajaxoverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000000!important;
	background: rgba(247, 247, 247, .98);
}
[aria-hidden="true"] {
	display: none;
}
[aria-hidden="false"] {
	display: block;
}
/* this code is not strictly necessary: just to make this demo a bit pleasant */


.pageApp {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.rowApp, .colApp, .pageApp {
	overflow: hidden;
	position: absolute;
}
.rowApp {
	left: 0;
	right: 0;
}
.colApp {
	top: 0;
	bottom: 0;
}
.scroll-x {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.scroll-y {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.fillApp, .paneApp {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}
.paneApp {
	display: none;
}
/* Workaround: in landscape mode, IEMobile makes bottom toolbar overlap the page, so shorten the page by 75px to compensate */
.iemobile .page {
	bottom: -6px;
}

@media screen and (orientation:landscape) {
.iemobile .page {
	bottom: 40px;
}
}
/* Specific pane configuration */
.headerApp.rowApp {
	height: 50px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	;
	z-index: 99999999999999999 !important;
}
.bodyApp.rowApp {
	top: 50px;
	bottom: 40px;
	background: #f7f7f7;
	background: rgba(250,250,250,1);
	padding: 1em;
}
.footerApp.rowApp {
	height: 40px;
	bottom: 0;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	z-index: 99999999999999999 !important
}
.headerApp, .footerApp {
	padding: 0 1em;
}
[aria-hidden="true"] {
}
[aria-hidden="false"] {
	display: block;
}
.ps_fade {
	opacity: 1;
}
/* this code is not strictly necessary: just to make this demo a bit pleasant */
closebutton {
	color: #fff;
	font-size: 25px;
	float: right;
	margin-right: 50px;
	margin-top: 11px;
}
.overlay-inner {
	width: 100%;
	max-width: 1200px;
	padding: 30px;
	margin: 0 auto;
	margin-top: 90px;
	background: rgba(255, 255, 255, .95);
	min-height: 900px;
	height: auto;
}
.footerfixed {
	width: 100%;
	height: 50px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	width: 200px;
	text-align: center;
	z-index: 9999999999;
	margin-top: 250px;
	float: right;
}
.headerfixed2 {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	background: #764099;
	z-index: 9999999999;
}
.headerfixed {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	background: transparent;
	width: 100%;
	z-index: 99999999999999;
	width: 70%;
	padding-left: 35px;
}
/* Overlay closing cross */

/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */

		/* change style of the button on the overlay */
.thumbnail-overlay-button {
	background: #764099 !important;
}
/* Remove the margin-bottom of the text */
.media-box-content .media-box-text {
	margin-bottom: 0 !important;
}
/* Change the style of the text */

figure.dotquotes {
	position: relative;
	overflowx: hidden;
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #754099;
}
figure.dotquotes blockquote {
	margin: 0;
	padding-top: 60px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing: 1px;
	opacity: 0.9;
	font-style: italic;
	font-size: 1.5em !important;
}
figure.dotquotes .author {
	margin: 20px 0 40px;
	width: 100%;
}
figure.dotquotes .author img {
	height: 40px;
	width: 66px;
	display: inline-block;
	margin-bottom: 5px;
}
figure.dotquotes .author h5, figure.dotquotes .author span {
	opacity: 0.8;
	margin: 0;
	color: #fff !important;
	font-size: 1em !important;
}
figure.dotquotes .author h5 {
	text-transform: uppercase;
	font-weight: 800;
}
figure.dotquotes .author span {
	font-size: 0.8em;
}
figure.dotquotes:before, figure.dotquotes:after {
	font-family: 'icomoon';
	content: "\201C";
	position: absolute;
	font-size: 150px;
	line-height: 1em;
	color: #fff;
	opacity: 0.25;
	font-style: normal;
}
figure.dotquotes:before {
	top: -30px;
	left: 5px;
}
figure.dotquotes:after {
	content: "\201D";
	right: 5px;
	bottom: -88px;
}
/* == GRID TWEAKA == */
		
		/* Content style */
		
.media-box-content .media-box-title, .media-box-content .media-box-text {
}
/* center the search box */
.filters-container {
	text-align: center;
	margin-bottom: 50px;
}
/* hide "no more entries" button */
.media-boxes-no-more-entries {
}
/* The different colors */
.pink .media-box-container {
	background: rgba(255,105,180,0.80);
}
.dotWhite .media-box-container {
	background: #fff;
	border: 1px solid rgba(118,64,153,0.85) !important;
	border-radius: 0px 0px 0px 0px !important;
}
.dotPurple .media-box-container {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	border-radius: 0px 0px 0px 0px !important;
}
.media-box-categories {
}
.media-box-content:hover {
}
.endPurple .media-box-container {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
}
.twitterBG .media-box-container {
	background: #3b89b1 !important;
}
.twitterBG {
	background: #3b89b1 !important;
}
.rbRed .media-box-container {
	background: #ff0000;
}
.dark-blue .media-box-container {
	background: #3b5a6f;
}
.turquoise .media-box-container {
	background: #00a78e;
}
.blue .media-box-container {
	background: #4183c4;
}
.light-gray .media-box-container {
	background: #999999;
}
.purple .media-box-container {
	background: #8d6cab;
}
.palid-green .media-box-container {
	background: #84afa2;
}
.dotWhite {
}
.dotgayPurple .media-box-container {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
}
.media-box-quote {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	border: 1px solid rgba(118,64,153,0.5) !important;
	width: 100% !important;
}
.media-box-text {
	color: #777;
	line-height: 21px;
}
/* Footer style */
.media-box-footer {
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	-webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
	box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
}
.noshadow {
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}
/* Change the color red to something green */
.media-boxes-filter>li a.selected {
	background: red !important;
}
.media-box-quote {
	background: #764099;
}
.thumbnail-overlay i.fa {
	background: #764099;
}
/* Center the filters */
.media-boxes-filter {
	text-align: center;
}
/* Remove background of videos with overlay always visible */
.overlay-always-visible {
	background: none;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	-ms-transition: background .1s linear;
	transition: background .1s linear;
}
.overlay-always-visible:hover {
	background: rgba(118,64,153,.85) !important;
}
.thumbnail-overlay {
	background: #764099 !important;
	background: rgba(118,64,153,.85) !important;
	color: #fff !important;
}
.media-boxes-filter>li {
	margin: 0;
}
.media-boxes-filter>li:last-child a {
	border-right: 1px solid #764099;
	border-radius: 0 4px 4px 0;
}
.media-boxes-filter>li:first-child a {
	border-radius: 4px 0 0 4px;
}
.media-boxes-filter>li a {
	border-bottom: 1px solid #764099;
	border-left: 1px solid #764099;
	border-top: 1px solid #764099;
	color: #fff !important;
	background: #764099 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.media-boxes-filter>li a.selected {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
	background: #8b3dbd !important;
}
.media-boxes-filter>li a:hover {
	background: #8b3dbd !important;
	color: #fff;
}
#grid {
	padding-top: 0px;
}
img {
	max-width: 100%!important;
	height: auto!important;
}
.media-box-title {
	color: #764099;
}
.media-box-container {
	border-bottom: 1px solid #eee;
}
.filters-container {
	padding-top: 0px;
}
.media-box-quote {
	background: #fff;
	border: 1px solid #eee;
	width: 100% !important;
}
/***********************************************************************************************/
/* Button */
/***********************************************************************************************/

.clickable {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 15px;
}
.title-icon {
	margin-left: 15px;
}
.menu-icon {
	margin-right: 10px;
}
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 display: none;
}
select, input[type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
}
input[type="search"] {
	border-radius: 0;
	margin-top: 0;
}
select {
	background-color: transparent;
	cursor: pointer;
}
/* -------------------------------- 

FOOTER

-------------------------------- */
#EndorsementFooter {
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	z-index: 9999999999;
}
#NavFooter {
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	background-color: #764099;
	background-image: url("https://dotgay.com/images/dark-dot.png");
	;
	z-index: 99999;
}
/* -------------------------------- 

Page main content WALL

-------------------------------- */
.magicwall {
	position: relative;
	display: block
}
.magicwall.magicwall-loading:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	background: url(images/loading.gif) center center no-repeat rgba(200,200,200,.05);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}
.magicwall .magicwall-grid {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	list-style: none;
	font-size: 0;
	background: #000
}
.magicwall .magicwall-grid>li {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0
}
.magicwall .magicwall-grid>li>.magicwall-wrap {
	display: inline-block;
	width: 100%;
	height: 100%
}
.magicwall .magicwall-grid>li>.magicwall-wrap>.magicwall-thumb {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0,0,0,.5)
}
.magicwall .magicwall-grid>li.magicwall-loading>.magicwall-wrap:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	background: url(images/loading.gif) center center no-repeat rgba(200,200,200,.05);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}
.magicwall {
	width: 100%;
	height: 425px;
	margin: 0 auto 30px;
}
.PurpleBox {
	background: rgba(118,64,153,0.95);
	border: solid 1px white;
	z-index: 9999999999;
	height: 300px;
	width: 800px;
	padding: 25px;
}
.clickTweak {
	display: none;
	visibility: hidden
}

@media ALL and (max-width: 1200px) {
#search {
	display: none;
}
}
/* ====================================================================== *
      [2] LOAD MORE
 * ====================================================================== */
    
.media-boxes-load-more-button {
	cursor: pointer;
	width: 150px;
	text-align: center;
	color: white;
	background-color: #764099;
	font-size: 14px !important;
	height: 15px;
	padding: 10px 15px 10px 15px;
	margin: 0px auto;
	line-height: 15px;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.media-boxes-no-more-entries {
	filter: alpha(opacity=20);
	opacity: 0.2;
}
/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */
.sb-content {
	height: 300px !important;
}
/* change style of the button on the overlay */
.thumbnail-overlay-button {
	background: #764098!important;
}
/* Remove the margin-bottom of the text */
.media-box-content .media-box-text {
	margin-bottom: 0 !important;
}
/* Change the style of the text */
.media-box-text {
	color: #777;
	line-height: 21px;
}
/* Footer style */
.media-box-footer {
	-webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
	box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.1);
}
/* Change the color red to something green */
.media-boxes-filter>li a.selected {
}
.media-box-quote {
	background: #764098;
}
.thumbnail-overlay i.fa {
	background: #764098;
}
/* Center the filters */
.media-boxes-filter {
	text-align: center;
}
/* Remove background of videos with overlay always visible */
.sidebySide {
	min-height: 325px !important;
}
.overlay-always-visible {
	background: #764098;
	background: rgba(118,64,153,1.00) !important;
	-webkit-transition: background .1s linear;
	-moz-transition: background .1s linear;
	-o-transition: background .1s linear;
	-ms-transition: background .1s linear;
	transition: background .1s linear;
	color: white !important;
}
.titleWhite {
	color: #fff !important;
	font-size: 30px !important;
	font-weight: 400 !important;
}
.subWhite {
	color: #fff !important;
	font-size: 18px !important;
	font-weight: normal !important;
	padding-top: 10px;
}
.overlay-always-visible:hover {
	background: #764098;
}
/* change style of filter menu */
.media-boxes-filter>li {
	margin: 0;
}
.media-boxes-filter>li:last-child a {
	border-right: 1px solid #EBEBEB;
	border-radius: 0 4px 4px 0;
}
.media-boxes-filter>li:first-child a {
	border-radius: 4px 0 0 4px;
}
.media-boxes-filter>li a {
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.media-boxes-filter>li a.selected {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
}
.media-boxes-filter>li a:hover {
	background: #fff;
	color: #764098;
}
/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */

		/* remove extra margin at the bottom */
.media-boxes-container {
	margin-bottom: -20px !important;
}
/* make some of the boxes circular */
.circular .media-box-container {
	-webkit-border-radius: 500px !important;
	-moz-border-radius: 500px !important;
	border-radius: 500px !important;
}
/* add a dark background */
	

	
.overlay-text-left .media-box-title {
	font-size: 27px;
	color: #c9cacc;
	font-weight: 100;
}
.overlay-text-left .media-box-date {
	font-size: 14px;
	color: #6f7074;
	margin: 10px 0 20px 0;
}
.overlay-text-left .media-box-text {
	font-size: 15px;
	color: #88898e;
}
/* hide "no more entries" button */
.media-boxes-no-more-entries {
	display: none;
}
/* some colors */
.blue .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.blue .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.whiteTitle .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.whiteTitle .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.blue {
	background: #445E9F !important;
}
.white {
	background: #f7f7f7 !important;
	color: #333 !important;
}
.light-blue {
	background: #55B1E1 !important;
}
/* hover effect on the image */
.media-box-image img {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}
.media-box-image:hover img {
	-webkit-transform: scale(1.2) translate(-20px);
	-moz-transform: scale(1.2) translate(-20px);
	-o-transform: scale(1.2) translate(-20px);
	-ms-transform: scale(1.2) translate(-20px);
	transform: scale(1.2) translate(-20px);
}
input {
	font-family: "Open Sans", sans-serif;
	font-size: 1em !important;
}
.media-boxes-search {
	padding: 9px 9px 9px 9px !important;
	font-size: 12px !important;
	margin: 0;
	font-weight: 400;
	color: #764099 !important;
	vertical-align: middle;
	background-color: #f7f7f7!important;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -10px !important;
}
input[type=reset] {
	color: #fff;
	margin-left: 15px;
	border: none !important;
	font-size: 30px !important;
	background: #764099 !important;
	opacity: 0.65;
}
input[type=reset]:hover {
	opacity: 1;
}
.reset {
	margin-top: -15px !important
}
input:focus, textarea:focus {
	outline: none !important;
}
.logo {
	position: absolute;
	margin-top: 5px;
	margin-left: 30px;
	z-index: 99999;
}
.media-box-container {
	border-bottom: 1px solid #eee;
}
p.media-box-title {
	color: #fff !important;
}
.tabh3 {
	font-weight: 400;
	font-size: 13pt !important;
	margin: 0;
	line-height: normal !important;
	padding: 0;
}
.tabp {
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.stuck {
	position: fixed;
	top: 0 !important;
}
.topic {
	color: #75409a!important;
}
.media-box-read-more-link {
}
.thumbnail-overlay-button {
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 15px !important;
	border: 1px solid white;
	padding-bottom: 15px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-weight: bold !important;
}
#welcomegrid {
	margin-top: 30px;
	min-height: 600px;
}
.media-box-text {
	font-size: 14px !important;
	line-height: 19px !important;
	color: #333 !important;
	font-family: Open Sans;
}
.inner-container {
	padding-bottom: 200px;
}


.instagramGrid  .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.youtubeGrid   .media-box-title, .blue .media-box-text, .light-blue .media-box-title, .light-blue .media-box-text {
	color: white !important;
}
.instagramGrid {  
  background: #3f729b !important;color: white !important;}
  
  .youtubeGrid {
	background: #cd201f !important;color: white !important;
}


#dotgayMain {
	padding-bottom:300px;
}
p {
	color: #333;
	font-family: "Open Sans", sans-serif;
	line-height: 1.5em !important;
	margin-bottom: 0.8em!important;
	margin-top: 0.5em!important;
	font-weight: 400;
	font-size: 16px !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.buttonBG {
	background: #764099 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/dotgayburrons.jpg) no-repeat center center;
	background-size: cover;
}
.dotpurpleBG {
	background: #764099;
}
.textShadow {
	color: #ffffff !important;
	font-weight: 700 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
}
.centerMe {
	text-align: center !important;
	width: 100% !important;
}
/* ********************************************************************
   SLIDER
********************************************************************* */

.cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.cover .hi {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
}
.cover .hi span {
	cursor: pointer;
	text-decoration: underline;
}
.tv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.tv .screen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	opacity: 0;
	transition: opacity .5s;
}
.tv .screen.active {
	opacity: 1;
}
#dotgaySlider {
	border-bottom: 1px solid rgba(118,64,153,0.5) !important;
	margin-top: 45px !important;
}
.controls {
	display: none !important;
	visibility: hidden !important;
}
.dotSlide {
	width: 100%;
	height: 425px !important;
	display: block;/* lets clip it*/
}
#containerSlider {
	width: 100%;
	height: 425px !important;
	display: block;
}
#dotgaySlider {
	width: 100%;
	height: 425px;
	display: block;
}

@media screen and (min-width: 70em) {
.svg-clip {
	width: 0;
	height: 0;
}
.dotSlide {
	width: 100%;
	height: 425px;
	display: block;/* lets clip it*/
}
#containerSlider {
	width: 100%;
	height: 425px;
	display: block;
}
#dotgaySlider {
	width: 100%;
	height: 425px;
	display: block;
}
.controls {
	display: none !important;
	visibility: hidden !important;
}
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 768px) {
.container {
	width: 750px;
}
}

@media (min-width: 992px) {
.container {
	width: 970px;
}
}

@media (min-width: 1200px) {
.container {
	width: 1170px;
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0%;
}
}

@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0%;
}
}
.media {
	margin-top: 15px;
}
.media:first-child {
	margin-top: 0;
}
.media, .media-body {
	zoom: 1;
	overflow: hidden;
}
.media-body {
	width: 10000px;
}
.media-object {
	display: block;
}
.media-object.img-thumbnail {
	max-width: none;
}
.media-right, .media > .pull-right {
	padding-left: 10px;
}
.media-left, .media > .pull-left {
	padding-right: 10px;
}
.media-left, .media-right, .media-body {
	display: table-cell;
	vertical-align: top;
}
.media-middle {
	vertical-align: middle;
}
.media-bottom {
	vertical-align: bottom;
}
.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}
.media-list {
	padding-left: 0;
	list-style: none;
}
.AppHeader-title {
	margin-bottom: 35px;
}
.panel {
	background-color: #ffffff;
	border-radius: 0px;
	box-shadowX: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.2s ease-in-out;
	margin-top: 35px;
	margin-bottom: 35px;
}
.panel-body {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	font-size: 2em;
	color: #fff !important;
}
.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
	color: inherit;
	background-color: #764099;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
	color: inherit;
}
.panel-footer {
	padding: 10px 15px;
	background-color: #764099;
	border-top: 1px solid #dddddd;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	color: #fff;
}
.panel-default {
	border-color: #dddddd;
}
.panel-default > .panel-heading {
	color: #f5f5f5;
	background-color: #764099;
	border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #764099;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #dddddd;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .panel-body:before, .panel-body:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .panel-body:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
}
.affix {
	position: fixed;
}
@-ms-viewport {
 width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
	display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
	display: none !important;
}

@media (max-width: 767px) {
.visible-xs {
	display: block !important;
}
table.visible-xs {
	display: table !important;
}
tr.visible-xs {
	display: table-row !important;
}
th.visible-xs, td.visible-xs {
	display: table-cell !important;
}
}

@media (max-width: 767px) {
.visible-xs-block {
	display: block !important;
}
}

@media (max-width: 767px) {
.visible-xs-inline {
	display: inline !important;
}
}

@media (max-width: 767px) {
.visible-xs-inline-block {
	display: inline-block !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
	display: block !important;
}
table.visible-sm {
	display: table !important;
}
tr.visible-sm {
	display: table-row !important;
}
th.visible-sm, td.visible-sm {
	display: table-cell !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
	display: block !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
	display: inline !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
	display: inline-block !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
	display: block !important;
}
table.visible-md {
	display: table !important;
}
tr.visible-md {
	display: table-row !important;
}
th.visible-md, td.visible-md {
	display: table-cell !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
	display: block !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
	display: inline !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
	display: inline-block !important;
}
}

@media (min-width: 1200px) {
.visible-lg {
	display: block !important;
}
table.visible-lg {
	display: table !important;
}
tr.visible-lg {
	display: table-row !important;
}
th.visible-lg, td.visible-lg {
	display: table-cell !important;
}
}

@media (min-width: 1200px) {
.visible-lg-block {
	display: block !important;
}
}

@media (min-width: 1200px) {
.visible-lg-inline {
	display: inline !important;
}
}

@media (min-width: 1200px) {
.visible-lg-inline-block {
	display: inline-block !important;
}
}

@media (max-width: 767px) {
.hidden-xs {
	display: none !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important;
}
}

@media (min-width: 1200px) {
.hidden-lg {
	display: none !important;
}
}
.visible-print {
	display: none !important;
}

@media print {
.visible-print {
	display: block !important;
}
table.visible-print {
	display: table !important;
}
tr.visible-print {
	display: table-row !important;
}
th.visible-print, td.visible-print {
	display: table-cell !important;
}
}
.visible-print-block {
	display: none !important;
}

@media print {
.visible-print-block {
	display: block !important;
}
}
.visible-print-inline {
	display: none !important;
}

@media print {
.visible-print-inline {
	display: inline !important;
}
}
.visible-print-inline-block {
	display: none !important;
}

@media print {
.visible-print-inline-block {
	display: inline-block !important;
}
}

@media print {
.hidden-print {
	display: none !important;
}
}
/************Typography**************/
html {
	line-height: 1.8;
}
p {
	color: #333;
	font-family: "Open Sans", sans-serif;
	line-height: 1.5em !important;
	margin-bottom: 0.8em!important;
	margin-top: 0.5em!important;
	font-size: 1em !important;
}
.dotgaysections {
	padding-bottom: 200px;
	padding-top: 70px;
	padding-left: 20px;
	padding-right: 20px;
}
h1, h2, h3, h4, h5 {
	color: #764099 !important;
	font-weight: 700;
	-webkit-transition: .5s;
	transition: .5s;
	line-height: 1.25em;
	padding-bottom: 0.5em;
	font-family: "Open Sans", sans-serif;
}
h1 {
	font-size: 1.5em;
}
h6 {
	font-weight: 500;
	color: #fff !important;
	text-align: center !important;
	letter-spacing: 3px !important;
}

@media (min-width: 768px) {
h1 {
	font-size: 2.25em;
}
}

@media (min-width: 960px) {
h1 {
	font-size: 2.25em;
}
}
h2 {
	font-size: 1.85em;
}

@media (min-width: 768px) {
h2 {
	font-size: 1.65em;
}
}

@media (min-width: 960px) {
h2 {
	font-size: 1.65em;
}
}
h3 {
	font-size: 1.48em;
}

@media (min-width: 768px) {
h3 {
	font-size: 1.5em;
}
}

@media (min-width: 960px) {
h3 {
	font-size: 1.5em;
}
}
h4 {
	font-size: 1em;
}

@media (min-width: 768px) {
h4 {
	font-size: 1.15em;
}
}

@media (min-width: 960px) {
h4 {
	font-size: 1.15em;
}
}
h5 {
	font-size: 1.12em;
}

@media (min-width: 768px) {
h5 {
	font-size: 1.28em;
}
}

@media (min-width: 960px) {
h5 {
	font-size: 1.36em;
}
}
h6 {
	font-size: 0.85em;
}

@media (min-width: 768px) {
h6 {
	font-size: 0.85em;
}
}

@media (min-width: 960px) {
h6 {
	font-size: 0.85em;
}
}
.iconRipple {
	border-radius: 100%;
	-webkit-animation: ripple 0.6s linear infinite;
	animation: ripple 0.6s linear infinite;
}
 @-webkit-keyframes ripple {
 0% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
}
 100% {
 box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
}
}
 @keyframes ripple {
 0% {
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
}
 100% {
 box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
}
}
/* ********************************************************************
  AJAX LOADER
********************************************************************* */
.dotgayLoading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999999999999 !important;
}
/*** SEARCH STYLES ***/
#newsSlider.div.media-box-container {
	border: none !important;
}
slideImage {
	height: 120px;
}
.cover {
	width: 260px;
	object-fit: cover;
}
/* ====================================================================== *
      [3] FILTER BAR
 * ====================================================================== */
  
.filters-container {
	margin-bottom: 15px;
}
.filters-container:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

@media only screen and (max-width: 768px) {
.filters-container>* {
	float: left !important;
	display: block;
	margin-bottom: 5px !important;
	margin-right: 5px !important;
}
.filters-container .media-boxes-filter {
	margin-top: -5px !important;
}
.filters-container .media-boxes-filter>li {
	margin-top: 5px !important;
}
}
.media-boxes-filter {
	font-size: 0px;
	list-style: none;
	margin: 0;
	padding: 0px;
	text-align: left;
}
.media-boxes-filter>li {
	display: inline-block;
	line-height: 16px;
	margin: 0 8px 0 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.media-boxes-filter>li:last-child {
	background: none;
}
.media-boxes-filter>li a {
	display: block;
	cursor: pointer;
	color: #676767;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	margin: 0 0px 0px 0;
	padding: 11px 14px;
	background-color: white;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-o-transition: background-color .1s;
	-ms-transition: background-color .1s;
	transition: background-color .1s;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.media-boxes-filter>li a:hover {
	text-decoration: none;
	background: #333333;
	color: #fff;
}
.media-boxes-filter>li a.selected {
	background: #e54e53 !important;
	color: #fff !important;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
}
/* ====================================================================== *
      [4] SEARCH FILTER
 * ====================================================================== */

.media-boxes-search {
	padding: 9px 14px 9px 14px;
	font-size: 12px;
	margin: 0;
	font-weight: 400;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.media-boxes-search:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* ====================================================================== *
      [5] DROP DOWN MENU
 * ====================================================================== */
    
.media-boxes-drop-down {
	width: 140px;
	margin: 0;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.media-boxes-drop-down-header .fa {
	float: right;
}
.media-boxes-drop-down-menu {
	margin: 0;
	padding: 0;
	z-index: 99999;
	position: absolute;
	width: 100%;
	display: none;
	-webkit-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-moz-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-o-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	-ms-box-shadow: 0 1px 1px rgba(34,25,25,0.2);
	box-shadow: 0 1px 1px rgba(34,25,25,0.2);
}
.media-boxes-drop-down-menu > li {
	list-style: none;
}
.media-boxes-drop-down-menu > li:first-child > a {
	border-top: 1px solid #E9E9E9;
}
.media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header {
	font-size: 12px;
	font-weight: 400;
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	background-color: white;
	color: #676767;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.media-boxes-drop-down-menu > li > a {
	color: #999999;
}
.media-boxes-drop-down-menu > li > a:hover, .media-boxes-drop-down-menu > li > a:focus {
	color: #000;
}
.media-boxes-drop-down-menu > li.selected > a, .media-boxes-drop-down-menu > li > a.selected {
	color: #e54e53;
}
.media-boxes-drop-down-header {
	background-color: white;
	cursor: pointer;
}
.newsSlide {
	margin: 0 15px !important;
}
/* the parent */
.newsList {
	margin: 0 -15px !important;
}

.card {
  will-change: transform;

  position: relative;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fafafa;
  height: 35%;
  width: 100%;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);

}
.card:hover {
  cursor: pointer;
}
.card__image {
  position: absolute;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repat;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  opacity: 0;
  -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__image:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  bottom: 0;
}
.card__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 24px;
  color: #FFF;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 16px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__subtitle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  left: 88px;
  right: 0;
  top: 45px;
  position: absolute;
  padding: 0 16px;
  opacity: 0;
  -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 13px;
  display: block;
  left: 0;
  right: 0;
  top: 80px;
  padding: 16px;
  margin: 0;
  line-height: 1.6;
  position: absolute;
  color: #000;
  overflow: hidden;
  -webkit-transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition: delay 0.1s;
  transition: delay 0.1s;
}
.card__action-bar {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  padding: 0 8px;
  border-top: 1px solid #E0E0E0;
  boz-sizing: border-box;
  height: 52px;
  -webkit-transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__button {
  outline: none;
  position: relative;
  display: inline-block;
  line-height: 52px;
  padding: 0 16px;

}
.card--big {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  height: 325px;
  min-height: 325px;
}
.card--big .card__image {
  border-radius: 1px 1px 0 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 1;
  max-height: 200px;
}
.card--big .card__title {
  top: 160px;
  background:rgba(118,64,153,0.95);
  color:#fff !important;
  padding:10px;
  font-size:16px !important;
}
.card--big .card__text {
  top: 190px;
}
.card--big .card__action-bar {
  left: 0;
}
.card--medium {

  height: 208px;
  min-height: 208px;
}
.card--medium .card__image {
  border-radius: 1px 1px 0 0;
  left: -100%;
  right: 0;
  top: 0;
  max-height: 0;
  opacity: 0;
}
.card--medium .card__title {
  color: #FF1744;
  top: 16px;
}
.card--medium .card__text {
  font-size: 16px;
  top: 50px;
}
.card--medium .card__action-bar {
  left: 0;
}
.card--small {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  height: 175px;
  min-height: 150px;
}
.card--small .card__image {
  border-radius: 1px 0 0 1px;
  left: 0;
  top: 0;
  width: 150px;
  opacity: 1;
  max-height: 175px;
}
.card--small .card__image:after {

}
.card--small .card__title {
  color: #000;
  left: 150px;
  top: 8px;
}
.card--small .card__subtitle {
  opacity: 1;
  left: 150px;
}
.card--small .card__text {
  top: 30px;

}
.card--small .card__action-bar {
 left: 150px;
}

#searchSite {
	position: fixed;
	margin-top: 50px;
	cursor: pointer;
	background: #8c4bb9;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	border-bottom: 1px solid #C1C1C1;
}
.hideSearch {
	visibility: hidden;
}
.hideMobile {
	visibility: hidden;
}
/* -------------------------------- 

MOBILE NAV

-------------------------------- */
#dotgayMobileNav {
	position: fixed;
	right: 0;
	top: 0;
	margin-top: 50px;
	width: 85%;
	height: 100%;
	background: #8c4bb9;
	z-index: 9999999999999999999999999 !important;
}
.helloButton {
	padding: 15px 40px;
	background: #764099;
	border: none;
	border-radius: 4px;
	color: white;
}
.helloButton:hover {
	background: #934bc2;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Slider */
.slick-loading .slick-list {
	background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
/* ********************************************************************
  ANIMATIONS
********************************************************************* */


/*!
 * animate.css -https://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
 @-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
 @keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
 @keyframes rotateIn {
0% {
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to {
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
 @-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
.world {
	width: 384px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 35%;
	margin-top: -50px;
	margin-left: -192px;
	perspective: 100px;
	transform: scale3d(0.2, 0.2, 1);
}
.road {
	width: 100%;
	height: 100%;
	transform: rotate3d(1, 0, 0, 40deg) scale3d(0.9, 0.5, 1);
}
.road .segment {
	position: absolute;
	left: 0;
	top: 0;
	animation-name: forward;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.road .block {
	float: left;
	width: 48px;
	height: 9px;
	border: 1px solid black;
	border-left: 3px solid black;
	border-right: 3px solid black;
	box-shadow: -4px 1px 0px 1px rgba(0, 0, 0, 0.35) inset;
}
.road .block.blue {
	background: #3159ff;
}
.road .block.green {
	background: #00fb00;
}
.road .block.yellow {
	background: #fffb00;
}
.road .block.orange {
	background: #ff7900;
}
.road .block.red {
	background: #ff0000;
}
.road .block.violet {
	background: #bd79ff;
}
.road .block.teal {
	background: #00f4ba;
}
.delay-1 {
	animation-delay: -0.75s;
}
.delay-2 {
	animation-delay: -1.5s;
}
.delay-3 {
	animation-delay: -2.25s;
}
.delay-4 {
	animation-delay: -3s;
}
.delay-5 {
	animation-delay: -3.75s;
}
.delay-6 {
	animation-delay: -4.5s;
}
.delay-7 {
	animation-delay: -5.25s;
}
.delay-8 {
	animation-delay: -6s;
}
 @keyframes forward {
 0% {
 transform: translate3d(0, 0, 0);
}
 100% {
 transform: translate3d(0, 504px, 0);
}
}
#sliderFive {
	width: 50%;
	height: auto;
	margin: 0 auto;
	margin-top: 25px;

}
.swipecursor {
	
	cursor: url(data:image/png;base64,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), auto; 	
	
	
}
.btn {
	position: relative;
	cursor: default;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.btn {
	margin-top: 25px;
	border-radius: 4px;
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	padding: 24px 60px 24px 16px;
	position: relative;
	text-decoration: none;
	line-height: 1;
}
.btn span {
	font-size: 1em;
	padding: 0 26px;
	position: relative;
	right: 0;
	transition: right 300ms ease;
}
.btn .icon {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	bottom: 10px;
	display: inline-block;
	line-height: 42px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 10px;
	transition: all 300ms ease;
	width: 58px;
}
.btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transition: opacity 300ms ease;
}
.btn:hover span {
	right: 100%;
}
.btn:hover .icon {
	border-left: 0;
	font-size: 1.8em;
	width: 100%;
}
.btn:hover:after {
	opacity: .2;
}
button, .button {
	display: inline-block;
	margin-top: 15px;
	padding: 0.75rem 1.5rem;
	border: none;
	border-radius: 0.1875rem;
	outline: none;
	background-color: #764099;
	color: white;
	font-family: inherit;
	font-size: 1.125em;
	font-weight: 300;
	line-height: 1.5rem;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}
button:focus, button:hover, .button:focus, .button:hover {
	background-color: #764099;
	box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #764099;
}
button:active, .button:active {
	background-color: #764099;
	box-shadow: 0 0 0 0.1875rem #764099, 0 0 0 0.375rem #764099;
	-webkit-transition-duration: 75ms;
	transition-duration: 75ms;
}
button.outline, .button.outline {
	border: 0.1875rem solid tomato;
	background-color: transparent;
	color: tomato;
}
button.outline:focus, button.outline:hover, .button.outline:focus, .button.outline:hover {
	border-color: #764099;
	color: #764099;
}
button.outline:active, .button.outline:active {
	border-color: #764099;
	color: #764099;
}
.progress {
	background-color: #e5e9eb;
	height: 0.25em;
	position: relative;
	width: 24em;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.progress-bar {
	animation-duration: 3s;
	animation-name: width;
	background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
	animation-iteration-count: infinite;
	background-size: 24em 0.25em;
	height: 100%;
	position: relative;
}
.progress-shadow {
	background-image: linear-gradient(to bottom, #eaecee, transparent);
	height: 4em;
	position: absolute;
	top: 100%;
	transform: skew(45deg);
	transform-origin: 0 0;
	width: 100%;
}

/* ANIMATIONS */
@keyframes width {
 0%, 100% {
 transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
}
 0% {
 width: 0;
}
 100% {
 width: 100%;
}
}


#dotgayNews {
  background: #ba77e5 radial-gradient(rgba(0, 0, 0, 0), #764098 );
color:#fff !important;
  display: flex;
  font-family:Open Sans;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  height: 425px;
  margin: 0;
  text-transform: uppercase;
}



.Newsmain {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: 100%;
}

.logo-area {
  height: 110px;
  width: 15%;
}

.box-top, .box-bttm {
  display: block;
  margin-left: auto;
  margin-right: 20px;
  perspective: 1200px;
  perspective-origin: 50% 100px;
  width: 110px;
}

.box-top {
  background: radial-gradient(80px 70px, #764098 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0));
  font-size: 24pt;
  line-height: 0.9em;
  height: 80px;
}

.box-bttm {
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  text-transform: none;
  height: 30px;
  line-height: 1.2em;
  transform: scale(1, 0.85);
}

.cube {
  position: relative;
  margin: auto;
  width: 110px;
  transform-style: preserve-3d;
}

.cube div {
  position: absolute;
  width: 110px;
}

.box-top .cube {
  animation: spin 60s linear infinite;
}
.box-top .cube div {
  background: rgba(118, 48, 160, 0.5);
  border: 2px solid #cff;
  height: 80px;
  overflow: hidden;
}
.box-top .cube svg {
  transform: translateY(-15px);
}

.box-bttm .cube {
  animation: spin 15s cubic-bezier(0.25, 1, 0.45, 1) infinite;
  text-shadow: 0 0 4px #000;
}
.box-bttm .cube div {
  background: radial-gradient(#764098, #4c1b6b);
  height: 30px;
}

.back {
  transform: translateZ(-55px) rotateY(180deg);
}

.right {
  transform: rotateY(-270deg) translateX(55px);
  transform-origin: top right;
}

.left {
  transform: rotateY(270deg) translateX(-55px);
  transform-origin: center left;
}

.front {
  transform: translateZ(55px);
}

.ampm {
  font-size: 12pt;
}

.box-bttm {
  margin-left: auto;
  height: 30px;
  width: 110px;
}

.cur-event {
  background: linear-gradient(90deg, transparent, #764098 5%);
  font-size: 28pt;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 85%;
  height: 110px;
}
.cur-event .top, .cur-event .glow, .cur-event .bttm {
  position: absolute;
  right: 0;
}
.cur-event .top {
  background: radial-gradient(#ffffff, rgba(0, 0, 0, 0) 60%);
  top: 0;
  height: 10px;
  width: 95%;
}
.cur-event .glow {
  background: linear-gradient(90deg, transparent 30%, #a76acd);
  box-shadow: 0 10px 10px #764098 inset;
  bottom: 0;
  height: 30px;
  width: 90%;
}
.cur-event .bttm {
  background: linear-gradient(90deg, transparent, #764098);
  box-shadow: 0 0 2px #764098 inset;
  bottom: 0;
  height: 5px;
  width: 90%;
}
.cur-event p {
  line-height: 1em;
  margin: 20px;
  text-shadow: 0 2px 4px #000;
  vertical-align: center;
  transform: scale(1, 1.3);
}
.ticker span {
    float: right;
    line-height: 1.5em;
    margin-right: 50px;
    text-shadow: 0 2px 4px #373636;
    transform: scale(1, 1.1);
}
.ticker {
  background: #f7f7f7;
  font-size: 16pt;
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  color:#333 !important;
}
.ticker .ticker-txt {
  position: absolute;
  left: 0;
  line-height: 1.5em;
  letter-spacing: 1px;
 color:#333 !important;


}
.ticker .stock-info {
  background: linear-gradient(90deg, #373636, #373636 25%, #0a0 80%, #373636 80%, #373636);
  box-shadow: -16px 0 20px #764098;
  position: absolute;
  top: 0;
  right: 0;
  width: 230px;
  height: 30px;
}
.ticker .stock-symbol {
  background: linear-gradient(#373636, #373636);
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  border: 2px solid #fff;
  float: left;
  width: 75px;
  height: 26px;
}
.ticker .stock-symbol p {
  font-weight: bold;
  line-height: 1.3em;
  transform: scale(0.8, 1.1);
}
.ticker span {
  float: right;
  line-height: 1.5em;
  margin-right: 50px;
  text-shadow: 0 2px 4px #373636;
  color:#333 !important;

}

.bottom {
  background: linear-gradient(90deg, #764098, #764098, #764098);
  box-shadow: 0 6px 6px #764098 inset;
  width: 100%;
  height: 20px;
}

@keyframes marquee {
  from {
    left: 100%;
  }
  to {
    left: -4500px;
  }
}
@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(90deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  75% {
    transform: rotateY(270deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/* For other viewports */
@media screen and (min-width: 768px) and (max-width: 980px) {
  .logo-area {
    width: 20%;
  }

  .cur-event {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .logo-area {
    width: 25%;
  }

  .cur-event {
    width: 75%;
  }
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?nagpbj');
  src:  url('fonts/icomoon.eot?nagpbj#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff2?nagpbj') format('woff2'),
    url('fonts/icomoon.ttf?nagpbj') format('truetype'),
    url('fonts/icomoon.woff?nagpbj') format('woff'),
    url('fonts/icomoon.svg?nagpbj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-connection2:before {
  content: "\e904";
}
.icon-podcast:before {
  content: "\e909";
}
.icon-envelope:before {
  content: "\e905";
}
.icon-arrow-right:before {
  content: "\e913";
}
.icon-arrow-left:before {
  content: "\e914";
}
.icon-feed:before {
  content: "\e906";
}
.icon-connection:before {
  content: "\e97c";
}
.icon-connection22:before {
  content: "\e97d";
}
.icon-connection3:before {
  content: "\e97e";
}
.icon-station2:before {
  content: "\e982";
}
.icon-reading:before {
  content: "\e997";
}
.icon-folder2:before {
  content: "\e9db";
}
.icon-price-tag4:before {
  content: "\e9f2";
}
.icon-envelop2:before {
  content: "\ea31";
}
.icon-envelop3:before {
  content: "\ea32";
}
.icon-envelop4:before {
  content: "\ea33";
}
.icon-users4:before {
  content: "\eb0c";
}
.icon-user-tie:before {
  content: "\eb0d";
}
.icon-quotes-left:before {
  content: "\eb1b";
}
.icon-quotes-right:before {
  content: "\eb1c";
}
.icon-search:before {
  content: "\eb30";
}
.icon-search2:before {
  content: "\eb33";
}
.icon-search3:before {
  content: "\eb36";
}
.icon-briefcase2:before {
  content: "\ec02";
}
.icon-briefcase22:before {
  content: "\ec03";
}
.icon-briefcase3:before {
  content: "\ec04";
}
.icon-airplane:before {
  content: "\ec05";
}
.icon-sphere:before {
  content: "\ec91";
}
.icon-sphere3:before {
  content: "\ec93";
}
.icon-earth:before {
  content: "\ec96";
}
.icon-earth2:before {
  content: "\ec97";
}
.icon-earth3:before {
  content: "\ec98";
}
.icon-heart4:before {
  content: "\ecea";
}
.icon-pointer:before {
  content: "\ed30";
}
.icon-drag-left-right:before {
  content: "\ed32";
}
.icon-drag-left:before {
  content: "\ed33";
}
.icon-drag-right:before {
  content: "\ed34";
}
.icon-info:before {
  content: "\ed63";
}
.icon-info2:before {
  content: "\ed64";
}
.icon-cancel-circle2:before {
  content: "\ed66";
}
.icon-cancel-square:before {
  content: "\ed68";
}
.icon-loop2:before {
  content: "\eda9";
}
.icon-loop3:before {
  content: "\edaa";
}
.icon-arrow-right7:before {
  content: "\edd6";
}
.icon-mail:before {
  content: "\eee2";
}
.icon-facebook:before {
  content: "\eeef";
}
.icon-twitter:before {
  content: "\eef5";
}
.icon-rss:before {
  content: "\eefa";
}
.icon-youtube2:before {
  content: "\eefd";
}
.icon-tumblr:before {
  content: "\ef18";
}
.icon-linkedin2:before {
  content: "\ef29";
}
.icon-envelop:before {
  content: "\e0eb";
}
.icon-facebook2:before {
  content: "\e498";
}
.icon-twitter2:before {
  content: "\e49d";
}
.icon-United_Nations:before {
  content: "\e90a";
}
.icon-list:before {
  content: "\e90b";
}
.icon-photo:before {
  content: "\e90c";
}
.icon-photo2:before {
  content: "\e90d";
}
.icon-sphere2:before {
  content: "\e91e";
}
.icon-sphere4:before {
  content: "\e91f";
}
.icon-square-chevron-left2:before {
  content: "\e924";
}
.icon-square-chevron-right:before {
  content: "\e925";
}
.icon-square-chevron-right2:before {
  content: "\e926";
}
.icon-square-chevron-up:before {
  content: "\e927";
}
.icon-square-chevron-up2:before {
  content: "\e928";
}
.icon-square-chevron-down:before {
  content: "\e929";
}
.icon-square-chevron-down2:before {
  content: "\e92a";
}
.icon-square-arrow-left:before {
  content: "\e92b";
}
.icon-square-arrow-left2:before {
  content: "\e92c";
}
.icon-square-arrow-right:before {
  content: "\e92d";
}
.icon-square-arrow-right2:before {
  content: "\e92e";
}
.icon-square-arrow-up:before {
  content: "\e92f";
}
.icon-square-arrow-up2:before {
  content: "\e930";
}
.icon-square-arrow-down:before {
  content: "\e931";
}
.icon-square-arrow-down2:before {
  content: "\e932";
}
.icon-square-plus:before {
  content: "\e933";
}
.icon-square-plus2:before {
  content: "\e934";
}
.icon-square-minus:before {
  content: "\e935";
}
.icon-square-minus2:before {
  content: "\e936";
}
.icon-square-cancel:before {
  content: "\e937";
}
.icon-square-cancel2:before {
  content: "\e938";
}
.icon-square-checkmark:before {
  content: "\e939";
}
.icon-square-checkmark2:before {
  content: "\e93a";
}
.icon-menu:before {
  content: "\e90e";
}
.icon-menu2:before {
  content: "\e90f";
}
.icon-cancel:before {
  content: "\e93b";
}
.icon-cancel2:before {
  content: "\e93c";
}
.icon-circle-cancel:before {
  content: "\e91d";
}
.icon-arrow-ccw:before {
  content: "\e93d";
}
.icon-arrow-ccw2:before {
  content: "\e93e";
}
.icon-flag:before {
  content: "\e817";
}
.icon-envelope2:before {
  content: "\e818";
}
.icon-users:before {
  content: "\e82b";
}
.icon-briefcase:before {
  content: "\e84c";
}
.icon-autorenew:before {
  content: "\e863";
}
.icon-chat:before {
  content: "\e0b7";
}
.icon-check_circle:before {
  content: "\e86c";
}
.icon-contact_mail:before {
  content: "\e0d0";
}
.icon-drafts:before {
  content: "\e151";
}
.icon-markunread:before {
  content: "\e159";
}
.icon-folder_shared:before {
  content: "\e2c9";
}
.icon-star:before {
  content: "\e838";
}
.icon-people:before {
  content: "\e7fb";
}
.icon-label:before {
  content: "\e892";
}
.icon-label_outline:before {
  content: "\e893";
}
.icon-language:before {
  content: "\e894";
}
.icon-linked_camera:before {
  content: "\e438";
}
.icon-live_help:before {
  content: "\e0c6";
}
.icon-live_tv:before {
  content: "\e639";
}
.icon-local_airport:before {
  content: "\e53d";
}
.icon-local_library:before {
  content: "\e54b";
}
.icon-local_mall:before {
  content: "\e54c";
}
.icon-mail_outline:before {
  content: "\e0e1";
}
.icon-monochrome_photos:before {
  content: "\e403";
}
.icon-ondemand_video:before {
  content: "\e63a";
}
.icon-party_mode:before {
  content: "\e7fa";
}
.icon-public:before {
  content: "\e80b";
}
.icon-touch_app:before {
  content: "\e93f";
}
.icon-work:before {
  content: "\e8f9";
}
.icon-group:before {
  content: "\e907";
}
.icon-camera:before {
  content: "\e908";
}
.icon-social-twitter:before {
  content: "\e901";
}
.icon-social-facebook:before {
  content: "\e902";
}
.icon-social-linkedin:before {
  content: "\e903";
}
.icon-dotgayfont4:before {
  content: "\e912";
}
.icon-dotgayfont3:before {
  content: "\e911";
}
.icon-dotgayfont2:before {
  content: "\e910";
}
.icon-dotgayfont:before {
  content: "\e900";
}
.icon-user:before {
  content: "\f007";
}
.icon-camera2:before {
  content: "\f030";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-heart-o:before {
  content: "\f08a";
}
.icon-tumblr2:before {
  content: "\f173";
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(118, 64, 155, 0.75) url(https://dotgay.com/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:99999;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #764099;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 60px;
  }
}
/* Ticker */
.modern-ticker {
	width: 100%;
	height: 34px;
	line-height: 30px;
	font-size: 16px;
	overflow: hidden;
}
.modern-ticker a {
	text-decoration: none;
}
.modern-ticker ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mt-round {
	border-radius: 0px;
}

	/* Body */
	.mt-body {
		margin: 2px;
		position: relative;
	}
	
		/* Label */
		.mt-label {
			margin-right: 2px;
			padding: 0 8px 0 12px;
			position: absolute;
			left: 0;
		}
		.mt-round .mt-label {
			border-radius: 0px 0 0 0px;
		}
		
		/* News */
		.mt-news {
			overflow: hidden;
			position: absolute;
		}
		.mt-scroll .mt-news {
			background-color: transparent;
		}
		.mt-news ul {
			/* Preload */
			background-repeat: no-repeat;
			background-position: -1000px;
		}
		.mt-news li {
			float: left;
		}
		.mt-round .mt-news:first-child, .mt-round .mt-news:first-child a {
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.mt-round .mt-news:last-child, .mt-round .mt-news:last-child a {
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}
		.mt-news a {
			font-size: 15px;
			padding: 0 10px 0 20px;
			margin-right: 2px;
			background-repeat: no-repeat;
			background-position: 7px center;
			display: block;
			white-space: nowrap;
		}
		.mt-scroll.mt-round .mt-news a {
			border-radius: 0;
		}
		.mt-hide {
			display: none;
		}
		
		/* Controls */
		.mt-controls {
			margin-left: 2px;
			position: absolute;
			right: 0;

			/* Preload */
			background-repeat: no-repeat;
			background-position: -1000px;
		}
		.mt-play, .mt-prev, .mt-next {
			width: 30px;
			height: 30px;
			background-repeat: no-repeat;
			background-position: center;
			float: left;
			cursor: pointer;
		}
		.mt-round .mt-next {
			border-radius: 0 0px 0px 0;
		}
		
/* Ticker */
.modern-ticker {
	color: #fff;
	background-color: #404040;
}
	
	/* Label */
	.mt-label {
		background-color: #764099;
	}
	
	/* News */
	.mt-news {
		background-color: #404040;
	}
	.mt-preloader {
		background: url("images/preloader.gif") no-repeat center;
	}
	.mt-news ul {
		/* Preload */
		background-image: url("images/bullet-over.png");
	}
	.mt-news a {
		color: #fff;
		background-color: #404040;
		background-image: url("images/bullet.png");
	}
	.mt-news a:hover {
		color: #fff;
		background-color: #9e6ac0;
		border-color: #ff2200;
		background-image: url("images/bullet-over.png");
	}
	.mt-news a:active {
		background-color: #9e6ac0;
	}
	
	/* Controls */
	.mt-controls {
		/* Preload */
		background-image: url("images/pause.png");
	}
	.mt-prev, .mt-next {
		background-color: #764099;
	}
	.mt-prev {
		background-image: url("images/arrow-prev.png");
	}
	.mt-next {
		background-image: url("images/arrow-next.png");
	}
	.mt-play {
		background-color: #daa1ff;
		background-image: url("images/play.png");
	}
	.mt-pause {
		background-image: url("images/pause.png");
	}
	.mt-play:hover, .mt-prev:hover, .mt-next:hover {
		background-color: #9e6ac0;
	}
	.mt-play:active, .mt-prev:active, .mt-next:active {
		background-color: #9e6ac0;
	}
	.BreakingNews { margin-left:15px;margin-right:15px;margin-top:25px ;}