@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Kanit:300,400,500,500i,600%7CRoboto:400,900");
@import url(//fonts.googleapis.com/css?family=Archivo+Narrow:400,500,600,700);


/*
*
* shared columns
*/

.s-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}




.s-row-1 {
    margin-left: -1px;
    margin-right: -1px;
}

.s-row-1 > [class*="col"] {
    padding-left: 1px;
    padding-right: 1px;
}

.s-container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;width:100%}


.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}

.s-col,.col-1s,.col-10s,.col-11s,.col-12s,.col-2s,.col-3s,.col-4s,.col-5s,.col-6s,.col-7s,.col-8s,.col-9s,.col-autos,.col-lgs,.col-lg-1s,.col-lg-10s,.col-lg-11s,.col-lg-12s,.col-lg-2s,.col-lg-3s,.col-lg-4s,.col-lg-5,.col-lg-6s,.col-lg-7s,.col-lg-8s,.col-lg-9s,.col-lg-autos,.col-mds,.col-md-1s,.col-md-10s,.col-md-11s,.col-md-12s,.col-md-2s,.col-md-3s,.col-md-4s,.col-md-5s,.col-md-6s,.col-md-7s,.col-md-8s,.col-md-9s,.col-md-autos,.col-sms,.col-sm-1s,.col-sm-10s,.col-sm-11s,.col-sm-12s,.col-sm-2s,.col-sm-3s,.col-sm-4s,.col-sm-5s,.col-sm-6s,.col-sm-7s,.col-sm-8s,.col-sm-9s,.col-sm-autos,.col-xls,.col-xl-1s,.col-xl-10s,.col-xl-11s,.col-xl-12s,.col-xl-2s,.col-xl-3s,.col-xl-4s,.col-xl-5s,.col-xl-6s,.col-xl-7s,.col-xl-8s,.col-xl-9s,.col-xl-autos{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}

.s-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.s-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}

.col-1s{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

.col-2s{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

.col-3s{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

.col-4s{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-5s{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

.col-6s{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.col-7s{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}

.col-8s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

.col-9s{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

.col-10s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

.col-11s{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}

.col-12s{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}


.col-gbg{ width: 100%;
min-height: 1px;
padding-right: 1px;
padding-left: 1px;}


 @media (min-width:768px){
	 .col-mds{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
	 .col-md-autos{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
	 .col-md-1s{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	 .col-md-2s{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	 .col-md-3s{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	 .col-md-4s{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	 .col-md-5s{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	 .col-md-6s{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	 .col-md-7s{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	 .col-md-8s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	 .col-md-9s{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	 .col-md-10s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	 .col-md-11s{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	 .col-md-12s{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	}
	
@media (min-width:992px){
	.col-lgs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
	.col-lg-autos{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
	.col-lg-1s{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.col-lg-2s{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.col-lg-3s{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.col-lg-4s{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.col-lg-5s{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.col-lg-6s{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.col-lg-7s{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.col-lg-8s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.col-lg-9s{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.col-lg-10s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.col-lg-11s{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.col-lg-12s{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  }
 @media (min-width:1200px){
	 .col-xls{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
	 .col-xl-autos{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
	 .col-xl-1s{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	 .col-xl-2s{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	 .col-xl-3s{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	 .col-xl-4s{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	 .col-xl-5s{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	 .col-xl-6s{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	 .col-xl-7s{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	 .col-xl-8s{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	 .col-xl-9s{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	 .col-xl-10s{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	 .col-xl-11s{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	 .col-xl-12s{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	}
 




.mt-10s {
    margin-top: 10px;
}

.mb-50s {
    margin-bottom: 50px;
}

.mb-20s {
    margin-bottom: 20px;
}

.s-section {
    float: left;
    width: 100%;
}

 

/*
*
* Thumbnails
*/
.img-responsive {
	width: 100%;
}

.img-circle {
	border-radius: 50%;
}

.thumbnail-classic {
	position: relative;
	overflow: hidden;
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	transition: all .3s ease-in-out;
}

.thumbnail-classic::before, .thumbnail-classic::after {
	position: absolute;
	pointer-events: none;
}

.thumbnail-classic::before {
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #2b3341;
	opacity: .58;
	transition: inherit;
}

.thumbnail-classic::after {
	display: inline-block;
	content: '\e01c';
	top: 50%;
	left: 50%;
	z-index: 2;
	color: #fff;
	font-size: 30px;
	font-family: 'fl-budicons-launch';
	transform: translate(-50%, calc(-50% - 20px));
	transition: inherit;
}

.thumbnail-classic-figure {
	display: block;
	transform: scale3d(1.1, 1.1, 1.1);
}

.thumbnail-classic-figure img {
	width: 100%;
	will-change: transform;
}

.thumbnail-classic-caption {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 20px;
	background: #2c2d31;
	transition: inherit;
}

.thumbnail-classic-panel-left {
	position: relative;
	text-align: left;
}

.thumbnail-classic-title {
	color: #fff;
	opacity: 1;
	visibility: visible;
	transition: all 300ms ease-in-out 200ms;
}

.thumbnail-classic-subtitle {
	display: none;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .025em;
	color: #707279;
	opacity: 0;
	transform: translate3d(0, 200%, 0);
	transition: all 300ms ease-in-out 100ms;
}

.thumbnail-classic-panel-right {
	position: relative;
	text-align: right;
	line-height: 1;
}

.thumbnail-classic-panel-toggle {
	position: relative;
	display: none;
	font-size: 24px;
	color: #707279;
	opacity: 1;
	visibility: visible;
	cursor: pointer;
	transition: all 300ms ease-in-out 200ms;
	z-index: 1;
}

.thumbnail-classic-list {
	font-size: 18px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}

.thumbnail-classic-list a, .thumbnail-classic-list a:focus, .thumbnail-classic-list a:active {
	color: inherit;
}

.thumbnail-classic-list a:hover {
	color: #fcef57;
}

.thumbnail-classic-list li {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: all 300ms ease-in-out;
}

.thumbnail-classic-list li:nth-child(1) {
	transition-delay: 100ms;
}

.thumbnail-classic-list li:nth-child(2) {
	transition-delay: 150ms;
}

.thumbnail-classic-list li:nth-child(3) {
	transition-delay: 200ms;
}

.thumbnail-classic-list li:nth-child(4) {
	transition-delay: 250ms;
}

.thumbnail-classic-list li:nth-child(5) {
	transition-delay: 300ms;
}

.thumbnail-classic-list li:nth-child(6) {
	transition-delay: 350ms;
}

.thumbnail-classic-list li:nth-child(7) {
	transition-delay: 400ms;
}

.thumbnail-classic-list li:nth-child(8) {
	transition-delay: 450ms;
}

.thumbnail-classic-list li:nth-child(9) {
	transition-delay: 500ms;
}

.thumbnail-classic-list li:nth-child(10) {
	transition-delay: 550ms;
}

.desktop .thumbnail-classic::before {
	opacity: 0;
}

.desktop .thumbnail-classic::after {
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%);
}

.desktop .thumbnail-classic-caption {
	transform: translateY(100%);
}

.desktop .thumbnail-classic-title {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate3d(0, -50%, 0);
}

.desktop .thumbnail-classic-subtitle {
	display: inline-block;
}

.desktop .thumbnail-classic-panel-toggle {
	display: inline-block;
}

.desktop .thumbnail-classic-list {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(calc(-50% - 4px));
	pointer-events: none;
}

.desktop .thumbnail-classic-list li {
	opacity: 0;
	transform: translate3d(0, 200%, 0);
}

.desktop .thumbnail-classic:hover .thumbnail-classic-figure {
	position: relative;
	transform: scale3d(1, 1, 1);
}

.desktop .thumbnail-classic:hover .thumbnail-classic-caption {
	transform: translateY(0);
}

.desktop .thumbnail-classic:hover::after {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, calc(-50% - 20px));
}

.desktop .thumbnail-classic:hover::before {
	opacity: .58;
}

.desktop .thumbnail-classic-panel-right:hover .thumbnail-classic-panel-toggle {
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
}

.desktop .thumbnail-classic-panel-right:hover .thumbnail-classic-list {
	pointer-events: auto;
}

.desktop .thumbnail-classic-panel-right:hover .thumbnail-classic-list li {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.desktop .thumbnail-classic-panel-right:hover ~ .thumbnail-classic-panel-left .thumbnail-classic-title {
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
}

.desktop .thumbnail-classic-panel-right:hover ~ .thumbnail-classic-panel-left .thumbnail-classic-subtitle {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.thumbnail-modern {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #707279;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	transition: all 300ms ease-in-out;
	padding: 1px;
    background-color: #35363c;
}



.thumbnail-modern-caption {
	width: 100%;
	padding: 12px 0 22px 0;
	background: #35363c;
	transition: inherit;
	will-change: transform;
	z-index: 1;
}

.thumbnail-modern-title {
	color: #fefefe;
}

.thumbnail-modern-date {
	display: block;
	font-weight: 500;
	font-size: .85em;
	letter-spacing: .025em;
	text-transform: uppercase;
	transition: inherit;
}

 

.desktop .thumbnail-modern-caption {
	position: absolute;
	bottom: 0;
	transform: translate3d(0, 18px, 0);
}

.desktop .thumbnail-modern-date {
	opacity: 0;
	visibility: hidden;
}

.desktop .thumbnail-modern:hover .thumbnail-modern-date {
	opacity: 1;
	visibility: visible;
}

.desktop .thumbnail-modern:hover .thumbnail-modern-caption {
	transform: translate3d(0, 0, 0);
}

.thumbnail-creative {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	background: #384958;
	cursor: pointer;
}

.thumbnail-creative img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	width: 100%;
	opacity: 1;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale3d(1.1, 1.1, 1);
	will-change: transform;
}

.thumbnail-creative-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
}

.thumbnail-creative-overlay::before, .thumbnail-creative-overlay::after {
	position: absolute;
	pointer-events: none;
}

.thumbnail-creative-overlay::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	transition: transform 0.6s;
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.thumbnail-creative-overlay::after {
	display: inline-block;
	content: '\e01c';
	top: 50%;
	left: 50%;
	z-index: 1;
	font-size: 24px;
	font-family: 'fl-budicons-launch';
	opacity: 0;
	transform: translate(-50%, calc(-50% + 10px));
	transition: all 150ms ease-in-out;
}

.thumbnail-creative:hover img {
	opacity: 0.5;
	transform: scale3d(1, 1, 1);
}

.thumbnail-creative:hover .thumbnail-creative-overlay::before {
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.thumbnail-creative:hover .thumbnail-creative-overlay::after {
	opacity: 1;
	transform: translate(-50%, -50%);
	transition-delay: 300ms;
}

.mobile .thumb--effect-apollo img,
.tablet .thumb--effect-apollo img {
	opacity: 0.5;
	transform: scale3d(1, 1, 1);
}

.mobile .thumbnail-creative-overlay::before,
.tablet .thumbnail-creative-overlay::before {
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.thumbnail-minimal {
	text-align: center;
}

.thumbnail-minimal > * + * {
	margin-top: 15px;
}

.thumbnail-minimal-title {
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
	color: #151515;
	text-transform: uppercase;
}

.thumbnail-minimal-figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 150px;
}

.thumbnail-minimal-counter h2 {
	font-weight: 400;
	line-height: 1;
}

@media (min-width: 768px) {
	.block-thumbnail-minimal [class*='col-'] + [class*='col-'] {
		position: relative;
	}
	.block-thumbnail-minimal [class*='col-'] + [class*='col-']::before {
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 165px;
		content: '';
		background: #e1e1e1;
		transform: translateY(-50%);
	}
}

.thumb-video {
	position: relative;
	overflow: hidden;
	display: block;
	background: #151515;
	text-align: center;
}

.height-fill .thumb-video {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #000;
}

.thumb-video-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.thumb-video-image {
	width: auto;
	height: auto;
	max-width: none;
}

.thumb-video-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: #151515;
	cursor: pointer;
}

.thumb-video-overlay .thumb-video-image {
	min-height: 100%;
}

.thumb-video-content {
	background: #151515;
}

.thumb-video-button {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 63px;
	height: 63px;
	line-height: 0;
	font-size: 0;
	border-radius: 50%;
	color: #151515;
	background: #fff;
	cursor: pointer;
	transition: .22s;
}

.thumb-video-button::after {
	content: '\e037';
	font-family: 'Material Icons';
	font-size: 25px;
	line-height: 1;
}

.thumb-video-button:hover {
	color: #35ad79;
}

.thumb-video-content,
.thumb-video-image {
	min-width: 100%;
}

@supports (object-fit: cover) {
	.thumb-video-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

* + .thumb-video-title {
	margin-top: 10px;
}

a.thumbnail-alice {
	display: block;
}

.thumbnail-alice {
	position: relative;
	overflow: hidden;
	transition: 0.8s cubic-bezier(0.2, 1, 0.2, 1);
	transform: translate3d(0, 0, 0);
}

.thumbnail-alice img {
	width: 100%;
}

.thumbnail-alice::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(37, 43, 47, 0.3);
	opacity: 0;
	transition: .4s;
}

.thumbnail-alice::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	content: '\e01c';
	z-index: 1;
	font-size: 24px;
	font-family: 'fl-budicons-launch';
	opacity: 0;
	transition: all 150ms ease-in-out;
	color: #fff;
}

.thumbnail-alice:hover::before, .thumbnail-alice:hover::after {
	opacity: 1;
}

.thumbnail-alice:hover .thumbnail-alice-figure {
	transform: scale(1.1);
}

.thumbnail-alice-figure {
	position: relative;
	transition: .34s;
}
  
/*
*
* Swiper
*/
.swiper-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: auto;
	min-height: inherit;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-container {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	touch-action: pan-y;
}

.swiper-wp8-vertical {
	touch-action: pan-x;
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
	height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	font-size: 26px;
	line-height: 1;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .2s ease-in;
	will-change: transform;
	z-index: 10;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: #35ad79;
}

@media (min-width: 768px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev {
	left: 30px;
}

.swiper-button-prev:before {
	font-family: "FontAwesome";
	content: "\f060";
}

.swiper-button-next {
	right: 30px;
}

.swiper-button-next:before {
	font-family: "FontAwesome";
	content: "\f061";
}

.swiper-slider.swiper-container-rtl .swiper-button-prev::before {
	content: "\f061";
}

.swiper-slider.swiper-container-rtl .swiper-button-next::before {
	content: "\f060";
}

.swiper-pagination {
	position: absolute;
	display: block;
	text-align: center;
	transition: .3s;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.6);
	transition: .2s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover {
	background: white;
}

.swiper-container-vertical > .swiper-pagination {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block;
}

.swiper-container-horizontal > .swiper-pagination {
	bottom: 20px;
	left: 0;
	width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px;
}

.swiper-slide {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}




.swiper-slide-caption {
	width: 100%;
	white-space: normal;
}

.swiper-slider-1 {
	min-height: 40.10417vw;
}

.post-slider .swiper-pagination-bullet {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	border: 2px solid #35ad79;
	background: transparent;
}

.post-slider .swiper-pagination-bullet::before {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	pointer-events: none;
	background: #35ad79;
	content: '';
	transform: translate(-50%, -50%);
	transition: all .5s;
}

.post-slider .swiper-pagination-bullet:hover, .post-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: transparent;
}

.post-slider .swiper-pagination-bullet:hover::before, .post-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	width: 50px;
	height: 50px;
}

.post-slider .swiper-button-next, .post-slider .swiper-button-prev {
	width: 35px;
	height: 35px;
	font-size: 30px;
	border: 2px solid #fff;
	opacity: .5;
}

.post-slider .swiper-button-next::before, .post-slider .swiper-button-prev::before {
	font-family: 'Material Icons';
}

.post-slider .swiper-button-next:hover, .post-slider .swiper-button-prev:hover {
	color: #fff;
	opacity: 1;
}

.post-slider .swiper-button-prev::before {
	content: '\e5cb';
}

.post-slider .swiper-button-next::before {
	content: '\e5cc';
}

.heading-component + .post-slider {
	margin-top: 18px;
}

@media (min-width: 768px) {
	.post-slider .swiper-pagination {
		display: none;
	}
}

.swiper-classic {
	min-height: 34.94792vw;
}

.swiper-classic h4,
.swiper-classic .heading-4 {
	font-weight: 400;
	letter-spacing: .05em;
}

.swiper-classic .swiper-slide {
	flex-direction: column;
	background-position: 24% 0;
}

.swiper-classic .swiper-slide-caption {
	max-width: 330px;
	padding: 30px 0 75px;
}

.swiper-classic .swiper-button {
	position: absolute;
	top: 50%;
	height: 50px;
	width: 66px;
	overflow: hidden;
	transform: translate3d(0, -50%, 0);
	color: #fff;
	font-size: 27px;
	line-height: 1;
}

.swiper-classic .swiper-button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-family: 'Material Icons';
}

.swiper-classic .swiper-button::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #313539;
	pointer-events: none;
	transition: .33s;
	outline: 1px solid transparent;
}

.swiper-classic .swiper-button:hover {
	color: #fff;
}

.swiper-classic .swiper-button:hover::after {
	background: #35ad79;
}

.swiper-classic .swiper-button-prev {
	left: 0;
}

.swiper-classic .swiper-button-prev::before {
	content: '\e5cb';
	margin-left: -3px;
}

.swiper-classic .swiper-button-prev::after {
	transform-origin: 100% 100%;
	transform: skew(10deg);
}

.swiper-classic .swiper-button-next {
	right: 0;
}

.swiper-classic .swiper-button-next::before {
	content: '\e5cc';
	margin-right: -3px;
}

.swiper-classic .swiper-button-next::after {
	transform-origin: 100% 100%;
	transform: skew(-10deg);
}

.swiper-classic .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}

.swiper-classic .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .22s;
}

.swiper-classic .swiper-pagination-bullet-active, .swiper-classic .swiper-pagination-bullet:hover {
	background: #35ad79;
}

.swiper-classic .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
}

.swiper-classic .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 20px;
}

@media (min-width: 768px) {
	.swiper-classic .swiper-slide {
		background-position: 66% 0;
	}
	.swiper-classic .swiper-slide-caption {
		padding: 60px 80px 100px 30px;
		margin-left: auto;
	}
	.swiper-classic .swiper-pagination {
		display: none;
	}
	.swiper-classic * + .button {
		margin-top: 40px;
	}
}

@media (min-width: 1200px) {
	.swiper-classic .swiper-slide-caption {
		padding: 40px 30px 130px;
		max-width: 340px;
	}
}

.swiper-modern {
	min-height: 33.95833vw;
}

.swiper-modern h4,
.swiper-modern .heading-4 {
	font-weight: 400;
	letter-spacing: .05em;
}

.swiper-modern .swiper-slide {
	flex-direction: column;
	min-width: 100%;
	background-position: 55% 0;
}

.swiper-modern .swiper-slide::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: rgba(43, 62, 79, 0.29);
}

.swiper-modern .swiper-slide > * {
	position: relative;
	z-index: 1;
}

.swiper-modern .swiper-slide-caption {
	padding: 30px 0 75px;
}

.swiper-modern .swiper-slide-caption h1, .swiper-modern .swiper-slide-caption h2, .swiper-modern .swiper-slide-caption h3, .swiper-modern .swiper-slide-caption h4, .swiper-modern .swiper-slide-caption h5, .swiper-modern .swiper-slide-caption h6, .swiper-modern .swiper-slide-caption [class*='heading-'] {
	font-style: italic;
}

.swiper-modern .swiper-button {
	position: absolute;
	top: 50%;
	height: 50px;
	width: 66px;
	overflow: hidden;
	transform: translate3d(0, -50%, 0);
	color: #fff;
	font-size: 27px;
	line-height: 1;
}

.swiper-modern .swiper-button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-family: 'Material Icons';
}

.swiper-modern .swiper-button::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #313539;
	pointer-events: none;
	transition: .33s;
	outline: 1px solid transparent;
}

.swiper-modern .swiper-button:hover {
	color: #fff;
}

.swiper-modern .swiper-button:hover::after {
	background: #35ad79;
}

.swiper-modern .swiper-button-prev {
	left: 0;
}

.swiper-modern .swiper-button-prev::before {
	content: '\e5cb';
	margin-left: -3px;
}

.swiper-modern .swiper-button-prev::after {
	transform-origin: 100% 100%;
	transform: skew(10deg);
}

.swiper-modern .swiper-button-next {
	right: 0;
}

.swiper-modern .swiper-button-next::before {
	content: '\e5cc';
	margin-right: -3px;
}

.swiper-modern .swiper-button-next::after {
	transform-origin: 100% 100%;
	transform: skew(-10deg);
}

.swiper-modern .swiper-pagination {
	bottom: 32px;
}

.swiper-modern .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	color: #fff;
	background: #fff;
}

.swiper-modern .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .22s;
}

.swiper-modern .swiper-pagination-bullet-active, .swiper-modern .swiper-pagination-bullet:hover {
	background: #fcef57;
}

.swiper-modern .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
}

.swiper-modern .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 20px;
}

@media (max-width: 767px) {
	.swiper-modern .swiper-pagination[data-index-bullet='true'] {
		font-size: 0;
	}
}

@media (min-width: 768px) {
	.swiper-modern .swiper-slide-caption {
		padding-right: 100px;
	}
	.swiper-modern .swiper-pagination-vertical {
		position: absolute;
		top: 57%;
		right: 150px;
		bottom: auto;
		left: auto;
		transform: translate3d(0, -57%, 0);
		width: auto;
	}
	.swiper-modern .swiper-pagination-vertical .swiper-pagination-bullet {
		display: block;
		margin-left: 0;
	}
	.swiper-modern .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] {
		font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: .025em;
		text-align: center;
		padding-bottom: 40px;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
		position: relative;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		opacity: 0;
		transition: .22s;
		pointer-events: none;
		vertical-align: middle;
		white-space: nowrap;
		transform-origin: 0 50%;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 25px;
		border-right: 2px solid;
		top: 25px;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
		opacity: 1;
	}
	.swiper-modern .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 35px;
	}
	.swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
		left: 30px;
		top: 50%;
		transform: translate3d(10%, -50%, 0) scale(0.1, 1);
	}
	.swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		margin-right: 10px;
		height: 0;
		width: 25px;
		border-right: 0;
		border-bottom: 2px solid;
	}
	.swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
		transform: translate3d(0, -50%, 0) scale(1, 1);
	}
	.swiper-modern .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-modern .button {
		min-width: 170px;
	}
}

@media (min-width: 1200px) {
	.swiper-modern .swiper-slide::after {
		display: none;
	}
	.swiper-modern .swiper-slide-caption {
		padding: 80px 100px 80px 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.swiper-modern {
		min-height: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.swiper-modern {
		min-height: 38.54167vw;
	}
}

@media (min-width: 2050px) {
	.swiper-modern .swiper-pagination-vertical {
		left: calc(50% + 1920px / 2 + 200px);
	}
}

.swiper-creative {
	min-height: 37.03125vw;
}

.swiper-creative .swiper-slide {
	flex-direction: column;
	background-position: 24% 0;
}

.swiper-creative .swiper-slide-caption {
	position: relative;
	overflow: hidden;
	max-width: 310px;
	padding: 20px 0 65px;
}

.swiper-creative .swiper-button {
	position: absolute;
	top: 50%;
	height: 50px;
	width: 66px;
	overflow: hidden;
	transform: translate3d(0, -50%, 0);
	color: #fff;
	font-size: 27px;
	line-height: 1;
}

.swiper-creative .swiper-button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-family: 'Material Icons';
}

.swiper-creative .swiper-button::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: rgba(255, 255, 255, 0.19);
	pointer-events: none;
	transition: .33s;
	outline: 1px solid transparent;
}

.swiper-creative .swiper-button:hover {
	color: #fff;
}

.swiper-creative .swiper-button:hover::after {
	background: #35ad79;
}

.swiper-creative .swiper-button-prev {
	left: 0;
}

.swiper-creative .swiper-button-prev::before {
	content: '\e5cb';
	margin-left: -3px;
}

.swiper-creative .swiper-button-prev::after {
	transform-origin: 100% 100%;
	transform: skew(10deg);
}

.swiper-creative .swiper-button-next {
	right: 0;
}

.swiper-creative .swiper-button-next::before {
	content: '\e5cc';
	margin-right: -3px;
}

.swiper-creative .swiper-button-next::after {
	transform-origin: 100% 100%;
	transform: skew(-10deg);
}

.swiper-creative .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}

.swiper-creative .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .22s;
}

.swiper-creative .swiper-pagination-bullet-active, .swiper-creative .swiper-pagination-bullet:hover {
	background: #35ad79;
}

.swiper-creative .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
}

.swiper-creative .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 20px;
}

@media (min-width: 768px) {
	.swiper-creative .swiper-slide {
		background-position: 66% 0;
	}
	.swiper-creative .swiper-slide-caption {
		padding: 60px 60px 60px 30px;
		max-width: 350px;
		margin-left: auto;
	}
	.swiper-creative .swiper-pagination {
		display: none;
	}
	.swiper-creative * + .button {
		margin-top: 40px;
	}
}

@media (min-width: 992px) {
	.swiper-creative .swiper-slide-caption {
		max-width: 370px;
	}
}

@media (min-width: 1200px) {
	.swiper-creative .swiper-slide-caption {
		padding: 50px 30px;
		max-width: 360px;
	}
}

@media (min-width: 1600px) {
	.swiper-creative .swiper-slide-caption {
		max-width: 390px;
	}
}

.swiper-corporate {
	min-height: 33.95833vw;
}

.swiper-corporate h4,
.swiper-corporate .heading-4 {
	font-weight: 400;
	letter-spacing: .05em;
}

.swiper-corporate .swiper-slide {
	flex-direction: column;
	background-position: 55% 0;
}

.swiper-corporate .swiper-slide::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: rgba(43, 62, 79, 0.29);
}

.swiper-corporate .swiper-slide > * {
	position: relative;
	z-index: 1;
}

.swiper-corporate .swiper-slide-caption {
	padding: 60px 0 70px;
	max-width: 500px;
}

.swiper-corporate .heading-decoration-1 {
	padding-right: 20px;
}

.swiper-corporate .swiper-button {
	position: absolute;
	top: 50%;
	height: 50px;
	width: 66px;
	overflow: hidden;
	transform: translate3d(0, -50%, 0);
	color: #fff;
	font-size: 27px;
	line-height: 1;
}

.swiper-corporate .swiper-button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-family: 'Material Icons';
}

.swiper-corporate .swiper-button::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #313539;
	pointer-events: none;
	transition: .33s;
	outline: 1px solid transparent;
}

.swiper-corporate .swiper-button:hover {
	color: #fff;
}

.swiper-corporate .swiper-button:hover::after {
	background: #35ad79;
}

.swiper-corporate .swiper-button-prev {
	left: 0;
}

.swiper-corporate .swiper-button-prev::before {
	content: '\e5cb';
	margin-left: -3px;
}

.swiper-corporate .swiper-button-prev::after {
	transform-origin: 100% 100%;
	transform: skew(10deg);
}

.swiper-corporate .swiper-button-next {
	right: 0;
}

.swiper-corporate .swiper-button-next::before {
	content: '\e5cc';
	margin-right: -3px;
}

.swiper-corporate .swiper-button-next::after {
	transform-origin: 100% 100%;
	transform: skew(-10deg);
}

.swiper-corporate .swiper-pagination {
	bottom: 32px;
}

.swiper-corporate .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	color: #fff;
	background: #fff;
}

.swiper-corporate .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .22s;
}

.swiper-corporate .swiper-pagination-bullet-active, .swiper-corporate .swiper-pagination-bullet:hover {
	background: #fcef57;
}

.swiper-corporate .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
}

.swiper-corporate .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 20px;
}

@media (max-width: 767px) {
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] {
		font-size: 0;
	}
}

@media (min-width: 768px) {
	.swiper-corporate .swiper-slide-caption {
		margin-left: auto;
		max-width: 640px;
		padding-right: 160px;
	}
	.swiper-corporate .swiper-pagination-vertical {
		position: absolute;
		top: 57%;
		right: 150px;
		bottom: auto;
		left: auto;
		transform: translate3d(0, -57%, 0);
		width: auto;
	}
	.swiper-corporate .swiper-pagination-vertical .swiper-pagination-bullet {
		display: block;
		margin-left: 0;
	}
	.swiper-corporate .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] {
		font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: .025em;
		text-align: center;
		padding-bottom: 40px;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
		position: relative;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		opacity: 0;
		transition: .22s;
		pointer-events: none;
		vertical-align: middle;
		white-space: nowrap;
		transform-origin: 0 50%;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 25px;
		border-right: 2px solid;
		top: 25px;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
		opacity: 1;
	}
	.swiper-corporate .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 35px;
	}
	.swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
		left: 30px;
		top: 50%;
		transform: translate3d(10%, -50%, 0) scale(0.1, 1);
	}
	.swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		margin-right: 10px;
		height: 0;
		width: 25px;
		border-right: 0;
		border-bottom: 2px solid;
	}
	.swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
		transform: translate3d(0, -50%, 0) scale(1, 1);
	}
	.swiper-corporate .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-corporate .button {
		min-width: 170px;
	}
}

@media (min-width: 1200px) {
	.swiper-corporate .swiper-slide::after {
		display: none;
	}
	.swiper-corporate .swiper-slide-caption {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.swiper-corporate {
		min-height: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.swiper-corporate {
		min-height: 38.54167vw;
	}
}

@media (min-width: 1400px) {
	.swiper-corporate .swiper-slide-caption {
		max-width: 500px;
		padding-right: 0;
	}
}

@media (min-width: 2050px) {
	.swiper-corporate .swiper-pagination-vertical {
		left: calc(50% + 1920px / 2 + 200px);
	}
}

.swiper-lily {
	min-height: 37.03125vw;
}

.swiper-lily h4,
.swiper-lily .heading-4 {
	font-weight: 400;
	letter-spacing: .05em;
}

.swiper-lily .swiper-slide {
	flex-direction: column;
	background-position: center center;
}

.swiper-lily .swiper-slide-caption {
	padding: 60px 0 70px;
}

.swiper-lily .swiper-button {
	position: absolute;
	top: 50%;
	height: 50px;
	width: 66px;
	overflow: hidden;
	transform: translate3d(0, -50%, 0);
	color: #fff;
	font-size: 27px;
	line-height: 1;
}

.swiper-lily .swiper-button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-family: 'Material Icons';
}

.swiper-lily .swiper-button::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #313539;
	pointer-events: none;
	transition: .33s;
	outline: 1px solid transparent;
}

.swiper-lily .swiper-button:hover {
	color: #fff;
}

.swiper-lily .swiper-button:hover::after {
	background: #35ad79;
}

.swiper-lily .swiper-button-prev {
	left: 0;
}

.swiper-lily .swiper-button-prev::before {
	content: '\e5cb';
	margin-left: -3px;
}

.swiper-lily .swiper-button-prev::after {
	transform-origin: 100% 100%;
	transform: skew(10deg);
}

.swiper-lily .swiper-button-next {
	right: 0;
}

.swiper-lily .swiper-button-next::before {
	content: '\e5cc';
	margin-right: -3px;
}

.swiper-lily .swiper-button-next::after {
	transform-origin: 100% 100%;
	transform: skew(-10deg);
}

.swiper-lily .swiper-pagination {
	bottom: 32px;
}

.swiper-lily .swiper-pagination-bullet {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	color: #fff;
	background: #fff;
}

.swiper-lily .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: .22s;
}

.swiper-lily .swiper-pagination-bullet-active, .swiper-lily .swiper-pagination-bullet:hover {
	background: #fcef57;
}

.swiper-lily .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
}

.swiper-lily .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 20px;
}

@media (max-width: 991px) {
	.swiper-lily .swiper-pagination[data-index-bullet='true'] {
		font-size: 0;
	}
}

@media (min-width: 992px) {
	.swiper-lily .swiper-slide-caption {
		padding-left: 120px;
		padding-right: 120px;
	}
	.swiper-lily .swiper-pagination-vertical {
		position: absolute;
		top: 52%;
		right: 130px;
		bottom: auto;
		left: auto;
		transform: translate3d(0, -57%, 0);
		width: auto;
	}
	.swiper-lily .swiper-pagination-vertical .swiper-pagination-bullet {
		display: block;
		margin-left: 0;
	}
	.swiper-lily .swiper-pagination-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] {
		font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: .025em;
		text-align: center;
		padding-bottom: 40px;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet {
		position: relative;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span {
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		opacity: 0;
		transition: .22s;
		pointer-events: none;
		vertical-align: middle;
		white-space: nowrap;
		transform-origin: 0 50%;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 25px;
		border-right: 2px solid;
		top: 25px;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span,
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet-active span::before {
		opacity: 1;
	}
	.swiper-lily .swiper-pagination[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 35px;
	}
	.swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] {
		padding-bottom: 0;
	}
	.swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span {
		left: 30px;
		top: 50%;
		transform: translate3d(10%, -50%, 0) scale(0.1, 1);
	}
	.swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet span::before {
		margin-right: 10px;
		height: 0;
		width: 25px;
		border-right: 0;
		border-bottom: 2px solid;
	}
	.swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet-active span {
		transform: translate3d(0, -50%, 0) scale(1, 1);
	}
	.swiper-lily .swiper-pagination-vertical[data-index-bullet='true'] .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 0;
		margin-top: 20px;
	}
	.swiper-lily .button {
		min-width: 170px;
	}
}

@media (min-width: 1200px) {
	.swiper-lily .swiper-slide::after {
		display: none;
	}
	.swiper-lily .swiper-slide-caption {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.swiper-lily {
		min-height: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.swiper-lily {
		min-height: 39.0625vw;
	}
}

@media (min-width: 2050px) {
	.swiper-lily .swiper-pagination-vertical {
		left: calc(50% + 1920px / 2 + 230px);
	}
}
   
@font-face {
	font-family: 'lg';
	src: url("../fonts/lg.eot?n1z373");
	src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.lg-icon {
	font-family: 'lg';
	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;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 2px;
	color: #cacaca;
	cursor: pointer;
	display: block;
	font-size: 22px;
	margin-top: -10px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 50%;
	z-index: 1180;
	border: 0;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
	color: #FFF;
}

.lg-actions .lg-next {
	right: 20px;
}

.lg-actions .lg-next:before {
	content: "\e095";
}

.lg-actions .lg-prev {
	left: 20px;
}

.lg-actions .lg-prev:after {
	content: "\e094";
}

@-webkit-keyframes lg-right-end {
	0% {
		left: 0;
	}
	50% {
		left: -30px;
	}
	100% {
		left: 0;
	}
}

@-moz-keyframes lg-right-end {
	0% {
		left: 0;
	}
	50% {
		left: -30px;
	}
	100% {
		left: 0;
	}
}

@-ms-keyframes lg-right-end {
	0% {
		left: 0;
	}
	50% {
		left: -30px;
	}
	100% {
		left: 0;
	}
}

@keyframes lg-right-end {
	0% {
		left: 0;
	}
	50% {
		left: -30px;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes lg-left-end {
	0% {
		left: 0;
	}
	50% {
		left: 30px;
	}
	100% {
		left: 0;
	}
}

@-moz-keyframes lg-left-end {
	0% {
		left: 0;
	}
	50% {
		left: 30px;
	}
	100% {
		left: 0;
	}
}

@-ms-keyframes lg-left-end {
	0% {
		left: 0;
	}
	50% {
		left: 30px;
	}
	100% {
		left: 0;
	}
}

@keyframes lg-left-end {
	0% {
		left: 0;
	}
	50% {
		left: 30px;
	}
	100% {
		left: 0;
	}
}

.lg-outer.lg-right-end .lg-object {
	-webkit-animation: lg-right-end 0.3s;
	-o-animation: lg-right-end 0.3s;
	animation: lg-right-end 0.3s;
	position: relative;
}

.lg-outer.lg-left-end .lg-object {
	-webkit-animation: lg-left-end 0.3s;
	-o-animation: lg-left-end 0.3s;
	animation: lg-left-end 0.3s;
	position: relative;
}

.lg-toolbar {
	display: flex;
	flex-direction: row-reverse;
	z-index: 1182;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
	color: #cacaca;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
	color: #FFF;
}

.lg-toolbar .lg-close:after {
	content: "\e070";
}

.lg-toolbar .lg-download:after {
	content: "\e0f2";
}

.lg-sub-html {
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 0;
	color: #EEE;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1180;
}

.lg-sub-html h4 {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.lg-sub-html p {
	font-size: 12px;
	margin: 5px 0 0;
}

#lg-counter {
	color: #cacaca;
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 12px;
	vertical-align: middle;
	margin-right: auto;
}

.lg-toolbar, .lg-prev, .lg-next {
	opacity: 1;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
	opacity: 0;
	transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
	opacity: 0;
	transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
	opacity: 0;
	transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-outer .lg-thumb-outer {
	background-color: #0D0A0A;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1180;
	max-height: 350px;
	transform: translate3d(0, 100%, 0);
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
	transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
	transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
	padding: 10px 0;
	height: 100%;
	margin-bottom: -5px;
	margin-left: auto;
	margin-right: auto;
}

.lg-outer .lg-thumb-item {
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border: 0px solid #FFF;
	margin-bottom: 5px;
	transform: scale(0.9);
	border-radius: 2px;
}

@media (min-width: 1025px) {
	.lg-outer .lg-thumb-item {
		transition: 0.25s ease;
	}
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	transform: scale(1);
}

.lg-outer .lg-thumb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
	padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
	padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
	transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
	background-color: #0D0A0A;
	border-radius: 2px 2px 0 0;
	color: #cacaca;
	cursor: pointer;
	font-size: 24px;
	height: 39px;
	line-height: 27px;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -39px;
	width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
	content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
	color: #FFF;
}

.lg-outer .lg-video-cont {
	display: inline-block;
	vertical-align: middle;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 0 5px;
}

.lg-outer .lg-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
}

.lg-outer .lg-video .lg-object {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
	width: 84px;
	height: 59px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -30px;
	z-index: 1180;
	cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
	background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
	background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
	background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
	opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
	background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
	background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
	visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
	display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
	visibility: visible;
}

.lg-progress-bar {
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1183;
	opacity: 0;
	transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
	background-color: #35ad79;
	height: 5px;
	width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
	width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
	opacity: 1;
}

.lg-autoplay-button:after {
	content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
	content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
	transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
	transform: scale3d(1, 1, 1);
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media (max-width: 767px) {
	#lg-zoom-in {
		display: none;
	}
}

#lg-zoom-in:after {
	content: "\e311";
}

#lg-actual-size {
	font-size: 20px;
}

#lg-actual-size:after {
	content: "\e033";
}

#lg-zoom-out {
	opacity: 0.5;
	pointer-events: none;
}

@media (max-width: 767px) {
	#lg-zoom-out {
		display: none;
	}
}

#lg-zoom-out:after {
	content: "\e312";
}

.lg-zoomed #lg-zoom-out {
	opacity: 1;
	pointer-events: auto;
}

.lg-outer .lg-pager-outer {
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1180;
	height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
	overflow: visible;
}

.lg-outer .lg-pager-cont {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
	box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
	background-color: #fff;
	color: #FFF;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
	transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
	width: 100%;
	height: 100%;
}

.lg-outer .lg-pager {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
	display: block;
	height: 12px;
	transition: box-shadow 0.3s ease 0s;
	width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
	box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0;
}

.lg-fullscreen:after {
	content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
	background-color: rgba(0, 0, 0, 0.25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1181;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
	transition-delay: 0s;
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
	color: #FFF;
}

.lg-outer .lg-dropdown {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 5px, 0);
	transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	border-bottom-color: #FFF;
	right: 16px;
	top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
	margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
	color: #333;
}

.lg-outer .lg-dropdown a {
	color: #333;
	display: block;
	white-space: pre;
	padding: 4px 12px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
	background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
	display: inline-block;
	line-height: 1;
	margin-top: -3px;
	vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
	color: #333;
	display: inline-block;
	float: none;
	font-size: 20px;
	height: auto;
	line-height: 1;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
	width: auto;
}

.lg-outer #lg-share {
	position: relative;
}

.lg-outer #lg-share:after {
	content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
	color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
	content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
	color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
	content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
	color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
	content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
	color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
	content: "\e903";
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
	transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
	will-change: transform, opacity;
}

.lg-css3.lg-use-left .lg-item {
	will-change: left, opacity;
}

.lg-css3.lg-zoom-in .lg-item {
	opacity: 0;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
	transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
	transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in .lg-item.lg-current {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out .lg-item {
	opacity: 0;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out .lg-item.lg-current {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out-in .lg-item {
	opacity: 0;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
	transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-in-out .lg-item {
	opacity: 0;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
	transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-soft-zoom .lg-item {
	opacity: 0;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
	transform: scale3d(1.2, 1.2, 1.2);
}

.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
	transform: scale3d(0.8, 0.8, 0.8);
}

.lg-css3.lg-soft-zoom .lg-item.lg-current {
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-up .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-down .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
	transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
	transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-vertical .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
	transform: translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
	transform: translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-current {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-vertical-growth .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
	transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
	transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
	transform: skew(60deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
	transform: skew(60deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current {
	transform: skew(0deg, 0deg);
	opacity: 1;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
	transform: skew(-60deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
	transform: skew(-60deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg);
	opacity: 1;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
	transform: skew(0deg, 60deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
	transform: skew(0deg, 60deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
	transform: skew(0deg, 0deg);
	opacity: 1;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
	transform: skew(0deg, -60deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
	transform: skew(0deg, -60deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg);
	opacity: 1;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
	transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
	transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
	transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
	transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
	transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
	transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
	transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
	transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
	transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
	transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
	transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
	transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
	transform: skew(0deg, 60deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
	transform: skew(0deg, 60deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
	transform: skew(0deg, -60deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
	transform: skew(0deg, -60deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
	transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
	opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop .lg-item {
	opacity: 0;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
	transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-lollipop .lg-item.lg-next-slide {
	transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop .lg-item.lg-current {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
	transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
	transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate .lg-item {
	opacity: 0;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide {
	transform: rotate(-360deg);
}

.lg-css3.lg-rotate .lg-item.lg-next-slide {
	transform: rotate(360deg);
}

.lg-css3.lg-rotate .lg-item.lg-current {
	transform: rotate(0deg);
	opacity: 1;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate-rev .lg-item {
	opacity: 0;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
	transform: rotate(360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
	transform: rotate(-360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-current {
	transform: rotate(0deg);
	opacity: 1;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-tube .lg-item {
	opacity: 0;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide {
	transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-next-slide {
	transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-current {
	transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-group:after {
	content: "";
	display: table;
	clear: both;
}

.lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1150;
	opacity: 0;
	transition: opacity 0.15s ease 0s;
	direction: ltr;
}

.lg-outer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lg-outer.lg-visible {
	opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
	transition-duration: inherit !important;
	transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
	transition-duration: 0s !important;
	opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.lg-outer .lg {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
}

.lg-outer .lg-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}

.lg-outer .lg-item {
	background: url("../images/loading.gif") no-repeat scroll center center transparent;
	display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
	display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
	display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

.lg-outer .lg-img-wrap {
	position: absolute;
	padding: 0 5px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.lg-outer .lg-item.lg-complete {
	background-image: none;
}

.lg-outer .lg-item.lg-current {
	z-index: 1160;
}

.lg-outer .lg-image {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
	opacity: 0;
	transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
	opacity: 1;
}

.lg-outer .lg-empty-html {
	display: none;
}

.lg-outer.lg-hide-download #lg-download {
	display: none;
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1140;
	background-color: #000;
	opacity: 0;
	transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
	opacity: 0.85;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
	transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
	opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
	transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
	opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
	transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
	opacity: 0;
	position: absolute;
	left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
	left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
	left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	left: 0;
	opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
	transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-item iframe {
	background-color: #fff;
}

.lightgallery-album li:not(:first-child) {
	display: none;
}

[data-lightgallery='item'] {
	cursor: pointer;
}

.lg-skin-light.lg-backdrop {
	background-color: #f1f1f1;
}

.lg-skin-light.lg-outer .lg-sub-html {
	background-color: rgba(224, 223, 223, 0.95);
	color: #2b2b2b;
}

.lg-skin-light.lg-outer .lg-progress-bar .lg-progress {
	background-color: #fff;
}

.lg-skin-light.lg-outer .lg-img-wrap {
	padding-bottom: 110px;
	padding-top: 58px;
}

.lg-skin-light.lg-outer .lg-actions .lg-next, .lg-skin-light.lg-outer .lg-actions .lg-prev {
	background-color: rgba(43, 43, 43, 0.55);
	border-radius: 2px;
	color: #e0e0e0;
}

.lg-skin-light.lg-outer .lg-actions .lg-next:hover, .lg-skin-light.lg-outer .lg-actions .lg-prev:hover {
	background-color: rgba(43, 43, 43, 0.75);
}

.lg-skin-light.lg-outer #lg-counter,
.lg-skin-light.lg-outer .lg-toolbar .lg-icon,
.lg-skin-light.lg-outer.lg-dropdown-active #lg-share {
	color: #353535;
}

.lg-skin-light.lg-outer .lg-outer .lg-thumb-outer {
	background-color: rgba(247, 247, 247, 0.9);
}

.lg-skin-light.lg-outer .lg-toolbar .lg-icon:hover,
.lg-skin-light.lg-outer .lg-toogle-thumb:hover {
	color: #555;
}

.lg-skin-light.lg-outer .lg-toogle-thumb {
	color: #353535;
}

.lg-skin-light.lg-outer .lg-thumb-outer,
.lg-skin-light.lg-outer .lg-toogle-thumb {
	background-color: rgba(224, 223, 223, 0.95);
}

.lg-skin-light.lg-outer .lg-toolbar {
	background-color: rgba(224, 223, 223, 0.95);
}

.lg-skin-1.lg-outer .lg-toogle-thumb,
.lg-skin-1.lg-outer #lg-actual-size,
.lg-skin-1.lg-outer #lg-download,
.lg-skin-1.lg-outer #lg-counter,
.lg-skin-1.lg-outer .lg-autoplay-button {
	display: none;
}

.lg-skin-1.lg-outer .lg-thumb-outer {
	transform: translate3d(0, 75%, 0);
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-skin-1.lg-outer .lg-thumb-outer:hover {
	transform: translate3d(0, 0, 0);
}

.lg-skin-1.lg-outer .lg-thumb-item {
	border-radius: 0;
	opacity: .5;
	transform: none;
}

.lg-skin-1.lg-outer .lg-thumb-item.active,
.lg-skin-1.lg-outer .lg-thumb-item:hover {
	transform: none;
	opacity: .9;
}

.lg-skin-1.lg-outer .lg-thumb-outer {
	background-color: transparent;
}

.lg-skin-1.lg-outer .lg-object.lg-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw !important;
	height: 100vh !important;
	object-fit: cover;
}

.lightGallery-in-carousel .lg-thumb-outer,
.lightGallery-in-carousel #lg-counter {
	display: none;
}


.player-info-corporate .player-img {
	position: relative;
	z-index: 1;
}

.player-info-corporate .player-img img {
	transition: all .3s;
	will-change: transform;
	padding: 2px;
}



.player-info-title {
	font-weight: bold;
}


.player-info-corporate:hover .team-logo-img img {
	transform: scale(0.95);
}

.player-info-corporate.player-info-other-team .player-info-figure .block-number {
	background: #3B7CC0;
}

.player-info-corporate.player-info-other-team .player-info-subtitle {
	color: #3B7CC0;
}

.player-info-corporate.player-info-other-team .player-info-progress .progress-bar-linear, .player-info-corporate.player-info-other-team .player-info-progress .progress-bar-linear::before {
	background-color: #3B7CC0;
}

.player-info-corporate.player-info-other-team .player-info-progress .progress-value {
	color: #3B7CC0;
}

.player-info-figure {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: #26353c;
	overflow: hidden;
	text-align: center;
}

.player-info-figure .block-number {
	position: absolute;
	top: -5px;
	left: 15px;
	display: inline-block;
	min-width: 50px;
	padding: 5px 8px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 0.123em;
	color: #fff;
	text-align: center;
	background: #003882;
	z-index: 2;
}

.player-info-figure .block-number > span {
	display: inline-block;
}

.player-info-figure .team-logo-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.07;
}

.player-info-figure .team-logo-img img {
	max-width: inherit;
	transition: all .3s;
	will-change: transform;
}

.player-info-main {
	padding: 25px 15px;
	background: #fff;
	border: 1px solid #26353c;
}

.player-info-main hr {
	border-top: 1px solid #26353c;
}

.player-info-main * + hr {
	margin-top: 15px;
}

.player-info-subtitle {
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
	text-transform: uppercase;
	color: #333333;
}

.player-info-table table {
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	border: none;
}

.player-info-table table th, .player-info-table table td {
	padding: 4px 10px 4px 0;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
}

.player-info-table table th:nth-child(even), .player-info-table table td:nth-child(even) {
	color: #151515;
	white-space: nowrap;
}

.player-info-progress .progress-header {
	min-width: 70px;
	margin-right: 10px;
}

* + .player-info-progress {
	margin-top: 15px;
}

* + .player-info-subtitle {
	margin-top: 0;
}

* + .player-info-table {
	margin-top: 15px;
}

.player-info-corporate + .player-info-corporate {
	margin-top: 30px;
}

@media (min-width: 768px) {
	.player-info-corporate {
		display: flex;
	}
	.player-info-figure {
		flex-basis: 50%;
		max-width: 300px;
	}
	.player-info-main {
		padding: 35px 25px;
		flex-basis: calc(100% - 300px);
	}
}




.player-info-subtitle {
    font-size: 16px;
}


@media (min-width: 990px) and (max-width: 1199px) {
.player-info-main {
    padding: 10px 6px;
}
.player-info-title {
    font-size: 22px;
}
.player-info-subtitle {
    font-size: 12px;
}
}

@media (min-width: 899px) and (max-width: 989px) {
.player-info-main {
    padding: 10px 6px;
}
.player-info-title {
    font-size: 20px;
}
.player-info-subtitle {
    font-size: 11px;
}
.player-info-table table {
    font-size: 11px;
}
.player-info-table table th, .player-info-table table td {
    padding: 2px 10px 2px 0;
}
}


@media (min-width: 1200px) {
	.player-info-figure {
		max-width: 240px;
	}
	.player-info-main {
		flex-basis: calc(100% - 370px);
		flex: 1;
	}
}

.player-info-modern:hover .player-info-modern-figure img {
	transform: scale(1.05);
}

.player-info-modern:hover .player-info-modern-title {
	opacity: 0;
	transform: translateY(-120px);
}

.player-info-modern:hover .player-info-modern-progress {
	opacity: 1;
}

.player-info-modern:hover .player-info-modern-footer {
	background: #33a574;
}

.player-info-modern:hover .player-info-modern-number {
	border-color: rgba(255, 255, 255, 0.19);
}

.player-info-modern-figure {
	display: block;
	overflow: hidden;
	background: #26353c;
}

.player-info-modern-figure img {
	max-width: inherit;
	width: 100%;
	transition: all .3s;
	will-change: transform;
}

.player-info-modern-footer {
	display: flex;
	align-items: stretch;
	min-height: 94px;
	color: #fff;
	overflow: hidden;
	background: #35ad79;
	transition: all .3s;
}

.player-info-modern-number {
	padding: 32px 15px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	border-right: 1px solid transparent;
	background: #33a574;
	transition: all .3s;
}

.player-info-modern-content {
	position: relative;
	flex-basis: 75%;
	padding: 25px 15px;
}

.player-info-modern-title {
	transition: all .5s;
	will-change: transform;
}

.player-info-modern-title h5 {
	color: #fff;
}

.player-info-modern-title p {
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: rgba(255, 255, 255, 0.65);
	text-transform: uppercase;
}

.player-info-modern-title * + p {
	margin-top: 0;
}

.player-info-modern-progress {
	position: absolute;
	top: 25px;
	left: 15px;
	right: 15px;
	opacity: 0;
	will-change: transform;
	transition: all .5s;
}

.player-info-modern-progress .progress-bar-modern .progress-header {
	min-width: 70px;
	margin-right: 10px;
	line-height: 1.2;
}

.player-info-modern-progress .progress-bar-modern .progress-bar-linear {
	background-color: #fcef57;
}

.player-info-modern-progress .progress-bar-modern .progress-bar-linear::before {
	background: #fcef57;
}

.player-info-modern-progress .progress-bar-modern .progress-value {
	color: #fcef57;
}

.player-info-modern-accent .player-info-modern-footer {
	background-color: #35363c;
}

.player-info-modern-accent .player-info-modern-number {
	background: #2c2d31;
	color: rgba(255, 255, 255, 0.15);
}

.player-info-modern-accent .player-info-modern-title p {
	color: rgba(255, 255, 255, 0.15);
}

.player-info-modern-accent:hover .player-info-modern-footer {
	background-color: #2c2d31;
}

@media (min-width: 992px) {
	.player-info-modern-progress {
		left: 25px;
		right: 25px;
	}
	.player-info-modern-number {
		flex-basis: 25%;
		padding: 25px 15px;
		font-size: 44px;
	}
}

@media (min-width: 1200px) {
	.player-info-modern-content {
		padding: 25px;
	}
}

.player-info-minimal {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 370px;
	height: 275px;
	padding: 30px 20px;
	overflow: hidden;
	background: #233645;
}

.player-info-minimal-figure {
	position: absolute;
	left: 160px;
	right: 0;
	bottom: 0;
	z-index: 1;
	text-align: right;
}

.player-info-minimal-figure img {
	max-width: inherit;
}

.player-info-minimal-number {
	position: absolute;
	top: 4px;
	left: -94px;
	font-size: 380px;
	line-height: 275px;
	font-weight: 600;
	letter-spacing: -0.08em;
	color: rgba(255, 255, 255, 0.1);
}

.player-info-minimal-content {
	position: relative;
	max-width: 130px;
	width: 100%;
	z-index: 1;
}

.player-info-minimal-title {
	font-style: italic;
}

.player-info-minimal-title h3 {
	line-height: 1.1;
	color: #fff;
}

.player-info-minimal-title span {
	display: block;
	color: #fcef57;
}

.player-info-minimal-progress .progress-bar-modern {
	display: block;
}

.player-info-minimal-progress .progress-bar-modern .progress-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}

.player-info-minimal-progress .progress-bar-modern .progress-bar-linear-wrap {
	background-color: rgba(255, 255, 255, 0.2);
}

.player-info-minimal-progress .progress-bar-modern .progress-value {
	color: #fff;
}

* + .player-info-minimal-progress {
	margin-top: 15px;
}

@media (min-width: 576px) {
	.player-info-minimal {
		padding: 30px;
	}
	.player-info-minimal-figure {
		left: 190px;
	}
	.player-info-minimal-content {
		max-width: 160px;
	}
}

.player-voting-item {
	max-width: 152px;
	text-align: left;
}

.player-voting-item .button-block {
	padding: 3px 10px;
	font-size: 12px;
}

.player-voting-item .button-block .icon {
	font-size: 14px;
}

.player-voting-item * + .button-block {
	margin-top: 16px;
}

.player-voting-item-figure {
	position: relative;
	overflow: hidden;
}

.player-voting-item-figure .player-number {
	position: absolute;
	top: -3px;
	left: 10px;
	width: 30px;
	padding: 4px 7px;
	text-align: center;
	background: #35ad79;
	transform: skewY(-10deg);
}

.player-voting-item-figure .player-number > * {
	color: #fff;
	transform: skewY(10deg);
}

.player-voting-item-figure img {
	transition: all .3s;
}

.player-voting-item-title {
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #151515;
}

.player-voting-item-title a:hover {
	color: #35ad79;
}

.player-voting-item-progress .progress-bar-modern {
	flex-wrap: wrap;
}

.player-voting-item-progress .progress-bar-modern .progress-header {
	flex-basis: 100%;
}

.player-voting-item-progress .progress-bar-modern .progress-bar-linear-wrap {
	flex-basis: 70%;
}

.block-voting {
	max-width: 370px;
	padding: 25px 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #e1e1e1;
}

.block-voting .group-md {
	margin-bottom: -30px;
}

.block-voting .group-md > * {
	margin-bottom: 30px;
}

@media (min-width: 360px) {
	.block-voting {
		padding-left: 0;
		padding-right: 0;
	}
	.block-voting .player-voting-item {
		max-width: calc(50% - 30px);
	}
	.block-voting .progress-bar-modern .progress-header {
		display: inline-block;
		flex-basis: unset;
	}
	.block-voting .progress-bar-linear-wrap {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.block-voting .player-voting-item {
		max-width: calc(50% - 15px);
	}
	.block-voting .progress-bar-modern .progress-header {
		display: inline-block;
		flex-basis: unset;
	}
	.block-voting .progress-bar-linear-wrap {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1599px) {
	.block-voting {
		padding: 15px 10px;
	}
	.block-voting .group-md {
		margin-bottom: -10px;
		margin-left: -10px;
	}
	.block-voting .group-md:empty {
		margin-bottom: 0;
		margin-left: 0;
	}
	.block-voting .group-md > * {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 10px;
	}
}

* + .player-voting-item-title {
	margin-top: 10px;
}

* + .player-voting-item-progress {
	margin-top: 10px;
}

.bg-gray-100 .block-player-info {
	padding: 35px 20px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-top: none;
}

.block-player-info {
	padding: 35px 0;
}

.block-player-info-content {
	color: #151515;
}

.block-player-info-content > * + * {
	margin-top: 18px;
}

.player-info-timeline-item {
	position: relative;
}

.player-info-timeline-item::before {
	position: absolute;
	left: 15px;
	top: -10px;
	height: 10px;
	content: '';
	border-left: 1px solid #e1e1e1;
	pointer-events: none;
}

.player-info-timeline-item::after {
	position: absolute;
	left: 15px;
	top: 25px;
	bottom: -30px;
	content: '';
	border-left: 1px solid #e1e1e1;
	pointer-events: none;
}

.player-info-timeline-item:last-child::after {
	bottom: -10px;
}

.player-info-timeline-item-header {
	position: relative;
	display: flex;
	align-items: flex-start;
}

.timeline-counter {
	position: relative;
	display: inline-block;
	min-width: 70px;
	margin-right: 10px;
	padding: 1px 25px 1px 10px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #151515;
	overflow: hidden;
	border-left: 1px solid #e1e1e1;
	z-index: 2;
}

.timeline-counter::before {
	position: absolute;
	top: 0;
	right: 3px;
	left: -6px;
	bottom: 0;
	content: '';
	border: 1px solid #e1e1e1;
	transform: skewX(-10deg);
	z-index: -1;
	pointer-events: none;
}

.player-info-timeline-item-text {
	padding-left: 30px;
}

.player-info-timeline-item + .player-info-timeline-item {
	margin-top: 40px;
}

* + .block-player-info-content {
	margin-top: 25px;
}

* + .block-player-info-timeline {
	margin-top: 40px;
}

* + .player-info-timeline-item-text {
	margin-top: 20px;
}

@media (min-width: 768px) {
	.bg-gray-100 .block-player-info {
		padding: 45px 35px;
	}
}

.game-glossary {
	padding: 22px 29px 16px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .05em;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #e1e1e1;
}

.game-glossary-wrap {
	margin-left: -10px;
	margin-right: -10px;
}

.game-glossary-wrap > * {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}

.game-glossary-terms td {
	padding-bottom: 8px;
	vertical-align: top;
}

.game-glossary-terms td:first-child {
	color: #151515;
}

.game-glossary-terms td:last-child {
	padding-left: 8px;
}

@media (min-width: 576px) {
	.game-glossary-wrap {
		margin-left: -20px;
		margin-right: -20px;
	}
	.game-glossary-wrap > * {
		padding: 0 20px;
	}
}
 
 

/*
*
* Tables standings
*/
.table-custom {
	width: 100%;
	text-align: center;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.2;
	border-collapse: collapse;
	border: 1px solid #ddd;
	background: #fff;
}

.table-standings {
	font-size: 16px;
	letter-spacing: .1em;
		font-weight: 600;
	color: #151515;
}

.table-standings tr + tr {
	border-top: 1px solid #ddd;
}

.table-standings tr {
	transition: all 200ms ease-in-out;
}

.table-standings th {
	padding: 12px 10px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: #003882;
}

.table-standings-header {
	padding: 12px 10px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	background: #003882;
}

.table-standings th:first-child {
	text-align: left;
}

@media (max-width: 991px) {
	.table-standings th {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.table-standings td {
	padding: 3px;
	height: 54px;
}



.table-standings thead th:first-child {
	padding-left: 22px;
}

 
.table-standings-header td {
	padding: 3px;
	height: 40px;
}
 

.table-modern tbody td:first-child {
	width: 18%;
}

.table-modern tr:hover {
	background: #f5f7f9;
}

.table-modern tr:hover .table-counter {
	color: #fff;
}

.table-modern tr:hover .table-counter::before {
	background: #35ad79;
}

.table-modern tr:hover .table-counter::after {
	border-top-color: #35ad79;
}

.table-creative tbody td:first-child {
	padding: 0;
}

.table-creative tbody td:first-child span {
	position: relative;
	display: inline-block;
	padding: 0 5px 0 20px;
	height: 64px;
	line-height: 64px;
	width: 100%;
}

.table-creative tbody td:first-child span::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 4px;
	height: 30%;
	background: #35ad79;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 300ms ease-in-out;
}

.table-creative tbody tr:hover td:first-child span::before {
	height: 100%;
	opacity: 1;
}

.player-inline,
.team-inline {
	display: flex;
	align-items: center;
}

@media (max-width: 575px) {
	.player-inline,
	.team-inline {
		min-width: 175px;
	}
}


.team-inline a {
	text-decoration: underline;
}


.coachheadshots {
    width: 105px;
    margin-right: 14px;
}


.team-figure {
	min-width: 45px;
}


.player-figure {
	min-width: 45px;
	margin-right: 10px;
}


.sched-figure {
	min-width: 70px;
	margin-right: 4px;
}


.pagetitlelogo {
	margin-right: 10px;
	width: 70px;
}

.player-title,
.team-title, 
.sched-title {
	text-align: left;
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: .05em;
}

.player-title {
	margin-left: 4px;
}

.team-title {
	margin-left: 8px;
	text-transform: uppercase;
}

.sched-title {
	margin-left: 8px;
}

.player-country,
.team-country {
	font-size: 12px;
	color: #9b9b9b;
}

.table-counter {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 38px;
	height: 29px;
	line-height: 29px;
	z-index: 1;
	transition: all 200ms ease-in-out;
}

.table-counter::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #edeff4;
	z-index: -2;
	transition: inherit;
}

.table-counter::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	border-top: 11px solid #edeff4;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 11px solid transparent;
	transform: translateX(40%);
	transition: inherit;
}

* + .table-custom-responsive {
	margin-top: 15px;
}


.heading-pagetitle {
    font-size: 24px;
    line-height: 26px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
letter-spacing: 0.05em;
color: #151515;
text-transform: uppercase;
margin-left: 15px;
margin-bottom: 15px;
}



.table-game-info {
	font-size: 14px;
	letter-spacing: .025em;
	border-collapse: separate;
	border-spacing: 0 9px;
}

.table-game-info tr {
	background: #edeff4;
}

.table-game-info td {
	padding: 7px 5px;
}

.table-game-info-wrap {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.table-game-info-wrap .table-custom {
	border: none;
}

.table-game-info-title {
	position: relative;
	display: inline-block;
	font-size: 14px;
	letter-spacing: .025em;
	color: #151515;
}

.table-game-info-title span {
	position: absolute;
	display: none;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
}

.table-game-info-title::before, .table-game-info-title::after {
	display: none;
	position: absolute;
	content: '';
	bottom: 0;
	height: 1px;
	width: 100vw;
	background: #e1e1e1;
}

.table-game-info-title::before {
	left: 0;
	transform: translateX(-100%);
}

.table-game-info-title::after {
	right: 0;
	transform: translateX(100%);
}

.table-game-info-category {
	font-size: 0.86em;
	width: 80%;
	min-width: 180px;
		text-transform: uppercase;
}

.table-game-info-number {
	width: 10%;
	min-width: 70px;
	color: #fff;
	background: #2c2d31;
}

.table-game-info-title + .table-game-info-main {
	border-top: none;
	margin-top: 0;
}

.table-game-info-title {
		text-transform: uppercase;
}

@media (min-width: 576px) {
	.table-game-info-title {
		padding: 20px 22px 0;
		line-height: 1;
	}
	.table-game-info-title::before, .table-game-info-title::after,
	.table-game-info-title span {
		display: inline-block;
	}
	.table-game-info-main {
		padding: 12px 18px;
		border: 1px solid #ddd;
	}
	.table-game-info-title + .table-game-info-main {
		margin-top: -6px;
	}
}

@media (min-width: 1200px) {
	.table-game-info-wrap {
		max-width: 600px;
	}
}

.table-game-result-long {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .1em;
}

.table-game-result-long thead {
	color: #9b9b9b;
}

.table-game-result-long th {
	font-weight: inherit;
	text-align: center;
}

.table-game-result-long th,
.table-game-result-long td {
	height: 48px;
	min-width: 30px;
	padding-right: 8px;
}

.table-game-result-long th:first-child,
.table-game-result-long td:first-child {
	width: 15%;
	min-width: 40px;
	padding: 0 10px 0 20px;
	text-align: center;
	font-size: 1.17em;
}

.table-game-result-long tbody {
	color: #151515;
}

.table-game-result-long tbody tr {
	border-top: 1px solid #ddd;
}

.table-game-result-long-team-first td:first-child {
	color: #35ad79;
}

.table-game-result-long-team-second td:first-child {
	color: #9b9b9b;
}

.team2-orange .table-game-result-long-team-second td:first-child {
	color: #ffa04c;
}

.team2-pink .table-game-result-long-team-second td:first-child {
	color: #e05151;
}

.table-custom.table-custom-primary thead th {
	color: #fff;
	background: #35ad79;
	border: 0;
}

.table-custom.table-custom-primary tbody tr:hover td {
	background: #edeff4;
}

.table-custom.table-custom-bordered tr td:first-child {
	border-left: 0;
}

.table-custom.table-custom-bordered tr td:last-child {
	border-right: 0;
}

.table-custom.table-custom-bordered td {
	border: 1px solid #ddd;
}

.table-custom.table-custom-bordered tbody > tr:first-of-type > td {
	border-top: 0;
}

.table-custom.table-custom-striped {
	border-bottom: 1px solid #ddd;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
	background: transparent;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
	background: #edeff4;
}

.table-custom.table-custom-striped tbody td {
	border: 0;
}

.table-custom.table-custom-striped tfoot td:not(:first-child) {
	border-left: 0;
}

@media (max-width: 1199px) {
	.table-custom-responsive {
		display: block;
		width: 100%;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-custom-responsive.table-bordered {
		border: 0;
	}
}

.table-team-statistic td {
	width: 50%;
	height: 140px;
	padding: 15px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

.table-team-statistic td > * + * {
	margin-top: 7px;
}

.team-statistic-counter {
	font-size: 44px;
	font-weight: 300;
	line-height: 1;
	color: #151515;
}

.team-statistic-title {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.table-roster {
	text-align: left;
	max-width: 450px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .05em;
}


.table-box {
	max-width: 100%;
font: 400 14px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
letter-spacing: .05em;
}


.game-info-teamstats {
	text-align: left;
	font: 400 13px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .05em;
}


.game-info-officials {
	text-align: center;
	font: 400 18px/22px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .05em;
	padding-bottom: 12px;
}

.game-info-ml-20 {
	margin-left: 10px;
}

.game-info-teamstats-white {
	text-align: left;
	font: 700 13px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	letter-spacing: .05em;
	background-color: #444;
}


.game-info-title {
	text-align: center;
	font: 700 28px/32px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .05em;
}


.game-info-subtitle {
	text-align: center;
	font: 700 22px/28px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	letter-spacing: .05em;
	color: #666666;
}

table.game-info-teamstats {
    width: 100% !important;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    background-color: #FFF;
	margin-bottom: 14px;
}

table.game-info-teamstats td {
    border: 1px solid #bbbbbb;
    padding: 10px 5px;
}


.table-roster thead th {
	height: 53px;
	padding: 0 15px 0 30px;
	font-size: 1.17em;
	color: #fff;
	background: #35ad79;
}



table.table-box  {
	width: 100%;
	margin-bottom: 20px;
}


.table-box thead th {
	height: 53px;
	padding: 0 15px 0 30px;
	font-size: 20px;
	color: #fff;
	background: #444;
}

.table-schedule {
    font-size: 15px;
    letter-spacing: .1em;
    font-weight: 600;
    color: #151515;
}

.table-schedule a {
    text-decoration: underline;
}


.table-schedule td {
    padding: 4px;
    height: 92px;
}


.sched-date {
	background-color: #333333;
	font-size: 18px;
	color: #fff;
}
.team-name {
	white-space: nowrap;
}

.table-schedule tr {
    border-bottom: 1px solid #ddd;
}


.table-schedule tr:nth-child(even) {background: #f1f1f1}
.table-schedule tr:nth-child(odd) {background: #fff} 

.sched-logos {
    width: 70px;
}




@media (max-width: 899px) {
.table-schedule {
    font-size: 13px;

}
.sched-date {
    font-size: 15px;

}
.sched-figure {
    min-width: 60px;
}
.sched-logos {

    width: 60px;

}
.table-schedule td {
    height: 76px;
}
}

@media (max-width: 719px) {
.table-schedule td {
    padding: 4px;
}
.sched-figure {
    min-width: 55px;
}
.sched-logos {

    width: 55px;

}
.sched-date {
    font-size: 13px;

}
}



@media (max-width: 567px) {

.sched-figure {
	    margin-right: 5px;
    min-width: 40px;
}
.sched-logos {

    width: 40px;

}

.table-schedule td {
    padding: 2px;
}
.table-schedule td {
    height: 70px;
}

}

 
@media (max-width: 479px) {
 .sched-figure {
    display: none;

}
}


@media (max-width: 413px) {

.sched-date {
    font-size: 12px;

}
.table-schedule {

    font-size: 12px;

}

}


@media (max-width: 359px) {

 
.sched-date {
    font-size: 10px;

}
.table-schedule {

    font-size: 10px;

}

}


.table-roster tbody {
	color: #151515;
}

.table-roster tbody tr:first-child {
	color: #9b9b9b;
}

.table-roster tbody tr:not(:first-child) td:first-child {
	color: #35ad79;
}

.table-roster tbody tr {
	border-top: 1px solid #e1e1e1;
}

.table-roster tbody td {
	height: 49px;
	padding: 0 5px;
}

.table-roster tbody td:nth-child(1) {
	width: 17%;
	padding-left: 24px;
}

.table-roster tbody td:nth-child(2) {
	width: 50%;
}

@media (max-width: 991px) {
	.table-roster tbody td:nth-child(1) {
		min-width: 62px;
	}
	.table-roster tbody td:nth-child(2) {
		min-width: 180px;
	}
	.table-roster tbody td:nth-child(3) {
		min-width: 120px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.table-roster {
		font-size: 11px;
	}
	.table-roster tbody td:nth-child(1) {
		padding-left: 15px;
	}
}


.table-box {
	color: #151515;
}

.table-box tr {
	border-top: 1px solid #e1e1e1;
}

.table-box td {
	padding: 10px;
}

 
.table-box-white {
    font: 700 14px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    letter-spacing: .05em;
    background-color: #666;
}
 
 




.team2-blue thead th {
	background: #3B7CC0;
}

.team2-blue tbody tr:not(:first-child) td:first-child {
	color: #3B7CC0;
}




.heading-component {
	position: relative;
	line-height: 1;
	border-bottom: 1px solid #e1e1e1;
}



.heading-component h4 {
	font-size: 24px;
    line-height: 26px;
}

.heading-component-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-left: -15px;
}

.heading-component-inner > * {
	margin-left: 15px;
}

.heading-component-inner > * {
	margin-bottom: 11px;
}

.heading-component-inner * + .button {
	margin-top: 0;
}

.heading-component-title {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	line-height: 26px;
}

.heading-component-title::before {
	content: '';
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 0;
	border-left: 4px solid #003882;
	pointer-events: auto;
}

.heading-component-title::after {
	display: inline-block;
	min-height: inherit;
	width: 0;
	vertical-align: middle;
}

.heading-component-title .icon {
	margin-right: 4px;
	vertical-align: middle;
}

.pageheaders18 {
    font-size: 24px;
    line-height: 30px;
    padding-top: 10px;
    font-weight: 500;
}



.teamlinks18 {
    font-size: 14px;
    line-height: 18px;
	font-weight: 600;
}


.teamlinks18 a {
    text-decoration: underline;
}

.list-inline-xs {
  float: right;
  margin-left: 10px;
margin-bottom: 10px;
}


.heading-component + * {
	margin-top: 25px;
}

.heading-component + .row {
	margin-top: 25px;
}

.heading-component-simple .heading-component-title {
	padding-left: 0;
}

.heading-component-simple .heading-component-title::before {
	display: none;
}

.bg-gray-100 .heading-component {
	border-bottom-color: #d7d7d7;
}

.time-decorated {
	display: inline-block;
	position: relative;
	padding: 0 90px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.time-decorated::before, .time-decorated::after {
	content: '';
	position: absolute;
	top: .66em;
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	border-bottom: 1px solid #9b9b9b;
}

.time-decorated::before {
	left: 0;
}

.time-decorated::after {
	right: 0;
}

.context-dark .time-decorated, .rd-navbar-dark .time-decorated, .rd-navbar-darker .time-decorated, .bg-gray-700 .time-decorated, .bg-gray-2 .time-decorated, .bg-gray-4 .time-decorated, .bg-primary .time-decorated, .bg-image-dark .time-decorated {
	color: rgba(255, 255, 255, 0.6);
}

.context-dark .time-decorated::before, .rd-navbar-dark .time-decorated::before, .rd-navbar-darker .time-decorated::before, .bg-gray-700 .time-decorated::before, .bg-gray-2 .time-decorated::before, .bg-gray-4 .time-decorated::before, .bg-primary .time-decorated::before, .bg-image-dark .time-decorated::before, .context-dark .time-decorated::after, .rd-navbar-dark .time-decorated::after, .rd-navbar-darker .time-decorated::after, .bg-gray-700 .time-decorated::after, .bg-gray-2 .time-decorated::after, .bg-gray-4 .time-decorated::after, .bg-primary .time-decorated::after, .bg-image-dark .time-decorated::after {
	border-color: rgba(255, 255, 255, 0.27);
}

.h1-em {
	font-weight: 700;
	font-style: italic;
}

* + .h1-em {
	margin-top: 10px;
}


 
 
@media (max-width: 1023px) {
.table-standings {
	font-size: 13px;
}
.table-standings-header {
	padding: 18px 8px;
}
.table-standings td {
	padding: 2px;
}
}
 
 
 
 @media (max-width: 767px) {
	 .table-standings {
    font-size: 12px;
	 }
.table-standings td {
	padding: 2px;
	height: 46px;
}
 
 }
 
  @media (max-width: 639px) {
	 .table-standings {
    font-size: 11px;
	 }
 
 }
 
   @media (max-width: 567px) {
.player-country, .team-country {
    font-size: 11px;
}
 
	 .mobilehide567 {
		     display: none;
	 }

 }
 
    @media (min-width: 568px) {

 
	 .mobileshow567 {
		     display: none;
	 }

 }
 
 
    @media (max-width: 413px) {
	 .mobilehide413 {
		     display: none;
	 }
 }
 
@media (max-width: 359px) {
	 .table-standings {
    font-size: 10px;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 600;
	 }
	 .player-country, .team-country {
    font-size: 10px;
	font-family: 'Archivo Narrow', sans-serif;
}
 }
 
 

.table-teamroster {
	font-size: 16px;
	letter-spacing: .1em;
		font-weight: 500;
	color: #151515;
}

.table-teamroster-image {
	width: 37px;
}

.table-teamroster tr + tr {
	border-top: 1px solid #ddd;
}

.table-teamroster tr {
	transition: all 200ms ease-in-out;
}

.table-teamroster th {
	padding: 12px 10px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: #151515;
}

.table-teamroster-header {
	padding: 12px 10px;
	text-align: center;
	font-weight: 600;
	color: #fff;
	background: #151515;
}

.table-teamroster th:first-child {
	text-align: left;
}

@media (max-width: 991px) {
	.table-teamroster th {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.table-teamroster td {
	padding: 3px;
	height: 58px;
		border-right: 1px solid #eee;
}

.table-teamroster-header td {
	border-right: 1px solid #151515;
}

.table-teamroster thead th:first-child {
	padding-left: 22px;
}

 
.table-teamroster-header td {
	padding: 3px;
	height: 40px;
}

 
 
@media (max-width: 1023px) {
.table-teamroster {
	font-size: 13px;
}
.table-teamroster-header {
	padding: 18px 8px;
}

.table-teamroster td {
	padding: 2px;
}

}
 
  @media (max-width: 666px) {
	 .table-teamroster {
    font-size: 12px;
	 }
 
 }
 
   @media (max-width: 567px) {
 .team-inline {
    min-width: 100px;
}
.table-teamroster td {
    height: 68px;
}
   }
   
   @media (max-width: 413px) {

.table-teamroster td {
    height: 38px;
}
   }
   
  @media (max-width: 639px) {
	 .table-teamroster {
    font-size: 11px;
	 }
 
 }
 
  
 
 
 
 
@media (max-width: 767px) {

.mobilehide {
	display:none;
}

}


.sortable {
    font: 400 14px/18px "Open Sans", sans-serif;
    color: #151515;
}

table.sortable {
    width: 100% !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #FFF;
}

table.sortable td {
    border: 1px solid #bbbbbb;
    padding: 2px;
}

chssmallbold {
    font: 700 11px/13px "Open Sans", sans-serif;
    color: #000000;
}



.base {
    font: 400 11px/13px "Open Sans", sans-serif;
    color: #000000;
}


.base a {
    text-decoration: underline;
}

table.base {
    width: 100% !important;
    border: 1px solid #000000;
    background-color: #FFF;
    margin-top: 12px;
}

table.base td {
    border: 1px solid #666666;
    padding: 4px;
}

.white10 {
    font: 700 12px/14px "Open Sans", sans-serif;
    color: #FFFFFF;
}




/* team stats */
.teamlinks {
	font: 400 16px/22px "Open Sans", sans-serif;
	color: #000000;
}
.teamarchives {
	font: 700 20px/22px "Open Sans", sans-serif;
	color: #000000;
}
.teamlinks a {
	text-decoration: underline;
}

.teamstathead {
	font: 700 14px/18px "Open Sans", sans-serif;
	color: #FFFFFF;
}
table.teamstathead {width: 100% !important; background-color:#FFF; border-left: 1px solid #000000;border-right: 1px solid #000000;border-top: 1px solid #000000;}


 





table.sortable thead {
    color:#666666;
    font-weight: bold;
    cursor: default;
}
 
.sortable a {
	text-decoration: underline;
}


table.sortable th {border: 1px solid #666666; padding: 2px 3px 2px 1px;}


table.chsbody {width: 90% !important;}
.chs16headers {
font: 700 22px/28px "Open Sans", sans-serif;
color: #003882;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 6px;
}


.chssmallbold {
	font: 700 14px/16px "Open Sans", sans-serif;
	color: #151515;
}

 
@media (max-width: 1279px) {
.chssmallbold {
	font: 700 13px/17px "Open Sans", sans-serif;
	color: #151515;
}
.teamstathead {
	font: 700 13px/17px "Open Sans", sans-serif;
	color: #FFFFFF;
}
}




@media (max-width: 767px) {
.teamstatfull {
	display:none;
}
}
@media (min-width: 768px) {
.teamstatmob {
	display:none;
}
}


/* stats tabbles */
.chssmallreg {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}
table.chssmallreg {width: 100% !important; border: 1px solid #333333; background-color:#FFF; margin-bottom: 10px;}
table.chssmallreg td {border: 1px solid #666666; padding: 2px;}
.chswhite10 {
	font: 700 14px/18px "Open Sans", sans-serif;
	color: #FFFFFF;
	background-color:#333
}
.chssmallreg a:link {
	color: #003882;
	text-decoration: underline;
}
.chssmallreg a:visited {
	text-decoration: underline;
	color: #003882;
}
.chssmallreg a:hover {
	text-decoration: underline;
	color: #666666;
}
.chssmallreg a:active {
	text-decoration: none;
	color: #666666;
}

.chistatstable { 	
    font: 400 12px/20px "Open Sans", sans-serif;
	color: #000000;}

table.chistatstable {width: 100% !important; border: 1px solid #006666; background-color:#FFF; margin-bottom: 10px;}
table.chistatstable td {border: 1px solid #bbbbbb; padding: 3px;}
 .chistatstable a {
	text-decoration: underline;
}

.chistatstable .chssmallbold {
	font: 700 12px/20px "Open Sans", sans-serif;
	color: #000000;
}

.chiwhite11 {
    font: 700 12px/20px "Open Sans", sans-serif;
    color: #FFFFFF;
    background-color: #151515;
}


@media (max-width: 520px) {
.mobstathide {
	display:none;
}
}



@media (max-width: 413px) {
.chistatstable { 	
    font: 400 12px/16px 'Archivo Narrow', sans-serif;
}
.chiwhite11 {
    font: 700 12px/16px 'Archivo Narrow', sans-serif;
}
.chistatstable .chssmallbold {
	font: 700 12px/16px 'Archivo Narrow', sans-serif;
}
}


 

@media (max-width: 479px) {
table.chistatstable td {padding: 12px 2px 12px 2px;}
}



/* player pages */
.base2 {
	font: 600 10px/12px "Open Sans", sans-serif;
	color: #000000;
}
table.base2 {border: 1px solid #000000; background-color:#FFF}
table.base2 td {border: 1px solid #CCC;}
.playerbios {
	font: 700 20px/22px "Open Sans", sans-serif;
	color: #000000;
}
.playername {
	font: 700 38px/40px "Open Sans", sans-serif;
	color: #000000;
}
.base {
	font: 400 14px/18px "Open Sans", sans-serif;
	color: #151515;
}
table.base {width: 100% !important; border: 1px solid #000000; background-color:#FFF; margin-top: 12px;}
table.base td {border: 1px solid #666666; padding: 2px;}
 
.base a {
	text-decoration: underline;
}
 
.players {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}
table.players {border: 1px solid #666666; background-color:#FFF; width: 100%;}
table.players td {background-color:#FFF;}
.white10 {
	font: 700 14px/18px "Open Sans", sans-serif;
	color: #FFFFFF;
}



@media (max-width: 1279px) {
.sortable {
	font: 400 13px/17px "Open Sans", sans-serif;
	color: #151515;
}
.chswhite10 {
	font: 700 13px/17px "Open Sans", sans-serif;
	color: #FFFFFF;
	background-color:#333
}
.base {
	font: 400 13px/17px "Open Sans", sans-serif;
	color: #151515;
}
}


@media (max-width: 979px) {
.sortable {
	font: 400 10px/15px "Open Sans", sans-serif;
}
.chswhite10 {
	font: 700 10px/15px "Open Sans", sans-serif;
}
.base {
	font: 400 10px/15px "Open Sans", sans-serif;
}
.chssmallbold {
	font: 700 10px/15px "Open Sans", sans-serif;
}
.teamstathead {
	font: 700 10px/15px "Open Sans", sans-serif;
}
}





@media (max-width: 767px) {
.white10 {
	font: 700 10px/12px "Open Sans", sans-serif;
	color: #FFFFFF;
}
}

.playerstats {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}
table.playerstats {background-color:#FFF; width: 100%; border: 1px solid #000000; margin-bottom: 10px;}
table.playerstats td {border-bottom: 1px solid #EEEEEE; background-color:#FFF; padding: 4px;}
table.playerstats th {padding: 4px;}


@media (max-width: 767px) {
.playerstatsfull {
	display:none;
}
h2 {
  font: 700 28px/30px "Open Sans", sans-serif;
  color: #000000;
}
}
@media (min-width: 768px) {
.playerstatsmob {
	display:none;
}
}




/* team schedule */
.smallreg {
	font: 400 12px/14px "Open Sans", sans-serif;
	color: #000000;
}
.teamschedfull {
	margin-top: 12px;
}
.teamschedfull a:link {
	color: #003882;
	text-decoration: underline;
}
.teamschedfull a:visited {
	text-decoration: underline;
	color: #003882;
}
.teamschedfull a:hover {
	text-decoration: underline;
	color: #666666;
}
.teamschedfull a:active {
	text-decoration: none;
	color: #666666;
}
.teamschedmob {
	margin-top: 12px;
}
.teamschedmob a:link {
	color: #003882;
	text-decoration: underline;
}
.teamschedmob a:visited {
	text-decoration: underline;
	color: #003882;
}
.teamschedmob a:hover {
	text-decoration: underline;
	color: #666666;
}
.teamschedmob a:active {
	text-decoration: none;
	color: #666666;
}
table.smallreg {width: 100% !important; border: 1px solid #006666; background-color:#FFF; margin-bottom: 10px;}
table.smallreg td {border: 1px solid #bbbbbb; padding: 2px;}
.smallreg a:link {
	color: #003882;
	text-decoration: underline;
}
.smallreg a:visited {
	text-decoration: underline;
	color: #003882;
}
.smallreg a:hover {
	text-decoration: underline;
	color: #666666;
}
.smallreg a:active {
	text-decoration: none;
	color: #666666;
}

 


.teamhome200 {
	width: 200px;
	margin-right: 4px;
	margin-left: 4px;
}


@media (max-width: 979px) {
.smallreg {
	font: 400 12px/13px "Open Sans", sans-serif;
	color: #000000;
}
.pageheaders {
	font: 700 18px/20px "Open Sans", sans-serif;
	color: #003882;
}
}


@media (max-width: 899px) {
.smallreg {
	font: 400 10px/11px "Open Sans", sans-serif;
	color: #000000;
}
}

@media (max-width: 767px) {
.smallreg {
	font: 400 10px/11px "Open Sans", sans-serif;
	color: #000000;
}
.pageheaders {
	font: 700 18px/20px "Open Sans", sans-serif;
	color: #003882;
}
}

@media (max-width: 479px) {
.pageheaders {
	font: 700 16px/18px "Open Sans", sans-serif;
	color: #003882;
}
.smallreg {
	font: 400 12px/13px "Open Sans", sans-serif;
	color: #000000;
}
}

@media (max-width: 359px) {
.smallreg {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}
}

@media (max-width: 479px) {
.teamschedfull {
	display:none;
}
h2 {
  font: 700 22px/24px "Open Sans", sans-serif;
  color: #000000;
}
.coachheadshots {
	width: 80px;
	margin-right: 14px;
}
}
@media (min-width: 480px) {
.teamschedmob {
	display:none;
}
}
.xxsmtext { 	
    font: 400 12px/14px "Open Sans", sans-serif;
	color: #000000;}

@media (min-width: 768px) and (max-width: 979px) {
.xxsmtext { 	
    font: 400 12px/14px "Open Sans", sans-serif;
	color: #000000;}
}	
	
.xxsmwhite {
		font: 700 12px/14px "Open Sans", sans-serif;
	color: #FFFFFF;}
	

table.xxsmtext {width: 100% !important; border: 1px solid #006666; background-color:#FFF; margin-bottom: 10px;}
table.xxsmtext td {border: 1px solid #bbbbbb; padding: 2px;}
 .xxsmtext a:link {
	color: #003882;
	text-decoration: underline;
}
.xxsmtext a:visited {
	text-decoration: underline;
	color: #003882;
}
.xxsmtext a:hover {
	text-decoration: underline;
	color: #666666;
}
.xxsmtext a:active {
	text-decoration: none;
	color: #666666;
}




/* recaps and stories */
.pageheaders {
font: 700 22px/28px "Open Sans", sans-serif;
color: #003882;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 6px;
}
.pageheaders a:link {
	text-decoration: none;
}
.pageheaders a:hover {
	text-decoration: none;
}
.pageheaders a:visited {
	text-decoration: none;
}
.storysub {
	font: 700 20px/24px "Open Sans", sans-serif;
	color: #151515;
	margin-bottom: 12px;
}
.storysub a:link {
	color: #151515;
	text-decoration: none;
}
.storysub a:hover {
	color: #151515;
	text-decoration: none;
}
.storysub a:visited {
	text-decoration: none;
	color: #151515;
}




.stories {
	font: 400 14px/15px "Open Sans", sans-serif;
	padding-bottom: 15px;
}





.stories a {
	text-decoration: underline;
}
 
.pagecontent {
	font: 400 16px/24px "Open Sans", sans-serif;
	padding: 4px;
}
.pagecontent a {
	text-decoration: underline;
}



.recapboxsummary {
	font: 400 10px/11px "Open Sans", sans-serif;
	color: #000000;
}
table.recapboxsummary {width: 100% !important; border-collapse:collapse; margin-bottom: 4px;}
table.recapboxsummary td {border-bottom: 1px solid #CCCCCC; padding: 1px;}

.quickbox {
	width: 555px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;

}



.pageheaders18 {
font: 600 26px/28px "Open Sans", sans-serif;
color: #151515;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 6px;
}
.pageheaders18 a:link {
	text-decoration: none;
}
.pageheaders18 a:hover {
	text-decoration: none;
}
.pageheaders18 a:visited {
	text-decoration: none;
}




.pagetitles {
    font: 600 26px/28px "Open Sans", sans-serif;
    color: #151515;
    text-transform: uppercase;
    margin-top: 12px;
	padding-top: 10px;
    margin-bottom: 15px;
}

  @media (max-width: 479px) {
.pagetitles {
    font: 600 20px/28px "Open Sans", sans-serif;
}
  }




.storysub18 {
	font: 600 20px/24px "Open Sans", sans-serif;
	color: #555555;
	margin-bottom: 12px;
}
.storysub18 a:link {
	color: #555555;
	text-decoration: none;
}
.storysub18 a:hover {
	color: #555555;
	text-decoration: none;
}
.storysub18 a:visited {
	text-decoration: none;
	color: #555555;
}


.player-career-bold {
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #151515;
}

 @media (max-width: 413px) {
.player-page-stats {
    font: 400 12px/18px "Open Sans", sans-serif;
}
.player-career-bold {
    font: 700 12px/16px "Open Sans", sans-serif;
}
 }

 
  @media (max-width: 359px) {
.player-page-stats {
    font: 400 12px/18px 'Archivo Narrow', sans-serif;
}
.player-career-bold {
    font: 700 12px/16px 'Archivo Narrow', sans-serif;
}
.pageheaders18 {
    font: 600 22px/28px "Open Sans", sans-serif;
}
 }
 

.player-page-gbg {
	font: 400 14px/24px "Open Sans", sans-serif;
	color: #151515;
}
table.player-page-gbg {width: 100% !important; border: 1px solid #000000; background-color:#FFF;}
table.player-page-gbg td {border: 1px solid #666666; padding: 6px 4px;}
 
.player-page-gbg a {
	text-decoration: underline;
}
 
.player-page-gbg-white {
	font: 700 14px/24px "Open Sans", sans-serif;
	color: #FFFFFF;
	background-color: #151515;
}



@media (max-width: 1279px) {
 .player-page-gbg {
	font: 400 12px/16px "Open Sans", sans-serif;
}
 .player-page-gbg-white {
	font: 700 12px/16px "Open Sans", sans-serif;
}
}

@media (max-width: 1023px) {
 .mobilehide1023 {
	 display: none;
}
.player-page-gbg {
    font: 400 11px/16px "Open Sans", sans-serif;
}
 .player-page-gbg-white {
	font: 700 11px/16px "Open Sans", sans-serif;
}
}


@media (max-width: 639px) {
table.player-page-gbg td {
    padding: 6px 2px;
}
}


@media (max-width: 479px) {
.player-page-gbg {
    font: 500 12px/16px 'Archivo Narrow', sans-serif;
}
 .player-page-gbg-white {
	font: 700 12px/16px 'Archivo Narrow', sans-serif;
}
}







.storydate {
	font: 600 18px/24px "Open Sans", sans-serif;
	color: #151515;
	padding-bottom: 12px;
	border-bottom: 1px solid #bbbbbb;
}

.storydate2 {
	font: 600 18px/24px "Open Sans", sans-serif;
	color: #bbbbbb;
}

.storyright {
	float:right;
	margin-bottom: 10px;
	margin-top: 4px;
	margin-left: 4px;
}

 


.altlinks {
	font: 600 16px/20px "Open Sans", sans-serif;
	padding: 12px 4px 8px 0px;
}
.altlinks a {
	text-decoration: underline;
}

 
 .releasephoto {
	font: 700 11px/13px "Open Sans", sans-serif;
	color: #FFFFFF;
	padding: 4px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	width: 555px;
	background-color: #333;
}





.releasephoto a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.releasephoto a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.releasephoto a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

 .releasephoto2 {
	font: 700 11px/13px "Open Sans", sans-serif;
	color: #FFFFFF;
	padding: 4px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	width: 415px;
	background-color: #333;
}





.releasephoto2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.releasephoto2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.releasephoto2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
}



.releasephoto3 {
	font: 700 11px/13px "Open Sans", sans-serif;
	color: #FFFFFF;
	padding: 4px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	width: 318px;
	background-color: #333;
}
table.honors {border: 1px solid #000000;
margin-bottom: 12px;}

 .photospace {
	margin-top: 4px;
}


 .story-body {
	margin-top: 15px;
}

 .story-body p {
	margin: 15px 0 15px;
}



@media (max-width: 479px) {
.releasefull {
	display:none;
}
}



@media (min-width: 480px) {
.releasemobile {
	display:none;
}
}

 
 @media (max-width: 899px) {
 .releasephoto {
	width: 450px;
}
 .releasephoto2 {
	width: 400px;
}
.quickbox {
	width: 450px;
}
 }
 
 
  @media (max-width: 767px) {
 .releasephoto {
	width: 360px;
}
 .releasephoto2 {
	width: 360px;
}
.quickbox {
	width: 360px;
}
 }
 
   @media (max-width: 567px) {
 .releasephoto {
	width: 320px;
}
 .releasephoto2 {
	width: 320px;
}
.quickbox {
	display:none;
}
 }

   @media (max-width: 479px) {
 .releasephoto {
	width: 390px;
	margin-left: 0px;
}
 .releasephoto2 {
	width: 390px;
	margin-left: 0px;
}

.storyright {
	margin-left: 0px;
	float:none;
}
 }

   @media (max-width: 413px) {
 .releasephoto {
	width: 351px;
}
 .releasephoto2 {
	width: 351px;
}
 .releasephoto3 {
	width: 351px;
}
 }
 
    @media (max-width: 374px) {
 .releasephoto {
	width: 336px;
}
 .releasephoto2 {
	width: 336px;
}
 .releasephoto3 {
	width: 336px;
}
 }
 
     @media (max-width: 359px) {
 .releasephoto {
	width: 296px;
}
 .releasephoto2 {
	width: 296px;
}
 .releasephoto3 {
	width: 296px;
}
 }

@media (max-width: 767px) {
.gamesheet {
	display:none;
}
}


@media (max-width: 639px) {
.stories {
	display:none;
}
}





/* recaps and stories */
.mobilestories {
	font: 400 12px/14px "Open Sans", sans-serif;
}
.mobilestories a:link {
	color: #003882;
	text-decoration: underline;
}
.mobilestories a:hover {
	color: #333333;
	text-decoration: underline;
}
.mobilestories a:visited {
	text-decoration: underline;
	color: #003882;
}
.smtext {
	font: 700 12px/14px "Open Sans", sans-serif;
	color: #000000;
}
.phototext {
font: 600 14px/18px "Open Sans", sans-serif;
color: #151515;
text-align: center;
background-color: #dddddd;
padding: 4px;
}
.phototext a  {
	text-decoration: none;
}


.storiesbox {
	font: 700 12px/14px "Open Sans", sans-serif;
	color: #ffffff;
}
table.storiesbox {border: 1px solid #000000; background-color:#666666; padding: 2px; margin-left: 4px; margin-right: 4px;}
table.photobox {border: 1px solid #000000; background-color:#666666; padding: 2px; margin-left: 8px; margin-right: 8px;}

@media (min-width: 640px) {
.mobilestories {
	display:none;
}
}


@media (max-width: 479px) {
table.storiesbox {margin-left: 0px; margin-right: 0px; margin-bottom: 8px;}
table.photobox {margin-left: 5px; margin-right: 5px;}
}



/*----------------------------------------*/
/*  4.  Post Styles
/*----------------------------------------*/
.post { /*-- Post Wrap --*/ /*-- List Style Post --*/ /*-- Dark Post --*/ /*-- Post Separator --*/ /*-- Large Post --*/ /*-- Small Post --*/ /*-- Hero Post --*/ /*-- Overlay Post --*/ /*-- Hover Color For Post Category --*/ /*-- Travel --*/ /*-- Life Style --*/ /*-- Fashion --*/ /*-- Sports --*/ /*-- Gadgets --*/ /*-- Feature --*/ /*-- Politic --*/ /*-- Education --*/ /*-- Health --*/ /*-- Madical --*/ /*-- Video --*/ /*-- Businsee --*/ }

.post .post-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; /*-- Image --*/ /*-- Category --*/ /*-- Content --*/ }

.post .post-wrap .image { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; margin-bottom: 17px; /*-- Video Popup Button --*/ }

.post .post-wrap .image img { width: 100%; }

.post .post-wrap .image .video-btn { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; background-color: #ffffff; color: #00c8fa; text-align: center; border-radius: 50%; -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2); }

.post .post-wrap .image .video-btn i { display: block; line-height: 60px; font-size: 24px; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post .post-wrap .image .video-btn { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; }
  .post .post-wrap .image .video-btn i { line-height: 40px; font-size: 18px; } }

.post .post-wrap .category { z-index: 5; font-size: 11px; font-family: "Open Sans", sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #ffffff; line-height: 24px; padding: 0 9px; display: block; text-transform: uppercase; background-color: #00c8fa; /*-- Category Background --*/ }

.post .post-wrap .category.travel { background-color: #ffc61c; }

.post .post-wrap .category.life-style { background-color: #ffc61c; }

.post .post-wrap .category.fashion { background-color: #ff58c8; }

.post .post-wrap .category.sports { background-color: #003882; }

.post .post-wrap .category.gadgets { background-color: #1f2024; }

.post .post-wrap .category.feature { background-color: #00c8fa; }

.post .post-wrap .category.politic { background-color: #f05555; }

.post .post-wrap .category.education { background-color: #008bff; }

.post .post-wrap .category.health { background-color: #008bff; }

.post .post-wrap .category.madical { background-color: #008bff; }

.post .post-wrap .category.video { background-color: #ec0000; }

.post .post-wrap .category.businsee { background-color: #26d572; }

.post .post-wrap .content { z-index: 9; overflow: hidden; width: 100%; /*-- Title --*/ /*-- Meta Tags --*/ /*-- Description --*/ /*-- Read More Button --*/ }

.post .post-wrap .content .title { font-weight: 600; font-size: 18px; line-height: 24px; margin-bottom: 0;}

.post .post-wrap .content .titledark { padding: 3px; background-color: #222222; content: ""; z-index: 2; opacity: 0.98; text-align: center;}

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post .post-wrap .content .title { font-size: 16px; } }

@media only screen and (max-width: 479px) { .post .post-wrap .content .title { font-size: 14px; line-height: 18px; } }

.post .post-wrap .content .title a:hover { color: #003882; }

.post .post-wrap .content .meta { margin-top: 10px; /*-- Meta List --*/ /*-- Meta Hover --*/ }

.post .post-wrap .content .meta .meta-item { margin-top: 5px; font-size: 13px; font-family: "Open Sans", sans-serif; line-height: 16px; display: block; float: left; margin-right: 15px; /*-- Icon --*/ }

@media only screen and (max-width: 479px) { .post .post-wrap .content .meta .meta-item { font-size: 11px; margin-right: 10px; } }

.post .post-wrap .content .meta .meta-item:last-child { margin-right: 0; }

.post .post-wrap .content .meta .meta-item i { display: block; float: left; margin-right: 6px; font-size: 13px; line-height: 16px; padding-left: 1px; }

.post .post-wrap .content .meta a:hover { color: #00c8fa; }

.post .post-wrap .content p { margin-bottom: 0; margin-top: 7px; }

.post .post-wrap .content .read-more { margin-top: 16px; text-transform: capitalize; font-weight: 600; color: #666666; text-decoration: underline; font-size: 13px; }

.post.post-default-list .post-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }

@media only screen and (max-width: 767px) { .post.post-default-list .post-wrap { -webkit-box-flex: column; -ms-flex-positive: column; flex-grow: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.post.post-default-list .post-wrap .image { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; margin-right: 20px; margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post.post-default-list .post-wrap .image { width: 225px; } }

@media only screen and (max-width: 767px) { .post.post-default-list .post-wrap .image { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 17px; } }

.post.post-default-list .post-wrap .content { width: auto; }

@media only screen and (max-width: 767px) { .post.post-default-list .post-wrap .content { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.post.post-default-list .post-wrap .content .meta { margin-top: 8px; }

.post.post-dark .post-wrap .content .title a { color: #ffffff; }

.post.post-dark .post-wrap .content .title a:hover { color: #00c8fa; }

.post.post-dark .post-wrap .content .meta .meta-item { color: #cccccc; }

.post.post-dark .post-wrap .content .meta .meta-item:hover { color: #00c8fa; }

.post.post-dark .post-wrap .content p { color: #cccccc; }

.post.post-dark .post-wrap .content .read-more { color: #00c8fa; }

.post.post-dark .post-wrap .content .read-more:hover { text-decoration: underline; }

.post.post-dark.post-separator-border .post-wrap { border-color: #343434; }

.post.post-separator .post-wrap { margin-bottom: 20px; }

.post.post-separator:last-child .post-wrap { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.post.post-separator-border .post-wrap { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; }

.post.post-separator-border:last-child .post-wrap { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.post.post-large .post-wrap .title { font-size: 26px; line-height: 32px; font-weight: 700; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post.post-large .post-wrap .title { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 767px) { .post.post-large .post-wrap .title { font-size: 24px; line-height: 30px; } }


@media only screen and (max-width: 719px) { .post.post-large .post-wrap .title { font-size: 20px; line-height: 26px; }
.post .post-wrap .content .meta .meta-item { font-size: 11px; line-height: 11px;  }

 }

 
 
 
 

.post.post-small { /*-- List Style Post --*/ }

.post.post-small .post-wrap { /*-- Image --*/ /*-- Content --*/ }

.post.post-small .post-wrap .image { margin-bottom: 4px; }

.post.post-small .post-wrap .content { /*-- Title --*/ /*-- Meta Tags --*/ }

.post.post-small .post-wrap .content .title { font-size: 12px; line-height: 14px; text-align: center;  }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post.post-small .post-wrap .content .title { font-size: 12px; line-height: 16px; } }

.post.post-small .post-wrap .content .meta { margin-top: 10px; }

.post.post-small.post-list .post-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; /*-- Image --*/ /*-- Content --*/ }

.post.post-small.post-list .post-wrap .image { -webkit-box-flex: 0; -ms-flex: 0 0 124px; flex: 0 0 124px; margin-right: 20px; margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .post.post-small.post-list .post-wrap .image { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } }

@media only screen and (max-width: 479px) { .post.post-small.post-list .post-wrap .image { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; margin-right: 15px; } }

.post.post-small.post-list .post-wrap .content { width: auto; }

.post.post-small.post-list .post-wrap .content .meta { margin-top: 8px; }

.post.post-small.post-list.popular-post .post-wrap { background-color: #1f2024; padding: 20px; border: 1px solid #3d3d3d; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; /*-- Image --*/ /*-- Content --*/ }

.post.post-small.post-list.popular-post .post-wrap .image { border-radius: 5px; overflow: hidden; }

.post.post-small.post-list.popular-post .post-wrap .content { -ms-flex-item-align: center; align-self: center; }

.post.post-small.post-list.popular-post .post-wrap .content .read-more { margin-top: 8px; }

.post.hero-post { padding-bottom: 1px; padding-top: 1px; }

.post.hero-post .post-wrap { padding: 5px; border: none; margin: 0; border: 1px solid #bbb; background-color: white;}

.post.post-overlay { /*-- Large Post --*/ /*-- Small Post --*/ /*-- Overlay Post Separator --*/ /*-- Overlay Gradient --*/ /*-- One --*/ /*-- Two --*/ /*-- Three --*/ /*-- Four --*/ /*-- Five --*/ /*-- Six --*/ }

.post.post-overlay .post-wrap { /*-- Image --*/ /*-- Video Popup --*/ /*-- Category --*/ /*-- Content --*/ }

.post.post-overlay .post-wrap .image { margin-bottom: 0; }

.post.post-overlay .post-wrap .image::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; content: ""; z-index: 2; opacity: 0.0; }

.post.post-overlay .post-wrap .video-btn { width: 50px; height: 50px; border: 1px solid #ffffff; color: #ffffff; border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; text-align: center; z-index: 3; }

.post.post-overlay .post-wrap .video-btn i { line-height: 48px; font-size: 20px; }

.post.post-overlay .post-wrap .category { position: absolute; left: 0; top: 0; }

.post.post-overlay .post-wrap .content { position: absolute; left: 20px; bottom: 20px; right: 20px; width: auto; /*-- Title --*/ /*-- Meta Tags --*/ }



.post.post-overlay .post-wrap .content .meta .meta-item { color: #ffffff; }

.post.post-overlay .post-wrap .content .meta a:hover { text-decoration: underline; color: #ffffff; }

.post.post-overlay.post-large .content { bottom: 30px; left: 30px; right: 30px; padding: 10px; background-color: #003882; content: ""; z-index: 2; opacity: 0.98; }

.post.post-overlay.post-sm .content { bottom: 30px; left: 30px; right: 30px; padding: 10px; background-color: #003882; content: ""; z-index: 2; opacity: 0.98; }

@media only screen and (max-width: 479px) { .post.post-overlay.post-large .content { left: 20px; bottom: 20px; right: 20px; } }



 @media (max-width: 767px) {
.post.post-overlay.post-large .content {
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.post.post-separator:last-child .post-wrap { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; }

 }
 
 
  @media (max-width: 567px) {
.post.post-overlay.post-large .content {
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.post.post-overlay .post-wrap .content {
    position: inherit;
	    left: 0px;
    bottom: 0px;
    right: 0px;
}
 }

.post.post-overlay .post-wrap .content .title a { color: #ffffff; z-index: 3; opacity: 1.00;  }

.post.post-overlay .post-wrap .content .title a:hover { text-decoration: underline; color: #ffffff; }

.post.post-overlay.post-small .content { bottom: 10px; left: 10px; right: 10px; }

.post.post-overlay.post-separator-border .content { bottom: 40px; }

.post.post-overlay.post-separator-border:last-child .content { bottom: 20px; }

.post.post-overlay.post-separator-border.post-large .content { bottom: 50px; }

@media only screen and (max-width: 479px) { .post.post-overlay.post-separator-border.post-large .content { bottom: 40px; } }



  @media (max-width: 567px) {
.post.post-overlay.post-separator-border.post-large .content {
    bottom: 0px;
}

  }


.post.post-overlay.post-separator-border.post-large:last-child .content { bottom: 30px; }

.post.post-overlay.post-separator-border.post-small .content { bottom: 30px; }

.post.post-overlay.post-separator-border.post-small .content:last-child .content { bottom: 10px; }

.post.post-overlay.gradient-overlay-1 .image::before { background: rgba(133, 188, 66, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(133, 188, 66, 0)), color-stop(50%, rgba(133, 188, 66, 0.3)), to(rgba(0, 0, 0, 0.6))); background: -webkit-linear-gradient(top, rgba(133, 188, 66, 0) 0%, rgba(133, 188, 66, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%); background: -o-linear-gradient(top, rgba(133, 188, 66, 0) 0%, rgba(133, 188, 66, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(133, 188, 66, 0) 0%, rgba(133, 188, 66, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%); opacity: 1; }

.post.post-overlay.gradient-overlay-2 .image::before { background: #00dbde; background: -webkit-gradient(linear, left top, left bottom, from(#00dbde), to(#fc00ff)); background: -webkit-linear-gradient(top, #00dbde 0%, #fc00ff 100%); background: -o-linear-gradient(top, #00dbde 0%, #fc00ff 100%); background: linear-gradient(to bottom, #00dbde 0%, #fc00ff 100%); opacity: 0.8; }

.post.post-overlay.gradient-overlay-3 .image::before { background: #ff4e50; background: -webkit-gradient(linear, left top, left bottom, from(#ff4e50), to(#f9d423)); background: -webkit-linear-gradient(top, #ff4e50 0%, #f9d423 100%); background: -o-linear-gradient(top, #ff4e50 0%, #f9d423 100%); background: linear-gradient(to bottom, #ff4e50 0%, #f9d423 100%); opacity: 0.8; }

.post.post-overlay.gradient-overlay-4 .image::before { background: #0abfbc; background: -webkit-gradient(linear, left top, left bottom, from(#0abfbc), to(#fc354c)); background: -webkit-linear-gradient(top, #0abfbc 0%, #fc354c 100%); background: -o-linear-gradient(top, #0abfbc 0%, #fc354c 100%); background: linear-gradient(to bottom, #0abfbc 0%, #fc354c 100%); opacity: 0.8; }

.post.post-overlay.gradient-overlay-5 .image::before { background: #1d2671; background: -webkit-gradient(linear, left top, left bottom, from(#1d2671), to(#c33764)); background: -webkit-linear-gradient(top, #1d2671 0%, #c33764 100%); background: -o-linear-gradient(top, #1d2671 0%, #c33764 100%); background: linear-gradient(to bottom, #1d2671 0%, #c33764 100%); opacity: 0.8; }

.post.post-overlay.gradient-overlay-6 .image::before { background: #a43931; background: -webkit-gradient(linear, left top, left bottom, from(#a43931), to(#67bf35)); background: -webkit-linear-gradient(top, #a43931 0%, #67bf35 100%); background: -o-linear-gradient(top, #a43931 0%, #67bf35 100%); background: linear-gradient(to bottom, #a43931 0%, #67bf35 100%); opacity: 0.8; }

.post.travel-post .image .video-popup { color: #ffc61c; }

.post.travel-post .content .title a:hover { color: #ffc61c; }

.post.travel-post .content .meta a:hover { color: #ffc61c; }

.post.travel-post .content .read-more:hover { color: #ffc61c; }

.post.life-style-post .image .video-popup { color: #ffc61c; }

.post.life-style-post .content .title a:hover { color: #ffc61c; }

.post.life-style-post .content .meta a:hover { color: #ffc61c; }

.post.life-style-post .content .read-more:hover { color: #ffc61c; }

.post.fashion-post .image .video-popup { color: #003882; }

.post.fashion-post .content .title a:hover { color: #003882; }

.post.fashion-post .content .meta a:hover { color: #003882; }

.post.fashion-post .content .read-more:hover { color: #003882; }

.post.sports-post .image .video-popup { color: #67bf35; }

.post.sports-post .content .title a:hover { color: #67bf35; }

.post.sports-post .content .meta a:hover { color: #67bf35; }

.post.sports-post .content .read-more:hover { color: #67bf35; }

.post.gadgets-post .image .video-popup { color: #1f2024; }

.post.gadgets-post .content .title a:hover { color: #1f2024; }

.post.gadgets-post .content .meta a:hover { color: #1f2024; }

.post.gadgets-post .content .read-more:hover { color: #1f2024; }

.post.feature-post .image .video-popup { color: #00c8fa; }

.post.feature-post .content .title a:hover { color: #00c8fa; }

.post.feature-post .content .meta a:hover { color: #00c8fa; }

.post.feature-post .content .read-more:hover { color: #00c8fa; }

.post.politic-post .image .video-popup { color: #f05555; }

.post.politic-post .content .title a:hover { color: #f05555; }

.post.politic-post .content .meta a:hover { color: #f05555; }

.post.politic-post .content .read-more:hover { color: #f05555; }

.post.education-post .image .video-popup { color: #008bff; }

.post.education-post .content .title a:hover { color: #008bff; }

.post.education-post .content .meta a:hover { color: #008bff; }

.post.education-post .content .read-more:hover { color: #008bff; }

.post.health-post .image .video-popup { color: #008bff; }

.post.health-post .content .title a:hover { color: #008bff; }

.post.health-post .content .meta a:hover { color: #008bff; }

.post.health-post .content .read-more:hover { color: #008bff; }

.post.madical-post .image .video-popup { color: #008bff; }

.post.madical-post .content .title a:hover { color: #008bff; }

.post.madical-post .content .meta a:hover { color: #008bff; }

.post.madical-post .content .read-more:hover { color: #008bff; }

.post.video-post .image .video-popup { color: #ec0000; }

.post.video-post .content .title a:hover { color: #ec0000; }

.post.video-post .content .meta a:hover { color: #ec0000; }

.post.video-post .content .read-more:hover { color: #ec0000; }

.post.businsee-post .image .video-popup { color: #26d572; }

.post.businsee-post .content .title a:hover { color: #26d572; }

.post.businsee-post .content .meta a:hover { color: #26d572; }

.post.businsee-post .content .read-more:hover { color: #26d572; }



.game-result {
	text-align: center;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .05em;
	border: 1px solid #bbb;
	background: #fff;
	transition: all 300ms ease-in-out;
	margin-right: 10px;
}

.game-result .countdown-bordered {
	color: #919fa6;
}

.game-result .countdown-bordered .countdown-section:not(:first-child) {
	border-left-color: #919fa6;
}

.game-result .countdown-bordered .countdown-amount {
	color: #fff;
}

.game-result-classic {
	max-width: 690px;
	border-bottom: 3px solid #c9dbda;
}

.game-result-classic .game-result-team {
	max-width: 100px;
}

.game-result-classic:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
}

.game-result-modern {
	max-width: 690px;
}

.game-result-modern .game-result-main {
	padding: 53px 10px 22px;
}

.game-result-modern .game-result-team-win .game-result-team-label-top {
	top: -30px;
}

.game-result-modern .game-result-footer {
	padding-top: 9px;
	padding-bottom: 9px;
}

.game-result-modern:hover {
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.14);
}

.game-result-creative {
	max-width: 450px;
	border-bottom: 3px solid #c9dbda;
}

.game-result-main {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 25px 10px;
}

.game-result-main-vertical {
	position: relative;
	overflow: hidden;
}

.game-result-middle {
	margin-top: 30px;
}

.game-result-score-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.game-result-team {
	position: relative;
	min-width: 90px;
	line-height: 1.2;
}

.game-result-team-horizontal {
	display: flex;
	align-items: center;
	min-width: auto;
	max-width: 100%;
	padding: 10px 55px 10px 10px;
}

.game-result-team-divider {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}

.game-result-team-divider,
.game-info-team-divider {
	height: 24px;
	width: 24px;
	font-size: 0.86em;
	line-height: 24px;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
	background: transparent;
}

.game-result-team-divider::before, .game-result-team-divider::after,
.game-info-team-divider::before,
.game-info-team-divider::after {
	position: absolute;
	content: '';
	top: 50%;
	height: 1px;
	width: 100vw;
	background: #e1e1e1;
}

.game-result-team-divider::before,
.game-info-team-divider::before {
	left: 0;
	transform: translate(-100%, -50%);
}

.game-result-team-divider::after,
.game-info-team-divider::after {
	right: 0;
	transform: translate(100%, -50%);
}

.game-result-team-figure {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 64px;
}

.game-result-team-figure-big {
	width: 75px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e1e1e1;
}

.game-result-team-title {
	margin-left: 6px;
	min-width: 110px;
	text-align: left;
}

.game-result-title,
.game-result-team-name {
	color: #151515;
		text-transform: uppercase;
		font-size: 16px;
}

.game-results-subtitle,
.game-results-status,
.game-result-team-country {
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
}

.game-result-inset {
	padding: 25px 10px;
	line-height: 1.46;
}

.game-result-score {
	position: relative;
	font-size: 1.28em;
	font-weight: 400;
	letter-spacing: .1em;
	color: #151515;
}

.game-result-score .game-result-team-label {
	display: none;
}

.game-result-score-big {
	margin-left: 16px;
	font-size: 1.71em;
}

.game-result-score-biger {
	font-size: 1.6em;
}

.game-result-team-win .game-result-team-label {
	display: inline-block;
}

.game-result-team-label {
	position: absolute;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .025em;
	text-transform: uppercase;
	color: #fff;
	background: #35ad79;
}

.game-result-team-label::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
}

.game-result-team-label-top {
	top: -26px;
	left: 50%;
	transform: translateX(-50%);
}

.game-result-team-label-top::before {
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px 4.5px 0 4.5px;
	border-color: #35ad79 transparent transparent transparent;
}

.game-result-team-label-right {
	top: 5px;
	right: -15px;
	transform: translateX(100%);
}

.game-result-team-label-right::before {
	top: 0;
	left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px 0;
	border-color: transparent #35ad79 transparent transparent;
}

.game-result-score-divider {
	position: relative;
	top: -2px;
	margin: 0 3px;
	font-size: 24px;
	line-height: 1;
	color: #e1e1e1;
}

.game-result-score-divider svg {
	width: 4px;
	height: 12px;
}

.game-result-score-divider g {
	fill: #e1e1e1;
}

.game-results-status {
	width: 100%;
}

.game-result-footer {
	padding: 7px 10px;
	font-size: 0.86em;
	border-top: 1px solid #e1e1e1;
}

.game-result-details > li {
	display: inline-block;
}

.game-result-details li + li::before {
	content: '\002F';
	margin-right: 4px;
}

.game-result-details li + li time {
	margin-left: -4px;
}

* + .game-result-team-name {
	margin-top: 12px;
}

.game-result + .game-result {
	margin-top: 30px;
}

.game-result-classic + .game-result-classic {
	margin-top: 28px;
}

.game-result-modern + .game-result-modern {
	margin-top: 14px;
}

.game-result-creative + .game-result-creative {
	margin-top: 28px;
}

.game-summary-logo {
	width: 90px;
}





@media (max-width: 1279px) {

 

.game-info-teamstats-white {
 
    font: 700 11px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

.table-box td {
    padding: 8px 6px;
}

.game-info-officials {
    font: 400 16px/20px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.game-result-title,
.game-result-team-name {

		font-size: 13px;
}
.game-results-subtitle, .game-results-status, .game-result-team-country {

    font-size: 12px;


}


}


@media (max-width: 979px) {
.game-result-title, .game-result-team-name {
 
    font-size: 14px;
}

.game-results-subtitle, .game-results-status, .game-result-team-country {
    font-size: 13px;
 
}
 

.table-box {
    font: 400 13px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.table-box td {
    padding: 6px;
}




}



@media (min-width: 768px) and  (max-width: 1023px) {
.col-md-7s {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-5s {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}


}




@media (min-width: 768px) and  (max-width: 899px) {
.col-md-8s {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-4s {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-md-6s {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}

}

.game-result-logo {
    width: 120px;
}





@media (max-width: 1023px) {
.game-result {
    margin-right: 0px;
	margin-bottom: 10px;
}


.game-info-teamstats {

    font: 400 13px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;


}

.game-info-teamstats-white {
 
    font: 700 13px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}


}



@media (max-width: 899px) {
 

.game-info-teamstats {
    font: 400 14px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.game-info-teamstats-white {
    font: 700 14px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.game-info-officials {
    font: 400 14px/20px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
}


@media (max-width: 767px) {
.game-result-logo {
    width: 100px;
}
.game-info-officials {
    font: 400 12px/20px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.game-info-teamstats {
    font: 400 12px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.game-info-teamstats-white {
    font: 700 12px/16px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
}



@media (max-width: 599px) {
.game-info-title {
    font: 700 20px/32px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}
.game-info-subtitle {
    font: 700 16px/28px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.game-info-main {
    margin-top: 14px;
}
	.game-result {
		font-size: 24px;
	}
	.game-result-team-divider, .game-info-team-divider {
 
    font-size: 12px;
 
}
.game-result-title, .game-result-team-name {
    font-size: 12px;
}
}


@media (max-width: 567px) {
.table-box {
    font: 500 13px/16px 'Archivo Narrow', sans-serif;
}
.table-box-white {
    font: 700 13px/16px 'Archivo Narrow', sans-serif;
}
}

@media (max-width: 479px) {
.table-box td {
    padding: 6px 3px;
}
.table-box {
    font: 500 12px/16px 'Archivo Narrow', sans-serif;
}
.game-info-teamstats {
    font: 400 12px/16px 'Archivo Narrow', sans-serif;
}
.game-info-teamstats-white {
    font: 700 12px/16px 'Archivo Narrow', sans-serif;
}
.game-info-subtitle {
    font: 700 14px/28px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
}


@media (max-width: 359px) {
.table-box {
    font: 500 11px/16px 'Archivo Narrow', sans-serif;
}
.table-box td {
    padding: 6px 1px;
}
}



@media (min-width: 420px) {
 
	.game-result-classic .game-result-team {
		max-width: 140px;
	}
	.game-result-inset {
		padding: 25px;
	}
	.game-result-team {
		min-width: 115px;
	}
	.game-result-team-horizontal {
		padding-left: 18px;
	}
	.game-result-team-title {
		min-width: 115px;
	}
	.game-result-team-label-right {
		top: 5px;
		right: -23px;
	}
	.game-result-score-divider {
		margin: 0 9px;
		font-size: 30px;
	}
	.game-result-score-divider svg {
		width: 5px;
		height: 14px;
	}
	.game-result-team-divider {
		right: 28px;
		transform: translateY(-50%);
	}
}



@media   (min-width: 992px) and (max-width: 1279px) {
.game-summary-logo {
    width: 70px;
}
	.game-result-team {
		min-width: 80px;
	}
.table-game-info-category {
    min-width: 80px;
}
}



@media (min-width: 992px) and (max-width: 1199px) {
	.aside-component .game-result-team {
		min-width: 85px;
	}
	.aside-component .game-result-team img {
		max-width: 60px;
	}
	.aside-component .game-result-classic .game-result-team {
		max-width: 100px;
	}
	.aside-component .game-result-modern .game-result-main {
		padding-left: 6px;
		padding-right: 6px;
	}
	.aside-component .game-result-modern .game-result-team {
		min-width: 105px;
	}
	.aside-component .game-result-modern .game-result-score {
		font-size: 16px;
	}
	.aside-component .game-result-modern .game-result-score-divider {
		top: -4px;
		margin: 0 5px;
	}
	.aside-component .game-result-modern .game-result-score-divider svg {
		width: 4px;
		height: 12px;
	}
	.aside-component .game-result-title {
		min-width: 80px;
	}
	.game-result-team-title {
		min-width: 90px;
	}
}

@media (min-width: 576px) {
	.game-result-team-divider,
	.game-info-team-divider {
		height: 29px;
		width: 29px;
		line-height: 29px;
	}
	.game-result-score-biger {
		font-size: 2.36em;
	}
}

.game-result-long {
	max-width: 100%;
	margin-left: 20px;
	margin-bottom: 20px;
}


.game-result-title {
	font-size: 24px;
}


.game-results-subtitle {
	font-size: 14px;
	color: #666666;
}


.game-results-altlinks {
	font-size: 12px;
	color: #666666;
}


.game-results-altlinks a {
	text-decoration: underline;
}



.game-box-altlinks {
	font-size: 16px;
	color: #666666;
}


.game-box-altlinks a {
	text-decoration: underline;
}



.game-result-long .table-custom {
	border-width: 0 0 1px 0;
}

.game-result-long * + .table-custom-responsive {
	margin-top: 0;
}

.game-result-long .game-result-team img {
	max-width: 90px;
}

.game-result-long-main {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #e1e1e1;
	background: #f5f7f9;
}

.game-result-long-score-wrap {
	position: relative;
	min-height: 106px;
	margin: 0 10px;
}

.game-result-long-score-wrap::after, .game-result-long-score-wrap::before {
	position: absolute;
	content: '';
	top: 0;
	right: 4px;
	bottom: 0;
	left: 4px;
	background: #fff;
	z-index: 0;
}

.game-result-long-score-wrap::before {
	transform: skew(19deg);
}

.game-result-long-score-wrap::after {
	transform: skew(-19deg);
}

.game-result-long-score-wrap > * {
	position: relative;
	z-index: 1;
}

.game-result-long-score-divider {
	position: relative;
	top: -3px;
	font-size: 3.57em;
	line-height: 1;
	margin: 0 10px;
	color: #e1e1e1;
}

.game-result-long-score-divider svg {
	width: 5px;
	height: 19px;
}

.game-result-long-score-divider g {
	fill: #e1e1e1;
}


@media (max-width: 991px) {
.game-result-long {
    margin-left: 0px;
}

}

@media (max-width: 991px) {
.game-result-long {
    margin-left: 0px;
}

}


@media (max-width: 599px) {
.game-result-long-score-divider {
    top: -16px;
}
}

@media (max-width: 359px) {
.table-game-info-category {
    min-width: 100px;
}
}



@media (min-width: 420px) {
	.game-result-long .game-result-team img {
		max-width: 100%;
	}
	.game-result-long-score-divider svg {
		width: 7px;
		height: 21px;
	}
}

.game-info {
	padding: 30px 10px;
}

.game-info .button {
	min-width: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

.game-info * + .group-sm {
	margin-top: 12px;
}

.game-info .button + .button {
	margin-top: 0;
}

.game-info-modern .game-info-main {
	align-items: stretch;
}

.game-info-creative {
	padding-bottom: 0;
}

.game-info-creative .game-info-main {
	align-items: stretch;
}

.game-info-title {
	line-height: 1.2;
}

.game-info-team {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75px;
}

.game-info-main {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	min-width: 100%;
	max-width: 100%;
	margin-top: 24px;
}

.game-info-middle {
	flex-grow: 1;
	margin: 0 10px;
}

.game-info-middle-vertical {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px 0 0;
	max-width: 130px;
}

.game-info-team {
	line-height: 1.2;
}

.game-info-score {
	min-width: 25px;
	font-size: 1.6em;
	line-height: .8;
	font-weight: 300;
	letter-spacing: .05em;
	color: #9b9b9b;
}

.game-info-score:nth-child(1) {
	margin-right: 10px;
}

.game-info-score:nth-child(2) {
	margin-left: 10px;
}

.game-info-score.game-result-team-win {
	color: #151515;
}

.game-result-divider-wrap {
	overflow: hidden;
	width: 100%;
}


.game-result-status{
	color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
	padding: 8px;
	background-color: #151515;
	margin-top: 10px;
}
 



.game-info-team-divider {
	position: relative;
	display: inline-block;
	color: #151515;
}

.game-info-countdown {
	position: relative;
	padding: 15px 10px;
	background: #59646a;
}

.game-info-countdown::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #59646a transparent;
	transform: translate(-50%, -100%);
}

.time-big span {
	display: block;
	line-height: 1;
	color: #35ad79;
}

.game-info-main + .table-game-info-wrap {
	margin-top: 20px;
}

.time-big + .game-result-divider-wrap {
	margin-top: 10px;
}

.game-info-modern + .game-info-modern {
	margin-top: 30px;
}

.game-info-creative + .game-info-creative {
	margin-top: 30px;
}

* + .game-info-countdown {
	margin-top: 43px;
}

@media (min-width: 400px) {
	.game-info .button {
		min-width: 130px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.game-info-team {
		width: 150px;
	}
	.game-info-score {
		min-width: 60px;
	}
}

@media (max-width: 575px) {
	.game-info h3, .game-info .heading-3 {
		font-size: 20px;
	}
	.game-info-modern .game-info-main {
		margin-top: 0;
	}
	.game-info-creative .game-info-main {
		margin-top: 0;
	}
	.game-info-team img {
		width: auto;
		max-height: 80px;
	}
}

@media (min-width: 576px) {
	.game-info {
		padding: 26px 15px 28px;
		background-color: #fafbfb;
	}
	.game-info * + .group-sm {
		margin-top: 20px;
	}
	.game-info-classic .game-info-team {
		height: 195px;
	}
	.game-info-modern .game-info-team {
		min-height: 195px;
		height: auto;
	}
	.game-info-creative {
		padding-bottom: 0;
	}
	.game-info-creative .game-info-team {
		min-height: 195px;
		height: auto;
	}
	.game-info-middle {
		margin: 0 17px;
	}
	.game-info-middle-vertical {
		max-width: 170px;
		padding-bottom: 10px;
	}
	.game-info-team {
		width: 179px;
		padding: 10px 5px;
		border: 1px solid #bbb;
background-color: #fff;
	}
	.game-info-score {
		min-width: 70px;
		font-size: 3.28em;
	}
	.game-info-countdown {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

.game-info-share {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	position: absolute;
	overflow: hidden;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	color: #fff;
	background-color: transparent;
	border-radius: 3px;
}

.game-info-share .icon {
	display: block;
	font-size: 12px;
	line-height: 40px;
}

.game-info-share .icon, .game-info-share .icon:focus, .game-info-share .icon:active {
	color: #fff;
}

.game-info-share .icon:hover {
	color: #151515;
}

.game-info-share .icon:hover {
	background: #fcef57;
}

.game-info-share-item {
	flex-grow: 1;
	flex-basis: 25%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(200%);
	transition: all .3s ease;
}

.game-info-share-item:first-child > a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.game-info-share-item:last-child > a {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.button-share-outline:hover .game-info-share-item {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.button-share-outline:hover .game-info-share li:nth-child(1) {
	transition-delay: 100ms;
}

.button-share-outline:hover .game-info-share li:nth-child(2) {
	transition-delay: 150ms;
}

.button-share-outline:hover .game-info-share li:nth-child(3) {
	transition-delay: 200ms;
}

.button-share-outline:hover .game-info-share li:nth-child(4) {
	transition-delay: 250ms;
}

.button-share-outline:hover .game-info-share li:nth-child(5) {
	transition-delay: 300ms;
}

.button-share-outline:hover .game-info-share li:nth-child(6) {
	transition-delay: 350ms;
}

.button-share-outline:hover .game-info-share li:nth-child(7) {
	transition-delay: 400ms;
}

.button-share-outline:hover .game-info-share li:nth-child(8) {
	transition-delay: 450ms;
}

.button-share-outline:hover .game-info-share li:nth-child(9) {
	transition-delay: 500ms;
}

.button-share-outline:hover .game-info-share li:nth-child(10) {
	transition-delay: 550ms;
}

@media (min-width: 768px) {
	.game-info-share .icon {
		font-size: 14px;
	}
	.game-info-main + .table-game-info-wrap {
		margin-top: -14px;
	}
}

@media (min-width: 992px) {
	.game-info-score {
		font-size: 4.28em;
	}
}

@media (min-width: 1200px) {
	.game-info-main {
		min-width: 648px;
	}
}



/* new box styles */
.charts-statistics {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: .025em;
}

.charts-statistics > * {
	flex-basis: 50%;
	max-width: 50%;
}

.charts-statistics::before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: #e1e1e1;
	transform: translateX(-50%);
}

.charts-statistics-item {
	position: relative;
}

.charts-statistics-item:nth-child(odd) {
	text-align: left;
}

.charts-statistics-item:nth-child(even) {
	text-align: right;
}

.charts-statistics-item:nth-child(n + 3) {
	padding-top: 50px;
}

.charts-statistics-item:nth-child(n + 3)::before {
	position: absolute;
	content: '';
	top: 20px;
	left: 0;
	height: 1px;
	width: 100%;
	background: #e1e1e1;
}

.charts-statistics-circle-progress {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.28em;
	font-weight: 400;
	color: #151515;
}

.charts-statistics-team-first-number {
	color: #35ad79;
}

.charts-statistics-team-second-number {
	color: #9b9b9b;
}

.charts-statistics-category {
	font-size: 0.86em;
}

.team2-orange .charts-statistics-team-second-number {
	color: #ffa04c;
}

.team2-pink .charts-statistics-team-second-number {
	color: #e05151;
}

* + .charts-statistics {
	margin-top: 24px;
}



.heading-component-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #151515;
    text-transform: uppercase;
	margin-left: 15px;
	margin-bottom: 15px;
}

.game-highlights {
	padding: 30px 15px;
	max-width: 370px;
	font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: .05em;
	color: #151515;
	background: #fff;
}

.game-highlights li {
	position: relative;
	overflow: hidden;
	padding-left: 45px;
	padding-bottom: 37px;
}

.game-highlights li:first-child {
	padding-top: 10px;
}

.game-highlights li:first-child .game-highlights-minute {
	top: 10px;
}

.game-highlights li:first-child .game-highlights-minute::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 0;
	width: 1px;
	height: 20px;
	background: #e1e1e1;
	transform: translate(-50%, -100%);
}

.game-highlights li:last-child {
	padding-bottom: 0;
}

.game-highlights p + p {
	margin-top: 10px;
}

.game-highlights .icon {
	margin-right: 5px;
}

.game-highlights-title {
	padding-top: 7px;
	text-transform: uppercase;
}

.game-highlights-description {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	color: #9b9b9b;
}

.game-highlights-minute {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	text-align: center;
	height: 29px;
	width: 29px;
	line-height: 29px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
}

.game-highlights-minute::after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 100vh;
	background: #e1e1e1;
	transform: translate(-50%, 100%);
}

.game-highlights-goal {
	color: #9b9b9b;
}

.team-primary .game-highlights-goal {
	color: #35ad79;
}

.team2-blue .game-highlights-goal {
	color: #3B7CC0;
}

@media (min-width: 576px) {
	.game-highlights {
		padding: 40px 15px 40px 24px;
	}
	.game-highlights-description {
		max-width: 90%;
	}
}

.table-summary {
    text-align: left;
    font-size: 12px;
    font-weight: 500;
	color: #666666;
    letter-spacing: .05em;
	text-align: center;
}

.table-summary-head {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
	color: #151515;
    letter-spacing: .05em;
	text-align: center;
	text-transform: uppercase;
}

.table-summary thead th {
    height: 53px;
    padding: 0 15px 0 30px;
    font-size: 1.47em;
    color: #fff;
    background: #151515;
}

.table-summary td {
    padding: 10px;
	width: 50%;
	border-right: 1px solid #ddd;
}


.table-summary tr {
    border-bottom: 1px solid #ddd;
}

@media (min-width: 1024px) {
.tabletshow {
	display:none;
}
}

.tablethide {
	min-width: 728px;
}


@media (max-width: 1023px) {
.tablethide {
	display:none;
}
}


/* standings table */
.reg13 {
	font: 400 16px/18px "Open Sans", sans-serif;
	color: #000000;
}
.stand13 {
	font: 400 16px/18px "Open Sans", sans-serif;
	color: #000000;
}


.blue15 {
	font: 700 20px/22px "Open Sans", sans-serif;
	color: #003882;
}

table.stand13 {width: 100%;}
table.stand13 td {padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; background-color: #fff;}}


@media (max-width: 719px) {
.stand13 {
	font: 400 12px/14px "Open Sans", sans-serif;
}
.blue15 {
	font: 700 13px/15px "Open Sans", sans-serif;
	color: #003882;
}
   }

   @media (max-width: 567px) {
.stand13 {
	font: 400 13px/18px "Open Sans", sans-serif;
}
.blue15 {
	font: 700 16px/22px "Open Sans", sans-serif;
	color: #003882;
}
   }
   

@media (max-width: 479px) {
.stand13 {
	font: 400 10px/11px 'Raleway', sans-serif;
	color: #000000;
}
table.stand13 td {padding-top: 4px; padding-bottom: 4px; padding-left: 2px; border-bottom: 1px solid #ccc; background-color: #fff;}
}
   }

   
   
   
/* head-to-head grid */
.hth {
	font: 400 16px/18px "Open Sans", sans-serif;
	color: #000000;
}


table.hth {width: 100%; border: 1px solid #333; background-color: #FFF;}
table.hth td {padding: 4px; border-bottom: 1px solid #666;}
.white15 {
	font: 700 15px/16px "Open Sans", sans-serif;
	color: #FFFFFF;
}


@media (max-width: 1023px) {
.reg13 {
	font: 400 14px/16px "Open Sans", sans-serif;
}
.playerbios {
    font: 700 18px/20px "Open Sans", sans-serif;
    color: #000000;
}
 
}



@media (max-width: 767px) {
	.hth {
	font: 400 13px/16px "Open Sans", sans-serif;
}
.reg13 {
	font: 400 13px/16px "Open Sans", sans-serif;
	color: #000000;
}

table.hth td {padding: 3px; border-bottom: 1px solid #666;}

.playerbios {
    font: 700 15px/17px "Open Sans", sans-serif;
    color: #000000;
}

}



@media (max-width: 639px) {
	.hth {
	font: 400 11px/13px "Open Sans", sans-serif;
}
.reg13 {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}

table.hth td {padding: 3px; border-bottom: 1px solid #666;}
}

@media (max-width: 479px) {

table.hth {display: none;}
}


/* against */

.white14 {
    font: 700 18px/24px "Open Sans", sans-serif;
    color: #FFF;
}

.black15 {
	font: 700 18px/22px "Open Sans", sans-serif;
	color: #000000;
	padding-top: 12px;
	padding-bottom: 6px;
	text-align: center;
}
.black16 {
	font: 700 16px/17px "Open Sans", sans-serif;
	color: #000000;
}
.black16 a:link {
	color: #000000;
	text-decoration: underline;
	text-transform:uppercase;
}
.black16 a:visited {
	text-decoration: underline;
	color: #000000;
	text-transform:uppercase;
}
.black16 a:hover {
	color: #333333;
	text-decoration: underline;
	text-transform:uppercase;
}

.reg14 {
	font: 700 15px/16px "Open Sans", sans-serif;
	color: #FFFFFF;
}

.against {
	font: 400 16px/18px "Open Sans", sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 16px/18px "Open Sans", sans-serif;
	color: #ffffff;
}
.against a:link {
	color: #003882;
	text-decoration: underline;
}
.against a:visited {
	text-decoration: underline;
	color: #003882;
}
.against a:hover {
	text-decoration: underline;
	color: #666666;
}
.against a:active {
	text-decoration: none;
	color: #666666;
}
table.against {width: 100%;}
table.against td {padding: 8px; border-bottom: 1px solid #ccc;}



@media (max-width: 719px) {
.black15 {
	font: 700 16px/20px "Open Sans", sans-serif;
}
.against {
	font: 400 14px/16px "Open Sans", sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 14px/16px "Open Sans", sans-serif;
	color: #ffffff;	
}

table.against td {padding: 6px; border-bottom: 1px solid #ccc;}
}

@media (max-width: 566px) {
.black15 {
	font: 700 14px/20px "Open Sans", sans-serif;
}
.against {
	font: 400 12px/16px "Open Sans", sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 12px/16px "Open Sans", sans-serif;
	color: #ffffff;
}
table.against td {padding: 4px; border-bottom: 1px solid #ccc;}
}

@media (max-width: 479px) {
.black15 {
	font: 700 12px/20px "Open Sans", sans-serif;
}
.against {
	font: 400 10px/16px "Open Sans", sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 10px/16px "Open Sans", sans-serif;
	color: #ffffff;
}
}


@media (max-width: 413px) {
.black15 {
	font: 700 12px/20px 'Archivo Narrow', sans-serif;
}
.against {
	font: 400 10px/16px 'Archivo Narrow', sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 10px/16px 'Archivo Narrow', sans-serif;
	color: #ffffff;
}
table.against td {padding: 2px; border-bottom: 1px solid #ccc;}
}

@media (max-width: 359px) {
.against {
	font: 400 9px/16px 'Archivo Narrow', sans-serif;
	color: #000000;
}
.againstwhite {
	font: 600 9px/16px 'Archivo Narrow', sans-serif;
	color: #ffffff;
}
table.against td {padding: 1px; border-bottom: 1px solid #ccc;}
}



/* stats menus */
.smenulinks {
	font: 700 9px/11px 'Raleway', sans-serif;
	color: #000000;
	background-color: #EEEEEE;
	text-indent: 0px;
	display: block;
	float: none;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: groove;
	border-left-style: none;
	padding: 2px 0px 2px 0px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	text-decoration: none;
	margin: 0px;
}

#smenulinks a {
	color: #003273;
	text-decoration: none;
}

#smenulinks a:hover{
	color: #003273;
	text-decoration: underline;
}

.smenu
{
	background-color: #EEEEEE;
	border-color: #00000;
	border-width: 0 0 1px 0;
	border-style: solid;
	width: 100%;
	display: block;
	
}

.smenu ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

.smenu li
{
	margin: 0;
	display: inline;
}

.smenu a
{
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE;
	border-color: #000000;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font: 700 15px/17px 'Raleway', sans-serif;
	text-align: left;
	padding: 6px;
	text-transform: none;
	white-space: normal;
	text-indent: 4px;
}

.smenu a:hover
{
	color: white;
	text-decoration: none;
	background-color: #333333;
	border-color: #000000;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

.smenu a:visited {
	text-decoration: none;
}

.smenuheader
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #333333;
	font: 700 18px/20px 'Raleway', sans-serif;
	text-align: left;
	width: 100%;
	padding: 6px 0px 6px 0px;
	border-color: #000000;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	margin-top: 8px;
}

.smenuheader a
{
	display: block;
	text-decoration: none;
	color: white;
	background-color: #25559F;
	font-family: Helvetica, Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	
}

.smenuheader a:hover
{
	color: white;
	text-decoration: none;
	background-color: #e22d3c;
}
.boxstatsmenu {
  display: inline-block;
  width: 33%;
 vertical-align: top;
}

@media (max-width: 1023px) {
  .boxstatsmenu {
width: 32.8%;
}
}

@media (max-width: 719px) {
  .boxstatsmenu {
width: 49%;
}
}

@media (max-width: 566px) {
  .boxstatsmenu {
  width: 100%;
}
}





.container [class*="grid_photos"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

.container .grid_wide {
  width: 900px;
  padding-bottom: 6px;
}
.container .grid_rightlinks {
  width: 230px;
  background-color: #222222;
  padding: 4px;
}


.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 445px;
}

.container .grid_photos {
  width: 470px;
}
 .container .grid_photossmall {
  width: 200px;
} 

@media (min-width: 980px) and (max-width: 1199px) {
  
  .container [class*="grid_photos"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
  
.container .grid_wide {
  width: 720px;
  padding-bottom: 10px;
  padding-left: 2px;
}

.container .grid_videoarchive {
  width: 190px;
}


.container .grid_photos {
  width: 380px;
} 

.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 356px;
}

 .container .grid_photossmall {
  width: 200px;
} 
}




@media (min-width: 768px) and (max-width: 979px) {

  .container .grid_wide {
  width: 748px;
}
.container .grid_banners {
  width: 740px;
    margin-bottom: 12px;
}
  .container [class*="grid_banners"] {
  margin-left: 0px;
}
.container .grid_rightlinks {
  width: 762px;
}

 .container .grid_videoarchive {
  width: 190px;
} 
  .container [class*="grid_photos"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

.container .grid_photos {
  width: 320px;
} 
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 370px;
}
 .container .grid_photossmall {
  width: 200px;
} 
}

@media (max-width: 767px) {

  .container .grid_wide {
  width: 728px;
  padding-left: 4px;
}
.container .grid_banners {
  width: 724px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 728px;
}
 .container .grid_videoarchive {

	 padding-left: 0px;
} 




 
  .container .grid_photos {
  width: 320px;
}
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 360px;
}

 .container .grid_photossmall {
  width: 200px;
} 
}
@media (max-width: 735px) {

  .container .grid_wide {
  width: 712px;
  padding-left: 4px;
}
.container .grid_banners {
  width: 708px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 712px;
}
  
  .container .grid_photos {
  width: 320px;
}

.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 352px;
}

 .container .grid_photossmall {
  width: 200px;
}  
}
@media (max-width: 719px) {

  .container .grid_wide {
  width: 659px;
  padding-left: 4px;
}
.container .grid_banners {
  width: 655px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 659px;
}
  
  .container .grid_photos {
  width: 320px;
}
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 325px;
}
 .container .grid_photossmall {
  width: 200px;
} 
}


@media (max-width: 666px) {

  .container .grid_wide {
  width: 632px;
  padding-left: 4px;
}
.container .grid_banners {
  width: 628px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 632px;
}
  
  .container .grid_photos {
  width: 320px;
}
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 312px;
}
 .container .grid_photossmall {
  width: 200px;
}  
}

@media (max-width: 639px) {

  .container .grid_wide {
  width: 560px;
  padding-left: 4px;
}
.container .grid_banners {
  width: 556px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 560px;
}
  
  .container .grid_photos {
  width: 320px;
}
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 276px;
}
 .container .grid_photossmall {
  width: 200px;
} 
}



@media (max-width: 567px) {
 
  .container .grid_wide {
  width: 472px;
}
.container .grid_banners {
  width: 468px;
    margin-bottom: 10px;
}
.container .grid_rightlinks {
  width: 472px;
}
  
  .container .grid_photos {
  width: 100%;
}



table.storiesbox {
    margin-bottom: 10px;
}
 
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 445px;
}
 .container .grid_photossmall {
  width: 200px;
} 
}



@media (max-width: 479px) {

  .container .grid_wide {
  width: 406px;
}
.container .grid_banners {
  width: 402px;
    margin-bottom: 0px;
}
.container .grid_rightlinks {
  width: 406px;
}
  
 
.container .grid_photossmall {
  width: 160px;
}
}


@media (max-width: 413px) {

  .container .grid_wide {
  width: 367px;
}
.container .grid_banners {
  width: 363px;
}
.container .grid_rightlinks {
  width: 367px;
}
  
 
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 367px;
}
.container .grid_photossmall {
  width: 150px;
} 
}




@media (max-width: 374px) {
 
  .container .grid_wide {
  width: 354px;
}
.container .grid_banners {
  width: 350px;
}
.container .grid_rightlinks {
  width: 354px;
}

 
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 354px;
}
.container .grid_photossmall {
  width: 130px;
}
}



@media (max-width: 359px) {


  .container .grid_wide {
  width: 312px;
}
.container .grid_banners {
  width: 308px;
}
.container .grid_rightlinks {
  width: 312px;
}

 
.container [class*="grid_photos2"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}
.container .grid_photos2 {
  width: 308px;
}
.container .grid_photossmall {
  width: 100px;
}
}


.black22 {
    font: 700 22px/24px "Open Sans", sans-serif;
    color: #000000;
}

.blue22 {
    font: 700 22px/24px "Open Sans", sans-serif;
    color: #003882;
}

.main-content ul {
    list-style: outside disc;
    margin-left: 40px;
    padding: 0;
}


.main-content ul li a {
    display: inline;
}

.main-content a {
    text-decoration: underline;
	display: inline;
}

.releasephoto img {

    width: 100%;

}


.presarch a {
    text-transform: uppercase;
}



/* old box scores */
.chsboxscore {
	font: 400 16px/24px "Open Sans", sans-serif;
}

.chsboxtext {
	font: 400 16px/24px "Open Sans", sans-serif;
	padding: 4px;
}
.chstextbox {
	font: 400 16px/24px "Open Sans", sans-serif;
	padding: 4px;
	margin-top: 10px;
}
.chsboxtop {
	font: 400 16px/24px "Open Sans", sans-serif;
    color: #000000;
}

.chsboxtop p {
	margin-bottom: 15px;
}

.boxtop a {
	margin-bottom: 15px;
}


@media (max-width: 1199px) {
	
	.chsboxscore {
	font: 400 14px/22px "Open Sans", sans-serif;
}
.chsboxtext {
	font: 400 14px/22px "Open Sans", sans-serif;
}
.chstextbox {
	font: 400 14px/22px "Open Sans", sans-serif;
}
.chsboxtop {
	font: 400 14px/22px "Open Sans", sans-serif;
}
	
}

@media (max-width: 899px) {
	
	.chsboxscore {
	font: 400 12px/18px "Open Sans", sans-serif;
}
.chsboxtext {
	font: 400 11px/18px "Open Sans", sans-serif;
}
.chstextbox {
	font: 400 12px/18px "Open Sans", sans-serif;
}
.chsboxtop {
	font: 400 12px/18px "Open Sans", sans-serif;
}
	
}


@media (max-width: 767px) {
.chsboxtext {
	font: 400 10px/11px "Open Sans", sans-serif;
	padding: 4px;
}
}
@media (max-width: 767px) {
.chsboxscore {
	display:none;
}
}


/* old mobile box scores */
.chsmobilebox {
	font: 400 14px/18px "Open Sans", sans-serif;
	margin-top: 20px;
}

.chsmobilebox p {
	margin-top: 10px;
}

.mboxsummary {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	color: #000000;
}
table.mboxsummary {width: 100% !important; border-collapse:collapse; margin-bottom: 4px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #FFF;}
table.mboxsummary td {border-bottom: 1px solid #CCCCCC; padding-top: 4px; padding-bottom: 4px; padding-left: 2px;
padding-right: 2px;
border-right: 1px solid #eee;}

.scoreboard {
	font: 700 20px/26px "Open Sans", sans-serif;
	color: #FFFFFF;
}
table.scoreboard {width: 100% !important; background-color:#000; border-collapse:collapse;}
table.scoreboard td {border: 1px solid #CCCCCC; padding: 4px;}

.mobboxheader {
	font: 700 18px/20px "Open Sans", sans-serif;
	color: #000000;
	padding-top: 13px;
	padding-bottom: 3px;
}


	
	
	@media (max-width: 479px) {

.chsmobilebox {
    font: 400 12px/18px "Open Sans", sans-serif;
}
}
	
	
	
@media (max-width: 413px) {
.mboxsummary {
	font-family: "Open Sans", sans-serif;
	font-size: 10px;
	color: #000000;
}
.chsmobilebox {
    font: 400 11px/15px "Open Sans", sans-serif;
}
}	
	
	
	@media (max-width: 359px) {
.mboxsummary {
	font-family: "Open Sans", sans-serif;
	font-size: 9px;
	color: #000000;
}
table.mboxsummary td {padding-left: 1px;
padding-right: 1px;}
}
 
	
@media (min-width: 768px) {
.chsmobilebox {
	display:none;
}
}



/*========================================================
                    RESPONSIVE VIDEO  Styles
=========================================================*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 999px) {
.teamlinks18 {
    font-size: 12px;
}

}

@media (max-width: 767px) {
.teamlinks18 {
    font-size: 14px;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

}

@media (max-width: 479px) {
.teamlinks18 {
    font-size: 16px;
line-height: 24px;
}
}

.mobstorysub {
    font: 700 20px/24px "Open Sans", sans-serif;
    color: #151515;
    margin-bottom: 12px;
	text-align: center;
}


 .mediaguide {
	max-width: 700px;
}



/* filtered stats */

.filtercontrol {
	font: 700 11px/24px "Open Sans", sans-serif;
	color: #000000;
	padding: 4px;
	background-image:url(http://www.sportdesigns.com/chi/images/filter_bg.jpg);
	border: 1px solid #000000;
}



.filtercontrol h1{
	font: 700 24px/28px "Open Sans", sans-serif;
	color: #003882;
	padding-top: 14px;
	letter-spacing: 0px;
}


.statfilter {
	font: 400 11px/24px "Open Sans", sans-serif;
	color: #000000;
}
.statfiltertitle {
	font: 700 11px/24px "Open Sans", sans-serif;
	color: #000000;
	color: #FEFEFE;
}
.statfilterhead {
	font: 400 11px/13px "Open Sans", sans-serif;
	color: #000000;
}
.statfilterhead a:link {
	text-decoration: underline;
	color: #FEFEFE;
}
.statfilterhead a:visited {
	text-decoration: underline;
	color: #FEFEFE;
}
.statfilterhead a:hover {
	text-decoration: underline;
	color: #DDDDDD;
}
.statfilterhead a:active {
	text-decoration: underline;
	color: #FEFEFE;
}

table.statfilter {width: 90% !important; border: 1px solid #000000; background-color:#FFF}
table.statfilter td {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	 padding: 1px; 
}
table.statfilter th {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	 padding: 1px; 
}


.rostable { font: 400 12px/14px 'Archivo Narrow', sans-serif;
	color: #000000; }
	
	table.rostable {width: 100% !important; border: 1px solid #000000;  background-color:#FEFEFE;}
table.rostable td {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	 padding: 4px 2px 4px 2px; 
}
.rostable a:link {
	color: #000000;
	text-decoration: underline;
}
.rostable a:visited {
	text-decoration: underline;
	color: #000000;
}
.rostable a:hover {
	text-decoration: underline;
	color: #666666;
}
.rostable a:active {
	text-decoration: none;
	color: #00000;
}


 


@media (max-width: 979px) {
table.rostable td {
	 padding: 4px 1px 4px 1px; 
}
.rostable { font: 400 11px/14px 'Archivo Narrow', sans-serif; }


.statfilter {
	font: 400 10px/24px "Open Sans", sans-serif;
}
.statfiltertitle {
	font: 700 10px/24px "Open Sans", sans-serif;
}
.filtercontrol {
	font: 700 10px/24px "Open Sans", sans-serif;
}

}

.hero-section .container { background-color: #fefefe;}



.grid_12 {
	width: 100%;
	margin-right: 15px;
	margin-left: 15px;
	
}





.grid_photossmall img {
	width: 100%;

}


   .allamer {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 12px;
	color: #494b4c;
}
table.allamer {width: 98%;}
table.allamer td {border-bottom: 1px solid #dddddd; padding: 2px;}


.allamer2 {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 13px;
	color: #494b4c;
}
table.allamer2 {width: 100%;}
table.allamer2 td {padding: 4px;}



.allamer3 {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 13px;
	color: #494b4c;
}
table.allamer3 td {padding: 4px;}

@media (max-width: 1023px) {
 .allamer2 {
	font-size: 11px;
	
}
table.allamer2 td {padding: 2px;}
.allamer3 {
	font-size: 11px;
	
}
table.allamer3 td {padding: 2px;}
}


@media (max-width: 639px) {
	.allamer2 {
	font-size: 9px;
	
}
  table.allamer2 td {border-bottom: 1px solid #dddddd; padding: 2px;}
  .allamer3 {
	font-size: 9px;
	
}
  table.allamer3 td {border-bottom: 1px solid #dddddd; padding: 2px;}
}


.container .grid_4 {
    width: 33.3333%;
	padding-left: 10px;
	padding-right: 10px;
}

.grid_4 img {
    width: 100%;
}

@media (max-width: 639px) {
	
	.container .grid_4 {
    width: 100%;
}

}



.articlearchive {
	font: 600 14px/22px "Open Sans", sans-serif;
	color: #151515;
}
table.articlearchive {border: 1px solid #cccccc; background-color:#FFF; width:100%;}
table.articlearchive td {border: 1px solid #cccccc; padding: 3px 1px 3px 3px;}

.articlearchive a {
	color: #003882;
	text-decoration: underline;
}
.articlearchive a:hover {
	text-decoration: underline;
	color: #666666;
}




@media (max-width: 639px) {
.articlearchive {
	font: 600 14px/22px "Open Sans", sans-serif;
}
}



.right-rail-padding 
{
	padding-left: 10px;
}
@media (max-width: 991px) {
.right-rail-padding 
{
	padding-left: 0px;
	padding-top: 10px;
}
}

.rr-mb
{
	margin-bottom: 20px;
}

.rr-mw-360
{
	max-width: 360px;
}

.mb-20s
{
	margin-bottom: 20px;
}


.story-body a {
	text-decoration: underline;
}
.story-bold {
	font: 700 22px/32px "Open Sans", sans-serif;
	color: #000000;
}

.story-table {
	font: 500 16px/22px "Open Sans", sans-serif;
	color: #151515;
}
table.story-table {border: 1px solid #aaa; background-color:#FFF; width:100%;}
table.story-table td {border: 1px solid #aaa; padding: 10px;}

.story-table a {
	text-decoration: underline;
}




@media (max-width: 639px) {
.story-table {
	font: 500 14px/22px "Open Sans", sans-serif;
}
}


@media (max-width: 479px) {
.story-table {
	font: 500 13px/20px "Open Sans", sans-serif;
}
}

@media (max-width: 413px) {
.story-table {
	font: 500 12px/20px "Open Sans", sans-serif;
}
table.story-table td {padding: 6px;}
}


.story-body ul {
    list-style: outside disc;
    margin-left: 40px;
    padding: 0;
}

.story-body ul li {
    margin-bottom: 10px;
}

.story-body ul li ul {
    list-style: outside circle;
    margin-left: 40px;
    padding: 0;
}


.heading-pagetitle2 {
    font-size: 34px;
    line-height: 38px;
    font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #151515;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: 15px;
}

@media (max-width: 479px) {
.heading-pagetitle2 {
	    font-size: 30px;
}
}




@media (max-width: 999px) {
.heading-component-title {
    width: 46%;
}
}

@media (max-width: 767px) {
.heading-component-title {
    width: 100%;
}
table.heading-component-title {
    width: 100%;
}
table.heading-component-title tbody tr td:first-child {
    width: 10%;
}
table.heading-component-title tbody tr td+td {
    width: 50%;
	text-align: right;
}
heading-pagetitle {
    width: 100%;
	float: right;
}
 
}

@media (max-width: 413px) {
.heading-component-title {
    font-size: 22px;
}
}


.table-breakdown { 	
    font: 400 15px/20px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #000000;}

 
 	

table.table-breakdown {width: 100% !important; border: 1px solid #151515; background-color:#FFF; margin-top: 10px; margin-bottom: 10px;}
table.table-breakdown td {border: 1px solid #151515; padding: 4px;}
 
 @media (max-width: 767px) {
.table-breakdown { 	
    font: 400 13px/20px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 
 }
 }
 
  @media (max-width: 413px) {
.table-breakdown { 	
    font: 400 11px/18px "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 
 }
 }
 

.watch-table { 	
    font: 400 13px/20px "Open Sans", sans-serif;
	color: #000000;}

.watch-table strong { 	
    font: 700 15px/20px "Open Sans", sans-serif;
	color: #000000;}
 	

table.watch-table  {width: 100% !important; border: 1px solid #151515; background-color:#FFF; margin-top: 10px; margin-bottom: 10px;}
table.watch-table  td {border-bottom: 1px solid #151515; padding: 4px;}

.watch-table-logo {
	width: 90px;
}
 
 
 .tv-table { 	
    font: 400 13px/20px "Open Sans", sans-serif;
	color: #000000;}

 
 	

table.tv-table {width: 100% !important; border: 1px solid #151515; background-color:#FFF; margin-top: 10px; margin-bottom: 10px;}
table.tv-table td {border: 1px solid #151515; padding: 4px;}
 
.teaminfo {
    line-height: 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    font-family: "Open Sans", sans-serif;
    color: #000000;
}
 
 @media (max-width: 767px) {
	 .teaminfo {
	     line-height: 22px;
    font-size: 14px;
	 
 }
 }
 @media (max-width: 639px) {
	 .teaminfo {
	     line-height: 20px;
    font-size: 12px;
	 
 }

 }
 
@media (min-width: 992px) {
.show992 {
	display:none;
}
}


.mobileadshow {
	background-color: #1f2024;
}


@media (min-width: 768px) {
.mobileadshow {
	display:none;
}
}