/* KEYWORDS: +all, +mozilla, +os, +webkit, -android, -chrome, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp, -universal */

/*** START responsive-2/global/common.css ***/
/* Common CSS for this layout */

/* =GENERAL */

html,
body {
	height: 100%;	
	position: relative;
}
body {
	background-color: #000000; 
	color: #ffffff; 
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8em;
	overflow-x: hidden;	
}
@media (max-width: 979px) {body {font-size: 15px;}}
@media (max-width: 767px) {body {font-size: 14px;}}
@media (max-width: 479px) {body {font-size: 13px;}}
@media (min-width: 1920px) {
	body {
		width: 1920px;
		margin: 0 auto;
		max-width: 100%;
	}	
}
.container {
	width: 1370px;
	max-width: 100%;
}
img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
.clr, .clear {clear: both; overflow: hidden;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1, .h1 {color: #ffffff; font-size: 36px; line-height: 1.1em; margin-top: 30px; margin-bottom: 10px; font-weight: bold;}
h2, .h2 {color: #e8903a; font-size: 30px; line-height: 1.2em; margin-top: 30px; margin-bottom: 10px; font-weight: 300;}
h3, .h3 {color: #888888; font-size: 24px; line-height: 1.3em; margin-top: 30px; margin-bottom: 10px; font-weight: 300;}
h4, .h4 {color: #888888; font-size: 20px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px; font-weight: 300;}
h5, .h5 {color: #888888; font-size: 18px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px; font-weight: 300;}
h6, .h6 {color: #888888; font-size: 16px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px; font-weight: 300;}
h1 strong, .h1 strong {font-weight: 600;}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
.modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6 {
	padding: 0; margin: 0;
}

h1.pageTitle:empty {display: none;}

@media (max-width: 991px) {
	h1, .h1 {font-size: 36px;} h2, .h2 {font-size: 30px;} h3, .h3 {font-size: 24px;} 
	h4, .h4 {font-size: 20px;} h5, .h5 {font-size: 18px;} h6, .h6 {font-size: 16px;}	
}
@media (max-width: 767px) {
	h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 24px;} h3, .h3 {font-size: 20px;} 
	h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 16px;} h6, .h6 {font-size: 14px;}				
}
@media (max-width: 479px) {
	h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 24px;} h3, .h3 {font-size: 20px;} 
	h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 16px;} h6, .h6 {font-size: 14px;}					
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
.h1 a:focus, .h2 a:focus, .h3 a:focus, .h4 a:focus, .h5 a:focus, .h6 a:focus {
	text-decoration: none;
}

.cms-content h2,
.cms-content h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFD800;
	border-bottom: 1px solid #666;
}

strong, b {
	font-weight: bold;
}
.iconBarLabel {
	float: right;
	font-size: 14px;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0 30px;
}
.muted a {
	color: #999999;
}
.well, .well a, .well a:hover {
	color: #999999;
}
.img-responsive-inline {max-width: 100%; height: auto;}
.img-responsive-inline-important {max-width: 100% !important; height: auto !important;}
div[table-class*="notransform"].table-responsive {border: 0 none; padding: 0; margin: 0; overflow: inherit;}

@media (min-width: 1200px) {
	.lg-text-left {text-align: left;} .lg-text-right {text-align: right;} .lg-text-center {text-align: center;}
	.lg-pull-left {float: left;} .lg-pull-right {float: right;}
	.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
	.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.md-text-left {text-align: left;} .md-text-right {text-align: right;} .md-text-center {text-align: center;}
	.md-pull-left {float: left;} .md-pull-right {float: right;}	
	.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
	.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.sm-text-left {text-align: left;} .sm-text-right {text-align: right;} .sm-text-center {text-align: center;}
	.sm-pull-left {float: left;} .sm-pull-right {float: right;}		
	.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
	.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.xs-text-left {text-align: left;} .xs-text-right {text-align: right;} .xs-text-center {text-align: center;}
	.xs-pull-left {float: left;} .xs-pull-right {float: right;}		
	.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
	.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}
}
@media (max-width: 479px) {
	.xxs-text-left {text-align: left;} .xxs-text-right {text-align: right;}	.xxs-text-center {text-align: center;}
	.xxs-pull-left {float: left;} .xxs-pull-right {float: right;}		
	.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
	.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}		
}

.flex-sections-container {
	min-height: 100vh;
	display: flex;
	flex-flow: column nowrap;	
}
.flex-section-1 {
	order: 1;
}
.flex-section-2 {
	order: 2;
}
.flex-section-3 {
	order: 3;
}
.flex-section-4 {
	order: 4;
}
.flex-section-5 {
	order: 5;
}
.flex-section-6 {
	order: 6;
}
.flex-section-7 {
	order: 7;
}
.flex-section-8 {
	 order: 8;
}
.flex-section-9 {
	order: 9;
}
.flex-section-10 {
	order: 10;
}

.messages .error {
	color: firebrick;	
}
.messages .error::before {
	content: '\f071';	
	font-family: 'FontAwesome';
	margin-right: 10px;
}
.messages .notice,
.messages .success {
	color: olivedrab;	
}
.messages .notice::before,
.messages .success::before {
	content: '\f00c';	
	font-family: 'FontAwesome';
	margin-right: 10px;
}

.row-0 {margin-left: 0px; margin-right: 0px;}
.row-0 > * {padding-left: 0px; padding-right: 0px;}
.row-5 {margin-left: -5px; margin-right: -5px;}
.row-5 > * {padding-left: 15px; padding-right: 15px;}
.row-10 {margin-left: -10px; margin-right: -10px;}
.row-10 > * {padding-left: 10px; padding-right: 10px;}
.row-20 {margin-left: -20px; margin-right: -20px;}
.row-20 > * {padding-left: 20px; padding-right: 20px;}
.row-30 {margin-left: -30px; margin-right: -30px;}
.row-30 > * {padding-left: 30px; padding-right: 30px;}

.side-box,
.blog-view-switcher,
.row-author-description {
	background-color: $color6;	
	color: $color2;
}
.side-box a,
.blogArchiveYear span {
	color: $color2;
}
.side-box a:hover,
.blogArchiveYear span:hover {
	color: $color2;
}
.side-box h3 {
	color: $color2;
	border-bottom: 1px solid #d7d7d7;
}
.side-box input[type="email"] {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: $color2;
}
.side-box input[type="submit"] {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: $color2;
}
.blog-view-switcher span,
.view-card .blog-view-switcher span.layout-article,
.view-list .blog-view-switcher span.layout-article {
	color: $color2;
}
.view-card .blog-view-switcher span.layout-card,
.view-article .blog-view-switcher span.layout-article,
.view-thumbs .blog-view-switcher span.layout-thumbs,
.view-card-lg .blog-view-switcher span.layout-card-lg,
.view-card .blog-view-switcher span.layout-card,
.view-list .blog-view-switcher span.layout-list,
.view-newspaper .blog-view-switcher span.layout-newspaper,
.view-author .blog-view-switcher span.layout-author,
.view-photo .blog-view-switcher span.layout-photo,
.view-board .blog-view-switcher span.layout-board {
	color: $color2;
	color: #ffffff;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off {
	color: #ffffff;	
}
.blog-view-switcher span.layout-fullwidth:hover,
.blog-view-switcher span.layout-fullwidth-off:hover {
	color: #ffffff;	
}
.blog-post-heading {
	color: $color3;	
}
.blog-content-tags {
	color: $color3;		
}
.blog-content-tags a {
	color: $color3;	
}
.view-card .blog-posts-container .blog-post {
	background-color: $color6;
	color: $color2;	
	border-bottom: 3px solid #d7d7d7;
}
.view-card .blog-posts-container a {
	color: $color2;
}
.view-card .blog-posts-container a:hover {
	color: $color2;	
}
.view-card .blog-posts-container .blog-content-tags a {
	color: $color3;
}
.row-author-description h2,
.row-author-description h4 {
	color: $color2;	
}
.author-long-desc {
	border-top: 1px solid #d7d7d7;
}
.view-list .blog-content-date-formatted > div:first-child {
	background-color: #e8903a;	
}
.view-list .blog-content-date-formatted > div:last-child {
	background-color: $color6;
}
.view-photo .blog-post-without-image:nth-child(odd) {
	background-color: #ffffff;
}
.view-photo .blog-post-without-image:nth-child(even) {
	background-color: #e8903a;
}
.view-board .blog-post-without-image .blog-post-image {
	background-color: #e8903a;
}


/* =CSS VARIABLES */
a {color: #ffffff; text-decoration: underline;}
a:hover, a:focus {color: #ff4215;outline: none;}

.content {
	padding-bottom: 20px;	
}

/* =HEADER */
.logo {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 24;
	text-align: center;
}
@media (max-width: 1399px) {
	.logo {
		top: 70px;
	}
}

.extra-top-container {
	color: #fff;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;	
	align-items: center;
}
.extra-top-container ul {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
	display: inline-block;
}
.extra-top-container li {
	padding: 0; 
	margin: 0;	
	display: inline-block;
}
.extra-top-container a {
	margin-left: 15px;
	text-decoration: none;
	color: #fff;
}
.extra-top-container a[href*="facebook"]::before,
.extra-top-container a[href*="twitter"]::before,
.extra-top-container a[href*="google"]::before,
.extra-top-container a[href*="pinterest"]::before,
.extra-top-container a[href*="instagram"]::before {
	font-family: 'FontAwesome';	
	font-weight: normal;
}
.extra-top-container a[href*="facebook"]::before {content: '\f09a';}
.extra-top-container a[href*="twitter"]::before {content: '\f099';}
.extra-top-container a[href*="google"]::before {content: '\f0d5';}
.extra-top-container a[href*="pinterest"]::before {content: '\f231';}
.extra-top-container a[href*="instagram"]::before {content: '\f16d';}

.extra-top-container a[href*="facebook"] span,
.extra-top-container a[href*="twitter"] span,
.extra-top-container a[href*="google"] span,
.extra-top-container a[href*="pinterest"] span,
.extra-top-container a[href*="instagram"] span {
	display: none;
}
.extra-top-container a.btn {
	padding: 0;
	border-radius: 0;	
	font-weight: bold;
}
.extra-top-container a.btn:hover,
.extra-top-container a.btn:focus {
	color: #fff;	
}

.top-ecs-buttons {
	display: inline;	
}
.top-ecs-buttons p,
.top-ecs-buttons div {
	display: inline;	
}
@media (max-width: 767px) {
	.extra-top-container {
		flex-flow: row wrap;
		justify-content: center;
		text-align: center;	
	}	
}
.top-lang {
	display: inline-block;
	padding: 0;
	margin: 0;	
	margin-left: 15px;
	position: relative;
}
.top-lang .btn,
.top-lang .btn:hover,
.top-lang .btn:focus {
	display: inline-block;
	background-color: transparent;
	padding: 0; 
	margin: 0;
	font-weight: bold;
	box-shadow: none;
}
.top-lang .btn-group.open .dropdown-toggle,
.top-lang .btn-group.open .dropdown-toggle:hover,
.top-lang .btn-group.open .dropdown-toggle:focus {
	box-shadow: none;	
}
.top-lang ul {
	display: none;	
}
.top-lang .dropdown-menu {
	left: auto;
	right: 0;	
	min-width: inherit;
}
.top-lang .dropdown-menu > li > a {
	padding: 10px 15px;	
	margin: 0;
}
.top-lang .btn-group > .btn:first-child::after {
	content: '\f0d7';
	margin-left: 5px;
	font-family: 'FontAwesome';
}
 
/* =SITEMAP */
ul.sitemap, 
ul.sitemap ul {
	list-style-type: none; padding: 0; margin: 0; 
}
ul.sitemap {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;	
}
ul.sitemap li {
	padding: 0;	 
	margin: 0;
	-webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
			   break-inside: avoid;		
}
ul.sitemap > li {
	-webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
			   break-inside: avoid;	
			   
	border-bottom: 3px solid #fff;		   
}
ul.sitemap a {
	display: block;
	background-color: #444;		
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
}
ul.sitemap a:hover {
	color: #444;	
}
ul.sitemap ul a {
	background-color: #f7f7f7;
	color: #444;
	padding-left: 30px;
}
ul.sitemap ul ul a {
	padding-left: 50px;	
}
ul.sitemap ul ul ul a {
	padding-left: 70px;	
}
ul.sitemap ul ul ul ul a {
	padding-left: 90px;	
}
ul.sitemap li a::before,
ul.sitemap li.leafNode[data-page-id='31'] > a::before {
	content: "\f07c"; 
	font-family: 'FontAwesome'; 
	padding-right: 5px;
}
ul.sitemap li.leafNode a::before {
	content: '\f0f6'
}
@media (max-width: 767px) {
	ul.sitemap {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;	
	}	
}
@media (max-width: 479px) {
	ul.sitemap {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;	
	}	
}

.phoneLink::before {
	content: "\f095"; 
	font-family: 'FontAwesome'; 
	padding-right: 5px;
}

/* =FOOTER */
footer {
	background-color: #222;	
	text-align: center;
	position: relative;
	padding: 0px 30px;
}
footer .container {
	padding: 50px 0px;	
}
footer p {
	margin-bottom: 0px;	
}
footer * {
	color: #ddd;	
}
footer a {
	text-decoration: underline;	
}
ul.footer-nav {
	list-style-type: none; padding: 0; margin: 0; 
	margin-bottom: 15px;
}
ul.footer-nav li {
	padding: 0; margin: 0; display: inline-block;
	padding-right: 15px;
}
ul.footer-nav li::before {
	font-family: 'FontAwesome'; padding-right: 5px;
}

.footer-sitemap {
	text-align: left;
	background-color: #333;
	margin-top: 30px;
}
.footer-sitemap .container {
	padding-bottom: 30px;
}
.footer-sitemap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer-sitemap li {
	padding: 0;
	margin: 0;
}
.footer-sitemap a {
	text-decoration: none;
	color: #aaa;
	transition: all 0.3s;
	display: inline-block;
}
.footer-sitemap a:hover,
.footer-sitemap a:focus {
	color: #fff;
	padding-left: 5px;
}
.footer-sitemap .container > ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.footer-sitemap .container > ul > li {
	width: calc(16.6666% - 30px);
	margin-bottom: 20px;
}
@media (max-width: 1399px) {.footer-sitemap .container > ul > li {width: calc(16.6666% - 10px);}}
@media (max-width: 1023px) {.footer-sitemap .container > ul > li {width: calc(33.3333% - 30px);}}
@media (max-width: 767px) {.footer-sitemap .container > ul > li {width: calc(33.3333% - 10px);}}
@media (max-width: 479px) {.footer-sitemap .container > ul > li {width: calc(50% - 10px);}}
.footer-sitemap .container > ul > li > a {
	color: #fff;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.section-logos table,
.section-logos tbody,
.section-logos td {
	display: block;
}
.section-logos tr {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;	
}
.section-logos td {
	padding-left: 10px;
	padding-right: 10px;	
	flex: 1 0 auto;
}
.section-logos img {
	display: block;
	margin: 0 auto;	
	max-width: 100%;
	height: auto;
}
@media (max-width: 767px) {
	.section-logos tr {
		justify-content: center;	
	}	
}


.nav-tabs {
	margin-bottom: 15px;	
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #ffffff; border-color: #ffffff;}


.top-alert {
	color: red;
	text-align: center;
	padding: 15px;	
	display: none;
}

/* watchview */
@media (min-width: 768px) {
	.fly-bottom-1,
	.fly-bottom-2,
	.fly-bottom-3,
	.fly-bottom-4,
	.fly-bottom-5 {
		top: 100px;
		opacity: 0;
		position: relative;
	}
	.fly-bottom-1.viewed,
	.fly-bottom-2.viewed,
	.fly-bottom-3.viewed,
	.fly-bottom-4.viewed,
	.fly-bottom-5.viewed {
		top: 0px;
		opacity: 1;
		transition: top 0.75s, opacity 0.5s;
	}
	.fly-bottom-2.viewed {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
	.fly-bottom-3.viewed {-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
	.fly-bottom-4.viewed {-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
	.fly-bottom-5.viewed {-webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
}
@media (max-width: 767px) {
	.anim-fade-in {
		opacity: 1;	
	}	
	.anim-fly-bottom {
		opacity: 1;
		top: 0;	
	}
}


/* cusotm iPop styles */
#iPopStack {
    z-index: 9998;
}
.iPopBlock.styled .iPopBox {
    
}

/* custom iPop controls */
.iPopBox {
    color: #000;
    font-weight: 300;
}

/* /referee-admin/? popups */
.iPopBox .form-control {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    border-radius: 0;
}
.iPopBox .sg-edit-ui.form-horizontal .form-group > label, 
.iPopBox .sg-edit-ui.form-horizontal .form-group > .control-label {
    padding: 0;
    margin: 0;
    align-self: flex-start;
}
.iPopBox .sg-edit-ui legend {
    border-bottom: 1px solid #FFD800;
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .iPopBox .sg-edit-ui.form-horizontal .form-group {
        flex-flow: column nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0 0 10px;
    }
    .iPopBox .sg-edit-ui.form-horizontal .form-group > * {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 479px) {
    .iPopBox .sg-edit-ui.form-horizontal .form-group > * {
        width: 100%;
    }
    .iPopBox .sg-edit-ui.form-horizontal .form-group input[type="text"],
    .iPopBox .sg-edit-ui.form-horizontal .form-group textarea {
        width: 100%;
    }
}

/* /test32/fancybox-gallery/? */


.iPopControl {
	cursor:  pointer;
}
.iPopControl > div {
	background-image: none;	
}
.iPopPrev > div {left: -5px;}
.iPopNext > div {right: -5px;}
.iPopControl > div::before {
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 30px;
	opacity: 1;
}
.iPopPrev > div::before {content: '\f053';}
.iPopNext > div::before {content: '\f054';}


/* customize iPop */
.iPopBlock.styled .iPopBox {
	background-color: #fff;	
}
.iPopCloseBtn {
	padding: 0; margin: 0;	
	right: -5px;
	top: 0px;
	background-image: none;
}
.iPopCloseBtn::before {
	content: '\f00d';
	font-family: 'FontAwesome';	
	font-size: 20px;
	color: #fff;
	transition: color 0.2s;
}

.section-map {
    padding-bottom:150px;
    position:relative;
    height: 300px;	
}
.section-map iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.fullscreen .section-main .container {
	width: 100%;	
	padding-left: 0px;
	padding-right: 0px;
}

.page-404  {
	text-align: center	
}
.page-404 h2 {
	color: #3DB6EB;
	font-weight: bold;
	position: relative;
	margin-top: 40px;
}
.page-404 h2::before {
	content: '\f071';
	font-family: 'FontAwesome';
	width: 100%;
	text-align: center;
	left: 0;
	display: block;
	paddding: 0; margin: 0;
	color: #3DB6EB;
}
.page-404 h2::after {
	content: '';
	height: 30px;
	width: 100%;
	display: block;
	margin-top: -10px;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 100%);
background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );		
}
@media (max-width: 767px) {
	.page-404 .row {
		display: flex;
		flex-flow: row wrap;	
	}	
	.page-404 .row > div {
		width: 25%;	
	}
}
@media (max-width: 479px) {
	.page-404 .row > div {
		width: 50%;	
	}
}

.hide-breadcrumbs .breadcrumb {
	display: none;
}

/* z-index */
.logo-container,
.page-title {
	z-index: 9996;	
}
.slide-caption,
.slideshow-paging,
.home-slideshow-control {
	z-index: 9997;		
}
.admin-help, 
.navbar {
	z-index: 9998; 
}
.extra-top,
.top-lang {
	z-index: 9999;	
}
.admin-help{
	z-index: 10000;
}
.search-active .section-search,
.admin-help-active i.fa-question-circle {
	z-index: 10001;
}
.settings-bar {
	z-index: 10002;
}
.settings-bar-switcher {
	z-index: 10003;
}
.admin-help-content-show {
	z-index: 10004;
}
.section-newsletter-popup,
.section-send-to-friend-popup {
	z-index: 10006;
}
.iPopBlock {
	z-index: 10007;
}
/* needs to be higher than original addthis z-index - 100020 */
.fake-addthis {
	z-index: 100021;
}


.section-info {
	background-color: #f5f5f5;		
}
.section-info .container:not(:empty) {
	line-height: 1.8em;
}
.section-info .container > *:first-child {
	padding-top: 50px;	
}
.section-info .container > *:last-child {
	padding-bottom: 50px;	
}

/* =================== =SEARCH POPUP START =================== */
.section-search {
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.3s linear;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.search-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	z-index: 0;
}
.search-overlay::after {
	content: '\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	right: 30px;
	top: 30px;	
	background-color: transparent;
	border: 0 none;
	color: #ffffff;
	font-size: 50px;	
	cursor: pointer;
}
.section-search .container,
.section-search #ecsSearchContainer1 {
	z-index: 1;
	position: relative;	
	width: auto;
	max-width: none;
}
.section-search .container::before, .section-search .container::after {display: none;}
.search-active .section-search {
	opacity: 1;	
	transform: scale(1);
}
.section-search form {
	width: 600px;
	max-width: 100%;	
	top: 0px;
	margin-top: -500px;	
	display: flex;
	flex-flow: row nowrap;
	border: 1px solid #ffffff;
	transition: all 0.3s linear;
}
.search-active .section-search form {
	margin-top: 0px;
}
.section-search input[type="text"] {
	background-color: #fff;
	border: 0 none;
	font-size: 30px;
	height: auto;
	padding: 15px 20px;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	border-radius: 0;	
}
.section-search input[type="text"]:focus {
	box-shadow: none;	
}
.section-search ::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}
.section-search ::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.section-search :-ms-input-placeholder {
	color: #999;
	opacity: 1;
}
.section-search :-moz-placeholder {
	color: #999;
	opacity: 1;
}
.section-search form button {
	font-family: 'FontAwesome';
	color: #333;
	border: 0 none;
	background-color: #ffffff;
	color: #fff;
	padding: 10px 30px;
	font-size: 30px;
	transition: all 0.2s linear;	
}
.section-search input[type="text"]:focus + button {
	background-color: #ffffff;
	color: #fff;	
}
@media (max-width: 767px) {
	.section-search form {
		width: 300px;		
	}
	.section-search input[type="text"] {
		font-size: 20px;
		width: 238px;
	}
	.section-search form button {
		font-size: 20px;
		border: 1px solid #ffffff;	
		padding-left: 20px;
		padding-right: 20px;
	}
	.search-overlay::after {
		right: 10px;
		top: 10px;	
		font-size: 30px;	
	}	
}
/* =================== =SEARCH POPUP END =================== */

.ftsRow {
	background-color: #f7f7f7;	
	margin-bottom: 15px;
	border-bottom: 3px solid #d7d7d7;
	position: relative;
	transition: all 0.3s;
}
.ftsRow:hover {
	transform: scale(1.03);	
}
.ftsRow > * {
	padding-left: 30px;
	padding-right: 30px;
}
.ftsRow > #title {
	display: block;
	border-bottom: 1px solid #fff;
	position: relative;	
	padding-bottom: 10px;
}
.ftsRow > #title::after {
	content: '';
	border-bottom: 1px solid #d7d7d7;	
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.ftsRow > #text {
	margin-top: -15px;	
}

*[data-tooltip-content],
*[data-tooltip-content-down] {
	position: relative;	
	border-bottom: 1px dotted;
	text-decoration: none;
	cursor: pointer;
}
*[data-tooltip-content]:hover,
*[data-tooltip-content]:focus,
*[data-tooltip-content-down]:hover,
*[data-tooltip-content-down]:focus {
	text-decoration: none;	
}
*[data-tooltip-content]::before,
*[data-tooltip-content-down]::before {
	background-color: #538dce;
	color: #fff;
	content: attr(data-tooltip-content);
	position: absolute;
	bottom: calc(100% + 5px);	
	right: 0px;
	padding: 5px 10px;
	font-size: 13px;
	width: 300px;
	line-height: 1.4em;
	text-align: left;
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.5s;
	border-radius: 5px;
}
*[data-tooltip-content-down]::before {
	content: attr(data-tooltip-content-down);
	top: calc(100% + 10px);
	bottom: auto;
	z-index: 1;
}
*[data-tooltip-content]:hover::before,
*[data-tooltip-content-down]:hover::before,
*[data-tooltip-content]:focus::before,
*[data-tooltip-content-down]:focus::before {
	opacity: 1;
	transform: scale(1);	
}
*[data-tooltip-content]::after,
*[data-tooltip-content-down]::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #538dce transparent transparent;	
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.5s;
}
*[data-tooltip-content-down]::after {
	bottom: auto;
	top: calc(100% + 5px);
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent #538dce;
}
*[data-tooltip-content]:hover::after,
*[data-tooltip-content-down]:hover::after,
*[data-tooltip-content]:focus::after,
*[data-tooltip-content-down]:focus::after {
	opacity: 1;
	transform: scale(1);	
}
@media (max-width: 767px) {
	*[data-tooltip-content] {
		display: block;	
		display: flex;
		flex-flow: column-reverse nowrap;	
		border: 0 none;	
	}
	*[data-tooltip-content]::before,
	*[data-tooltip-content-down]::before {
		position: static;
		display: block;
	}
	*[data-tooltip-content]::before,
	*[data-tooltip-content-down]::before {
		display: none;	
		width: 100%;
	}
	*[data-tooltip-content]:hover::before,
	*[data-tooltip-content-down]:hover::before,
	*[data-tooltip-content]:focus::before,
	*[data-tooltip-content-down]:focus::before {
		display: block;	
	}	
	*[data-tooltip-content]::after,
	*[data-tooltip-content-down]::after {
		display: none;	
	}
}

/* test remove it START */
#testajaxloaderform {background-color: #ccc;}
/* test remove it END */

.ui-datepicker {
	font-size: 14px;
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui-datepicker td span, 
.ui-datepicker td a {
	line-height: 1.5em;	
}
.ui-datepicker .ui-widget input, 
.ui-datepicker .ui-widget select, 
.ui-datepicker .ui-widget textarea, 
.ui-datepicker .ui-widget button {
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input.hasDatepicker {
	cursor: pointer;
	background-image: url(../data/i/icon-datepicker.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.at4-follow {
	top: auto !important;
	bottom: 0;
}
#page1 .atss {
	display: none !important;
}

/* =editor styles START */
.red18 {font-size: 18px; color: #ff0000;}
.white18 {font-size: 18px; color: #fff;}
.grey18 {font-size: 18px; color: #999;}
.gold18 {font-size: 18px; color: #d39232;}
.red20 {font-size: 20px; color: #ff0000;}
.white20 {font-size: 20px; color: #fff;}
.grey20 {font-size: 20px; color: #999;}
.gold20 {font-size: 20px; color: #d39232;}
/* =editor styles END */

/* addthis */
#at4-share.atss.atss-left {
	display: flex;
	flex-flow: row nowrap;
	width: auto;
	top: auto;
	bottom: 0 !important;
}
/*** END responsive-2/global/common.css ***/

/*** START responsive-2/global/news.css ***/
/* News */
.newsYearSelector .pagination,
.newsMonthSelector .pagination{
	margin: 0;
}
.newsListItem {
	margin-bottom: 15px;	
}
.newsListItem h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.newsItem h1.pageTitle {
	margin: 0; padding: 0;	
	margin-bottom: 15px;
}

.news-item img {
	max-width: 100%;
	height: auto !important;	
}

/* rewrite default bootstrap styles */
.table-responsive > .table-events > thead > tr > th, 
.table-responsive > .table-events > tbody > tr > th, 
.table-responsive > .table-events > tfoot > tr > th, 
.table-responsive > .table-events > thead > tr > td, 
.table-responsive > .table-events > tbody > tr > td, 
.table-responsive > .table-events > tfoot > tr > td {
	white-space: normal;
}
@media (max-width: 767px) {
	.table-responsive > .table-events > tbody > tr:first-child,
	.table-responsive > .table-events > tbody > tr > th {
		display: none;	
	}	
	.table-responsive > .table-events
	.table-responsive > .table-events > tbody,
	.table-responsive > .table-events > tbody > tr,
	.table-responsive > .table-events > tbody > tr > td {
		display: block; padding: 0; margin: 0; border: 0 none; width: 100%; background-color: transparent;
	}
	.table-responsive > .table-events > tbody > tr {
		padding: 5px 10px;
	}
	.table-responsive > .table-events > tbody > tr:nth-child(odd) {
		background-color: #ffffff;
	}
}

/* ---------------------- news switcher START -------------------- */
.news-thumbnail-container,
.news-date-formatted {
	display: none;
}
.news-date {
	color: #999;	
}
.news-thumbnail-container img {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;	
	width: 100%;	
}
.news-switcher-item {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d7d7d7;	
}
.news-switcher-item h3 {
	margin: 0;
}
.news-image-container {
	margin-top: 10px;
	margin-bottom: 10px;	
}
.news-image-container img {
	width: 100%;
}
.news-switcher-item .read-more {
	margin-top: 5px;	
}
.news-switcher-item-empty {
	border: 0 none;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/* view card */
.view-card .news-switcher-container {
	display: flex;	
	flex-flow: row wrap;
	justify-content: space-between;
}
.view-card .news-switcher-item {
	background-color: #f2f2f2;
	padding-bottom: 0;
	border-bottom: 3px solid #d7d7d7;
	width: calc(33.3333% - 15px);	
	display: flex;
	flex-flow: column nowrap;
}
.view-card .news-switcher-item h3 {
	font-size: 22px;	
	line-height: 1.3em;
}
.view-card .news-switcher-item .news-image-container {
	margin: 0;
	overflow: hidden;
	order: 1;
}
.view-card .news-switcher-item .news-image-container img {
	transition: all 0.5s ease-in-out;	
	transform: scale(1);
}
.view-card .news-switcher-item:hover .news-image-container img {
	transform: scale(1.05);
	transition: all 0.5s ease-in-out;	
}
.view-card .news-switcher-item h3 {
	padding: 10px 20px 0px;
	order: 2;
}
.view-card .news-switcher-item .news-date {
	padding: 0px 20px 10px;
	order: 3;	
}
.view-card .news-short-desc {
	padding: 0px 20px;
	order: 4;
}
.view-card .read-more {
	margin: 0;
	padding: 10px 20px 15px;
	order: 5;	
	display: flex;
	justify-content: flex-end;
	flex-flow: column nowrap;
	flex: 1 0 auto;
}
@media (max-width: 1199px) {
	.view-card .news-switcher-item {
		width: calc(50% - 15px);	
	}	
}
@media (max-width: 767px) {
	.view-card .news-switcher-item {
		width: calc(50% - 10px);	
	}	
}
@media (max-width: 399px) {
	.view-card .news-switcher-item {
		width: 100%;	
	}	
}
/* view board */
.view-board .news-switcher-container {
	display: flex;
	flex-flow: row wrap;	
}
.view-board .news-switcher-item {
	padding: 0; margin: 0; border: 0 none;
	padding: 25px 25px 15px;
	border-right: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	display: flex;
	flex-flow: column nowrap;
}
.view-board .news-switcher-item .news-image-container {
	margin: 0;
	order: 1;
	flex: 0 0 auto;
}
.view-board .news-switcher-item h3 {
	padding: 0;
	margin: 10px 0px 0px;
	order: 2;
}
.view-board .news-switcher-item .news-date {
	padding: 0px 0px 10px;
	order: 3;	
}
.view-board .news-short-desc {
	padding: 0px 0px;
	order: 4;
}
.view-board .read-more {
	margin: 0;
	padding: 10px 0px 10px;
	order: 5;	
	display: flex;
	justify-content: flex-end;
	flex-flow: column nowrap;
	flex: 1 0 auto;
}
.view-board .news-post-heading-container h3 a {
	margin-top: 10px;
	display: block;
}
.view-board .news-post-body {
	margin-top: 5px;	
}
.view-board .news-post-image img {
	width: 100%;	
	margin-top: 0;
}
.view-board .news-post-without-image .news-post-image {
	background-color: #419426;	
}
@media (min-width: 1200px) {
	.view-board .news-switcher-item:nth-child(1),
	.view-board .news-switcher-item:nth-child(2) {
		border-top: 1px dotted #bbb;	
	}
	.view-board .news-switcher-item:nth-child(10n+1) {
		width: 66.6666%;
	}
	.view-board .news-switcher-item:nth-child(10n+2) {
		width: 33.3333%;
	}
	.view-board .news-switcher-item:nth-child(10n+3) {
		width: 50%;	
	}
	.view-board .news-switcher-item:nth-child(10n+4) {
		width: 50%;	
	}
	.view-board .news-switcher-item:nth-child(10n+5) {
		width: 100%;	

	}	
	.view-board .news-switcher-item:nth-child(10n+6) {
		width: calc(33.3333% - 10px);	
	}
	.view-board .news-switcher-item:nth-child(10n+7) {
		width: calc(33.3333% + 20px);
	}
	.view-board .news-switcher-item:nth-child(10n+8) {
		width: calc(33.3333% - 10px);
	}
	.view-board .news-switcher-item:nth-child(10n+9) {
		width: calc(33.3333% - 10px);
	}
	.view-board .news-switcher-item:nth-child(10n+10) {
		width: calc(66.6666% + 10px);
	}
	.view-board .news-switcher-item:nth-child(8n+2),
	.view-board .news-switcher-item:nth-child(8n+4),
	.view-board .news-switcher-item:nth-child(8n+5),
	.view-board .news-switcher-item:nth-child(8n+8) {
		border-right: 0 none;
		padding-right: 0;
	}
	.view-board .news-switcher-item:nth-child(8n+1),
	.view-board .news-switcher-item:nth-child(8n+3),
	.view-board .news-switcher-item:nth-child(8n+5),
	.view-board .news-switcher-item:nth-child(8n+6) {
		border-left: 0 none;
		padding-left: 0;
	}
	.view-board .news-switcher-item:nth-child(10n+5) h3 {
		order: 1;	
		margin-top: 0px;
	}
	.view-board .news-switcher-item:nth-child(10n+5) .news-date {
		order: 2;	
	}
	.view-board .news-switcher-item:nth-child(10n+5) .news-image-container {
		order: 3;	
		margin-bottom: 10px;
	}
}
@media (min-width: 480px) and (max-width: 1199px) {
	.view-board .news-switcher-item:nth-child(1),
	.view-board .news-switcher-item:nth-child(2) {
		border-top: 1px dotted #bbb;	
	}	
	.view-board .news-switcher-item:nth-child(3n+1) {
		width: 50%;	
		padding-left: 0;
	}
	.view-board .news-switcher-item:nth-child(3n+2) {
		width: 50%;
		padding-right: 0;
		border-right: 0 none;	
	}
	.view-board .news-switcher-item:nth-child(3n+3) {
		width: 100%;
		padding-left: 0;
		padding-right: 0;	
		border-right: 0 none;
	}	
	.view-board .news-switcher-item:nth-child(3n+3) h3 {
		order: 1;	
		margin-top: 0px;
	}
	.view-board .news-switcher-item:nth-child(3n+3) .news-date {
		order: 2;	
	}
	.view-board .news-switcher-item:nth-child(3n+3) .news-image-container {
		order: 3;	
		margin-bottom: 10px;
	}	
}
@media (max-width: 479px) {
	.view-board .news-switcher-item {
		padding-left: 0px;
		padding-right: 0px;
		border-right: 0 none;	
	}	
}

/* newspaper view */
.view-newspaper .news-switcher-container {
	display: flex;
	flex-flow: row wrap;	
	justify-content: space-between;
}
.view-newspaper .news-switcher-item {
	display: flex;
	flex-flow: column nowrap;
}
.view-newspaper .news-switcher-item .news-date {
	order: 1;	
}
.view-newspaper .news-switcher-item .news-image-container {
	order: 2;
}
.view-newspaper .news-switcher-item h3 {
	order: 3;
	margin-bottom: 5px;
}
.view-newspaper .news-short-desc {
	order: 4;
}
.view-newspaper .read-more {
	margin-top: 5px;
	order: 5;	 
	display: flex;
	justify-content: flex-end;
	flex-flow: column nowrap;
	flex: 1 0 auto;
}
@media (min-width: 980px) {
	.view-newspaper .news-switcher-item:nth-child(1) {
		width: 100%;
	}
	.view-newspaper .news-switcher-item:nth-child(n+2):nth-child(-n+3) {
		width: calc(50% - 20px);
	}
	.view-newspaper .news-switcher-item:nth-child(n+4):nth-child(-n+9) {
		width: calc(33.3333% - 20px);
	}
	.view-newspaper .news-switcher-item:nth-child(n+10) {
		width: 100%;
		display: block;
		clear: both;
		overflow: hidden;
		padding-bottom: 15px;
		margin-bottom: 0px;
		border: 0 none;
	}	
	.view-newspaper .news-switcher-item:nth-child(n+10) .news-image-container,
	.view-newspaper .news-switcher-item:nth-child(n+10) .news-short-desc,
	.view-newspaper .news-switcher-item:nth-child(n+10) .read-more {
		display: none;	
	}
	.view-newspaper .news-switcher-item:nth-child(n+10) .news-thumbnail-container {
		display: block;
		float: left;
		width: 80px;	
		margin-right: 15px;		
	}
}
@media (min-width: 480px) and (max-width: 979px) {
	.view-newspaper .news-switcher-item:nth-child(1) {
		width: 100%;
	}
	.view-newspaper .news-switcher-item:nth-child(n+2):nth-child(-n+7) {
		width: calc(50% - 15px);
	}
	.view-newspaper .news-switcher-item:nth-child(n+8) {
		width: 100%;
		display: block;
		clear: both;
		overflow: hidden;
		padding-bottom: 15px;
		margin-bottom: 0px;
		border: 0 none;
	}	
	.view-newspaper .news-switcher-item:nth-child(n+8) .news-image-container,
	.view-newspaper .news-switcher-item:nth-child(n+8) .news-short-desc,
	.view-newspaper .news-switcher-item:nth-child(n+8) .read-more {
		display: none;	
	}
	.view-newspaper .news-switcher-item:nth-child(n+8) .news-thumbnail-container {
		display: block;
		float: left;
		width: 80px;	
		margin-right: 15px;		
	}		
}

/* photo view */
.view-photo .news-switcher-item .news-short-desc,
.view-photo .news-switcher-item .read-more {
	display: none;
}
.view-photo .news-switcher-container {
	clear: both;
	overflow: hidden;
}
.view-photo .news-switcher-item {
	position: relative;	
	padding: 0; margin: 0; border: 0 none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;	
	float: left;
	overflow: hidden;
	background-color: #000;
}
.view-photo .news-switcher-item h3 {
	position: absolute;
	width: 100%;
	padding: 10px 15px;
	background-color: rgba(0,0,0,0.5);
	font-size: 16px;
	z-index: 1;
}
.view-photo .news-switcher-item h3 a {
	color: #fff;
	text-transform: uppercase;	
	font-weight: 300;
}
.view-photo .news-switcher-item .news-date {
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	bottom: -50px;
	left: 0;
	width: 100%;
	padding: 10px 15px;		
	color: #fff;
	opacity: 0;
	transition: opacity 0.6s ease-in-out, bottom 0.4s ease-in-out;
}
.view-photo .news-switcher-item:hover .news-date {
	opacity: 1;
	bottom: 0;	
	z-index: 1;
}
.view-photo .news-switcher-item .news-image-container {
	margin: 0;	
	z-index: 0;
}
.view-photo .news-switcher-item .news-image-container img {
	transition: all 0.5s ease-in-out;	
	transform: scale(1);
	opacity: 1;
}
.view-photo .news-switcher-item:hover .news-image-container img {
	transform: scale(1.05);
	opacity: 0.5;
}
@media (min-width: 1200px) {
	.view-photo .news-switcher-item:nth-child(6n+1) {
		width: 100%;
	}
	.view-photo .news-switcher-item:nth-child(6n+2),
	.view-photo .news-switcher-item:nth-child(6n+3) {
		width: 50%;
	}
	.view-photo .news-switcher-item:nth-child(6n+4) {
		width: 66.6666%;
	}
	.view-photo .news-switcher-item:nth-child(6n+5),
	.view-photo .news-switcher-item:nth-child(6n+6) {
		width: 33.3%;
	}
	.view-photo .news-switcher-item:nth-child(6n+6) {
		border-bottom: 0 none;	
	}	
}

@media (min-width: 480px) and (max-width: 1199px) {
	.view-photo .news-switcher-item:nth-child(3n+1) {
		width: 100%;
	}
	.view-photo .news-switcher-item:nth-child(3n+2),
	.view-photo .news-switcher-item:nth-child(3n+3) {
		width: 50%;
	}	
}

/* view thumbs */
.view-thumbs .news-image-container {
	display: none;	
}
.view-thumbs .news-thumbnail-container {
	display: block;	
	width: 150px;
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
.view-thumbs .news-switcher-item {
	clear: both;
	overflow: hidden;	
	padding-bottom: 25px;
}
@media (max-width: 479px) {
	.view-thumbs .news-thumbnail-container {
		width: 100px;	
	}
}

/* view list */
.view-list .news-switcher-item {
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.view-list .news-date-formatted {
	display: flex;
}
.view-list .news-date,
.view-list .news-image-container,
.view-list .news-short-desc,
.view-list .read-more {
	display: none;	
}
.view-list .news-switcher-item h3 {
	align-self: center;	
}
.news-date-formatted {
	margin-right: 15px;	
	flex: 0 0 auto;
	flex-flow: column nowrap;	
	align-self: center;
}
.news-date-formatted > div:first-child {
	background-color: #419426;
	font-size: 19px;
	font-weight: 800;
	padding: 3px 10px;	
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.news-date-formatted > div:last-child {
	background-color: #f2f2f2;	
	padding: 3px 10px;
	color: #333;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}
@media (max-width: 479px) {
	.view-list .news-switcher-item h3 {
		font-size: 17px;	
	}	
	.view-list .news-date-formatted > div:first-child {
		font-size: 16px;
		padding: 2px 6px;	
	}
	.view-list .news-date-formatted > div:last-child {
		font-size: 12px;	
		padding: 2px 6px;
	}
}

/* ---------------------- news switcher END ---------------------- */

.archive-buttons-container {
	margin: 20px 0px;
	display: flex;	
	flex-flow: row nowrap;
	justify-content: space-between;
}
.archive-buttons-container .pagination  {
	margin: 0;	
}

/* NEW SWITCHER DESIGN START */
.news-container {
	position: relative;	
	padding-top: 60px;
}
.news-view-switcher-container {
	position: absolute;
	right: 20px;
	top: 0px;	
	clear: both;
	overflow: hidden;
}
.news-view-switcher-container * {
	line-height: 1.8em;	
}
.news-view-switcher-container > div {
	float: right;	
	margin-left: 15px;
}
.news-view-switcher-container > label {
	padding: 5px 0px;	
	margin: 0;
	display: inline-block;
	font-weight: 300;
}
.news-view-switcher-container .view-switcher-design {
	position: relative;
	z-index: 2;
	display: flex;
	flex-flow: column nowrap;
	background-color: #fff;
}
.news-view-switcher-container .view-switcher-design > span {
	display: none;
	cursor: pointer;
	font-weight: normal;
	padding: 0px 15px;
	background-color: #fff;
	order: 2;	
}
.news-view-switcher-container .view-switcher-design i {
	width: 30px;	
	float: left;
}
.news-view-switcher-container .view-switcher-design > span label {
	font-weight: 300;	
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	floeat: left;
}
.view-article .news-view-switcher-container .view-switcher-design > .layout-article,
.view-thumbs .news-view-switcher-container .view-switcher-design > .layout-thumbs,
.view-list .news-view-switcher-container .view-switcher-design > .layout-list,
.view-card .news-view-switcher-container .view-switcher-design > .layout-card,
.view-newspaper .news-view-switcher-container .view-switcher-design > .layout-newspaper,
.view-author .news-view-switcher-container .view-switcher-design > .layout-author,
.view-photo .news-view-switcher-container .view-switcher-design > .layout-photo,
.view-board .news-view-switcher-container .view-switcher-design > .layout-board {
	display: block;
	padding: 4px 15px;	
	color: #ffffff;	
	order: 1;
}
.view-article .news-view-switcher-container .view-switcher-design > .layout-article::after,
.view-thumbs .news-view-switcher-container .view-switcher-design > .layout-thumbs::after,
.view-list .news-view-switcher-container .view-switcher-design > .layout-list::after,
.view-card .news-view-switcher-container .view-switcher-design > .layout-card::after,
.view-newspaper .news-view-switcher-container .view-switcher-design > .layout-newspaper::after,
.view-author .news-view-switcher-container .view-switcher-design > .layout-author::after,
.view-photo .news-view-switcher-container .view-switcher-design > .layout-photo::after,
.view-board .news-view-switcher-container .view-switcher-design > .layout-board::after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	float: right;
	margin-left: 10px;
}
body.view-switcher-show .news-view-switcher-container .view-switcher-design > span {
	display: block;
}
.news-view-switcher-container .view-switcher-design {
	border: 1px solid #d7d7d7;
}

@media (max-width: 767px) {
	.news-view-switcher-container .view-switcher-design i {
		width: 25px;	
	}	
	.news-view-switcher-container .view-switcher-design > span {
		padding: 0px 10px;	
	}
	.view-article .news-view-switcher-container .view-switcher-design > .layout-article,
	.view-thumbs .news-view-switcher-container .view-switcher-design > .layout-thumbs,
	.view-list .news-view-switcher-container .view-switcher-design > .layout-list,
	.view-card .news-view-switcher-container .view-switcher-design > .layout-card,
	.view-newspaper .news-view-switcher-container .view-switcher-design > .layout-newspaper,
	.view-author .news-view-switcher-container .view-switcher-design > .layout-author,
	.view-photo .news-view-switcher-container .view-switcher-design > .layout-photo,
	.view-board .news-view-switcher-container .view-switcher-design > .layout-board {
		padding: 4px 10px;	
	}	
	.view-article .news-view-switcher-container .view-switcher-design > .layout-article::after,
	.view-thumbs .news-view-switcher-container .view-switcher-design > .layout-thumbs::after,
	.view-list .news-view-switcher-container .view-switcher-design > .layout-list::after,
	.view-card .news-view-switcher-container .view-switcher-design > .layout-card::after,
	.view-newspaper .news-view-switcher-container .view-switcher-design > .layout-newspaper::after,
	.view-author .news-view-switcher-container .view-switcher-design > .layout-author::after,
	.view-photo .news-view-switcher-container .view-switcher-design > .layout-photo::after,
	.view-board .news-view-switcher-container .view-switcher-design > .layout-board::after {
		margin-left: 5px;	
	}		
}
/* NEW SWITCHER DESIGN END */


/* in the news (list) */
.in-the-news-list img {margin-right: 30px;}
.in-the-news-list h3 {margin-top: 0px;}
.in-the-news-list > div {padding-top: 30px;	padding-bottom: 30px; border-bottom: 1px solid #d7d7d7;	clear:  both; overflow:  hidden;}
.in-the-news-list > div:first-child {padding-top: 0px;}
.in-the-news-list > div:last-child {padding-bottom: 0px; border: 0 none;}
@media (max-width: 767px) {.in-the-news-list img {width: 150px; height: auto;}}
@media (max-width: 479px) {.in-the-news-list img {display: block; float: none;}}
/* in the news (item) */
.in-the-news-item img {margin-right: 30px; margin-bottom: 10px;}
@media (max-width: 979px) {.in-the-news-item img {width: 150px;}}
@media (max-width: 479px) {.in-the-news-item img {float: none;}}
/*** END responsive-2/global/news.css ***/

/*** START responsive-2/global/gallery.css ***/
/* Gallery */
.typeFancybox ul {
		padding: 0; margin: 0; list-style-type: none;
}
/* styles are copied from bootstrap .thubnail */
.galleria-thumbnails-container .galleria-thumbnails .galleria-image,
.typeFancybox li {
  display: inline-block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

	margin-right: 5px;
	margin-bottom: 5px;
}

.galleria-thumbnails-container .galleria-thumbnails .galleria-image:hover,
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:focus,
.typeFancybox li:hover,
.typeFancybox li:focus {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}




/*** END responsive-2/global/gallery.css ***/

/*** START responsive-2/global/e-commerce.css ***/
/* E-commerce */
.section-products-featured {
	padding-top: 100px;
	padding-bottom: 100px;	
	background-color: #419426;
}
.products-featured-container {
	position: relative;	
}
.section-products-featured h2 {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 0px;
}
.products-cat {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;	
}
.products-featured {
	margin-left: -15px;
	margin-right: -15px;
}
.product {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	color: #B3B3B3;		
}
.product-featured {
	width: 25%;
	padding-left: 0px;
	padding-right: 0px;	
}
.product-cat {
	width: calc(33.3333% - 20px);	
	position: relative;
	margin-bottom: 30px;
	transition: all 0.5s;
	z-index: 1;
	display: flex-flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
.product-cat:hover {
	background-color: #fff;
}
.product-cat:hover ~ .product-cat {
	z-index: 0;	
}
.product-cat:hover .img-container,
.product-cat:hover .product-details {
	position: relative;
	z-index: 2;
}
.product-cat:hover ~ .product-cat .img-container,
.product-cat:hover ~ .product-cat .product-details {
	z-index: 0;
}
.product-cat-empty {
	height: 0;margin: 0; overflow: hidden; border: 0 none;
}
.product-cat .img-container {
	overflow: hidden;
	display: block;
}
.product-cat img {
	width: 100%;	
	transition: all 0.5s;
}
.product-cat:hover img {
	transform: scale(1.05);	
}
.product-cat .product-details {
	display: flex;
	flex-flow: column nowrap;	
}
.product-cat .product-name {
	order: 1;	
}
.product-cat .price-container {
	order: 2;	
}

.product a {
	color: #B3B3B3;	
}
.product-details {
	padding-top: 10px;	
}
.product-featured .product-details {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px;
	text-transform: none;
	font-size: 14px;
	background-color: rgba(255,255,255,0.9);	
	width: 100%;
	font-weight: 600;
	line-height: 1.1em;
	color: #ffffff;
}
.product-featured .product-details .price, 
.product-featured .product-details .hideprice {
	font-size: 14px;
	color: #ffffff;
}
.product-featured .product-details .new-price {
	color: #e8903a;	
}
.product-featured a {
	color: #ffffff;	
}
.price-container {
	padding-bottom: 5px;	
}
.price,
.hideprice {
	
}
.new-price,
.newPrice,
#oldPriceBox + #priceBox {
	color: firebrick;
}
#oldPriceBox {
	color: #ffffff;
}
.ecsPrice {
	display: flex;
	flex-flow: row wrap;
}
.ecsPrice em {
	font-weight: 300;
	margin-right: 10px;
}
.old-price,
.oldPrice {
	text-decoration: line-through;	
	margin-right: 10px;
}
.product-cat .product-details {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}

.featured-paging {
	text-align: center;	
	margin-top: 15px;
}
.featured-paging span {
	width: 10px;
	height: 10px;
	background-color: #d7d7d7;
	border-radius: 10px;
	margin-right: 5px;	
	display: inline-block;
	cursor: pointer;
}
.featured-paging span.active {
	background-color: #419426;	
	cursor: default;
}
.products-featured-control {
	font-family: 'FontAwesome';	
	font-size: 30px;
	position: absolute;
	left: -30px;
	top: calc(50% - 70px);
	color: #3DB6EB;
	cursor: pointer;
	transition: all 0.2s;
}
.products-featured-control:hover {
	color: #419426;	
}
.products-featured-next {
	left: auto;
	right: -30px;	
}
@media (min-width: 980px) and (max-width: 1199px) {
	.product-cat {
		width: 33.3333%;	
	}	
	.product-cat:nth-child(3n+3) {
		border-right: 1px solid transparent;	
	}		
}
@media (min-width: 768px) and (max-width: 979px) {
	.product-cat {
		width: 50%;	
	}	
	.product-cat:nth-child(2n+2) {
		border-right: 1px solid transparent;	
	}		
}
@media (max-width: 979px) {
	.product-featured {
		width: 33.3333%;
	}
	.section-products-featured  {
		padding-top: 75px;
		padding-bottom: 75px;	
	}	
}
@media (max-width: 767px) {
	.section-products-featured  {
		padding-top: 50px;
		padding-bottom: 50px;	
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.product-cat {
		width: 33.3333%;	
	}	
	.product-cat:nth-child(3n+3) {
		border-right: 1px solid transparent;	
	}		
}
@media (max-width: 599px) {
	.product-featured {
		width: 50%;
	}	
}
@media (min-width: 400px) and (max-width: 599px) {
	.product-cat {
		width: 50%;	
	}	
	.product-cat:nth-child(2n+2) {
		border-right: 1px solid transparent;	
	}		
}
@media (max-width: 479px) {
	.section-products-featured  {
		padding-top: 25px;
		padding-bottom: 25px;	
	}	
}
@media (max-width: 399px) {
	.product-featured {
		width: 100%;
	}	
	.product-cat {
		width: 100%;
		border-right: 0 none;	
	}
}

/* list of products */

.products-list .addtocart-container button,
.products-list .addtocart-container input[type="text"] {
	border: 0 none;
}
.products-list .addtocart-container input[type="text"] {
	flex: 1 1 auto;
	text-align: center;
}
.products-list h3 {
	margin-top: 0;
}
.products-list td {
	position: relative;
	vertical-align: top;
}
.products-list .addtocart-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
@media (min-width: 980px) {
	.products-list td {
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #d7d7d7;
	}
	.products-list td:nth-child(2) {
		padding-left: 15px;
		padding-right: 15px;
	}
	.products-list .price-container {
		display: flex;
		flex-flow: column nowrap;
		text-align: center;
	}
	.products-list .old-price {
		margin: 0;
	}	
	.products-list .addtocart-container {
		width: 100%;
	}	
}
@media (max-width: 979px) {
	.products-list,
	.products-list tbody,
	.products-list tr,
	.products-list td {
		display: block;
	}
	.products-list tr {
		padding-bottom: 15px;
		padding-top: 15px;
		border-bottom: 1px solid #d7d7d7;
	}
}

.sort-page-size {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.sort-by,
.page-size {
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	margin-bottom: 20px;
}
.sort-by-buttons,
.page-size-buttons {
	border: 1px solid #ffffff;
	border-radius: 4px;
	display: flex;
	flex-flow: row nowrap;
}
.sort-page-size a {
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	transition: all 0.3s;
	line-height: 1.8em;
}
.sort-page-size a:hover,
.sort-page-size a:focus {
	text-decoration: none;
	background-color: #ffffff;
	color: #fff;
}
.sort-page-size a:last-child {
	border: 0 none;
}
@media (max-width: 767px) {
	.sort-page-size,
	.sort-by,
	.page-size {
		flex-flow: column nowrap;
	}
}

/* =ITEM */

/* cart popup START */
.ipop-added-to-cart-details.iPopBlock.styled .iPopBox {
	background-color: #fff;	
	padding: 0;
	border: 0 none;
}
.table-added-to-cart {
	max-width: 300px;
}
.table-added-to-cart-detail {
	width: 100%;
	margin-bottom: 15px;
}
.table-added-to-cart-detail td {
	padding: 5px;	
	border-bottom: 1px solid #d7d7d7;
}
.ipop-added-to-cart-details h3 {
	margin: 0;	
	background-color: #888888;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.table-added-to-cart-detail tr:first-child td {
	background-color: #f2f2f2;
	border-bottom: 0 none;
}
.table-added-to-cart-buttons a {
	display: inline-block; 
	color: #fff;	
	padding: 2px 6px;	
	text-decoration: none; 
	margin-right: 5px; 
	white-space: nowrap;
	background-color: #ff4215;
}
.table-added-to-cart-buttons a.btn-keep-shopping:before {margin-right: 5px; font-family: 'FontAwesome';	content: '\f104';}
.table-added-to-cart-buttons a.btn-my-cart:before {margin-right: 5px; font-family: 'FontAwesome'; content: '\f07a';}
.table-added-to-cart-buttons a.btn-checkout:after {margin-left: 5px; font-family: 'FontAwesome'; content: '\f105';}
.td-added-img img {margin-right: 10px; margin-bottom: 5px;}
.td-added-img {padding-left: 10px;}
.td-added-desc {padding: 0 10px 10px;}
@media (min-width: 768px) {
	.ipop-added-to-cart-details h3 {margin-bottom: 30px; padding: 15px 30px;}
	.td-added-img {padding-left: 30px;}
	.td-added-desc {padding: 0 30px 30px;}		
	.table-added-to-cart-buttons a {padding: 5px 15px;}
}
@media (max-width: 479px) {
	.table-added-to-cart,
	.table-added-to-cart > tbody,
	.table-added-to-cart > tbody > tr,
	.table-added-to-cart > tbody > tr > td {
		display: block; padding: 0; margin: 0; border: 0 none;	
	}
	.table-added-to-cart > tbody > tr > td {
		padding: 0 15px;	
	}
	.table-added-to-cart-buttons {
		margin-top: 10px;
	}
	.table-added-to-cart-buttons, 
	.table-added-to-cart-buttons tbody, 
	.table-added-to-cart-buttons tr, 
	.table-added-to-cart-buttons td {
		display: block;
	}
	.table-added-to-cart-buttons a {
		display: block; margin: 0 auto 5px;	width: 150px; text-align: center;
	}
	.table-added-to-cart-detail,
	.table-added-to-cart-detail tr,
	.table-added-to-cart-detail tbody,
	.table-added-to-cart-detail td {
		display: block; padding: 0; margin: 0; border: 0 none;	
	}
	.table-added-to-cart-detail tr:first-child {
		display: none;
	}
	.table-added-to-cart-detail tr:last-child td:nth-child(1):before {content: 'Quantity: ';}
	.table-added-to-cart-detail tr:last-child td:nth-child(2):before {content: 'Price: ';}
	.table-added-to-cart-detail tr:last-child td:nth-child(3):before {content: 'Total: ';}
}
/* cart popup END */

/* item slideshow start */
.item-slideshow,
.ecs-sku-gallery-container {
	display: flex;
	flex-flow: row nowrap;	
}
#item-slideshow .theatre-actor,
.ecs-sku-gallery-container .theatre-actor {
	width: 100%;
}
#item-slideshow-buttons,
.ecs-sku-gallery-thumbnails {
	margin-right: 10px;
	display: flex;
	flex-flow: column nowrap;	
	justify-content: center;
	flex: 1 0 auto;
}
#item-slideshow-buttons a,
.ecs-sku-gallery-thumbnails a {
	cursor: pointer;	
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
	/* display: block !for(ie10); */
}
#item-slideshow-buttons img,
.ecs-sku-gallery-thumbnails img {
	opacity: 0.7;	
	transition: all 0.2s ease-in-out;
}
#item-slideshow-buttons a.active,
.ecs-sku-gallery-thumbnails a.active {
	border: 1px solid #419426;	
}
#item-slideshow-buttons a.active img,
.ecs-sku-gallery-thumbnails a.active img {
	opacity: 1;		
}
@media (max-width: 1399px) {
	.item-slideshow,
	.ecs-sku-gallery-container {
		flex-flow: column nowrap;	
	}
	#item-slideshow-buttons,
	.ecs-sku-gallery-thumbnails {
		margin-top: 10px;
		flex-flow: row nowrap;	
	}
	#item-slideshow-buttons a,
	.ecs-sku-gallery-thumbnails a {
		margin-bottom: 0px;
		margin-right: 10px;	
	}
	#item-slideshow-buttons img,
	.ecs-sku-gallery-thumbnails img {
		width: 60px;
		height: 60px;	
	}	
}
/* item slideshow end */

.product-specifications .checkboxChecked::before {
	font-family: 'FontAwesome';
	content: '\f00c';
	color: limegreen;
}
.product-specifications .checkboxUnchecked::before {
	font-family: 'FontAwesome';
	content: '\f00d';
	color: tomato;
}
.product-specifications .checkboxChecked span,
.product-specifications .checkboxUnchecked span{
	display: none;
}

.priceTable {
	background-color: transparent;		
}
.priceTable .more, .priceTable .less {
	display: none;	
}
.cms-content .priceTable input[type="text"],
.cms-content .priceTable button.btn {
	padding: 6px 12px;
	line-height: 1.8em;
	background-color: transparent;
}
.cms-content .priceTable select {
	padding: 6px 12px;
	padding-right: 30px;
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;	
}
/* sale/new labels */
.product-label {
	position: absolute;
	top: 0px;
	left: 0px
}
.product-featured .product-label {
	left: 0px;	
}
.product-label span {
	display: inline-block;
	background: #419426;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.14);
	color: #ffffff;
	font-size: 12px;
	left: 0;
	line-height: 16px;
	padding: 1px 8px 2px;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
	z-index: 2
}
.product-label span::before, 
.product-label span::after {
	border-color: transparent transparent transparent #419426;
	border-style: solid;
	border-width: 9px 0 0 8px;
	bottom: 0;
	content: "";
	height: 0;
	position: absolute;
	right: -8px;
	width: 0;
}
.product-label span::after {
	border-color: #419426 transparent transparent;
	border-width: 9px 8px 0 0;
	position: absolute;
	top: 0;
	bottom: auto;
}
.product-label span.sale {
	background: #3DB6EB;
}
.product-label span.sale::before {
	border-color: transparent transparent transparent #3DB6EB;
}
.product-label span.sale::after {
	border-color: #3DB6EB transparent transparent;
}
.product-label span+span {
	top: 40px;
}

.ecsPadding #tabs {
	margin-top: 30px;	
}
.navbar-small .ecs-item-tabs .nav > li > a {
	padding: 10px 15px;	
}
.reviews-count {
	display: inline-block;
	padding: 5px;
	background-color: #ffffff;
	color: #fff;	
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	margin-left: 10px;
	line-height: 1em;
	text-align: center;
}
.priceTable th, 
.priceTable td {
	font-weight: 300;	
}
.priceTable select {
	font-weight: 300;	
}

/* =CART */
.cartButtonsTop {
	display: flex;
	flex-flow: row wrap;	
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 10px;
}
.cartButtonControls {
	position: static;	
}
.ecsCart thead td, 
.ecsCart th, 
.ecsOrderPayments th {
	background-color: #FFD800;
    color: #000;
	border: 0 none;
}
.ecsOrderPayments tfoot th,
.ecsOrderPayments tfoot td {
    background-color: transparent;
    color: #fff;
    font-weight: 300;
    border-bottom: 1px dotted #ccc;;
}
.ecsOrderPayments tfoot td {
    text-align: right;
}
.cartUpdateLink {
	text-align: left;	
}
#cartCollapseBlock h1 {
	display: none;	
}
.totalBox {
	padding-top: 15px;
	padding-bottom: 15px;	
}
@media (max-width: 767px) {
	table.ecsCart,
	table.ecsCart tbody,
	table.ecsCart tr,
	table.ecsCart td {
		display: block;
		width: 100%;
		border: 0 none;
		padding: 0;
		margin: 0;
	}
	table.ecsCart thead,
	table.ecsCart th {
		display: none;	
	}
	table.ecsCart tr {
		padding: 15px 0px;
		border-bottom: 1px solid #e7e7e7;	
	}
}

/* =CHECKOUT */
#ecsAccountMode label,
#ecsAccountMode input {
	display: inline-block;
}
#ecsAccountMode label {
	margin-right: 10px;
}
.checkoutRadio  {
	padding-bottom: 5px;	
}
.checkoutRadioText {
	padding-top: 3px;	
}
.crmLocationName input {
	margin-right: 5px;	
}

.checkout-steps {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.checkout-steps > div {
	background-image: url(../data/i/checkout-steps.png);
	background-repeat: no-repeat;	
	background-position: 50% -300px;	
	padding-top: 53px;
	text-align: center;
	font-size: 14px;
	color: #aaa;
	float: left;
	width: 16.6666%;
}
.checkout-steps > div.step-active {color: #000000; font-weight: bold;}
.checkout-steps > div.step-allowed a {color: $orange;}
.checkout-steps > div.step-active:first-child {background-position: 50% 0px;}
.checkout-steps > div.step-allowed {background-position: 50% -600px;}
.checkout-steps > div.step-allowed:first-child {background-position: 50% -150px;}
.checkout-steps > div.step-active {background-position: 50% -450px;}
.checkout-steps > div.step-active.step-back {background-position: 50% -1200px;}
/*.checkout-steps > .step-active.step-allowed {background-position: 50% -1200px;}*/
.checkout-steps > div:last-child {background-position: 50% -750px;}
.checkout-wrapper-thankyou .checkout-steps > div {background-position: 50% -600px;}
.checkout-wrapper-thankyou .checkout-steps > div:first-child {background-position: 50% -150px;}
.checkout-wrapper-thankyou .checkout-steps > div:last-child {background-position: 50% -900px;}

@media (max-width: 767px) {
	.checkout-steps {
		margin-bottom: 0px;	
	}
	.checkout-steps > div {
		background-image: url(../data/i/checkout-steps-sm.png); 
		width: 33.3333%; 
		margin-bottom: 15px;
	}
	.checkout-steps > div.step-allowed {background-position: 50% -150px;}
	.checkout-steps > div.step-active {background-position: 50% 0px;}
	/* .checkout-steps > .step-active.step-allowed {background-position: 50% 0px;} */
	.checkout-steps > div:last-child {background-position: 50% -300px;}
	.checkout-wrapper-thankyou .checkout-steps > div {background-position: 50% -150px;}
	.checkout-wrapper-thankyou .checkout-steps > div:last-child {background-position: 50% 00px;}
	/* go back - class is added with js */
}
@media (max-width: 399px) {
	.checkout-steps > div {width: 50%; margin-bottom: 20px;}
}

/* login / signup */
@media (min-width: 768px) and (max-width: 979px) {
	.col-checkout-signup .form-group,
	.col-checkout-login .form-group {
			width: 250px;
			max-width: 100%;
			margin: 0;
	}
	.col-checkout-signup .form-group > label,
	.col-checkout-signup .form-group > div,
	.col-checkout-login .form-group > label,
	.col-checkout-login .form-group > div {
		width: 100%;
		text-align: left;	
	}	
}
@media (min-width: 480px) and (max-width: 767px) {
	.col-checkout-signup .form-group,
	.col-checkout-login .form-group {
		width: 500px;	
		max-width: 100%;
	}
}
@media (max-width: 479px) {
	.col-checkout-signup .form-group,
	.col-checkout-login .form-group {
			width: 250px;
			max-width: 100%;
			margin: 0;
	}
	.col-checkout-signup .form-group > label,
	.col-checkout-signup .form-group > div,
	.col-checkout-login .form-group > label,
	.col-checkout-login .form-group > div {
		width: 100%;
		text-align: left;	
		padding-left: 0px;
		padding-right: 0px;
	}	
	.col-checkout-signup .form-group input[type="submit"],
	.col-checkout-login .form-group input[type="submit"] {
		margin-top: 10px;
	}
}

@media (min-width: 480px) {
    #ecsPaymentSelectorMethodForms td,
    #ecsPaymentSelectorMethodForms th {
        padding-bottom: 10px;
    }
}
@media (max-width: 479px) {
    #ecsPaymentSelectorMethodForms table,
    #ecsPaymentSelectorMethodForms tbody,
    #ecsPaymentSelectorMethodForms tr,
    #ecsPaymentSelectorMethodForms td,
    #ecsPaymentSelectorMethodForms th {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }  
    #ecsPaymentSelectorMethodForms tr {
        padding-bottom: 10px;
    }
}

.anon-checkout-chooser {
	clear: both;
    overflow: hidden;
}
.anon-checkout-chooser input[type="radio"] {
    margin-right: 5px;
}
.anon-checkout-option {
    white-space: nowrap;
    display: block;
    margin-right: 15px;
}


/* shipping/billing addresses START */
#sameAsBilling .form-checkbox-block {
	padding: 0;
	line-height: 1em;
	margin-top: 5px;
} 
#continue .col-sm-12 {
	padding: 0;	
}
.row-address-blocks {
	margin: 0;	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.row-address-blocks::before,
.row-address-blocks::after {
	display: none;	
}
.row-address-blocks > div {
	width: calc(33.3333% - 20px);	
	padding: 0;
	margin-bottom: 30px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-content: flex-start;
}
.row-address-blocks .address {
	background-color: #f5f5f5;
	padding: 15px;
	margin-bottom: 10px;	
	flex: 1 1 auto;
}
.row-address-blocks .address .address {
	padding: 0;	
	margin: 0;
}
.row-address-blocks .ship-to {
	margin-top: auto;	
	margin-bottom: 5px;
}
.row-address-blocks .contact-name {
	font-weight: 600;	
}
.row-address-blocks .row-ship-controls {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 0;
}
.row-address-blocks .row-ship-controls::before,
.row-address-blocks .row-ship-controls::after {
	display: none;	
}
.row-address-blocks .row-ship-controls > div {
	padding: 0;	
	width: calc(50% - 5px);
}
.row-address-blocks i {
	background-color: #f5f5f5;
	display: block;
	left: 15px;
	top: 5px;
	position: absolute;
	padding-top: 15px;
}
.row-address-blocks i + i {left: 40px;}
.row-address-blocks i + .address > *:first-child {padding-left: 25px;}
.row-address-blocks i + i + .address > *:first-child {padding-left: 48px;}
@media (max-width: 767px) {
	.row-address-blocks > div {
		width: calc(50% - 10px);	
		margin-bottom: 20px;
	}	
}
@media (max-width: 479px) {
	.row-address-blocks > div {
		width: 100%;	
	}	
}
/* shipping/billing addresses END */

.row-cart-header {
	background-color: #3DB6EB;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.row-cart-item {
	display: flex;
	flex-flow: row nowrap;	
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
}
.order-totals {
	padding-top: 15px;
	padding-bottom: 15px;	
}
.checkout-option-promo .form-inline {
	width: 300px;
	max-width: 100%;
	display: flex;	
}
.checkout-option-promo .form-group {
	margin: 0;
	flex: 1 1 auto;
}
.checkout-option-promo input[type="text"] {
	height: 100%;
	width: 100%;	
	border-radius: 0;
}
textarea#orderNotesInput {
	border: 1px solid #d7d7d7;	
	border-radius: 0;
	width: 500px;
	height: 150px;
	max-width: 100%;
}
.ecsPaymentSelector label {
	font-weight: 300;	
}

@media (min-width: 768px) {
	#ecsPaymentSelectorMethodForms .row > div {
		padding-bottom: 10px;
	}	
	#ecsPaymentSelectorMethodForms .row > div:first-child {
		width: 230px;
	}
	#ecsPaymentSelectorMethodForms .row > div:last-child {
		width: calc(100% - 230px);
	}
}
@media (max-width: 767px) {
	#ecsPaymentSelectorMethodForms .row {
		margin-bottom: 10px;
	}
	#ecsPaymentSelectorMethodForms .row > div:first-child {
		margin-bottom: 3px;
	}
}

@media (max-width: 767px) {
	.checkoutBlockContent .ecsCart td::before {
		margin-right: 5px;
		display: inline-block;
		width: 80px;
	}
	.checkoutBlockContent .ecsCart td.quantity::before {content: 'Quantity: ';}
	.checkoutBlockContent .ecsCart td.unitOfMeasure::before {content: 'Unit: ';}
	.checkoutBlockContent .ecsCart td.unitPrice::before {content: 'Price: ';}
	.checkoutBlockContent .ecsCart td.subtotal::before {content: 'Total: ';}	
	
	.checkoutPricingOverview {
		float: none;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}






#checkout .form-horizontal #continue.form-group {
	flex-flow: column nowrap;
}

.checkbox-container,
.anon-checkout-option,
.selectRadioMode .radio,
.shipping-method label {
	text-align: left;
	display: flex;
	flex-flow: row nowrap;
}
.checkbox-container {
	margin: 10px 0;
    position: relative;
}
.checkbox-container input,
.anon-checkout-option input,
.selectRadioMode .radio input,
.shipping-method label input {
	padding: 0;
	margin: 0;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkbox-container input ~ label,
.anon-checkout-option input ~ label,
.selectRadioMode .radio input ~ span,
.shipping-method label input ~ span {
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.checkbox-container input ~ label::before,
.anon-checkout-option input ~ label::before,
.selectRadioMode .radio input ~ span::before,
.shipping-method label input ~ span::before {
	content: '\f00c';
	font-family: 'FontAwesome';
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background-color: #555;
	color: #555;	
	line-height: 1em;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
}
.checkbox-container input:checked ~ label::before,
.anon-checkout-option input:checked ~ label::before,
.selectRadioMode .radio input:checked ~ span::before,
.shipping-method label input:checked ~ span::before {
	background-color: #FFD800;
	color: #000;
}
/* radio */
.anon-checkout-option input:not(:checked) ~ label,
.selectRadioMode .radio input:not(:checked) ~ span,
.shipping-method label input:not(:checked) ~ span {
	color: #999;
}
.anon-checkout-option input ~ label::before,
.selectRadioMode .radio input ~ span::before,
.shipping-method label input ~ span::before {
	background-color: transparent;
	content: '\f111';
	color: #ffffff;
	color: #e7e7e7;
	font-size: 20px;
}
.anon-checkout-option input:checked ~ label::before,
.selectRadioMode .radio input:checked ~ span::before,
.shipping-method label input:checked ~ span::before {
	background-color: transparent;
	color: #ffffff;
	content: '\f111';
}

.bottomConfirm {
	
	padding: 30px;
	margin-top: 30px;
}
.bottomConfirm .checkoutSubmit {
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 767px) {
	.bottomConfirm {
		padding: 15px;
	}
	.bottomConfirm .checkoutSubmit {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
.checkoutBlocks {
    width: 100%;
}

/* =MY ACCOUNT */
table.crmAccountInfo textarea {
	width: 100%;
	height: 150px;		
}
table.crmAccountInfo label {
	font-weight: 300;	
}
table.crmAccountInfo input[type="radio"] {
	margin-right: 5px;	
}
table.crmAccountInfo input[type="radio"]:not(:first-child) {
	margin-left: 15px;	
}
table.crmAccountInfo select[id*="date"] {
	margin-right: 10px;	
}
@media (min-width: 480px) {
	table.crmAccountInfo td {
		padding: 5px 0px;	
	}	
}
@media (max-width: 479px) {
	table.crmAccountInfo,
	table.crmAccountInfo tbody,
	table.crmAccountInfo tr,
	table.crmAccountInfo td {
		display: block;
	}
	table.crmAccountInfo tr {
		padding: 5px 0px;
		clear: both;
		overflow: hidden;
	}
	table.crmAccountInfo tr#myAccountisPrimaryBillingLocation td,
	table.crmAccountInfo tr#myAccountisPrimaryShippingLocation td,
	table.crmAccountInfo tr#myAccountshowEmail td {
		float: left;
		padding-right: 10px;
	}
}

/* /my-account/locations/ */
.selectorButton {
	margin-top: 10px;	
}
#addloc_cell {
	padding-bottom: 15px;	
}
.crmLocationForm td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.crmLocationForm td:first-child {
	padding-right: 10px;	
}
.inpZipSep {
	margin-left: 5px;
	margin-right: 5px;	
}
.primaryCheckboxControl label {
	font-weight: 300;	
}
.primaryBillingCheckboxControl {
	margin-right: 15px;	
}
#shippingNotes input[type="text"] {
	width: 100%;	
}
@media (max-width: 767px) {
	.crmLocationForm,
	.crmLocationForm tbody,
	.crmLocationForm tr,
	.crmLocationForm td,
	.crmCommForm,
	.crmCommForm tbody,
	.crmCommForm tr,
	.crmCommForm td {
		display: block;	 
		padding: 0;
	}	
	.crmLocationForm tr,
	.crmCommForm tr {
		padding-bottom: 10px;	
	}
}

/* my orders */


/* -------------- affiliates START -------------- */

/* codes /shop/affiliates/affiliate-code/ */
.aTableAdd  {
	margin-bottom: 15px;	
	float: none;
}
.aTableAdd a,
.aTableAdd a:hover,
.aTableAdd a:focus {
	display: inline-block;	
	padding: 6px 12px;
	font-weight: 300;
	background-color: #419426;
	color: #fff;
	text-decoration: none;
	border: 0 none;
}
.aListUrl a,
.aListEdit a,
.aListRemove a {
	text-decoration: none;	
}
.aTableAdd a img,
.aListUrl a img,
.aListEdit a img,
.aListRemove a img {
	display: none;
}
.aTableAdd a::before,
.aListUrl a::before,
.aListEdit a::before,
.aListRemove a::before {
	content: '\f0c1';
	font-family: 'FontAwesome';
}
.aTableAdd a::before {content: '\f067';}
.aListEdit a::before {content: '\f040';}
.aListRemove a::before {content: '\f00d'; color: firebrick;}

.affiliateCodeButtons input[type="submit"] {
	margin-right: 10px;
}

@media (max-width: 767px) {
	
	/* /shop/affiliates/sales/ */
	.aList, .aList tbody, .aList tfoot,	.aList td, .aList tr,
	.aSearchFormTable, .aSearchFormTable tbody, .aSearchFormTable tr, .aSearchFormTable td {
		display: block;	padding: 0; margin: 0; border: 0 none; width: 100%;
		text-align: left !important; 
	}
	
	.aList tr {
		border-bottom: 1px solid #d7d7d7;
		padding: 10px 0px;	
		clear: both;
		overflow: hidden;
	}
	.aList th,
	.aList thead {
		display: none;	
	}
	.aList td.aListUrl, .aList td.aListEdit, .aList td.aListRemove {
		float: left;	
		width: auto;
		margin-right: 20px;
		margin-top: 5px;
	}
	.aList td[data-heading]::before {
		content: attr(data-heading) ': ';	
		font-weight: bold;
	}	
	
	/* codes */
	.aListCode {
		font-weight: bold;
	}
	.aListUrl a::after,
	.aListEdit a::after,
	.aListRemove a::after {
		margin-left: 5px;
	}
	.aListUrl a::after {content: 'Link: '}
	.aListEdit a::after {content: 'Edit: ';}
	.aListRemove a::after {content: 'Remove: '; color: firebrick;}	
}
@media (min-width: 480px) {
	.edit-aff-code-table td,
	.aIdUrl td {
		padding: 10px 0px;
	} 
	.edit-aff-code-table td:first-child,
	.aIdUrl td:first-child {
		font-weight: bold;
		padding-right: 10px;
	}	
}
@media (max-width: 479px) {
	/* /shop/affiliates/affiliate-code/471-form.feCode_471-codeId.A1001.html?sysdebug&flushstatic */
	.edit-aff-code-table, .edit-aff-code-table tr, .edit-aff-code-table td, .edit-aff-code-table tbody,
	.aIdUrl, .aIdUrl tr, .aIdUrl td, .aIdUrl tbody {
		display: block;	padding: 0; margin: 0; border: 0 none; width: 100%;
	} 
	.edit-aff-code-table td,
	.aIdUrl td {
		padding-bottom: 5px;
	}
	.edit-aff-code-table tr,
	.aIdUrl tr {
		padding-bottom: 5px;
	}
}
/* -------------- affiliates END -------------- */

/* upsell */
.related-products {
	display: flex;
	flex-flow: row wrap;	
	justify-content: space-between;
}
.related-products > * {
	width: calc(20%	- 10px);
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center;
	border: 1px solid #ffffff;
	margin-bottom: 15px;
}
@media (max-width: 1199px) {.related-products > * {width: calc(25% - 10px);}}
@media (max-width: 979px) {.related-products > * {width: calc(33.3333% - 10px);}}
@media (max-width: 767px) {.related-products > * {width: calc(25% - 5px); margin-bottom: 10px;}}
@media (max-width: 649px) {.related-products > * {width: calc(33.3333% - 5px);}}
@media (max-width: 479px) {.related-products > * {width: calc(50% - 5px);}}
.related-price {
	margin-top: auto;	
}
.related-name {
	padding: 5px;
	line-height: 1.3em;	
	flex: 1 1 auto;
	display: flex;
	align-items: center;
}
.related-name a {
	color: #ffffff;	
}
.related-name a:hover,
.related-name a:focus {
	text-decoration: none;
	color: #ffffff;	
}
.related-products .btn {
	width: 100%;	
	margin-top: 5px;
}
.related-product-empty {
	visibility: hidden;	
	border: 0 none;
}

/* donation */
.error {
	color: firebrick;
}
.cms-content .table-donation-form th,
.cms-content .table-donation-form td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	font-weight: 300;
}
.cms-content .table-donation-form th {
	padding-right: 15px;
}
.cms-content .table-donation-form input[type="text"],
.cms-content .table-donation-form input[type="email"],
.cms-content .table-donation-form input:not([type="submit"]),
.cms-content .table-donation-form select {
	height: auto;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #d7d7d7;
	font-weight: 300;
}
@media (max-width: 479px) {
	.cms-content .table-donation-form,
	.cms-content .table-donation-form > tbody,
	.cms-content .table-donation-form > tbody > tr,
	.cms-content .table-donation-form > tbody > tr > td,
	.cms-content .table-donation-form > tbody > tr > th {
		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.cms-content .table-donation-form > tbody > tr {
		padding-bottom: 10px;
	}
}

/* popup cart */
.top-ecs-buttons {
	position: relative;
}
.cart-popup {
	position: absolute;
	right: 0;
	top: calc(100% - 2px);
	z-index: 100001;
	width: 600px;
	background-color: #fff;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	line-height: 1.5em;
	padding: 10px 15px;
	border-radius: 4px;
	
	x-display: none;
	width: 0;
	height: 0;
	opacity: 0;
	x-transition: opacity 0.3s;
}
.cart-link:hover ~ .cart-popup,
.cart-popup:hover {
	x-display: block;
	width: 650px;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s;
}
.cart-popup .cartButtonsTop,
.cart-popup thead,
.cart-popup .cart-unit,
.cart-popup #cartItemNumber {
	display: none;
}
.cart-popup a {
	color: #ffffff;
	margin: 0;
	padding: 0;
	display: block;
}
.cart-popup img {
	width: 30px;
	height: auto;
}
.cart-popup input[type="text"] {
	background-color: #f5f5f5;
	border: 0 none;
	padding: 10px;
	text-align: center;
}
.cart-popup .totalBox {
	font-weight: bold;
	padding: 10px 0px 5px;
	display: block;
}
.cart-popup .cartButtonCheckout {
	position: static;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
}
.cart-popup .cartButtonCheckout .btn {
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
}
.cart-popup .cart-qty {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.cart-popup .cartUpdateLink a {
	color: transparent;
}
.cart-popup .cartUpdateLink a::before {
	font-family: 'FontAwesome';
	content: '\f021';
	color: #ffffff;
	cursor: pointer;
	margin-left: 5px;
}
.cart-popup .ecsCart {
	border-bottom: 1px dotted #d7d7d7;
}
.cart-popup .ecsCart td {
	border-bottom: 0 none;
	border-top: 1px dotted #d7d7d7;
}
.cart-popup .ecsCart tr:first-child td {
	border-top: 0 none;
}
/*** END responsive-2/global/e-commerce.css ***/

/*** START responsive-2/global/navigation.css ***/
/* Navigation */
.caret {
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-left: 5px;
}

.dropdown-menu {
  background-color: rgba(255,255,255,0.9);
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-inverse .dropdown-menu {
	background-color: #99C038;	
}
.dropdown-menu .divider {
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  color: #9e9e9e;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: none;
  color: #3DB6EB;
  background-color: transparent;
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
  color: #C5E441;
  background-color: #ffffff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  color: #ffffff;
}
.navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover,
.navbar-inverse .dropdown-menu > .active > a:focus {
  background-color: transparent;
  color: #ffffff;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.dropdown-header {
  color: #999999;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.navbar-inverse .nav > li > a {
	color: #ffffff;
}
.navbar-inverse .nav .caret {
	border-bottom-color: #ffffff;
	border-top-color: #ffffff;		
}
.navbar-nav > li > a {
	color: #9e9e9e;	
	font-size: 24px;
}
@media (max-width: 979px) {.nav > li > a {font-size: 18px;}}
@media (max-width: 767px) {.nav > li > a {font-size: 16px;}}
@media (max-width: 479px) {.nav > li > a {font-size: 16px;}}

.nav > li > a:hover,
.nav > li > a:focus {
	color: #9e9e9e;
	background-color: #ffffff-hover;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #C5E441;
	background-color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #ffffff;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
}

.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.nav .nav-divider {
  background-color: #e5e5e5;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li > a {
  margin-right: 2px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.nav-tabs-justified > li > a {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs-justified > .active > a {
  border-bottom-color: #ffffff;
}

.nav .caret {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}

.nav a:hover .caret {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  background-color: #ffffff;
  border-radius: 4px;
}
.navbar-nav > li > a {
  color: #9e9e9e;
  border-radius: 0px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #9e9e9e;
  background-color: transparent;
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #FFD800;
  background-color: transparent;
}

.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-brand {
  color: #9e9e9e;
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: #9e9e9e;
  background-color: transparent;
}

.navbar-toggle {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}

.navbar-toggle .icon-bar {
  display: block;
  background-color: #000000;
  border-radius: 1px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  
  /* taskId.16820914 */
  max-height: none !important;
  height: auto !important;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  color: #3DB6EB;
  background-color: transparent;
}

.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
  border-top-color: #3DB6EB;
  border-bottom-color: #3DB6EB;
}

.navbar-nav > .dropdown > a .caret {
  border-top-color: #9e9e9e;
  border-bottom-color: #9e9e9e;
}

.navbar-inverse {
  background-color: #444444;
  border-color: #444444;
  border-width: 0px;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
	border-color: #444444;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #99C038;
}

.navbar-inverse .navbar-nav > .activeBranch  > a,
.navbar-inverse .navbar-nav > .activeBranch  > a:hover,
.navbar-inverse .navbar-nav > .activeBranch  > a:focus {
  color: #ffffff;
  background-color: #99C038;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #444444;
  background-color: #444444;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	border-color: #444444;
	background-color: #444444;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #99C038;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-fixed-top, 
.navbar-fixed-bottom {
	border-radius: 0;	
}
@media screen and (max-width: 768px) {
	.dropdown-menu > li > a {
	  color: #9e9e9e;
	}
}
.navbar-link {
	
  color: #777777;
}
.navbar-link:hover {
  color: #333333;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

/* =CUSTOM */
.navbar-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.4);	
	transition: all 1s;
}
.navbar-small .navbar-main {
	background-color: rgba(0,0,0,0.7);
}

.navbar-main .nav::before,
.navbar-main .nav::after {
	display: none;
}
.nav > li > a,
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
}
.navbar-main .nav > li > a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
body.page306 .navbar-main .nav > li.pageId1087 > a,
body.page237 .navbar-main .nav > li.pageId1088 > a,
body.page428 .navbar-main .nav > li.pageId1089 > a,
body.page714 .navbar-main .nav > li.pageId1090 > a,
body.page1002 .navbar-main .nav > li.pageId1091 > a,
body.page658 .navbar-main .nav > li.pageId1092 > a,
body.page1129 .navbar-main .nav > li.pageId1152 > a {
	color: #FFD800;
}
.navbar-main .nav > li > a[href*="7-on-7"] {
	white-space: nowrap;
}
.navbar-main .nav .caret {
	display: none;
}
.navbar-main .nav > li[data-page-id="376"] {
	display: none;
}
.navbar-main .nav > li[data-page-id="513"] > a {
	color: #ff4215;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 768px) {
	.navbar-main .nav {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		width: 100%;
	}	
	.navbar-main .navbar-nav > .activeBranch > a {
		color: #FFD800;
	}
	.navbar-main .navbar-nav > .open > a, 
	.navbar-main .navbar-nav > .open > a:hover, 
	.navbar-main .navbar-nav > .open > a:focus {
		background-color: transparent;	
		color: #FFD800;
	}
	.navbar-main .navbar-nav > li > a::after {
		position: absolute;
		bottom: 0px;
		content: ''; 
		height: 4px;
		background-color: #FFD800;
		width: calc(100% - 30px);
		left: 15px;
		transform: scale(0,1);
		transition: transform 0.3s;
	}
	.navbar-main .navbar-nav > li:first-child > a::after {
		width: calc(100% - 15px);
		left: 0;
	}
	.navbar-main .navbar-nav > li:last-child > a::after {
		width: calc(100% - 15px);
	}
	.navbar-main .navbar-nav > li > a:hover::after {
		transform: scale(1);
	}	
}
@media (min-width: 1400px) {
	.navbar-main .nav > li:first-child > a {
		padding-left: 0;
	}
	.navbar-main .nav > li:last-child > a {
		padding-right: 0;
	}
}
@media (max-width: 1399px) {
	.navbar-main .nav > li > a {
		text-align: center;
		font-size: 16px;
	}
}
@media (max-width: 1024px) {
	.navbar-main .nav > li > a {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.navbar-main {
		background-color: rgba(0,0,0,0.8);
		text-align: right;
		border-radius: 0;
		min-height: 0;		
	}
	.navbar-toggle,
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: transparent;
		border-color: transparent;
		color: #FFD800;
		border-radius: 0;
		padding: 10px 0px;
		margin: 0;
		border-radius: 0;
		box-shadow: none;	
		float: none;
	}
	.navbar-toggle label {
		color: #FFD800;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	.navbar-toggle label::before {
		font-family: 'FontAwesome';
		content: '\f0c9';
		padding-right: 10px;
	}
	.navbar-small .navbar-main {
		background-color: rgba(0,0,0,0.7);
	}
	.navbar-nav > .open > a, 
	.navbar-nav > .open > a:hover, 
	.navbar-nav > .open > a:focus {
		background-color: transparent;
	}
	.navbar-nav > .open > a:hover, 
	.navbar-nav > .open > a:focus {
		color: #FFD800;
	}	
	.navbar-nav .dropdown-menu > li > a,
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:focus {
		text-align: center;
		color: #FFD800;
	}
}

.sub-navbar {
	background-color: #f5f5f5;
	background-color: #444;
	position: relative;
	z-index: 2;
}
.sub-navbar .nav > li > a {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	color: #fff;
	position: relative;
	display: inline-block;
	transition: all 0.3s;
}
.sub-navbar .navbar-nav > .open > a:hover, 
.sub-navbar .navbar-nav > .open > a:focus {
	color: #FFD800;
}
.sub-navbar .caret {
	display: none;
}
@media (min-width: 1400px) {
	.sub-navbar .nav > li:last-child > a {
		padding-right: 0;
	}
	.sub-navbar .nav > li.activeBranch:last-child > a::after {
		width: calc(100% - 15px);
	}	
}
@media (min-width: 768px) and (max-width: 1199px) {
	.sub-navbar .nav > li > a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width: 768px) {
	.sub-navbar .nav {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-nav > .active > a, 
	.navbar-nav > .active > a:hover, 
	.navbar-nav > .active > a:focus {
		background-color: transparent;	
	}
	.sub-navbar .nav > li.activeBranch > a,
	.page51V7YF99 .sub-navbar .navbar-nav > li:first-child > a, 
	.page51V7YF99 .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page51V7YF99 .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.page51EK8T85 .sub-navbar .navbar-nav > li:first-child > a, 
	.page51EK8T85 .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page51EK8T85 .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.page4PKQQFGN .sub-navbar .navbar-nav > li:first-child > a, 
	.page4PKQQFGN .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page4PKQQFGN .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.page2W405S42 .sub-navbar .navbar-nav > li:first-child > a, 
	.page2W405S42 .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page2W405S42 .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.pageCILXNWL3 .sub-navbar .navbar-nav > li:first-child > a, 
	.pageCILXNWL3 .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.pageCILXNWL3 .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.page17263HHT .sub-navbar .navbar-nav > li:first-child > a, 
	.page17263HHT .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page17263HHT .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.pageP94W3M6R .sub-navbar .navbar-nav > li:first-child > a,
	.pageP94W3M6R .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.pageP94W3M6R .sub-navbar .navbar-nav > li:first-child > a:focus, 
	.page4QVP1RST .sub-navbar .navbar-nav > li:first-child > a, 
	.page4QVP1RST .sub-navbar .navbar-nav > li:first-child > a:hover, 
	.page4QVP1RST .sub-navbar .navbar-nav > li:first-child > a:focus {
		color: #ff4215;
		color: #FFD800;
	}
	.sub-navbar .nav > li.activeBranch > a::after,
	.page51V7YF99 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page51EK8T85 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page4PKQQFGN .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page2W405S42 .sub-navbar .navbar-nav > li:first-child > a::after,   
	.pageCILXNWL3 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page17263HHT .sub-navbar .navbar-nav > li:first-child > a::after, 
	.pageP94W3M6R .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page4QVP1RST .sub-navbar .navbar-nav > li:first-child > a::after	{
		content: '';
		width: calc(100% - 30px);
		height: 4px;
		display: block;
		bottom: 0;
		left: 15px;
		background-color: #ff4215;
		background-color: #FFD800;
		position: absolute;
	}
	.dropdown-menu {
		background-color: rgba(0,0,0,0.7);
	}	
}
@media (min-width: 768px) and (max-width: 1199px) {
	.sub-navbar .nav > li.activeBranch > a::after,
	.page51V7YF99 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page51EK8T85 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page4PKQQFGN .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page2W405S42 .sub-navbar .navbar-nav > li:first-child > a::after,   
	.pageCILXNWL3 .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page17263HHT .sub-navbar .navbar-nav > li:first-child > a::after, 
	.pageP94W3M6R .sub-navbar .navbar-nav > li:first-child > a::after, 
	.page4QVP1RST .sub-navbar .navbar-nav > li:first-child > a::after	{
		width: calc(100% - 20px);
		left: 10px;
	}
}
@media (max-width: 767px) {
	.sub-navbar .navbar-toggle,
	.sub-navbar .navbar-toggle:hover,
	.sub-navbar .navbar-toggle:focus {
		border-radius: 0;
		padding: 10px 0px;
		line-height: 1.6em;
		position: static;
	}
	.sub-navbar .navbar-toggle label {
		color: #FFD800;
	}
	.sub-navbar .navbar-nav {
		margin: 0;
	}
	.sub-navbar .nav > li > a,
	.sub-navbar .nav > li > a:hover,
	.sub-navbar .nav > li > a:focus {
		background-color: transparent;
		padding: 10px 15px;
		display: block;
		position: relative;
		border-top: 1px solid #777;
		font-size: 14px;
		color: #fff;
	}
	.sub-navbar .nav > li.activeBranch > a {
		color: #ff4215;
	}
	.sub-navbar .nav > li.activeBranch > a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 5px;
		height: 100%;
		background-color: #ff4215;
	}
}

/* dropdown */
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	transition: all 0.5s;
}
@media (min-width: 768px) {
	.navbar-main .dropdown-menu > li > a {
		font-size: 16px;
		font-weight: 300;
		color: #fff;
		position: relative;
	}
	.navbar-main .dropdown-menu > li > a:hover,
	.navbar-main .dropdown-menu > li > a:focus {
		color: #FFD800;
	}
	.navbar-main .dropdown-menu > li > a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 5px;
		height: 100%;
		background-color: transparent;
		transition: all 0.5s;
	}
	.navbar-main .dropdown-menu > li > a:hover::before {
		background-color: #FFD800;
	}
	.navbar-main .dropdown-menu > li.active > a, 
	.navbar-main .dropdown-menu > li.active > a:hover, 
	.navbar-main .dropdown-menu > li.active > a:focus {
		color: #ff4215;
	}
}

/* sub navbar */
.sub-navbar .dropdown-menu {
	background-color: #f5f5f5;	
}
.sub-navbar .dropdown-menu > li > a,
.sub-navbar .dropdown-menu > li > a:hover,
.sub-navbar .dropdown-menu > li > a:focus {
	text-decoration: none;
	transition: all 0.5s;
	color: #000;
}
@media (min-width: 768px) {
	.sub-navbar .dropdown-menu > li > a {
		font-size: 16px;
		font-weight: 300;
		position: relative;
	}
	.sub-navbar .dropdown-menu > li > a:hover,
	.sub-navbar .dropdown-menu > li > a:focus {
		color: #ff4215;
	}
	.sub-navbar .dropdown-menu > li > a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 5px;
		height: 100%;
		background-color: transparent;
		transition: all 0.5s;
	}
	.sub-navbar .dropdown-menu > li > a:hover::before {
		background-color: #ff4215;
	}
	.sub-navbar .dropdown-menu > li.active > a, 
	.sub-navbar .dropdown-menu > li.active > a:hover, 
	.sub-navbar .dropdown-menu > li.active > a:focus {
		color: #ff4215;
	}
}
@media (max-width: 767px) {
	.sub-navbar .dropdown-menu > li > a,
	.sub-navbar .dropdown-menu > li > a:hover,
	.sub-navbar .dropdown-menu > li > a:focus {
		text-align: left;
		text-transform: none;
		color: #fff;
	}
}

@media (min-width: 768px) {
	.sub-navbar li[data-page-id="1072"] a,
	.sub-navbar li[data-page-id="1114"] a {
		background-image: url(../data/i/menu-powder-puff.png);
		background-repeat: no-repeat;
		background-position: right center;
		display: inline-block;
		color: transparent !important;
		width: 133px;
		white-space: nowrap;
		
		/* taskId.16819134 2021/07/22 */
		background-image: url(../data/i/menu-girls-flag-football.png);
		width: 201px;
		
		/* taskId.16819170 2021/08/04 */
		background-image: url(../data/i/menu-girls-flag.png);
		width: 112px;
	}
	/* taskId.16819134 2021/07/22 */
	.sub-navbar li[data-page-id="1072"] a::after {
	    width: calc(100% - 15px) !important;
	}
	/* taskId.16819170 2021/08/04 */
	.sub-navbar li[data-page-id="1072"] a {
		margin-right: 10px;
	}
	.sub-navbar li[data-page-id="1072"] a::after {
	    width: calc(100% - 15px) !important;
	}
	.sub-navbar li[data-page-id="1114"] a {
		background-image: url(../data/i/menu-girls-basketball.png);
		width: 161px;
	}
	body#page1072 .sub-navbar li[data-page-id="1072"].activeBranch a::after,
	body#page1114 .sub-navbar li[data-page-id="1114"].activeBranch a::after {
		background-color: hotpink !important;
	}
}
@media (max-width: 767px) {
	.sub-navbar li[data-page-id="1072"] a,
	.sub-navbar li[data-page-id="1114"] a {
		color: hotpink !important;
	}
	.sub-navbar .nav > li.activeBranch[data-page-id="1072"] > a::before,
	.sub-navbar .nav > li.activeBranch[data-page-id="1114"] > a::before {
		background-color: hotpink;
	}
}

/* smooth dropdown start */
@media (min-width: 768px) {
	.dropdown .dropdown-menu {
		transition: all 1s;
		max-height: 0;
		display: none; /* with display: block the menu is still there and reacts on mouse over */
		overflow: hidden;
		opacity: 0;
	}
	.dropdown.open .dropdown-menu {
		max-height: 500px;
		opacity: 1;
		display: block;
	}
}	
/* smooth dropdown end */
/*** END responsive-2/global/navigation.css ***/

/*** START responsive-2/global/media.css ***/
/* Media */
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {

}
@media print {
	body {
		padding-top: 0px;	
	}
	h1.pageTitle {
		margin-top: 0px;
		padding-top: 0px;	
	}
}
@media (min-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}

}
@media (max-width: 480px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}
}
@media (max-width: 979px) {

}
@media (min-width: 980px) {

}
@media (min-width: 768px) and (max-width: 1199px) {
	/* replace fixed spacing with full-width on smaller resolutions */
	.container {max-width: 100%;}
	
	/* fix horizontal scrolling on smaller resolutions */
	/*.row {margin-left: 0px; margin-right: 0px;}*/
}
@media (min-width: 980px) and (max-width: 1199px) {

} 
/*** END responsive-2/global/media.css ***/

/*** START responsive-2/global/buttons.css ***/
/* Buttons */
.btn 			{background-color: #ffd800; 			border: 1px solid #ffd800;				color: #000000;}
.btn-default 	{background-color: #f2f2f2;	border: 1px solid #f2f2f2;		color: #222222;}
.btn-primary 	{background-color: #ff4215;	border: 1px solid #ff4215;		color: #ffffff;}
.btn-success 	{background-color: #5cb85c;	border: 1px solid #5cb85c;		color: #ffffff;}
.btn-info 		{background-color: #f5f5f5;		border: 1px solid #f5f5f5;		color: #333333;}
.btn-warning 	{background-color: #f0ad4e;	border: 1px solid #f0ad4e;		color: #ffffff;}
.btn-danger 	{background-color: #f5f5f5;		border: 1px solid #f5f5f5;		color: #333333;}

.btn:hover, .btn:focus 					{background-color: #ffd800; 			border: 1px solid #ffd800; 			color: #000000;}
.btn-default:hover, .btn-default:focus 	{background-color: #f2f2f2;	border: 1px solid #f2f2f2;	color: #222222;}
.btn-primary:hover, .btn-primary:focus 	{background-color: #ff4215;	border: 1px solid #ff4215;	color: #ffffff;}
.btn-success:hover, .btn-success:focus 	{background-color: #4cae4c;	border: 1px solid #4cae4c;	color: #ffffff;}
.btn-info:hover, .btn-info:focus 		{background-color: #f5f5f5;		border: 1px solid #f5f5f5;		color: #3DB6EB;}
.btn-warning:hover, .btn-warning:focus 	{background-color: #eea236;	border: 1px solid #eea236;	color: #ffffff;}
.btn-danger:hover, .btn-danger:focus 	{background-color: #f5f5f5;	border: 1px solid #f5f5f5;	color: #d43f3a;}

.btn-link, .btn-link:hover, .btn-link:focus {background-color: transparent; border-color: transparent; color: #ffffff;}

.btn,
.btn:hover,
.btn:focus {
	border-radius: 0;
	padding: 10px 15px;	
	border: 0 none;
	font-size: 16px;
	font-weight: normal;
}
@media (max-width: 979px) {
	.btn, .btn:hover, .btn:focus {
		font-size: 15px;
	}	
}
@media (max-width: 767px) {
	.btn, .btn:hover, .btn:focus {
		font-size: 14px;	
	}	
}
@media (max-width: 479px) {
	.btn, .btn:hover, .btn:focus {
		font-size: 13px;	
	}	
}

button {
	background-color: #ffd800; border: 1px solid #ffd800; color: #000000;
	padding: 6px 12px;
}

.btn, .btn:hover, .btn:focus {
		
}
/*** END responsive-2/global/buttons.css ***/

/*** START responsive-2/global/comments.css ***/
/* Comments */

/* comments form */
.postCommentBlock {
	clear: both;
	overflow: hidden;
}
.postCommentBlock input, 
.postCommentBlock input:hover, 
.postCommentBlock input:focus {
	margin: 0;
	background-color: #737E85;
	color: #fff;
	border: 0 none;
}

/* list of comments */
.CommentsBody {
	border-left: 5px solid #ccc;
	padding-left: 15px;	
}
.CommentsCreatedAgo {
	border-bottom: 1px dashed;
}
.CommentedBy {
	font-style: italic;
}

/* Comments */
.summary-agregate {
	margin-bottom: 20px;
	margin-top: 20px;
}
.summary-agregate .ratingBar,
.summary-agregate .ratingBar div {
	display: inline-block;	
	margin-bottom: 0px;
}
.summary-agregate .Rating {
	margin-left: 10px;	
}

.allCommentsItem {
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.allCommentsBody {
	font-style: italic;
}
.allCommentsAuthor {
	color: #a4a4a4;
	padding-bottom: 10px;
	padding-top: 5px;
}
.allCommentsLocation {
	font-size: 12px;	
}
.allCommentsLocation a {
	color: #12315d;
}
.allCommentsDate {
	x-display: none;	
}
.allCommentsCreatedAgo {
	border-bottom: 1px dashed;	
}

/* old rating bar */
.ratingBar div::before {
	content: '';
	font-family: 'FontAwesome';
	color: #FAC419;
	font-size: 20px;
	letter-spacing: 5px;	
	cursor: default;
	font-style: normal;
	white-space: nowrap;
}
.ratingBar div.rating0 {
	display: none;	
}
.ratingBar .rating1::before {content: '\f005';}
.ratingBar .rating2::before {content: '\f005 \f005';}
.ratingBar .rating3::before {content: '\f005 \f005 \f005';}
.ratingBar .rating4::before {content: '\f005 \f005 \f005 \f005';}
.ratingBar .rating5::before {content: '\f005 \f005 \f005 \f005 \f005';}

/* rating bar START */
.rating-bar div::before {
	content: '';
	font-family: 'FontAwesome';
	color: #FAC419;
	font-size: 20px;
	letter-spacing: 5px;	
	cursor: default;
	white-space: nowrap;
}
.rating-bar div[data-rating="rating-1.0"]::before,
.rating-bar div[data-rating="rating-1.1"]::before,
.rating-bar div[data-rating="rating-1.2"]::before,
.rating-bar div[data-rating="rating-1.3"]::before,
.rating-bar div[data-rating="rating-1.4"]::before {
	content: '\f005';
}
.rating-bar div[data-rating="rating-1.5"]::before,
.rating-bar div[data-rating="rating-1.6"]::before,
.rating-bar div[data-rating="rating-1.7"]::before,
.rating-bar div[data-rating="rating-1.8"]::before,
.rating-bar div[data-rating="rating-1.9"]::before {
	content: '\f005 \f123';
}
.rating-bar div[data-rating="rating-2.0"]::before,
.rating-bar div[data-rating="rating-2.1"]::before,
.rating-bar div[data-rating="rating-2.2"]::before,
.rating-bar div[data-rating="rating-2.3"]::before,
.rating-bar div[data-rating="rating-2.4"]::before {
	content: '\f005 \f005';
}
.rating-bar div[data-rating="rating-2.5"]::before,
.rating-bar div[data-rating="rating-2.6"]::before,
.rating-bar div[data-rating="rating-2.7"]::before,
.rating-bar div[data-rating="rating-2.8"]::before,
.rating-bar div[data-rating="rating-2.9"]::before {
	content: '\f005 \f005 \f123';
}
.rating-bar div[data-rating="rating-3.0"]::before,
.rating-bar div[data-rating="rating-3.1"]::before,
.rating-bar div[data-rating="rating-3.2"]::before,
.rating-bar div[data-rating="rating-3.3"]::before,
.rating-bar div[data-rating="rating-3.4"]::before {
	content: '\f005 \f005 \f005';
}
.rating-bar div[data-rating="rating-3.5"]::before,
.rating-bar div[data-rating="rating-3.6"]::before,
.rating-bar div[data-rating="rating-3.7"]::before,
.rating-bar div[data-rating="rating-3.8"]::before,
.rating-bar div[data-rating="rating-3.9"]::before {
	content: '\f005 \f005 \f005 \f123';
}
.rating-bar div[data-rating="rating-4.0"]::before,
.rating-bar div[data-rating="rating-4.1"]::before,
.rating-bar div[data-rating="rating-4.2"]::before,
.rating-bar div[data-rating="rating-4.3"]::before,
.rating-bar div[data-rating="rating-4.4"]::before {
	content: '\f005 \f005 \f005 \f005';
}
.rating-bar div[data-rating="rating-4.5"]::before,
.rating-bar div[data-rating="rating-4.6"]::before,
.rating-bar div[data-rating="rating-4.7"]::before,
.rating-bar div[data-rating="rating-4.8"]::before,
.rating-bar div[data-rating="rating-4.9"]::before {
	content: '\f005 \f005 \f005 \f005 \f123';
}
/* rating bar END */

.cmtMessages .cmtMessage {
	margin-bottom: 20px;	
	margin-top: 20px;
	color: $color1;
	border: 1px solid;
	text-align: center;
	padding: 5px 10px;
}
.cmtMessages .error {
	color: #c0272d;	
	background-color: #fff;
	padding: 0;
}
.ipop-cmtMessages .cmtMessages .cmtMessage {
	margin: 0;	
}
/*#cmtRatingBlock {
	margin-bottom: 10px;	
}
.cmtRatingInputs td {
	vertical-align: middle;
	padding-right: 10px;	
}
.cmtRatingInputs input {
	margin-right: 3px;
}*/
.cmt-rating-block {
	display: inline-block;	
	line-height: 1em;
}
.cmt-rating-block input {
	display: none;
}
.cmt-rating-block label {
	cursor: pointer;	
	margin: 0;
	padding: 0;
	padding-right: 5px;
	line-height: 1em;
	position: relative;
}
.cmt-rating-block label span {
	display: none;
}
.cmt-rating-block + i {
	cursor: pointer;	
	font-size: 20px;
	color: #ccc;
	transition: all 0.3s;
	padding: 0; margin: 0;
	margin-left: 5px;
	visibility: hidden;
	line-height: 1em;
}
.cmt-rating-block + i:hover {
	color: red;	
}
.cmt-rating-block.rating-chosen + i {
	visibility: inherit;
}

/* f005 - filled, f006 - empty */
/* by default - all empty */
.cmt-rating-block label::before {
	font-family: 'FontAwesome';
	content: '\f006';
	color: #ccc;	
	font-size: 20px;
	transition: all 0.3s;
}
.cmt-rating-block:hover label::before,
.cmt-rating-block.rating-chosen label::before {
	color: #FAC419;	
}

/* on whole block hover - all filled */
.cmt-rating-block:hover label::before {
	content: '\f005';
}
/* on whole block hover stars after hovered - empty */
.cmt-rating-block:hover label:hover ~ label::before {
	content: '\f006';
}

/* chosen rating: all labels - filled */
.cmt-rating-block.rating-chosen label::before {
	content: '\f005';	
}
/* chosen rating: ... - empty */
.cmt-rating-block.rating-chosen input:checked + label ~ label::before {
	content: '\f006';	
}

.cmt-rating-block.rating-chosen:hover label::before {
	content: '\f005' !important;	
}
.cmt-rating-block.rating-chosen:hover label:hover ~ label::before {
	content: '\f006' !important;
}

/* comments form */
#commentForm {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
.ecs-item-tabs #cmtRatingBlock .table-responsive {
	border: 0 none;
	overflow: auto;
}
.enterComment {
	margin-top: 10px;		
}
.postCommentBlock {
	clear: both;
	overflow: hidden;
}
.postCommentBlock input, 
.postCommentBlock input:hover, 
.postCommentBlock input:focus {
	margin: 0;
}
#recaptcha_widget_div #recaptcha_area, 
#recaptcha_widget_div #recaptcha_table {
	width: auto !important;
}
#recaptcha_area {
	margin-bottom: 15px;	
}
.summary-agregate .Rating {
	margin-left: 0px;	
}
.ecs-item-tabs .cmtMessages {
	margin-bottom: 15px;
}

/* list of comments */
.CommentsBody {
	border-left: 5px solid #ccc;
	padding-left: 15px;	
}
.CommentsCreatedAgo {
	border-bottom: 1px dashed;
}
.CommentedBy {
	font-style: italic;
}
.cmtMessage {
	color: #00A89C;	
}
.cmtMessage .cmtError {
	color: #c0272d;	
}
.comments-item {
	padding: 0;
	display: flex;
	flex-flow: row-reverse nowrap;	
	justify-content: space-between;
}
.comment-content {
	flex: 1 1 auto;	
}
.comments-item > a,
.comments-item > img {
	flex: 0 0 150px;
	margin-bottom: 10px;
}
.comments-item img {
	border-radius: 5px;	
}
@media (min-width: 480px) {
	a + .comment-content {
		padding-right: 30px;	
	}	
}
@media (max-width: 479px) {
	.comments-item {
		flex-flow: column nowrap;	
	}	

}
.captchaRow {
	padding: 0;	
}

/*** END responsive-2/global/comments.css ***/

/*** START responsive-2/global/blogvariables.css ***/
/* Blog Variables */
/*** END responsive-2/global/blogvariables.css ***/

/*** START responsive-2/global/e-commercesearchresults.css ***/
/* ecommerce search results */
.page-search-results .cms-content h2 {
    padding: 0 0 15px 0;
    margin: 30px 0 15px 0;
    border-bottom: 1px solid #e7e7e7;
}
.page-search-results .pagination a {
	border-radius: 0 !important;
	border: 0 none;
	background-color: #f5f5f5;
	color: #333;
	padding: 10px 15px;
}
.page-search-results .pagination > li {
	border-radius: 0;
	margin-right: 3px;
	display: inline-block;
}
.page-search-results .pagination > .active > a {
	background-color: #666;
	color: #fff;
}
.cms-content #ecsSearchContainer2 form,
.cms-content #ecsSearchContainer1 form {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.cms-content #ecsSearchContainer2 form > *,
.cms-content #ecsSearchContainer1 form > * {
    margin: 0 10px 10px 0;
    padding: 10px 15px;
}
.cms-content #ecsSearchContainer2 form > input[type="text"],
.cms-content #ecsSearchContainer2 form > select,
.cms-content #ecsSearchContainer1 form > input[type="text"],
.cms-content #ecsSearchContainer1 form > select {
    border-color: #F1F1F2;
    background-color: #F1F1F2;
}
.cms-content #ecsSearchContainer2 form > select,
.cms-content #ecsSearchContainer1 form > select {
    cursor: pointer;
    background-image: url(../data/i/caret.png) ; /* !for(-ie) */
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;    
}
.cms-content #ecsSearchContainer2 form > input[type="text"],
.cms-content #ecsSearchContainer1 form > input[type="text"] {
    flex: 1 1 auto;
}
@media (max-width: 767px) {
    .cms-content #ecsSearchContainer2 form,
	.cms-content #ecsSearchContainer1 form {
        flex-flow: column nowrap;
    }
}
.search-results-categories {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
@media (max-width: 1024px) {
    .search-results-categories {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }   
}
@media (max-width: 479px) {
    .search-results-categories {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }   
}
.search-results-categories a {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.search-results-categories a:hover,
.search-results-categories a:focus {
    text-decoration: none;
}
.search-results-categories a::before {
    font-family: 'FontAwesome';
    content: '\f07c';
    margin-right: 5px;
}
.search-results-categories a:hover::before {
    content: '\f115';
}


table.ecs-search-table {
	width: 100%;
	max-width: 600px;	
}
table.ecs-search-table td {
	padding-bottom: 20px;	
	padding-right: 10px;
}
.ecs-search-table-reduced {
	margin-top: 10px;
	margin-bottom: 15px;	
}
.ecs-search-table-reduced td {
	padding-right: 15px;	
}
.ecs-search-table-reduced input[type="submit"] {
	margin-right: 10px;	
}
@media (max-width: 479px) {
	table.ecs-search-table, table.ecs-search-table tbody, table.ecs-search-table tfoot,
	table.ecs-search-table tr, table.ecs-search-table td, table.ecs-search-table th,
	.ecs-search-table-reduced, .ecs-search-table-reduced tbody, .ecs-search-table-reduced tfoot,
	.ecs-search-table-reduced tr, .ecs-search-table-reduced td, .ecs-search-table-reduced th {
		display: block;
	}
	table.ecs-search-table tr {clear: both; overflow: hidden; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #c7c7c7;}
	table.ecs-search-table td {padding-bottom: 5px;}
	table.ecs-search-table td.ecs-search-price-td * {display: inline-block; margin-right: 10px;}
	.ecs-search-table-reduced {border-bottom: 1px solid #c7c7c7; padding-bottom: 10px;}
}

.side-social {
	left: -45px;	
}
@media (max-width: 1250px) {
	/*.side-social {
		right: 15px;	
		left: auto;
		top: -15px;
	}	
	.side-social p {
		display: inline-block;	
	}*/
	.side-social {
		display: none;	
	}
	
}
@media (min-width: 1200px) {
    table.ecs-search-table {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    table.ecs-search-table tbody {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }
    table.ecs-search-table tr {
        width: 50%;
    }
}

/*** END responsive-2/global/e-commercesearchresults.css ***/

/*** START responsive-2/global/qmxvzw.css ***/
/* removed */
/*** END responsive-2/global/qmxvzw.css ***/

/*** START responsive-2/global/forum.css ***/
/* Discussion Forum */
.dscMain img {
	padding: 0; margin: 0; box-shadow: none;	
}

/* list of posts / threads */
.dscTopToolbar {
	width: 100%;	
}
.dscTopToolbar td.dscLinks {
	text-align: right;	
}
.dscTopToolbar button {
	background-color: #ff4215;
	border: 1px solid #ff4215;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	padding: 6px 12px;
}
.dscTopToolbar button::before {
	font-family: 'FontAwesome';
	content: '\f075';
	margin-right: 10px;	
}
.dscTopButtons {
	padding-top: 10px;
	padding-bottom: 10px;
}
.dscForumsTable th,
.dscThreadsTable th {
	background-color: #e8903a;
	color: #fff;
	padding: 10px 15px;	
}
.dscForumsTable td,
.dscThreadsTable td {
	padding: 10px 15px;
	border-right: 1px solid #fff;
}
.dscForumsTable tr:nth-child(odd) td,
.dscThreadsTable tr:nth-child(odd) td {
	background-color: #f5f5f5;
}
.dscForumsTable tr td:only-child {
	background-color: #f5f5f5;	
	font-weight: bold;
}
.dscForumIcon,
.dsc-forum-cell-posts,
.dsc-forum-cell-threads {
	text-align: center;	
}
.dscTopToolbar button::before,
.dscForumIcon::before,
.dscThreadIcon::before,
.dscPostIcon::before {
	font-family: 'FontAwesome';		
}
.dscForumIcon::before {content: '\f115';}
.dscThreadIcon::before {content: '\f0e6';}
.dscPostIcon::before {content: '\f0a4';	margin-right: 5px;}
.dscTopToolbar button::before {content: '\f075'; margin-right: 10px;}

/* thread heading */
.dscPostsTable thead th {
	background-color: #e8903a;
	padding: 10px;	
}
.dscPostsTable thead button {
	padding: 0; margin: 0;
	background-color: transparent;
	border: 0 none;	
	color: #fff;
	font-weight: bold;
}
.dscPostsTable thead button i {
	font-weight: normal;	
}

/* thread */
.forum-post-row > td {
	border-bottom: 1px solid #e7e7e7;	
	padding: 20px 15px;
}
.forum-post-row:first-child > td {
	background-color: #f5f5f5;
	border-bottom: 0 none;
}

/* dropdown options */
.dropdown-options {
	margin-left: 10px;	
	position: relative;
}
.dropdown-options > i {
	color: #fff;	
	cursor: pointer;
}
.dropdown-options-post > i {
	color: #e7e7e7;	
	font-size: 20px;
}
.dropdown-options > span {
	display: none;
	position: absolute;
	right: 0px;
	top: 100%;
	background-color: #ffffff;
	white-space: nowrap;
	padding: 10px 15px;
	text-align: left;	
}
.dropdown-options-post > span {
	background-color: #f5f5f5;
}
.dropdown-options-opened > span {
	display: inline-block;
}
.dropdown-options button {
	display: block;	
	background-color: transparent;
	border: 0 none;
	padding: 0; margin: 0;
	font-weight: bold;
	color: #ffffff;
}
.forum-post-subject {
	margin-bottom: 10px;	
}
.forum-post-row:not(:first-child) .forum-post-subject {
	display: none;
}
.forum-post-date {
	cursor: pointer;	
	margin-left: 15px;
}
.forum-post-date .date-created {
	opacity: 0;
	transition: all 0.2s;
	color: #999;
}
.forum-post-date .date-ago:hover + .date-created {
	opacity: 1;	
}
.forum-post-date .date-created::before {
	content: ' - ';	
}
.forum-post-details {
	margin-top: 10px;
	display: flex;
	flex-flow: row nowrap;
}
.forum-post-details button {
	text-align: left;	
}
.forum-post-details .dropdown-options {
	margin-left: auto;	
}
.dscQuoted,
.dscPostBody blockquote {
	font-style: italic;
	color: #999;
	margin: 0;
	border-left: 5px solid #e7e7e7;
	padding: 0;
	padding-left: 20px;
}
.dscQuoted {
	margin-top: 10px;	
}
.dscPostBody blockquote {
	margin-bottom: 10px;	
}
.dscPostBody blockquote blockquote {
	display: none;	
}
.dscPostBody blockquote ~ br {
	display: none;	
}

button.dscPostQuote {
	background-color: transparent;
	border: 0 none;
	color: #ffffff;	
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}
button.dscPostQuote i {
	font-weight: normal;
}

.forum-post-author-td .dscAvatar {
	margin-top: 10px;	
}
.forum-post-author-td .dscAvatar img {
	border-radius: 50%;
	margin: 0;
	box-shadow: none;
}
.forum-post-author-td {
	position: relative;	
	width: 150px;
	text-align: center;
}
.forum-post-author-details {
	position: absolute;
	left: 100%;
	top: 30px;
	background-color: #f5f5f5;	
	padding: 10px;
	white-space: nowrap;
	display: none;
	text-align: left;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.forum-post-author-td .dscAlias:hover ~ .forum-post-author-details,
.forum-post-author-td .dscAvatar:hover ~ .forum-post-author-details {
	display: block;	
}
@media (max-width: 1199px) {
	.forum-post-details {
		flex-flow: column nowrap;	
		position: relative;
	}
	.forum-post-details .dropdown-options {
		position: absolute;
		right: 0px;	
		top: 0px;
	}
}

/* post form */
.dscForm input[type="text"],
.dscForm textarea {
	height: auto;
	border: 1px solid #d7d7d7;
	padding: 10px 15px;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}
.dscForm button,
.dscForm input[type="submit"] {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	font-size: 16px;
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
}
table.dscSmiles img {
	margin: 0;	
	box-shadow: none;
}
.dscForm .dscFieldInput + td {
	width: 130px;
}
/*** END responsive-2/global/forum.css ***/

/*** START responsive-2/global/forms.css ***/
/* Forms */
.xform label {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: 300;	
}
.cms-content label {
	font-weight: 300;	
}
.formRequired {
	color: #ff4215;	
}
input:focus,
select:focus,
textarea:focus {
	box-shadow: none !important;	
}
.cms-content input[type="text"],
.cms-content input[type="email"],
.cms-content input[type="password"],
.cms-content input[type="number"],
.cms-content input[type="tel"],
.cms-content select,
.cms-content textarea {
	background-color: #555;
	border: 1px solid #555;	
	box-shadow: none;
	height: auto;
	padding: 6px 10px;
	border-radius: 0px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.8em;
	color: #ffffff;
	max-width: 100%;
}
@media (max-width: 767px) {
	.cms-content input[type="text"],
	.cms-content input[type="email"],
	.cms-content input[type="password"],
	.cms-content input[type="number"],
	.cms-content input[type="tel"],
	.cms-content select,
	.cms-content textarea {
		font-size: 14px;
	}	
}
.cms-content select {
	padding: 6px 30px 6px 12px;
	padding-right: 30px;
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.cms-content select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.cms-content input[type="text"][name*="cvv"] {
	width: 70px;
	text-align: center;
	margin-right: 10px;
}
.cms-content .scalar {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

/* =default layout START */
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	flex-flow: row wrap;	
	align-items: center;	
}
.form-horizontal .form-group > label,
.form-horizontal .form-group > .control-label {
	width: 200px;
	font-weight: 300;	
}
.form-horizontal .form-group > .form-controls,
.form-horizontal .form-group > .control-label + div {
	width: calc(100% - 200px);
}
.form-horizontal .form-controls:only-child {
	padding-left: 200px;	
}
.form-horizontal .form-group > .form-error {
	width: 100%;	
}
.form-horizontal .form-group > .form-error .alert {
	border: 0 none;
	background-color: transparent;
	padding: 0;
	margin: 0;	
}
.form-horizontal .form-group > .form-error {
	padding-left: 200px;	
}
.form-horizontal .form-group > .form-error div {
	display: inline;	
	padding-right: 5px;
}
.form-horizontal input[type="text"],
.form-horizontal input[type="email"],
.form-horizontal input[type="password"],
.form-horizontal input[type="tel"],
.form-horizontal select {
	max-width: 100%;
	width: 300px;		
}
@media (max-width: 1024px) {
	.form-horizontal input[type="text"],
	.form-horizontal input[type="email"],
	.form-horizontal input[type="password"],
	.form-horizontal input[type="tel"],
	.form-horizontal select {
		width: 250px;		
	}
}
@media (min-width: 480px) {
	.form-horizontal select[id*="date"] {
		width: auto;
		margin-right: 5px;
		margin-left: 5px;
	}
	.form-horizontal select[id*="date"]:first-child {
		margin-left: 0;
	}
	.form-horizontal select[id*="date"]:last-child {
		margin-right: 0;
	}
}
@media (max-width: 479px) {
	.form-horizontal select[id*="date"] {
		margin-bottom: 15px;
		margin-right: 5px;
	}
}
.form-horizontal textarea {
	width: 500px;	
	height: 150px;
	max-width: 100%;
}
.form-horizontal input[type="radio"],
.form-horizontal input[type="checkbox"] {
	margin: 0;	
	margin-right: 10px;
}
.form-horizontal label.checkbox,
.form-horizontal label.radio {
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.form-horizontal div.checkbox,
.form-horizontal div.radio {
	padding: 0;
	padding-bottom: 5px;
}
@media (max-width: 767px) {
	.form-horizontal .form-group > label {
		width: 150px;	
	}
	.form-horizontal .form-group > .form-controls {
		width: calc(100% - 150px);
	}	
	.form-horizontal .form-controls:only-child,
	.form-horizontal .form-group > .form-error {
		padding-left: 150px;	
	}		
}
@media (max-width: 479px) {
	.form-horizontal .form-group {
		flex-flow: column nowrap;	
	}	
	.form-horizontal .form-group > label {
		width: 100%;
		margin-bottom: 3px;
	}
	.form-horizontal .form-group > .form-controls {
		width: 100%;
	}	
	.form-horizontal .form-controls:only-child,
	.form-horizontal .form-group > .form-error {
		padding-left: 0px;	
	}	
}
/* =default layout END */

/* =bootstrap layout START */
.form-horizontal .control-group {
	margin-bottom: 20px;
	display: flex;
	flex-flow: row nowrap;	
	align-items: center;
}
.form-horizontal .control-group > .control-label {
	width: 200px;	
	padding-right: 15px;
}
.form-horizontal .control-group > .controls {
	width: calc(100% - 200px);	
}
.form-horizontal .control-group > .controls:only-child {
	padding-left: 200px;
}
@media (max-width: 767px) {
	.form-horizontal .control-group > .control-label {
		width: 150px;	
	}
	.form-horizontal .control-group > .controls {
		width: calc(100% - 150px);	
	}
	.form-horizontal .control-group > .controls:only-child {
		padding-left: 150px;
	}	
}
@media (max-width: 479px) {
	.form-horizontal .control-group {
		margin-bottom: 5px;		
		flex-flow: column nowrap;	
	}	
	.form-horizontal .control-group > .control-label {
		width: 100%;	
		margin-bottom: 3px;
	}
	.form-horizontal .control-group > .controls {
		width: 100%;	
	}
}

/* =bootstrap layout END */

/* =login box START */
.ipop-loginbox.iPopBlock.styled .iPopBox,
.ipop-registerbox.iPopBlock.styled .iPopBox {
	border: 0 none;
	padding: 30px;
}
.ipop-loginbox.iPopBlock.styled input[type="email"],
.ipop-loginbox.iPopBlock.styled input[type="text"],
.ipop-loginbox.iPopBlock.styled input[type="password"],
.ipop-registerbox.iPopBlock.styled input[type="email"],
.ipop-registerbox.iPopBlock.styled input[type="text"],
.ipop-registerbox.iPopBlock.styled input[type="password"] {
	width: 100%;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	border-radius: 0;
}
.ipop-loginbox.iPopBlock.styled a,
.ipop-registerbox.iPopBlock.styled a {
	text-decoration: underline;
}
.ipop-loginbox.iPopBlock.styled label,
.ipop-registerbox.iPopBlock.styled label {
	font-weight: 300;
}
.ipop-loginbox.iPopBlock.styled input[type="checkbox"],
.ipop-registerbox.iPopBlock.styled input[type="checkbox"] {
	margin: 0;	
	margin-right: 5px;
}
.ipop-loginbox.iPopBlock.styled .control-group,
.ipop-registerbox.iPopBlock.styled .control-group {
	margin-bottom: 10px;	
}
.login-box .close,
.register-box .close {
	display: none;
}
.login-box label,
.register-box label {
	margin: 0;	
}
.ipop-loginbox.iPopBlock.styled .login-error,
.ipop-registerbox.iPopBlock.styled .login-error {
    color: red;
}
.login-box button,
.login-box button:hover,
.login-box button:focus {
	margin-top: 10px;
	margin-bottom: 10px;
}
.register-box button,
.register-box button:hover,
.register-box button:focus {

}
.login-box .alert,
.register-box .alert {
	border: 0 none; 
	border-radius: 0px; 
	color: #A31F08; 
	padding: 5px 10px; 
	margin-bottom: 10px; 
	background-color: #ffe5e1; 
	line-height: 1.6em;
}
@media (max-width: 767px) {
	.ipop-loginbox.iPopBlock.styled .iPopBox,
	.ipop-registerbox.iPopBlock.styled .iPopBox {
		padding: 15px;	
	}
}
/* =login box END */

/* =dymamic placeholders START */
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
	color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
	color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders .form-error {
	display: none;
}
.dynamic-placeholders-box {
    max-width: 100%;
    width: 400px;
}
.dynamic-placeholders > div {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
	height: 50px;
	padding: 17px 15px 0px;
	width: 300px;
	max-width: 100%;
	font-size: 16px;
	font-weight: 300;
}
.dynamic-placeholders textarea {
	height: 150px;	
	width: 100%;
	padding: 20px 15px 0px;
}
.dynamic-placeholders span.selectWrapper {
	display: block;
	width: 100%;	
}
.dynamic-placeholders select {
	padding: 10px 10px 0px;	
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	/* padding-left: 13px !for(mac); */
}
.dynamic-placeholders input[type="checkbox"],
.dynamic-placeholders input[type="radio"] {
	margin: 0; padding: 0;
	margin-right: 10px;
}
.dynamic-placeholders label {
	margin: 0;
	position: absolute;
	left: 15px;
	top: 12px;	
	transition: all 0.3s;
	pointer-events: none;	
	color: #ffffff;
	font-weight: 300;
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
	font-size: 12px;
	top: 0px;
}
.dynamic-placeholders input.filled:invalid ~ label {
	color: red;	
}
.dynamic-placeholders input[type="checkbox"] ~ label,
.dynamic-placeholders input[type="radio"] ~ label {
	pointer-events: inherit;	
	font-size: 16px;
	position: static;
	color: #ffffff;
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label,
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
	color: #ffffff;
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio,
.dynamic-placeholders > div > div.checkbox {
	order: 2;	
	padding: 0;
	margin: 0;
	/* remove width 100% if want options to float */
	width: 100%;
}
.dynamic-placeholders > div > div.radio label,
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox label,
.dynamic-placeholders > div > div.checkbox + label {
	pointer-events: inherit;	
	font-size: 16px;
	position: static;
	color: #ffffff;
	display: inline;
	cursor: pointer;		
}
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox + label {
	order: 1;	
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label,
.dynamic-placeholders > div > div.checkbox > label {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;	
}
/* file */
.dynamic-placeholders > div > .fmFileUpload,
.dynamic-placeholders > div > input[type="file"] {
	width: 100%;
	order: 2;	
	font-weight: 300;
}
.dynamic-placeholders > div > .fmFileUpload + label,
.dynamic-placeholders > div > input[type="file"] + label {
	position: static;	
	font-size: 16px;
	width: 100%;
	order: 1;
	font-weight: bold;
	margin-bottom: 5px;
}
.dynamic-placeholders .xFormError {
	display: none;	
}

/* .dynamic-placeholders input.not-valid,
.dynamic-placeholders .not-valid select */
.dynamic-placeholders .xFormError ~ input[type="password"],
.dynamic-placeholders .xFormError ~ input[type="text"],
.dynamic-placeholders .xFormError ~ input[type="email"],
.dynamic-placeholders .xFormError ~ textarea,
.dynamic-placeholders .xFormError ~ select {
	border-color: #eed3d7;
	background-color: #f9eded;
}
.dynamic-placeholders .xFormError ~ label {
	color: #b94a48;
}
.alert-danger {
	background-color: #f9eded;	
}
@media (max-width: 767px) {
	.dynamic-placeholders > div {
		margin-bottom: 10px;
	}	
	.dynamic-placeholders input[type="text"],
	.dynamic-placeholders input[type="email"],
	.dynamic-placeholders input[type="password"],
	.dynamic-placeholders select,
	.dynamic-placeholders textarea {
		font-size: 13px;	
		padding: 20px 10px 0;		
	}	
	.dynamic-placeholders input[type="text"],
	.dynamic-placeholders input[type="email"],
	.dynamic-placeholders input[type="password"],
	.dynamic-placeholders select {
		height: 50px;	
	}	
	.dynamic-placeholders select {
		padding: 20px 5px 0px;	
	}	
	.dynamic-placeholders label {
		left: 10px;
		top: 15px;	
	}
	.dynamic-placeholders input:focus ~ label,
	.dynamic-placeholders .filled ~ label,
	.dynamic-placeholders select ~ label,
	.dynamic-placeholders .selectWrapper ~ label,
	.dynamic-placeholders textarea:focus ~ label {
		top: 5px;
	}		
}

.dynamic-placeholders-over input[type="text"], 
.dynamic-placeholders-over input[type="email"], 
.dynamic-placeholders-over input[type="password"], 
.dynamic-placeholders-over select {
	height: 45px;
	padding: 5px 15px;
	background-color: #fff;
	font-weight: 300;
}
.dynamic-placeholders-over .xFormError ~ input[type="password"],
.dynamic-placeholders-over .xFormError ~ input[type="text"],
.dynamic-placeholders-over .xFormError ~ input[type="email"],
.dynamic-placeholders-over .xFormError ~ textarea,
.dynamic-placeholders-over .xFormError ~ select {
	background-color: #fff;
	border-color: #b94a48;	
}
.dynamic-placeholders-over select {
	padding: 5px 10px;	
}
.dynamic-placeholders-over textarea {
	background-color: #fff;	
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 300;
}
.dynamic-placeholders-over label {
	height: 10px;
	display: inline-block;
	background-color: #fff;	
	line-height: 1em;
	padding-left: 5px;
	padding-right: 5px;
	left: 10px;
	top: 15px;
}
.dynamic-placeholders-over input:focus ~ label, 
.dynamic-placeholders-over .filled ~ label, 
.dynamic-placeholders-over select ~ label, 
.dynamic-placeholders-over .selectWrapper ~ label, 
.dynamic-placeholders-over textarea:focus ~ label {
	top: -5px;
}
.dynamic-placeholders-over > div {
	margin-bottom: 20px;	
}

@media (max-width: 767px) {
	.dynamic-placeholders-over > div {
		margin-bottom: 15px;	
	}	
	.dynamic-placeholders-over label {
		top: 15px;	
	}	
}
/* =dymamic placeholders END */

.form-fields-container {
	display: flex;	
	flex-flow: row wrap;
	justify-content: space-between;
}
.form-fields-container input[type="text"],
.form-fields-container input[type="email"],
.form-fields-container input[type="password"],
.form-fields-container input[type="number"],
.form-fields-container select,
.form-fields-container textarea {
	width: 100%;
}
.form-fields-container > div.empty-block {
    height: 0; visibility: hidden; margin: 0; padding: 0;
}
.form-fields-container > div {
	width: calc(33.3333% - 15px);
}
.xform button {
	background-color: #ffffff;
	color: #fff;
	border: 0 none;
	padding: 10px 15px;	
	font-size: 16px;
}
.xform button[type="reset"] {
	background-color: #3DB6EB;	
}
@media (max-width: 979px) {
	.form-fields-container > div {
		width: calc(33.3333% - 10px);	
	}
}
@media (max-width: 767px) {
	.form-fields-container > div {
		width: calc(50% - 5px);	
	}
}
@media (max-width: 479px) {
	.form-fields-container > div {
		width: 100%;	
	}
}

/* =content login box START */
.cms-content .login-box {
	width: 350px;
	max-width: 100%;
}
.cms-content .login-box label {
	font-weight: 300;
	padding: 0; margin: 0;
	color: #ffffff;
}
.cms-content .login-box input[type="checkbox"] {
	padding: 0; margin: 0; position: static;
	margin-right: 5px;
}
.login-error {
	color: red;	
	margin-bottom: 10px;
}
.login-error > div::before {
	content: '\f071';
	font-family: 'FontAwesome';
	margin-right: 10px;
}
.login-box input[type="text"],
.login-box input[type="email"],
.login-box input[type="password"],
.register-box input[type="text"],
.register-box input[type="email"],
.register-box input[type="password"] {
	box-shadow: none;
}
.login-box label i,
.register-box label i {
	color: #d7d7d7;
}
@media (max-width: 479px) {
	.cms-content .login-box {
		padding: 15px;	
	}	
}
/* =content login box END */

/* =password-recovery START */
.password-recovery .dynamic-placeholders {
	width: 350px;
	max-width: 100%;	
}
.password-recovery .error {
	color: darkred;	
}
.password-recovery .error::before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;	
}
/* =password-recovery END */

/* newsletter popup */
.section-newsletter-popup {
	background-color: rgba(0,0,0,0.5);
	position: fixed;	
	width: 100%;
	height: 100%;
	left: 0px;
	top: -1000px;
	opacity: 0;
	text-align: center;
	transition: opacity 0.5s linear;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.newsletter-active .section-newsletter-popup {
	opacity: 1;
	top: 0px;	
}
.section-newsletter-popup .container {
	width: 600px;
	max-width: 100%;	
	padding: 50px;
	position: relative;
	background-color: #fff;
}
.section-newsletter-popup .container h3 {
	margin: 0 0 20px;	
}
.section-newsletter-popup .container h3 + * {
	margin: 0 0 20px;	
}
.section-newsletter-popup input[type="email"],
.section-newsletter-popup input[type="text"] {
	border-radius: 0;
	font-weight: 300;
}
.section-newsletter-popup label {
	font-weight: 300;
}
.section-newsletter-popup input[type="email"]:focus,
.section-newsletter-popup input[type="text"]:focus {
	box-shadow: none;
}
.section-newsletter-popup ::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}
.section-newsletter-popup ::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.section-newsletter-popup :-ms-input-placeholder {
	color: #999;
	opacity: 1;
}
.section-newsletter-popup :-moz-placeholder {
	color: #999;
	opacity: 1;
}
.section-newsletter-popup button,
.section-newsletter-popup button:hover,
.section-newsletter-popup button:focus {
	background-color: #ffffff;
	color: #fff;
}
.section-newsletter-popup .close,
.section-newsletter-popup .close:hover,
.section-newsletter-popup .close:focus {
	background-color: transparent;
	position: absolute;
	border: 0 none;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 1;
	text-shadow: none;
	font-size: 24px;
	color: #ffffff;
}
.newsletter-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	z-index: 0;		
}
@media (max-width: 767px) {
	.newsletter-active .section-newsletter-popup {
		display: none;	
	}
}
.section-newsletter-popup .dynamic-placeholders {
	margin: 0 auto;	
	width: 300px;
	max-width: 100%;
}

/* send to friend popup */
.send-to-friend-fields > div {
	width: 100%;	
}
@media (min-width: 768px) {
	.send-to-friend-fields {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;	
	}
	.send-to-friend-fields > div:not(:last-child) {

		width: calc(50% - 10px);	
	}
}
.section-send-to-friend-popup {
	background-color: rgba(0,0,0,0.5);
	position: fixed;	
	width: 100%;
	height: 100%;
	left: 0px;
	top: -1000px;
	opacity: 0;
	text-align: center;
	transition: opacity 0.5s linear;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.send-to-friend-active .section-send-to-friend-popup {
	opacity: 1;
	top: 0px;	
}
.section-send-to-friend-popup .container {
	width: 600px;
	max-width: 100%;	
	padding: 50px;
	position: relative;
	background-color: #fff;
}
.section-send-to-friend-popup .container h3 {
	margin: 0 0 20px;	
}
.section-send-to-friend-popup .container h3 + * {
	margin: 0 0 20px;	
}
.section-send-to-friend-popup input[type="email"],
.section-send-to-friend-popup input[type="text"] {
	border-radius: 0;
	font-weight: 300;
}
.section-send-to-friend-popup textarea {
	box-shadow: none;
	border-radius: 0;
}
.section-send-to-friend-popup input[type="email"]:focus,
.section-send-to-friend-popup input[type="text"]:focus {
	box-shadow: none;
}
.section-send-to-friend-popup label {
	font-weight: 300;
}
.section-send-to-friend-popup button {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #fff;
}
.section-send-to-friend-popup .close {
	position: absolute;
	background-color: transparent; 
	color: #ffffff;
	border: 0 none;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 1;
	text-shadow: none;
	font-size: 24px;
}
.send-to-friend-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	z-index: 0;		
}
@media (max-width: 767px) {
	.section-send-to-friend-popup .container {
		padding: 15px;	
	}
}

/* taskId.16816922 2020/01/28 */
.depends-on {
	display: none !important;
}
/* taskId.16818779 2021/03/29 - removed (new functionality added) */
/*.master-checkbox-container-01.master-checked ~ .depends-on-01,*/
.master-checkbox-container-02.master-checked ~ .depends-on-02 {
	display: table-row !important;
}
@media (max-width: 979px) {
	/* taskId.16818779 2021/03/29 - removed (new functionality added) */
    /*.master-checkbox-container-01.master-checked ~ .depends-on-01,*/
    .master-checkbox-container-02.master-checked ~ .depends-on-02 {
        display: block !important;
    }    
}
.depends-on-01 td:first-child::after,
.depends-on-02 td:first-child::after {
    content: '*';
    color: #ff4215;
    margin-left: 3px;
}
@media (min-width: 980px) {
    .depends-on-01 td:first-child,
    .depends-on-02 td:first-child {
        padding-left: 30px;
    }
}


#contact-league-and-parents-popup {
    color: #000;
}
#contact-league-and-parents-popup p {
    margin: 0;
}

body.show-ontact-league-and-parents-popup #contact-league-and-parents-popup,
body.show-popup-i-reviewed-faq #popup-i-reviewed-faq,
body.show-popup-i-agree-to-terms #popup-i-agree-to-terms,
/* taskId.16818779 2021/03/29 */
body.show-want-to-be-head-coach #want-to-be-head-coach,
body.show-want-to-be-assistant-coach #want-to-be-assistant-coach,
body.show-want-to-be-team-mom #want-to-be-team-mom,
body.show-want-to-be-coach-no #want-to-be-coach-no,
body.show-popup-weekday-cannot-practice #weekday-cannot-practice {
    display: flex !important;
}
#contact-league-and-parents-popup,
#popup-i-reviewed-faq,
#popup-i-agree-to-terms,
.want-to-be-popup,
.popup-layout {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    color: #000;
}
.contact-league-and-parents-popup-overlay,
.popup-i-reviewed-faq-overlay,
.popup-i-agree-to-terms-overlay,

.want-to-be-head-coach-overlay,
.want-to-be-assistant-coach-overlay,
.want-to-be-team-mom-overlay,
.want-to-be-coach-no-overlay,
.popup-overlay {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
}
.contact-league-and-parents-popup,
.popup-i-reviewed-faq,
.popup-i-agree-to-terms,

.want-to-be-head-coach,
.want-to-be-assistant-coach,
.want-to-be-team-mom,
.want-to-be-coach-no,
.popup-content {
    background-color: #fff;
    padding: 30px;
    position: relative;
    z-index: 26;
    max-width: calc(100vw - 60px);
}
.want-to-be-head-coach,
.want-to-be-assistant-coach,
.want-to-be-team-mom,
.want-to-be-coach-no,
.popup-content {
	max-width: 900px;
	max-width: calc(100vw - 60px);
}
.contact-league-and-parents-popup-close,
.popup-i-reviewed-faq-close,
.popup-i-agree-to-terms-close,

.want-to-be-head-coach-close,
.want-to-be-assistant-coach-close,
.want-to-be-team-mom-close,
.want-to-be-coach-no-close,
.popup-close {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .contact-league-and-parents-popup,
    .popup-i-reviewed-faq,
    .popup-i-agree-to-terms,
	
	.want-to-be-head-coach,
	.want-to-be-assistant-coach,
	.want-to-be-team-mom,
	.want-to-be-coach-no,
	.popup-content {
        padding: 15px;
    }    
}

@media (max-width: 979px) {
    .registration tr.tr-checkbox-container {
        display: flex;
        flex-flow: row nowrap;
        align-items: baseline;
    }   
    .registration tr.tr-checkbox-container > * {
        width: auto;
    }
    .registration tr.tr-checkbox-container > *:first-child {
        order: 2;
    }
    .registration tr.tr-checkbox-container > *:last-child {
        order: 1;
        flex: 0 0 auto;
    }
}

.want-to-be-popup h3,
.popup-content h3 {
	border-color: #FFD800;
	margin: 0 0 15px;
	padding: 0 0 10px;
}
tr.tr-want-to-be-head-coach ~ .depends-on-coach,
tr.tr-want-to-be-assistant-coach ~ .depends-on-coach {
	display: table-row !important;
}
@media (max-width: 979px) {
	tr.tr-want-to-be-head-coach ~ .depends-on-coach,
	tr.tr-want-to-be-assistant-coach ~ .depends-on-coach {
		display: block !important;  
	}
}

/* taskId.16819504 2021/12/17 */
tr.tr-want-to-be-head-coach ~ .depends-on.coach-name,
tr.tr-want-to-be-assistant-coach ~ .depends-on.coach-name,
tr.tr-want-to-be-team-mom ~ .depends-on.coach-name {
	display: table-row !important;
}
@media (max-width: 979px) {
	tr.tr-want-to-be-head-coach ~ .depends-on.coach-name,
	tr.tr-want-to-be-assistant-coach ~ .depends-on.coach-name,
	tr.tr-want-to-be-team-mom ~ .depends-on.coach-name {
		display: block !important;  
	}
}
.coach-name td:first-child::after {
	content: '*';
	display: inline-block;
	margin-left: 3px;
	color: #ff4215;
}

/* taskId.16817566 2020/05/20 formatted phone START */
/* ---------------------------------------------------------------------------------------- */

/* taskId.16819164 2021/08/03 additional coach questions START */
/* show "Are you wanting to coach a returning team?" when head coach or assistant is selected */
tr.tr-want-to-be-head-coach ~ tr.depends-on-coach-2,
tr.tr-want-to-be-assistant-coach ~ tr.depends-on-coach-2 {
	display: table-row !important;
}
@media (max-width: 979px) {
	tr.tr-want-to-be-head-coach ~ tr.depends-on-coach-2,
	tr.tr-want-to-be-assistant-coach ~ tr.depends-on-coach-2 {
		display: block !important;  
	}
}
/* show "What is the TEAM NAME? " when "yes" is selected, but only if head coach or assistant is selected */
tr.tr-want-to-be-head-coach ~ tr.returning-team[value="yes"] ~ tr.depends-on-returning-team,
tr.tr-want-to-be-assistant-coach ~ tr.returning-team[value="yes"] ~ tr.depends-on-returning-team {
	display: table-row !important;
}
@media (max-width: 979px) {
	tr.tr-want-to-be-head-coach ~ tr.returning-team[value="yes"] ~ tr.depends-on-returning-team,
	tr.tr-want-to-be-assistant-coach ~ tr.returning-team[value="yes"] ~ tr.depends-on-returning-team {
		display: block !important;  
	}
}
/* taskId.16819164 2021/08/03 additional coach questions END */


.xform .phone-formatted {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;	
	width: 300px;
	max-width: 100%;
	background-color: #555555;
	position: relative;
}
@media (max-width: 1024px) {
    .xform .phone-formatted {
    	width: 250px;
    }
}
.xform .phone-formatted ~ input,
.xform.reloaded .phone-formatted {
	display: none;
}
.xform.reloaded .phone-formatted ~ input,
html.sysdebug .xform .phone-formatted ~ input {
	display: block;
}
.xform .phone-formatted input {
	width: auto;
	text-align: center;
	flex: 0 1 auto;
}
.xform .phone-formatted input:focus,
.xform .phone-formatted input:hover {
	box-shadow: none;
	outline: none;
}
.xform .phone-formatted input[name="phone-formatted-1"] {
	width: 46px;
	padding-right: 0;
}
.xform .phone-formatted input[name="phone-formatted-2"] {
	width: 37px;
	padding-left: 0;
	padding-right: 0;
}
.xform .phone-formatted input[name="phone-formatted-3"] {
	width: 100px;
	flex: 1 1 auto;
	padding-left: 3px;
	text-align: left;
}
.xform .phone-formatted .sep {
	color: #888;
}

.xform .phone-formatted ::-webkit-input-placeholder {
	color: #888;
	opacity: 1;
}
.xform .phone-formatted ::-moz-placeholder {
	color: #888;
	opacity: 1;
}
.xform .phone-formatted :-ms-input-placeholder {
	color: #888;
	opacity: 1;
}
.xform .phone-formatted :-moz-placeholder {
	color: #888;
	opacity: 1;
}

.xform .phone-formatted input:focus::-webkit-input-placeholder {
	color: transparent;
}
.xform .phone-formatted input:focus::-moz-placeholder {
	color: transparent;
}
.xform .phone-formatted input:focus:-ms-input-placeholder {
	color: transparent;
}
.xform .phone-formatted input:focus:-moz-placeholder {
	color: transparent;
}
.xform .phone-formatted .fa {
	color: #888;
	position: absolute;
	right: 5px;
	top: 11px;
	cursor: pointer;	
	display: none;
}
.xform .phone-formatted.filled .fa {
	display: inline-block;
}
.xform .phone-formatted .fa:hover {
	color: #fff;
}

/* Chrome, Safari, Edge, Opera */
.phone-formatted input::-webkit-outer-spin-button,
.phone-formatted input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
.phone-formatted input[type=number] {
  -moz-appearance: textfield;
}
/* taskId.16817566 2020/05/20 formatted phone END */
/* ---------------------------------------------------------------------------------------- */

@media (min-width: 1400px) {
	#F145 .dynamic-placeholders {
		width: 620px;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
}
#F145 .dynamic-placeholders > div {
	width: 300px;
}
#F145 .dynamic-placeholders input.filled:invalid ~ label {
	color: pink;
}
table.login-register,
table.login-register > tbody,
table.login-register > tbody > tr > *{
	display: block;
}
table.login-register > tbody > tr {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
table.login-register > tbody > tr > * {
	width: calc(50% - 15px);
}
@media (max-width: 575px) {
	table.login-register > tbody > tr {
		display: block;
	}
	table.login-register > tbody > tr > * {
		width: 100%;
	}
}
#F145 .formRequired {
	margin-left: 3px;
}
input ~ .fa-eye,
input ~ .fa-eye-slash {
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
}
input ~ .fa-eye:hover {
    color: #FFD800;
}
input ~ .fa-eye-slash,
input ~ .fa-eye-slash:hover {
    color: #FFD800
}
input[type="text"] ~ .fa-eye,
input[type="password"] ~ .fa-eye-slash {
    display: none;
}

/* taskId.16818617 */
.tr-grade-boys-basketball,
.tr-grade-girls-basketball,
.tr-grade-title,

/* taskId.16819366 */
.tr-football-grade-girls,
.tr-football-grade-flag {
	display: none !important;
}
@media (min-width: 980px) {
	.boys-selected ~ .tr-grade-boys-basketball,
	.girls-selected ~ .tr-grade-girls-basketball,
	.boys-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-grade-title,
	
	/* taskId.16819366 */
	.flag-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-football-grade-girls,
	.flag-selected ~ .tr-football-grade-flag {
		display: table-row !important;
	}	
}
@media (max-width: 979px) {
	.boys-selected ~ .tr-grade-boys-basketball,
	.girls-selected ~ .tr-grade-girls-basketball,
	.boys-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-grade-title,
	
	/* taskId.16819366 */
	.flag-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-grade-title,
	.girls-selected ~ .tr-football-grade-girls,
	.flag-selected ~ .tr-football-grade-flag {
		display: block !important;
	}	
}

.tr-grade-boys-basketball td:first-child::after,
.tr-grade-girls-basketball td:first-child::after,

/* taskId.16819366 */
.tr-football-grade-girls td:first-child::after,
.tr-football-grade-flag td:first-child::after {
	content: '*';
	color: #ff4215;
	margin-left: 3px;
}

/* taskId.16818685 2021/03/02 */
#F131 #xFormFieldD402 option[value="Youth XL"],
#F131 #xFormFieldD403 option[value="Youth XL"] {
    display: none;
}

.registration tr[class*="tr-mailing"] {
	display: none;
}
.registration tr.tr-mailingIsDifferent,
.registration tr.tr-mailingIsDifferent[is-checked="true"] ~ tr[class*="tr-mailing"] {
	display: table-row;
}
.registration tr.tr-mailingIsDifferent label {
	cursor: pointer;
}
@media (max-width: 979px) {
	.registration tr.tr-mailingIsDifferent,
	.registration tr.tr-mailingIsDifferent[is-checked="true"] ~ tr[class*="tr-mailing"] {
		display: block;
	}	
	.registration tr.tr-mailingIsDifferent {
		display: flex;
		flex-flow: row nowrap;
		align-items: baseline;
	}
	.registration tr.tr-mailingIsDifferent td:first-child {
		order: 2;
	}
	.registration tr.tr-mailingIsDifferent td:last-child {
		order: 1;
		width: auto;		
	}
}

.xform input[disabled] {
	cursor: not-allowed;
	color: #aaa;
}

/* taskId.16820616 2023/02/07 */
.playing-baseball-team[value="yes"] ~ .depends-on-playing-baseball-team {display: table-row !important;}
@media (max-width: 979px) {
    .playing-baseball-team[value="yes"] ~ .depends-on-playing-baseball-team {display: block !important;}
}
.registration .depends-on-playing-baseball-team td:first-child {
    padding-left: 30px;
}
@media (max-width: 979px) {
    .registration .depends-on-playing-baseball-team td {
        padding-left: 30px;
    }
}
.depends-on-playing-baseball-team label::after {
    content: '*';
    color: #ff4215;
    display: inline-block;
    margin-left: 3px;
}
/*** END responsive-2/global/forms.css ***/

/*** START responsive-2/global/adminhelp.css ***/
/* Admin Help */

/* settings bar START */
.settings-bar {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 0;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	overflow: hidden;
	transition: all 0.5s;
	color: #fff;
}
.settings-bar-on .settings-bar {
	display: block;
	width: 100%;
	opacity: 1;
}
.settings-bar form {
	padding: 10px;
	padding-right: 50px;	
	display:flex;
	flex-flow: row nowrap;	
	align-items: center;	
	justify-content: flex-end;
}
.settings-bar form > div {
	border-right: 1px solid rgba(255,255,255,0.3);
	border-radius: 50px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #000;	
	display:flex;
	flex-flow: row nowrap;	
	align-items: center;
}
.settings-bar form > span:not(:first-child) {
	border-left: 1px solid #999;
	padding-left: 20px;
}
.settings-bar label {
	font-weight: normal;
	margin: 0;	
	background-color: transparent;
	transition: all 0.5s;
	cursor: pointer;
	width: 35px;
	height: 35px;
	text-transform: lowercase;
	display: flex;
	justify-content: center;
	align-items: center;
}
.settings-bar form > div:hover input:not(:checked) + label {
	text-shadow: 0px 0px 5px #99C038;
	color: #99C038;
}
.settings-bar input:checked + label {
	background-color: #99C038;	
	cursor: default;
	border-radius: 50px;	
}
.settings-bar input:checked + label:last-child {
	background-color: #999;		
}
.settings-bar input[type="radio"] {
	display: none;	
}
.admin-help-content:not(::active) .sys-variable-inner {
	display: none;
}
.admin-help-content .sys-variable-inner::before {
    content: attr('title');
}
.settings-bar-switcher {
	position: fixed;
	top: 10px;
	right: 10px;
	background-color: #fff;
	color: #ffffff;
	padding: 5px;
	cursor:pointer;
	transition: all 0.5s;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* if there are active features */
.admin-help-active .settings-bar-switcher {
	color: red;	
}
/* if bar is opened */
.settings-bar-on .settings-bar-switcher {
	background-color: #99C038;
	color: #fff;	
}
/* settings bar END */

/* administration help START */
/* 
.admin-help-container-parent 	- is added by js
.admin-help-content 			- container for help popup
.admin-help-content-show 		- is added by us
*/
h1 .admin-help-content *,
h2 .admin-help-content * {
	line-height: 1em;
	text-align: left;	
}
body:not(.admin-help-active) .admin-help-content {
	display: none;	
}
.admin-help-active .section-help {
	position: relative;	
}
.admin-help-content .sys-variable-inner {
	display: none;	
}
.admin-help-active i.fa-question-circle {
	display: block;
	position: absolute;
	top: 30px;
	color: red;
	cursor: pointer;
	font-size: 40px;
	background-color: #fff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);	
	right: calc(100% + 10px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.admin-help-content-show .admin-help-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
@media (max-width: 1199px) {
	.admin-help-active i.fa-question-circle {
		left: 0px;	
		top: 0px;
		font-size: 30px;
		width: 35px;
		height: 35px;
	}	
}
.admin-help-active i.fa-question-circle.left {
	right: auto;
	left: 15px;	
}
.admin-help-active i.fa-question-circle.top {
	top: 150px;
}
/* customizations */
.admin-help-active .header i.fa-question-circle {
	left: -45px;
	top: -10px;
}
.admin-help-active .logo-container i.fa-question-circle.top {
	top: 30px;
	left: -45px;
}
.admin-help-active .navbar i.fa-question-circle.top {
	top: 15px;
	left: -45px;
}
.admin-help-active .admin-help-container-parent {
	position: relative;	
}
.admin-help-content-show {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;	
}
.admin-help-content-show .sys-variable-inner {
	display: block;
	background-color: #fff;
	padding: 0 0 15px;	
	width: auto;
	max-width: 900px;
	position: relative;
	font-size: 16px;
	text-transform: none;
	text-align: left;
	border-radius: 5px;
	overflow: hidden;
}
.admin-help-content-show .sys-variable-inner-inner {
	overflow-y: auto;	
	max-height: -webkit-calc(100vh - 200px);	
	max-height: -moz-calc(100vh - 200px);	
	max-height: calc(100vh - 200px);
}
.admin-help-content-show .sys-variable-inner > * {
	padding-left: 15px;
	padding-right: 15px;	
}
.admin-help-content-show .sys-variable-inner::before {
	content: attr(title);	
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
	margin-bottom: 15px;	
	background-color: #f2f2f2;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	color: #ffffff;
}
.admin-help-content-show .sys-variable-inner * {
	color: #ffffff;	
}
.admin-help-content-show .sys-variable-inner img {
	max-width: 100%;
	height: auto !important;	
}
.admin-help-content-show i.fa-close {
	cursor: pointer;		
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	right: 0px;
	top: 10px;
	display: inline-block;
}
.admin-help-content-show i.fa-close:hover {
	color: red;	
}

.fake-addthis {
	position: fixed;
	width: 48px;
	height: 1px !important;
}
.admin-help-active .fake-addthis.admin-help-container-parent {
	position: fixed;
}
.admin-help-active .fake-addthis i.fa-question-circle.left {
	left: -60px;
	top: 0px;
}
.admin-help-content .code {
	background-color: #f5f5f5;
	border-left: 3px solid #d7d7d7;
	padding: 15px;	
	font-size: 14px;
	line-height: 1.3em;
}
/*** END responsive-2/global/adminhelp.css ***/

/*** START responsive-2/global/outdatedbrowsers.css ***/
/* Outdated Browsers */

/* outdated browsers START */
.outdated-browsers {
	position: fixed;
	width: 600px;
	top: 300px;
	top: calc(50% - 100px);
	left: 300px;
	left: calc(50% - 250px);
	background-color: #ffffff;
	color: #fff;
	z-index: 1031;
	box-shadow: 10px 10px 0px rgba(0,0,0,0.5);
	display: none ; /* !for(-ie10 -ie9 -ie8 -ie7 -ie6) */
}
.outdated-browsers-hidden {
	display: none;	
}
.outdated-browsers:before {
	content: 'Your browser is out of date!';
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	padding: 15px;
	display: block;
}
.browsers:before {
	content: 'Update your browser to view this website correctly';	
	text-align: center;
	padding: 0 15px 15px;
	display: block;
}
.outdated-browsers i.fa-close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;	
	font-size: 20px;
	cursor: pointer;
}
.browsers {
	clear: both;
	overflow: hidden;	
}
.browsers a {
	display: block;
	width: 20%;	
	text-align: center;
	float: left;
	height: 150px;
	color: #fff;
	padding-top: 20px;
	font-weight: 700;
	line-height: 1.1em;
	text-decoration: none;
}
.browsers i {font-size: 50px; font-weight: normal; margin-bottom: 15px;	display: block;}
.browsers a[href*="google"] {background-color: #F2B635;}
.browsers a[href*="firefox"] {background-color: #F19A2A;}
.browsers a[href*="ie"] {background-color: #00CAFF;}
.browsers a[href*="apple"] {background-color: #00A0E6;}
.browsers a[href*="opera"] {background-color: #F25648;}
.browsers a[href*="google"]:after {content: 'Google Chrome';}
.browsers a[href*="firefox"]:after {content: 'Firefox';}
.browsers a[href*="ie"]:after {content: 'Internet Explorer';}
.browsers a[href*="apple"]:after {content: 'Safari';}
.browsers a[href*="opera"]:after {content: 'Opera';}
/* outdated browsers END */
/*** END responsive-2/global/outdatedbrowsers.css ***/

/*** START responsive-2/global/exit.css ***/
.exit {
	display: none;
}
.exit {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(255,255,255,0.95);
	color: #000;
	text-align: center;
	line-height: 1.8em;
	padding-left: 50px;
	padding-right: 10px;
	max-height: 100%;
	overflow-y: auto;	
	z-index: 9999;
}
.exit-container {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;	
}
.exit .container {
	width: 800px;
	max-width: 100%;
}
.exit h3::before {
	content: '\f06a';
	font-family: 'FontAwesome';
	margin: 0 auto;
	font-size: 60px;
	display: block;
	margin-bottom: 10px;
	line-height: 1em;
}
.exit-close {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	position: fixed;
	right: 15px;
	top: 15px;
	cursor: pointer;
	line-height: 1em;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	line-height: 1em;
	font-size: 50px;
}
.exit-close:hover,
.exit-close:focus {
	text-decoration: none;
	color: #ffffff;
}
.exit-close-link,
.exit-close-link:hover,
.exit-close-link:focus {
	color: #ffffff;
	text-decoration: underline;
	cursor: pointer;
}
.exit textarea {
	width: 100%;
	height: 150px;
	border-radius: 0px;
	margin-bottom: 15px;
	color: #000;
	border: 2px solid #ffffff;
}

.exit textarea:focus {
	outline: none;
	box-shadow: none;
}
.exit button {
	background-color: #ffffff;
	color: #fff;
	padding: 5px 15px;
	border: 0 none;
}
.exit p {
	margin: 0;
}
@media (max-width: 767px) {
	.exit-close {
		font-size: 30px;
	}	
	.exit h3::before {
		display: none;
	}
	.exit textarea {
		height: 100px;
	}
}
/*** END responsive-2/global/exit.css ***/

/*** START responsive-2/global/slideshow.css ***/
/* Slideshow */

.home-slideshow .fa-angle-left,
.home-slideshow .fa-angle-right {
	position: absolute;
	top: calc(50% - 30px);
	width: 80px;
	height: 80px;
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	border-radius: 50%;
	color: #fff;
	font-size: 70px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	z-index: 24;
	cursor: pointer;
}
.home-slideshow .fa-angle-left {
	left: 30px;
	padding-bottom: 4px;
}
.home-slideshow .fa-angle-right {
	right: 30px;
	padding-bottom: 4px;
}
@media (min-width: 1400px) {
	.home-slideshow .fa-angle-left {
		padding-right: 10px;
		padding-bottom: 4px;
		left: calc(((100% - 1400px) / 2) - 50px);
	}
	.home-slideshow .fa-angle-right {
		padding-left: 10px;
		padding-bottom: 4px;
		right: calc(((100% - 1400px) / 2) - 50px);
	}
}
@media (min-width: 1600px) {
	.home-slideshow .fa-angle-left {
		left: calc(((100% - 1400px) / 2) - 100px);
	}
	.home-slideshow .fa-angle-right {
		right: calc(((100% - 1400px) / 2) - 100px);
	}
}
@media (min-width: 1900px) {
	.home-slideshow .fa-angle-left {
		left: calc(((100% - 1400px) / 2) - 150px);
	}
	.home-slideshow .fa-angle-right {
		right: calc(((100% - 1400px) / 2) - 150px);
	}
}
@media (max-width: 1399px) {
	.home-slideshow .fa-angle-left,
	.home-slideshow .fa-angle-right {
		font-size: 40px;
		width: 50px;
		height: 50px;
	}
}
@media (max-width: 767px) {
	.home-slideshow .fa-angle-left {
		left: 5px;
	}
	.home-slideshow .fa-angle-right {
		right: 5px;
	}
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-left,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-left,
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-right,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-right {
	font-size: 40px;
	width: 50px;
	height: 50px;	
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-left,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-left {
	left: 15px;
	padding-left: 5px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-right,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-right {
	right: 15px;
	padding-right: 5px;
}
.home-slide figure {
	position: relative;
}
.home-slide img {
	max-width: 100%;
	height: auto !important;
}
.home-slide a,
.home-slide a:hover,
.home-slide a:focus {
	text-decoration: none;
}
.home-slide .h1,
.home-slide .h2{
	color: #fff;
	line-height: 1.4em;
	padding: 0;
}
.home-slide figure[data-text-color="dark"] .h1,
.home-slide figure[data-text-color="dark"] .h2 {
	color: #000;
}
.home-slide figure[data-text-color="yellow"] .h1,
.home-slide figure[data-text-color="yellow"] .h2 {
	color: #FFD800;
}
.home-slide figure[data-text-color="red"] .h1,
.home-slide figure[data-text-color="red"] .h2 {
	color: #DB2A1E;
}

.home-slide .h1 {
	font-size: 72px;
	font-weight: bold;
	margin: 0 0 0px;
}
.home-slide .h2 {
	font-size: 36px;
	font-weight: 300;
	margin: 0 0 20px;	
}
.home-slide .btn {
	background-color: #FFD800;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 30px;
}
@media (max-width: 1399px) {
	.home-slide .h1 {font-size: 50px;}	
	.home-slide .h2 {font-size: 26px;}	
	.home-slide .btn {font-size: 18px;}
	.home-slide .btn {padding: 10px 20px;}
}
@media (max-width: 1024px) {
	.home-slide .h1 {font-size: 50px; margin-bottom: 15px;}	
	.home-slide .h2 {font-size: 25px; margin-bottom: 15px;}	
}
@media (max-width: 767px) {
	.home-slide .h1 {font-size: 36px; margin-bottom: 10px;}	
	.home-slide .h2 {font-size: 18px; margin-bottom: 10px;}	
	.home-slide .btn {font-size: 16px; padding: 8px 20px; margin-top: 10px;}
}

/* caption position */
.home-slideshow-caption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="rb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="lb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="cb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="rb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="lb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="cb"] .home-slideshow-caption {
	top: auto;
	bottom: 0;
}
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="cc"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="cc"] .home-slideshow-caption {
	top: calc(50% - 10px);
}
@media (min-width: 767px) {
	.home-slide figure[data-caption-position="lt"] .home-slideshow-caption {justify-content: flex-start; align-items: flex-start; text-align: left;}
	.home-slide figure[data-caption-position="lc"] .home-slideshow-caption {align-items: flex-start; text-align: left;}
	.home-slide figure[data-caption-position="lb"] .home-slideshow-caption {align-items: flex-start; justify-content: flex-end;	text-align: left;}
	.home-slide figure[data-caption-position="rt"] .home-slideshow-caption {justify-content: flex-start; align-items: flex-end;	text-align: right;}
	.home-slide figure[data-caption-position="rc"] .home-slideshow-caption {align-items: flex-end; text-align: right;}
	.home-slide figure[data-caption-position="rb"] .home-slideshow-caption {align-items: flex-end; justify-content: flex-end; text-align: right;}	
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption {
	height: auto;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption-container,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption-container {
	width: 100%;
	padding: 0;
	margin: 0;
	padding: 10px 15px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption-container:empty,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption-container:empty {
	display: none;
	padding: 0;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slide .h1,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slide .h1 {
	font-size: 20px;
	margin: 0px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slide .h2,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slide .h2 {
	font-size: 16px;
	margin: 0;
}
.home-slideshow-caption-container {
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;	
	/* vertical padding is for logo and paging */
	padding: 100px 50px 50px;
}
@media (max-width: 1399px) {
	.home-slideshow-caption-container {
		padding: 100px 100px 30px;
	}
}
@media (max-width: 767px) {
	.home-slideshow-caption-container {
		padding: 50px 50px 0px;
	}
}

/* slidehow overlay */
.home-slide figure::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.home-slide figure[data-overlay-transparency="10"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.1);}
.home-slide figure[data-overlay-transparency="20"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.2);}
.home-slide figure[data-overlay-transparency="30"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.3);}
.home-slide figure[data-overlay-transparency="40"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.4);}
.home-slide figure[data-overlay-transparency="50"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.5);}
.home-slide figure[data-overlay-transparency="60"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.6);}
.home-slide figure[data-overlay-transparency="70"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.7);}
.home-slide figure[data-overlay-transparency="80"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.8);}
.home-slide figure[data-overlay-transparency="90"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.9);}
.home-slide figure[data-overlay-transparency="100"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,1);}
.home-slide figure[data-overlay-transparency="10"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.1);}
.home-slide figure[data-overlay-transparency="20"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.2);}
.home-slide figure[data-overlay-transparency="30"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.3);}
.home-slide figure[data-overlay-transparency="40"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.4);}
.home-slide figure[data-overlay-transparency="50"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.5);}
.home-slide figure[data-overlay-transparency="60"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.6);}
.home-slide figure[data-overlay-transparency="70"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.7);}
.home-slide figure[data-overlay-transparency="80"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.8);}
.home-slide figure[data-overlay-transparency="90"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.9);}
.home-slide figure[data-overlay-transparency="100"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,1);}

.slideshow-paging {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .slideshow-paging,
.home-slideshow[data-ar="ar-16-9-944-531"] .slideshow-paging {
	bottom: 5px;
}
.home-slideshow[data-ar="ar-4-3-1400-1050"] .slideshow-paging,
.home-slideshow[data-ar="ar-16-9-1408-792"] .slideshow-paging {
	bottom: 10px;
}
.slideshow-paging picture {
	display: inline-block;
	border: 2px solid transparent;
	opacity: 0.5;
	transition: all 0.3s;
	margin: 0 0px 10px;
	cursor: pointer;
	transform: scale(0.9);
}
.slideshow-paging picture:hover {
	transform: scale(1);
}
.slideshow-paging picture.active {
	border: 2px solid #FFD800;
	opacity: 1;
	cursor: default;
	transform: scale(1);
}
@media (max-width: 1399px) {
	.slideshow-paging {
		bottom: 10px;
	}
}
@media (max-width: 767px) {
	.slideshow-paging {
		display: none;
	}
}
.home-slideshow {
	position: relative;
}

.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor .home-slideshow-caption {
	left: -100vw;	
	-webkit-transition: left 1s;	
	-o-transition: left 1s;	
	-moz-transition: left 1s;	
	transition: left 1s;
}
.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor:nth-child(odd) .home-slideshow-caption {
	left: 100vw;	
}
.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor.active .home-slideshow-caption {
	left: 0;	
}

.home-slideshow .theatre-responsive-filmstrip .theatre-actor {
	width: 100%;
}
.theatre-responsive-filmstrip .home-slide figure {
	text-align: center;
}
.theatre-responsive-filmstrip .home-slide img {
	width: 100%;
}
/*** END responsive-2/global/slideshow.css ***/

/*** START responsive-2/sub/common.css ***/
/* clean up content */

/* sticky footer */
body {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100vh;
	background-image: url(../data/i/bg-leather.jpg);
	background-repeat: no-repeat;
	background-position: center calc(50% + 500px);
	background-attachment: fixed;
	position: relative;
	width: 100%;
}
body::before {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
}
body > * {
	flex: 0 0 auto;
	z-index: 1;
}
body > *.container-main {
	flex: 1 1 auto;
}
.cms-content img,
main img {
	max-width: 100%;
	height: auto !important;
}

p:empty {
	display: none;
}
.cms-content > *:first-child {
	margin-top: 0;
}

hr {
	border-top: 1px solid #666;
}

main {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	font-weight: 300;
}
aside {
	width: 350px;
	display: flex;
	flex-flow: column nowrap;
}
article {
	width: calc(100% - 400px);
}
.hideRightSidebar article {
	width: 100%;
}
@media (max-width: 1024px) {
	aside {
		width: 300px;
	}
	article {
		width: calc(100% - 330px);
	}	
}
@media (max-width: 979px) {
	aside {
		width: 250px;
		flex: 0 0 auto;
	}
	article {
		width: calc(100% - 280px);
	}	
}
@media (max-width: 767px) {
	main {
		display: block;
	}
	aside,
	article {
		width: 100%;
	}
	aside {
		margin-top: 30px;
	}
}

@media (min-width: 1025px) {
	.logo {
		top: 90px;
	}
	/* taskId.16815974 */
	body.page1019 .logo {
		top: 50px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.logo {
		top: 110px;
	}	
	.logo img {
		height: 120px;
	}	
}
@media (max-width: 767px) {
	.logo {
		top: 70px;
	}
	.logo img {
		height: 80px;
	}	
}

.welcome-text:empty {
	display: none;
}
.welcome-text {
	background-color: #444;
	padding: 30px;
	margin: 0 0 30px;
	border-bottom: 3px solid #d7d7d7;
}
.welcome-text > * {
	margin-top: 0;
}

.subtitle {
	margin-top: 30px;
}
h1.page-title {
	padding: 0 0 5px;
	margin: 0 0 30px;
	border-bottom: 1px solid #666;
}

.cms-content h1 {
    /* taskId.16819252 not sure why this rule was here, but it is cancelled for now */
	/* font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px; */
}
.page-title .subtitle + h1 {
	margin-top: 0px;	
}
.section-main {
	flex: 1 0 auto;	
}
.caption-image {
	position: relative;
	overflow: hidden;
	height: 286px;
	width: 1920px;
	max-width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
.caption-image::before {
	content: '';
	background-color: rgba(0,0,0,0);
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
@media (min-width: 1920px) {
	.caption-image {
		width: 100%;
		text-align: center;
		overflow: visible;
	}
	.caption-image picture {
		position: relative;
		z-index: 1;
	}
	.caption-image-right,
	.caption-image-left {
		z-index: 0;
		position: absolute;
		height: 100%;
		width: 50%;
		top: 0;
		background-position: 0 0;
		background-size: auto 100%;
		background-repeat: repeat-x;
	}
	.caption-image-left {
		left: 0;
	}
	.caption-image-right {
		right: 0;
	}
}
@media (max-width: 767px) {
	.caption-image {
		height: 240px;
	}
}
@media (max-width: 479px) {
	.caption-image {
		height: 220px;
	}
}
.section-title {
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
	font-size: 72px;
	color: #444;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	z-index: 2;
}
.section-title .h1 {
	margin: 0;
	padding: 0;
}
@media (min-width: 1200px) {
	body.page1019 .section-title {
		font-size: 60px;
	}
}
@media (max-width: 1199px) {
	.section-title {
		font-size: 60px;
	}
}
@media (max-width: 767px) {
	/*.section-title {
		position: static;
		color: #000;
		background-color: #FFD800;
		font-size: 24px;
		padding: 15px 0;
	}*/
	.section-title {
		font-size: 30px;
		bottom: 10px;
	}
}
.caption-sub {
	position: relative;	
	overflow: hidden;
}
.caption-sub img {
	z-index: 0;	
	position: relative;
	float: right;
}
.caption-sub img+img {
	display: none;	
}
.logo-container img {
	margin-top: 30px;	
}
.caption-sub .logo-container {
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	x-z-index: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.caption-sub .logo-container a {
	position: relative;	
}
.caption-sub .logo-container::before {
	content: '';
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 1199px) {
	.caption-sub .container {
		margin-left: 15px;
		margin-right: 15px;	
	}	
}
@media (max-width: 767px) {
	.caption-sub {
		height: 164px;	
	}
	.logo-container img {
		margin-top: -50px;
		height: 50px;
		width: auto;
	}
}
@media (max-width: 349px) {
	.logo-container img {
		height: auto;
		width: 100%;
	}		
}
.section-main .container {
	position: relative;	
}
.subtitle {
	display: block;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 10px;	
}
.extra-content-block {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;	
}
.extra-content-block p {
	margin: 0;	
}
.extra-content-block a.btn {
	color: #ffffff;
	text-decoration: none;
}
.extra-content-block a:hover {
	color: #ffffff;	
}
.breadcrumb-container {
	background-color: #444;
}
.breadcrumb {
	border-radius: 0;
	background-color: transparent;	
	margin: 0;
	padding: 20px 0 30px;
	font-weight: 300;
}
.breadcrumb,
.breadcrumb a {
	color: #999;	
	text-decoration: none;	
}
.breadcrumb > li + li::before {
	content: '\f101';
	font-family: 'FontAwesome';	
	font-weight: normal;
	padding: 0 10px;
	color: #999;	
}
.breadcrumb > .active {
	color: #ccc;	
}
.ecs-breadcrumb .pathSep {
	display: none;
}
.ecs-breadcrumb .ecsCatPathItem:not(:last-child)::after{
	content: '\f105';
	font-family: 'FontAwesome';	
	padding: 0 10px;
	color: #ccc;		
}
#cartVirtualArea div {
	display: inline;	
}

.row-main {
	padding-bottom: 50px;
	display: flex;
	flex-flow: row wrap;	
}
.col-aside {
	width: 300px;
}
.col-article {
	width: 100%;	
}
.col-aside + .col-article {
	width: calc(100% - 300px);	
	padding-left: 30px;
}
@media (max-width: 767px) {
	.col-aside + .col-article,
	.col-aside {
		width: 100%;	
		padding-left: 0px;
	}
	.col-aside {
		padding-bottom: 15px;	
	}
}

.hide-sidebar .col-aside {
    display: none;
}
.hide-sidebar .col-article {
    width: 100%;
    padding-left: 0px;
}


.contact-container a[href*="mailto:"],
.contact-container a[href*="tel:"] {
	cursor: text;
	color: #ffffff;
	text-decoration: none;
}
.contact-container address {
	margin-bottom: 0px;	
}
.contact-container a[href*="mailto:"]:before,
.contact-container a[href*="tel:"]:before,
.contact-container address:before {
	font-family: 'FontAwesome';
	font-size: 30px;
	content: '\f0e0';
	margin-right: 10px;
	color: $color1;
}
.contact-container a[href*="tel:"]:before {content: '\f098';}
.contact-container address:before {content: '\f1ad';}
@media (max-width: 767px) {
	.contact-container .row > div {
		margin-bottom: 10px;
	}
	.contact-container a[href*="mailto:"]:before,
	.contact-container a[href*="tel:"]:before,
	.contact-container address:before {
		font-size: 20px;
	}	
}


@media (max-width: 767px) {
	.col-aside {
		border-right: 0;	
	}	
}

/* toggle categories button START */
@media (min-width: 768px) {
	.col-aside button {
		display: none;	
	}	
}
@media(max-width: 767px) {
	.col-aside .ecsCatNav {
		display: none;	
	}
	.side-nav-visible .col-aside .ecsCatNav {
		display: block;	
	}
	.col-aside button {
		width: 100%;
		margin: 10px 0 20px;
	}	
}
/* toggle categories button END */

.col-aside ul {
	padding: 0; margin: 0; list-style-type: none;	
	margin-right: 30px;
}
.col-aside ul ul {
	border-top: 0 none;	
	margin-right: 0;
}
.col-aside li {
	padding: 0; margin: 0;	
}
.col-aside ul a {
	display: block;
	padding: 10px 15px;
	border-bottom: 2px solid #fff;
	color: #ffffff;
	transition: all 0.2s;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #444;
}
.col-aside ul a:hover {
	color: #ffffff;	
}
/* level 1 active and level 2 */
.col-aside ul ul a,
.col-aside ul .activeBranch a,
.col-aside ul .ecsNavCat1act a,
.col-aside ul .ecsNavCat1act2 a {
	background-color: #e7e7e7;
}
.col-aside nav > ul > li > a::before {
	font-family: 'FontAwesome';	
	content: '\f0c9';
	margin-right: 10px;
}
/* level 2 */
.col-aside ul ul a {
	padding-left: 25px;
	text-transform: none;
}
/* level 2 active and level 3*/
.col-aside ul .currentPageLi > a,
.col-aside ul .ecsNavCat1act > a,
.col-aside ul .ecsNavCat2act > a,
.col-aside ul .ecsNavCat3act > a,
.col-aside ul .ecsNavCat4act > a {
	font-weight: 700;	

}
.col-aside ul ul .activeBranch a,
.col-aside ul .ecsNavCat2act a,
.col-aside ul .ecsNavCat2act2 a {

}
.col-aside nav > ul > li > ul > li > a::before {
	font-family: 'FontAwesome';	
	content: '\f105';
	margin-right: 10px;
}
.col-aside nav > ul > li > ul > li.activeBranch > a::before,
.col-aside nav > ul > li > ul > li.ecsNavCat2act2 > a::before {
	content: '\f107';	
}
/* level 3 */
.col-aside ul ul ul a {
	padding-left: 45px;	
}
/* level 3 active and level 4 */
.col-aside ul ul ul .activeBranch a,
.col-aside ul .ecsNavCat3act a,
.col-aside ul .ecsNavCat3act2 a {

}
/* level 4 */
.col-aside ul ul ul ul a {
	padding-left: 60px;	
}
/* level 4 active and level 5 */
.col-aside ul ul ul ul .activeBranch a,
.col-aside ul .ecsNavCat4act a,
.col-aside ul .ecsNavCat4act2 a {

}
@media (max-width: 767px) {
	.col-aside ul {
		margin-right: 0;	
	}
}

/* =SIDE BOXES */
.side-box,
.side-nav {
	padding: 30px;
}
.side-news,
.side-news-2,
.side-nav {
	background-image: url(../data/i/side-yellow.png);
	background-image: url(../data/i/side-brown.png);
	background-repeat: repeat-y;
	background-color: #FFD800;
	background-color: #e8903a;
	color: #000;
	font-weight: 300;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.side-news-2 {
	color: #fff;
	background-image: url(../data/i/side-black.png);
	background-image: url(../data/i/side-red.png);
	background-color: #000;
	background-color: #891A00;
	padding-bottom: 30px;
	background-repeat: no-repeat;
}
.side-nav {
	padding: 0;
}
.side-nav h3 {
	margin: 0;
	padding: 30px 30px 20px;
	color: #000;
}
.side-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.side-nav li {
	padding: 0;
	margin: 0;
}
.side-nav a {
	display: block;
	font-weight: bold;
	padding: 10px 30px;
	text-decoration: none;
	border-top: 1px solid rgba(0,0,0,0.1);
	color: #000;
}
.side-nav ul ul a {
	padding-left: 45px;
}
.side-nav ul ul ul a {
	padding-left: 60px;
}
.side-nav .currentPageLi > a {
	color: #fff;
}
.side-news .label,
.side-news-2::before {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	white-space: normal;
	padding: 0;
	margin: 0 0 20px;
	display: block;
	text-align: left;
}
.side-news-2::before {
	content: 'TFL Sports Section';
	display: block;
	color: #ff4215;
	color: #fff;
}
.side-news-2 .viewMore,
.side-news-2 .viewMore:hover,
.side-news-2 .viewMore:focus {
	background-color: #fff;
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #fff;
	text-decoration: none;
	font-weight: bold;
	color: #891A00;
}
.side-news .label i {
	display: none;
}
.side-news a {
	color: #000;
}
.side-news-2 a {
	color: #fff;
	display: block;
}
.rssFeeds ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.rssFeeds li {
	padding: 0;
	margin: 0 0 25px;
}
.rssDescription, 
.rssRights, 
.rssFeeds h1 {
	display: none;
}
.rssItemTitle {
	font-weight: bold;
	margin-bottom: 5px;
}
.rssItemCreator {
	font-weight: bold;
	font-style: italic;
	text-align: right;
}
.side-box .home-news-short-desc {
	margin-bottom: 15px;
	display: block;
}
<strong>.side-twitter {</strong>
	border: 1px solid rgba(15,70,100,.12);
	border: 1px solid #fff;
	margin-bottom: 30px;
	background-color: #fff;
}
.side-fb {
	margin-bottom: 30px;
	overflow-x: hidden;
}

aside img {
	max-width: 100%;
	height: auto !important;
}
.side-banner {
	margin-bottom: 30px;
}
.side-banner p {
	margin: 0;
}

/* if there is banner, show twitter and facebook below taskId.16814540 */
/* set order the same everywhere taskId.16814523 */
/*.side-banner {
	order: 1
}
.side-banner ~ * {
	order: 4;
}
.side-banner ~ .side-twitter,
.side-banner ~ .side-fb {
	order: 3;
}
.side-banner ~ .side-nav {
	order: 2;
}*/

/* registration form */
.registration {
	width: 800px;
	max-width: 100%;
}
.registration td,
.registration th {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	line-height: 1.5em;
}
.registration th,
.registration td:first-child:not(:only-child) {
	padding-right: 30px;
}
.registration .note {
	background-color: #555;
	background-color: #555;
	padding: 30px;
	font-size: 14px;
}
.registration .note .note {
	padding: 0;
}
.registration .note + .note {
	padding-top: 0;
}
.registration .note h4:first-child {
	margin-top: 0;
}

@media (min-width: 980px) {
	.registration td h4, 
	.registration th h4 {
		font-size: 16px;
		font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #ffffff;
		line-height: 1.8em;
	}
}
@media (max-width: 979px) {
	.registration,
	.registration tbody,
	.registration tr,
	.registration td,
	.registration th {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.registration tr {
		padding: 0 0 10px;
	}
	.registration th,
	.registration td:first-child:not(:only-child) {
		padding-bottom: 3px;
	}
}

.label-note {
    opacity: 0.7;
    font-size: 12px;
    line-height: 1.2em;
}


/* ---------------- calendar START ---------------- */
.calendar .cellDayNum {
  font-weight: bold;
  font-size: 16px;
  padding: 6px;
}
.calendar td {
	border:1px dotted #222;
	background-image: url(../data/typeinput.png);
	background-repeat: repeat-x;
	background-color: #fff;
	color:#222;
	vertical-align: top;
	height: 100px;
	padding: 1px !important; /* rewrite bootstrap padding */
}
.calendar {
	border-collapse:collapse;
	margin-top:10px;
}
.calendar th {
  background-color: #666 !important;
  color: #fff;
}
.calendar .event a  {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight:bold;

}
.calendar .event {
  padding: 6px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  border-bottom:1px solid #ccc;
}
.calendar td.list-col-pos5, 
.calendar td.list-col-pos6 {
  background-color:#fff;
}
.newsDate {
  font-weight: bold;
  border-top:1px solid #ccc;
  padding-top: 5px;

}
.sgLocationCalendar {
	font-size: 12px;
	line-height: 1.4em;
	width:100%;
	margin-top: 15px;
	border-collapse:collapse;
}
.sgLocationCalendar th,
.sgLocationCalendar td {
	padding: 5px 10px;
}
.sgLocationCalendar td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 110px;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	background-image: url(../data/typeinput.png);
	background-repeat: repeat-x;
	background-color: #fff;
}
.sgLocationCalendar th {
	border-bottom: 1px dotted #999;
	background-color: #444;
}
.sgLocationCalendar .sgCalHead th {
	text-align: center;
}
#sgPopUp, .sgCalGameInner {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	border:1px dotted #7D7D7D;
}
form[action*="field-calendar"] {
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #666;
}
.sgCalDateSelected {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.sgCalDateSelector select {
	margin-right: 10px;
	margin-bottom: 10px;
}
.sgCalDateSelector ~ .btn {
	padding: 10px 20px;
	margin-top: -2px;
}
#sgPopUp {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	border: 0 none;
}
.sgCalGameInner {
	background-color: #1a1a1a;
	height: 110px;
	opacity: 0.9;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	transition: all 0.3s;
}
/* taskId.16798089 */
.gameTypeX .sgCalGameInner {background-color: #ffb5d8; color: #000;}	/* ? */
.gameType1 .sgCalGameInner {background-color: #387C17;}					/* baseball green */
.gameType2 .sgCalGameInner {background-color: #3360C2;}					/* football blue */
.gameType3 .sgCalGameInner {background-color: #A60D12;}					/* middle school red */
.gameType4 .sgCalGameInner {background-color: #000000;}					/* practices black */
.gameType5 .sgCalGameInner {background-color: #631916;}					/* 7 on 7 brown */
.gameType11 .sgCalGameInner {background-color: #ff6000;}					/* soccer orange */
.gameType6 .sgCalGameInner {background-color: #777; color: #fff;}	/* basketball */

.gameType7 .sgCalGameInner {background-color: #ffffff; color: #000;}	/* hsi white */
.gameType8 .sgCalGameInner {background-color: #ffeb7a; color: #000;}	/* playoffs yellow */
.gameType9 .sgCalGameInner {background-color: pink; color: #000;}		/* softball "pink" */
.gameType12 .sgCalGameInner {background-color: teal; color: #fff;}		/* volleyball "yellow" */

.gameType10 .sgCalGameInner {background-color: #7C28C2; color: #fff;}	/* camps purple */



.sgCalGame.powder-puff .sgCalGameInner {background-color: #55068A; color: #fff;} /* taskId.16816445 make powder-puff purple */
.sgCalGame.powder-puff .sgCalGameInner {background-color: pink; color: #000;} /* taskId.16816897 2020/01/22 make powder-puff pink */

/* hide end time taskId.16814542, taskId.16820683 */
/*form:is([action*="baseball"], [action*="softball"], [action*="football"], [action*="7-on-7"], [action*="basketball"]) ~ .table-responsive :is(.time-sep, .end-time),*/
#sgPopUp:is([data-game-type*="gameType1"], [data-game-type*="gameType9"], [data-game-type*="gameType2"], [data-game-type*="gameType5"], [data-game-type*="gameType11"], [data-game-type*="gameType12"]) :is(.end-time, .time-sep),
:is(.gameType1, .gameType9, .gameType2, .gameType5, .gameType11, .gameType12) :is(.end-time, .time-sep) {
	display: none;
}
.time-sep {
	margin: 0 3px;
}

/* /soccer/umpire-schedules/ */
table.calendar.list .weekRow td {
	border-bottom: 1px solid #e7e7e7;
}
table.calendar.list .weekRow:nth-child(odd) {
	background-color: #444;
}

@media (max-width: 1024px) {
	.sgLocationCalendar,
	.sgLocationCalendar tbody,
	.sgLocationCalendar tr,
	.sgLocationCalendar td,
	.sgLocationCalendar th {
		display: block;
		width: 100%;
		border: 0 none;
		padding: 0;
		margin: 20px 0 0;
		background-color: transparent;
		height: auto;
		font-size: 16px;
	}
	.sgLocationCalendar thead,
	.sgLocationCalendar thead th {
		display: none;
	}
	.sgLocationCalendar tbody th {
		background-color: #FFD800;
		padding: 10px;
		color: #000;
	}
	.sgCalGameInner {
		position: static !important;
		width: 100% !important;
		overflow: inherit !important;
		height: auto !important;
		text-align: left;
		border: 0 none;
		border-bottom: 1px solid #444;
		line-height: 1.8em;
		opacity: 1 !important;
		cursor: text;		
		padding: 10px 0;
	}
	.sgTeamName,
	.sgVersus {
		display: inline-block;
	}
	.sgVersus {
		padding: 0 10px;
	}
	.sgTime {
		font-weight: bold;
	}
	#sgPopUp {
		display: none !important;
	}
	.gameType1 .sgCalGameInner {background-color: transparent; color: #5ec32c;}	/* baseball green */
	.gameType2 .sgCalGameInner {background-color: transparent; color: #548aff;}	/* football blue */
	.gameType3 .sgCalGameInner {background-color: transparent; color: #ff1921;}	/* middle school red */
	.gameType4 .sgCalGameInner {background-color: transparent; color: #ffffff;}	/* practices black */
	.gameType5 .sgCalGameInner {background-color: transparent; color: #e11810;}	/* 7 on 7 brown */
	.gameType6 .sgCalGameInner {background-color: transparent; color: #ff6000;}	/* soccer orange */
	.gameType7 .sgCalGameInner {background-color: transparent; color: #ffffff;}	/* hsi white */
	.gameType8 .sgCalGameInner {background-color: transparent; color: #ffeb7a;}	/* playoffs yellow */
    
	.gameType9 .sgCalGameInner {background-color: transparent; color: pink;}		/* softball "pink" */
    
	.gameType10 .sgCalGameInner {background-color: transparent; color: #ba68ff;}	/* camps purple */
	.gameType11 .sgCalGameInner {background-color: transparent; color: #ccc;}		/* basketball */	
    
	.sgCalGame.powder-puff .sgCalGameInner {background-color: transparent; color: #af6ddc;} /* taskId.16816445 make powder-puff purple */
    .sgCalGame.powder-puff .sgCalGameInner {background-color: transparent; color: pink;} /* taskId.16816897 2020/01/22 make powder-puff pink */
}
/* ---------------- calendar END ---------------- */

.scoreBoard {
	margin-bottom: 20px;
	width: 100%;
}
.scoreBoard th,
.scoreBoard td {
	border-bottom: 1px solid #666;
	padding: 5px 10px;
	font-weight: 300;
}

.scoreBoard thead th {
	background-color: #FFD800;
	color: #000;
	border-bottom: 0 none;
}
.scoreBoard tbody th {
	background-color: #444;
}
@media (min-width: 980px) {
	.scoreBoard tr:first-child th, 
	.scoreBoard tr:first-child td {
		border-top: 1px solid #666;	
	}	
	.scoreBoard .score {
		text-align: center;
	}
}
@media (max-width: 979px) {
	.scoreBoard,
	.scoreBoard thead,
	.scoreBoard tbody,
	.scoreBoard tr,
	.scoreBoard tbody th,
	.scoreBoard td {
		display: block;
		padding: 0; margin: 0;	border: 0 none; background-color: transparent;
		color: #000;
	}
	.scoreBoard th a,
	.scoreBoard td a {
		color: #000;	
		text-decoration: underline;
	}
	.scoreBoard tr {
		padding: 5px;
		border-bottom: 1px dotted #666;	
		background-color: #fff;
	}
	.scoreBoard thead {
		display: none;	
	}
	.scoreBoard tbody th {
		font-weight: bold;
	}
	.scoreBoard caption {
		color: #fff;
	}
	.scoreBoard .td_date_from div:before {content: 'Date: '}
	.scoreBoard .td_duration div:before {content: 'Duration: '}
	.scoreBoard .td_locations_id div:before {content: 'Location: '}
	.scoreBoard .td_divisions_id div:before {content: 'Division: '}
	.scoreBoard .td_seasons_id div:before {content: 'Season: '}
	.scoreBoard .td_gametypes_id div:before {content: 'Type: '}
	.scoreBoard .td_teams_id1 div:before {content: 'Home: '}
	.scoreBoard .td_teams_id2 div:before {content: 'Visitors: '}
	.scoreBoard .td_x_score div:before {content: 'Score: '}
	.scoreBoard .td_gamestatuses_id div:before {content: 'Status: '}
	.scoreBoard .td_internalnote div:before {content: 'Internal Note: '}
	
	/* /softball/scoreboard/standings/ */
	.scoreBoard .sgName:before {content: 'Team: '}
	.scoreBoard .sgWins:before {content: 'Wins: '}
	.scoreBoard .sgLoses:before {content: 'Losses: '}
	.scoreBoard .sgDraw:before {content: 'Tie: '}
	.scoreBoard .sgScored:before {content: 'Points For: '}
	.scoreBoard .sgScoredAgainst:before {content: 'Points Against: '}
	
	/* /baseball/team/?359[teamId]=3390 */
	.scoreBoard .stamp:before {content: 'Date: '}
	.scoreBoard .team:before {content: 'Home: '}
	.scoreBoard .team+.team:before, .scoreBoard .visitor:before {content: 'Visitor: '}
	.scoreBoard .location:before {content: 'Location: '}
	.scoreBoard .score:before {content: 'Score: '}
	.scoreBoard .duration:before {content: 'Duration: '}
	.scoreBoard .status:before {content: 'Status: '}
	.scoreBoard .games:before {content: 'Games: '}
	.scoreBoard .wins:before {content: 'Wins: '}
	.scoreBoard .losses:before {content: 'Losses: '}
	.scoreBoard .ties:before {content: 'Ties: '}
	.scoreBoard .scored:before {content: 'Scored: '}
	.scoreBoard .allowed:before {content: 'Allowed: '}
	.scoreBoard .winsPerc:before {content: 'Win %: '}
}

/* score board /baseball/scoreboard/standings/ */
@media (min-width: 980px) {
	.scoreBoard.tableAdminList {
		font-size: 14px;
	}
	.scoreBoard.tableAdminList tbody tr:nth-child(odd) td {
		background-color: #444;
	}
	.scoreBoard.tableAdminList tbody tr:nth-child(even) td {
		border-bottom: 1px solid #444;	
	}
}
.scoreBoard caption {
	color: #FFD800;
	margin: 20px 0 0px;
	padding: 0;
	text-align: left;
	width: 100%;
	font-weight: bold;
}

/*@media (max-width: 479px) {
	.sgLocationCalendar,
	.sgLocationCalendar thead,
	.sgLocationCalendar tbody,
	.sgLocationCalendar tr,
	.sgLocationCalendar th,
	.sgLocationCalendar td {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
}*/
/* /baseball/scoreboard/standings/ */
#search_sg_games th,
#search_sg_games td {
	padding: 10px;
	background-color: transparent;
	font-weight: 300;
}
#search_sg_games th {
	padding-left: 0;
}
#search_sg_games td {
	padding-right: 0;
}
#search_sg_games tbody th,
#search_sg_games tbody td  {
	border-bottom: 1px solid #666;
}
#search_sg_games select {
	width: 100%;
}

/* taskId.16814208 hide "duration" */
.scoreBoard th.duration,
.scoreBoard td.duration,
.scoreBoard th.th_duration,
.scoreBoard td.td_duration {
	display: none;
}

/* /baseball/schedule-scores/ */
#sg_games #search_sg_games select {
	width: auto;
}
@media (min-width: 768px) {
	#sg_games div#search_sg_games {
		width: 100%;
	}
	#sg_games div#search_sg_games .row {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		border-bottom: 1px solid #e7e7e7;
	}
	#sg_games div#search_sg_games .row > div {
		background-color: transparent;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#sg_games div#search_sg_games .row > div.header,
	#sg_games div#search_sg_games .row > div:first-child:not(:only-child) {
		width: 200px;
		font-weight: bold;
	}
}
@media (max-width: 767px) {
	#sg_games div#search_sg_games .row {
		padding-bottom: 5px;
	}
}
.perPage select {
	margin-right: 10px;
}
.scoreBoardTableLabel {
	padding-top: 15px;
}

#iCalLink1,
#iCalLink2 {
	display: inline-block;
	background-color: #FFD800;
	border: 1px solid #FFD800;
	color: #000;
	padding: 8px 15px;
	text-decoration: none;
	margin-left: 5px;
}
#iCalLink1::before {
	font-family: 'FontAwesome';
	content: '\f019';
	margin-right: 10px;
}
#iCalLink2::before {
	font-family: 'FontAwesome';
	content: '\f133';
	margin-right: 10px;
}
@media (max-width: 767px) {
	form#iCal > select {
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}
	#iCalLink1,
	#iCalLink2 {
		margin: 0 5px 0 0;
	}	
}
.pagination {
	margin: 10px 0;
}
.pagination .pagination {
	margin: 0;
}
.pagination {
	width: 100%;
}
.pagination > li {
	margin-right: 3px;
	display: inline-block;
}
.pagination > li > a, 
.pagination > li > span {
	border: 0 none;
	padding: 8px 16px;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span,
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
	border-radius: 0;
}
.pagination > li > a {
	background-color: #666;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #FFD800;
	color: #000;
}
@media (max-width: 767px) {
	.pagination > li > a, 
	.pagination > li > span {
		padding: 7px 13px;
	}
	.pagination > li {
		margin-right: 2px;
	}
}

.top-seals {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
.top-seals p {
	margin: 0;	
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: flex-end;
}
.top-seals a {
	display: block;
	float: left;
	margin-left: 5px;
}
.top-seals img {
	width: 65px;
	transition: all 0.2s ease-in-out;	
}
@media (min-width: 1025px) {
	.top-seals img:hover {
		width: 98px;
	}
}
@media (max-width: 767px) {
	.top-seals p {
		justify-content: center;
	}
}
@media (max-width: 479px) {
	.top-seals img {
		height: 50px;
		width: 50px;
	}
}

/* lynx results ticker START */
.ticker-slideshow {
	padding-top: 15px;
	padding-bottom: 20px;	
	font-size: 13px;
}
.lynx-results-ticker {
	margin-left: -10px;	
	margin-right: -10px;	
}
.lynx-results-ticker .theatre-actor {
	padding-left: 10px;
	padding-right: 10px;
}
.lynx-results-ticker tbody {
	color: #fff;
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
.lynx-results-ticker td,
.lynx-results-ticker th {
	padding: 10px;
}
.lynx-results-ticker th {
	background-color: #ff4215;	
}
.lynx-results-ticker td {
	color: #fff;
	background-color: #000;	
}
.lynx-results-ticker td:last-child,
.lynx-results-ticker th:last-child {
	text-align: right;	
}
.lynx-results-ticker tfoot td {
	background-color: #FFD800;	
	color: #000;
}
.lynx-results-ticker-paging {
	text-align: center;
	width: 100%;	
	margin-top: 10px;
}
.lynx-results-ticker-paging span {
	background-color: #FFD800;	
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	cursor: pointer;
}
.lynx-results-ticker-paging span.active {
	background-color: #ff4215-4;	
	cursor: default;
}
@media (max-width: 767px) {
	.ticker-slideshow .theatre-actor {
		width: 50%;	
	}	
}
@media (max-width: 479px) {
	.ticker-slideshow .theatre-actor {
		width: 100%;	
	}	
}
/* lynx results ticker END */

.cms-content span[style*="color"], 
.cms-content span[style*="font-family"], 
.cms-content .MsoNormal span, 
.cms-content font {
	font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif !important;	
	line-height: 1.8em !important;
	font-size: 16px !important;
	color: #ffffff !important;
}

/* CSS TOOLTIP */
*[data-tooltip-content],
*[data-tooltip-content-down] {
	position: relative;	
	border-bottom: 1px dotted;
	text-decoration: none;
	cursor: pointer;
}
*[data-tooltip-content]:hover,
*[data-tooltip-content]:focus,
*[data-tooltip-content-down]:hover,
*[data-tooltip-content-down]:focus {
	text-decoration: none;	
}
*[data-tooltip-content]::before,
*[data-tooltip-content-down]::before {
	background-color: #538dce;
	color: #000;
	content: attr(data-tooltip-content);
	position: absolute;
	bottom: calc(100% + 5px);	
	left: -50px;
	padding: 5px 10px;
	font-size: 13px;
	width: 300px;
	line-height: 1.4em;
	text-align: left;
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.5s;
	border-radius: 5px;
}
*[data-tooltip-content-down]::before {
	content: attr(data-tooltip-content-down);
	top: calc(100% + 10px);
	bottom: auto;
	z-index: 1;
}
*[data-tooltip-content]:hover::before,
*[data-tooltip-content-down]:hover::before,
*[data-tooltip-content]:focus::before,
*[data-tooltip-content-down]:focus::before {
	opacity: 1;
	transform: scale(1);	
}
*[data-tooltip-content]::after,
*[data-tooltip-content-down]::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #FFD800 transparent transparent;	
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.5s;
}
*[data-tooltip-content-down]::after {
	bottom: auto;
	top: calc(100% + 5px);
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent #FFD800;
}
*[data-tooltip-content]:hover::after,
*[data-tooltip-content-down]:hover::after,
*[data-tooltip-content]:focus::after,
*[data-tooltip-content-down]:focus::after {
	opacity: 1;
	transform: scale(1);	
}
@media (max-width: 767px) {
	*[data-tooltip-content] {
		display: block;	
		display: flex;
		flex-flow: column-reverse nowrap;	
		border: 0 none;	
	}
	*[data-tooltip-content]::before,
	*[data-tooltip-content-down]::before {
		position: static;
		display: block;
	}
	*[data-tooltip-content]::before,
	*[data-tooltip-content-down]::before {
		display: none;	
		width: 100%;
	}
	*[data-tooltip-content]:hover::before,
	*[data-tooltip-content-down]:hover::before,
	*[data-tooltip-content]:focus::before,
	*[data-tooltip-content-down]:focus::before {
		display: block;	
	}	
	*[data-tooltip-content]::after,
	*[data-tooltip-content-down]::after {
		display: none;	
	}
}

/* customizations */
*[data-tooltip-content] {
	font-size: 14px;
}
*[data-tooltip-content]::before {background-color: #FFD800;}
*[data-tooltip-content]::after {border-color: #FFD800 transparent transparent;}
*[data-tooltip-content] {color: #FFD800;}

div.twitter-container {
	margin-bottom: 15px;
	max-height: 700px;
	overflow-y: auto;
}

.calendar-logos {
	margin-top: 10px;
	margin-bottom: 30px;	
}
@media (max-width: 979px) {
	.calendar-logos td {
		padding: 0px;	
	}	
}
@media (max-width: 767px) {
	.calendar-logos,
	.calendar-logos tr,
	.calendar-logos td,
	.calendar-logos tbody {
		display: block;
		background-color: #fff;	
		padding: 0; margin: 0;
	}	
	.calendar-logos tr {
		text-align: center;	
	}
	.calendar-logos td {
		display: inline-block;	
		width: 100px;
		padding: 0;
	}
}

.cms-content .buttons a,
.cms-content .buttons a:hover,
.cms-content .buttons a:focus {
	background-color: #e8903a;
	background-image: url(../data/i/side-brown.png);
	margin-top: 20px;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	transition: all 0.3s;
}

/* --------------------- =REFEREE START --------------------- */
.referee-form h3 {
	margin-bottom: 25px;
}
.referee-regisger td:first-child {
	padding-right: 15px;	
}
.login-all-errors {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;	
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.referee-or {
    padding-right: 30px;
	padding-left: 30px;
    vertical-align: middle;
}
@media (max-width: 1023px) {
	.referee-regisger table,
	.referee-regisger tbody,
	.referee-regisger tr,
	.referee-regisger td {
		display: inline-block;	
	}
	.referee-or  {
		vertical-align: top;
	}	
}
@media (max-width: 767px) {
	.referee-login-register,
	.referee-login-register > tbody,
	.referee-login-register > tbody > tr,
	.referee-login-register > tbody > tr > td {
		display: block;
	}	
	.referee-login-register > tbody > tr > td.referee-or  {
		display: none;
	}		
}
@media (max-width: 479px) {
	.referee-regisger td:first-child {
		padding-right: 0px;	
	}
}
.referee-login .field-container {
	display: block;
	width: 100%;
	float: none;
	display: block;
	overflow: hidden;
	margin: 0 0 15px;
}

.upload-container {
	position: relative;
	background-color: #444;
	padding: 2px;
	width: 300px;
	max-width: 100%;
}

.referee-form input[type="file"] {
	padding: 6px 6px 6px 11px;
}
.fake-upload, 
.fake-upload:hover, 
.fake-upload:focus {
	position: absolute ; /* !for(firefox webkit) */
	left: 3px ; /* !for(firefox webkit) */
	top: 3px ; /* !for(firefox webkit) */
	display: inline-block ; /* !for(firefox webkit) */
	text-decoration: none ; /* !for(firefox webkit) */
	/* padding: 5px 20px !for(firefox); */
	padding: 4px 24px ; /* !for(webkit) */
	background-color: #212121 ; /* !for(firefox webkit) */
	box-shadow: 
		inset 1px 1px 1px rgba(255,255,255,0.2),
		inset -1px -1px 1px #000 ; /* !for(firefox webkit) */
	border-radius: 3px ; /* !for(firefox webkit) */
	cursor: pointer ; /* !for(firefox webkit) */
	
	/* display: none !for(-firefox -webkit); */
}
.w9-info-ipop.iPopBlock.styled .iPopBox {
	background-color: #212121;	
	color: #fff;
	border-color: #212121;
	padding-top: 20px;
	text-align: center;
}
.w9-info-ipop.iPopBlock.styled .iPopBox a {
	color: #ff4215;
	text-decoration: none;
}
.referee-form label .fa {
	color: #FFD800;
}
.login-all-errors {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;	
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

table.sg-listing {
	width: 100%;
}
table.sg-listing th,
table.sg-listing td {
	padding: 8px 0px;	
	border-bottom: 1px solid #4F4F4F;
}
table.sg-listing a {
	color: #F4682B;	
}
table.sg-listing a:after {
	font-family: 'FontAwesome';
	content: '\f101';
	margin-left: 5px;	
}

.sg-edit-filter fieldset {
	display: table;
	margin-top: 30px;
	margin-bottom: 30px;
}
.sg-edit-filter .form-group {
	display: table-row;
}
.sg-edit-filter .form-group > * {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
}
.sg-edit-filter .form-group > *:first-child {
	width: 80px;	
	text-align: left;
	padding-top: 5px;
}
.sg-edit-filter .form-group > *:last-child {
	width: 200px;	
}
@media (min-width: 768px) {
	table.sg-listing td.score,
	table.sg-listing th.score {
		text-align: center;
		padding: 8px 10px;
	}
	table.sg-listing td.score:first-child,
	table.sg-listing th.score:first-child {
		padding-left: 0px;
	}
	table.sg-listing td.score:last-child,
	table.sg-listing th.score:last-child {
		padding-right: 0px;
	}
}
@media (max-width: 767px) {
	table.sg-listing,
	table.sg-listing tbody,
	table.sg-listing tr,
	table.sg-listing td {
		display: block;	padding: 0; margin: 0; border: 0 none;
	}	
	table.sg-listing th {
		display: none;	
	}
	table.sg-listing td span:before {
		content: attr(data-name) ': ';
		font-weight: bold;
		text-transform: capitalize;
	}	
	table.sg-listing td .edit span:before {
		content: '';	
	}
	table.sg-listing tr {
		padding: 8px 0px;	
		border-bottom: 1px solid #4F4F4F;		
	}
}
/* --------------------- =REFEREE END --------------------- */
.cms-content h2 {
	margin-bottom: 20px;
}
table.cols,
table.cols tbody,
table.cols td,
table.cols th {
	display: block;
	padding: 0;
	margin: 0;
	border: 0 none;
}
table.cols tr {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
@media (min-width: 576px) {
	table.cols tr > * {
		width: calc(50% - 15px);
	}
}
@media (max-width: 575px) {
	table.cols tr {
		margin-bottom: 0;
	}
	table.cols tr > * {
		margin-bottom: 20px;
	}
}
table.cols img {
    max-width: 100%;
    height: auto !important;
}

@media (min-width: 768px) {
	table.cols-3 tr {
		margin-bottom: 20px;
	}
	table.cols-3 tr > * {
		width: calc(33.3333% - 15px);
	}
}
@media (max-width: 767px) {
	table.cols-3 tr > * {
		width: 100%;
		margin-bottom: 20px;
	}
}

code,
.code {
	background-color: #444;
	padding: 10px 15px;
	border: 1px solid #999;	
	border-radius: 3px;
	font-family: 'PT Mono', monospace;
	font-weight: normal;
	color: #fff;
}
span.code,
code {
	padding: 2px 5px;	
}
br + code {
	padding: 5px 10px;	
	margin: 10px 0px;
	display: inline-block;
}
p.code,
div.code {
    max-height: 200px;
    overflow-y: auto;
}
p.code,
div.code-small {
	font-size: 11px;
	line-height: 1.4em;
}
.code strong {
    color: #FFD800;
}

/* taskId.16819771 2022/03/29 */
body.page-standings #search_sg_games tr:nth-child(2),
body.page-standings #search_sg_games tr:nth-child(3) {
    display: none;
}

/* taskId.16820227 2022/09/05 */
.live-stream-banners {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.live-stream-banners > * {
	width: calc(16.6666% - 20px);
	margin: 0 10px 40px;
	flex: 0 0 auto;
}
@media (max-width: 1199px) {
	.live-stream-banners > * {
		width: calc(20% - 20px);
	}	
}
@media (max-width: 1024px) {
	.live-stream-banners > * {
		width: calc(25% - 20px);
	}	
}
@media (max-width: 767px) {
	.live-stream-banners > * {
		width: calc(33.3333% - 20px);
	}	
}
@media (max-width: 479px) {
	.live-stream-banners {
		justify-content: space-between;
	}
	.live-stream-banners > * {
		width: calc(50% - 10px);
		margin: 0 0px 30px;
	}	
}
.live-stream-banners img {
	transition: all 0.5s;
}
.live-stream-banners img:hover {
	transform: scale(1.1);
}

.sub-navbar .container {
	position: relative;
}
.mobile-banner {
	position: absolute;
	right: 15px;
	top: 6px;
}
@media (min-width: 768px) {
	.mobile-banner {
		display: none;
	}	
}

.popup-picture {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    color: #000;
}

.popup-picture-overlay {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
}

.popup-picture-content {
    background-color: #fff;
    padding: 30px;
    position: relative;
    z-index: 26;
    max-width: calc(100vw - 60px);
}

.popup-picture-close {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer;
}
/*** END responsive-2/sub/common.css ***/

/*** START responsive-2/sub/jobs.css ***/
/* Jobs */

/* jobs search form */
.jobs-search-form {
	margin-bottom: 30px;
	border-bottom: 1px solid #d7d7d7;
	display: flex;
	flex-flow: row wrap;
}
.jobs-search-form > div {
	padding-right: 15px;
	width: 25%;
}
.jobs-search-form button,
.jobs-search-form button:hover,
.jobs-search-form button:focus {
	height: 50px;
	padding: 5px 30px;
}
.jobs-search-form input[type="text"],
.jobs-search-form select {
	background-color: #f5f5f5;	
}
.jobs-search-form label {
	font-weight: 300;	
}
.jobs-search-form > div:last-child label {
	color: transparent;	
}
@media (max-width: 979px) {
	.jobs-search-form > div {
		width: 33.3333%;
	}
}
@media (max-width: 767px) {
	.jobs-search-form > div {
		width: 50%;
	}
	.jobs-search-form button,
	.jobs-search-form button:hover,
	.jobs-search-form button:focus {
		height: 40px;
	}	
}
@media (max-width: 479px) {
	.jobs-search-form > div {
		width: 100%;
	}
}

/* job apply form */
.jobs-form textarea {
	width: 600px;
	max-width: 100%;	
}
.jobs-form label i {
	color: #aaa;	
}

/* jobs list */
.jobs-list-table th,
.jobs-list-table td {
	padding: 15px 20px;
	border-bottom: 1px solid #d7d7d7;	
}
.jobs-list-table th {
	background-color: #f5f5f5;	
	font-weight: normal;
}
.jobs-list-table ul {
	padding: 0; margin: 0; list-style-type: none;
}
.jobs-list-table li {
	padding: 0; margin: 0;	
}
@media (max-width: 767px) {
	.jobs-list-table,
	.jobs-list-table tbody,
	.jobs-list-table tr,
	.jobs-list-table td,
	.jobs-list-table th {
		padding: 0; 
		margin: 0;	
		display: block;
		border: 0 none;
	}	
	.jobs-list-table tr {
		padding: 5px 10px;
		margin: 0;
		border-bottom: 1px solid #d7d7d7;
	}
	.jobs-list-table tr:first-child {
		display: none;	
	}
	.jobs-list-table td[data-heading]::before {
		content: attr(data-heading) ': ';	
		font-weight: bold;
	}
}

/* jobs detail */
.job-detail-resume {
	background-color: #f5f5f5;
	padding: 30px;
	display: inline-block;
}
.job-detail-resume th {
	padding-right: 15px;	
}
/*** END responsive-2/sub/jobs.css ***/
/* TIME: 0.03787899017334 */