/****************************
	GENERAL
****************************/

body {
	background: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}


.row {
	max-width: 62.500em;
	position: relative;
}
.border-radius {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
nav ul, #teams ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.top-bar,
.top-bar nav .plugin > ul.menu {
	background: none !important;
	margin: 0 auto;
	width: auto;
}
.top-bar nav .plugin > ul.menu {
	margin: 0;
}
.padding {
	padding: .750em;
}

.margin-top {
	margin-top: 1em;
}
.truncate-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.white-box {
	background: #fff;
}

.button {
	background: rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	padding: .5em 1em;
	border: 2px solid #53940c;
	margin: 0;
}
.button:hover {
	background: #000;
}

#nav-bar {

	position: relative;
	/* overflow: hidden; */
}
#top-bar {
	background: #fff;
	padding: 1em 0;
}



/**/

#hero-section {
	position:relative;
}

#hero-section .button {
	position:absolute;
	top: 0;
	bottom: -100px;
	right: 0;
	left: 0;
	margin: auto;
	width: 120px;
	height: 30px;
}
/*************
	Header
**************/
body > header {
	background: #ffffff;
	padding: .250em 0;
	box-shadow: 0px 4px 6px -1px #383737;
	-webkit-box-shadow: 0px 4px 6px -1px #383737;
	-moz-box-shadow: 0px 4px 6px -1px #383737;
	-o-box-shadow: 0px 4px 6px -1px #383737;
}
header .home-logo {
	display: block;
	float: left;
	position: relative;
	left: 1%;
	top: 1%;
	z-index: 100;
}


/**NAV***/

#nav-bar {
	padding: 1em 0;
	width: 100%;
}
#nav-bar .title-bar {
	float: left;
	margin-left: 3em;
}

body> header.stick #nav-bar{
	background: #ffffff;
	position: fixed;
	min-height: 60px;
	top: -100px;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	z-index: 2000;
	box-shadow: 0px 4px 6px -1px #383737;
	-webkit-box-shadow: 0px 4px 6px -1px #383737;
	-moz-box-shadow: 0px 4px 6px -1px #383737;
	-o-box-shadow: 0px 4px 6px -1px #383737;
}

.title-bar {
	background: none;
	padding: 0;
}


.menu-icon:after {
	border-radius: 4px;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background: #000;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #000,0 14px 0 #000;
}
.top-bar {
	padding: 0;
}

.top-bar nav {
    width: 100%;
    position: relative;
    margin: 1em auto;
}

.is-stuck  #main-menu .menu li.parent > a{ 
	font-size: .875em;
}


#main-menu .open-right a {
	padding-right: 1rem !important;
}

#nav-bar .is-dropdown-submenu {
	background: #353434;
	border: none;
	border-top: none;
	height: auto;
	/* z-index: 9999; */
	min-width: 100%;
}
#nav-bar .group >.child .is-dropdown-submenu {
	display: block;
	background: #353434;
}
#nav-bar .group {
	float: left;
	width: 30%;
	margin: 0 auto;
}

.grandchildren.is-dropdown-submenu  {
	/* background: #000 !important; */
}
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
 	display: none;
	border-color: #fff000 transparent transparent;
}

.is-drilldown-submenu-parent>a:after {
	border-color: transparent transparent transparent #FFFFFF;
}
.js-drilldown-back>a:before {
    border-color: transparent #FFFFFF transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #fdbb30;
    border-left-style: solid;
    border-right-width: 0;
}
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
 	display: none;
}


/***************
	Social-Media
*****************/

#social-media {
	float: right;
	/* width: 25%; */
	padding: .475em 0;
	position: relative;
	margin-top: .5em;
}

#social-media a {
	background: #000;
	border-radius: 50%;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	line-height: 40px;
	vertical-align: middle;
	margin: 0 0 0 0;
	text-align: center;
	transition: all .3s ease-out;
	width: 40px;
}
.social {
	display: inline-block;
	border: none;
	margin: auto;
	list-style: none;
	vertical-align: middle;
	/* padding: .333em; */
}


.social li {
	float: left;
	margin: 0 3px;
	text-align: center;
	transition: all .3s ease-out;
}
.social li a {
	color: #ffffff;
	display: block;
	text-align: center;
	transition: all .3s ease-out;
}

#social-media a:hover,
#footer-social-media a:hover {
	color: #be171e;
}
.social li i {
	font-size: 1.675em;
	vertical-align: -22%;
	line-height: 1em;
	text-align: center;
	/* display: block; */
	margin-left: 2px;
}


/*************
	Main
**************/
#main,
#primary-section,#secondary-section,#bottom-section {
	max-width: 75rem;
	
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	/* padding: 0.625em; */
	/* position: relative; */
	z-index: 2;
}

#primary-section {padding: 2em 0;}
section h1 {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1em 0;
	text-align: center;
}

#rotator {
	float: left;
	width: 67.3%;
}

.top-info {
	float: right;
	width: 30%;
	margin-top: 4em;
}

.top-info p {
	text-align: center;
	margin: 1em 0;
}

#menu-faves {
		background: url('../images/menubg.png') center center no-repeat;
		background-size: cover;
		padding-bottom: 3em;
}

#menu-faves h1 {
	text-shadow: 1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-webkit-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-moz-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-o-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	font-weight: 600;
}


/*****************
	testimonials
*****************/


#testimonials {
	background: #ffffff;
	padding: 1em 0 3em;
}

#testimonials h1 {
	color: #000;
}


#testimonials h6 {
	font-size: 1.25em;
	margin: 0;
}

#ubereats {
	background: url('../images/foodbg.png') top center no-repeat;
	background-size: cover;
}

#ubereats .shadow-box {
	background: url('../images/shadow.png') center center no-repeat;
	background-size: cover;
	padding: 2em;
}
#ubereats .shadow-box > span,
#ubereats .shadow-box > h2 {
	color:#fff;
	font-size: 4.5em;
	text-shadow: 1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-webkit-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-moz-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	-o-text-shadow:  1px -1px 6px #262525, 1px 1px 1px #000, 3px 2px 4px #000, -1px -1px 15px #000,  1px 0px 40px #000;
	font-weight: 600;
}

#ubereats .shadow-box > h2 {
	font-weight: 400;
	margin-left: 1em;
}

#ubereats .text {
	display: inline-block;
	font-size: 1.75em;
	vertical-align: middle;
	margin-left: 1em;
}

#ubereats .text span {
	font-weight: 700;
}

/****************************
	FOOTER
****************************/
footer {
	background: #000;
	position: relative;
}
footer .home-logo {
	display: block;
	left: 0;
	margin: 1em auto;
	right: 0;
	text-align: center;
	position: relative;
}
#copyright{
	margin: 13px auto;
	color: #ffffff;
	font-size: .875em;
	font-weight: 700;
	text-align: center;
	position: absolute;
	top: 30%;
}

.contact {
	color: #fff;
	font-weight: 700;
	margin: 10px auto;
	text-align: center;
	display: table;
}
.contact .plugin {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
}
.contact .plugin p { 
	margin: 0 0 0;
	font-size: .850em;
}
footer #infinity {
	background: url("../images/ISE-white.png") top center no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999em;
	position: absolute;
	transition: opacity .2s ease-out;
	width: 179px;
	right: 0;
	top: 35%;
}
footer #infinity a{
	display: block;
	height: inherit;
	width: inherit;
}

/**/


/*******************
	Inner Layouts
*******************/
#main .inner-layouts {
	background: #fff;
}
.inner-layouts .left-column {
	float: left;
	margin-bottom: 10px;
	width: 70%;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.inner-layouts .right-column {
	float: right;
	margin-bottom: 10px;
	width: 28.333%;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
#main .inner-layouts .padding {
	 padding: .750em;
}
#main .inner-layouts  .row .medium-8{
	padding-left: .9375rem;
	padding-right: .9375rem;
	width: 83.33333%;
}
/***************
	Inner Top Images
*****************/

.header-img {
	background: #d0202e;
	border-bottom: 10px solid #daac49;
	box-shadow: 0px 14px 17px -7px #5C5C5C;
	-webkit-box-shadow: 0px 14px 17px -7px #5C5C5C;
	-moz-box-shadow: 0px 14px 17px -7px #5C5C5C;
	-o-box-shadow: 0px 14px 17px -7px #5C5C5C;
	max-height: 400px;
	overflow: hidden;
}
.header-img #image-top {
	max-height: 340px;
	overflow: hidden;
}
.header-img span {
	background: #d0202e;
	display: block;
	height: 3em;
	width: 100%;
}
.header-img img {
	max-height: 1401px;
}
.wrap .section-hdr {
	background: #000000;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	padding-left: .250em;
	margin-top: 1em;
}


.thumbnail:focus, .thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(236, 34, 39, 0.58);
}
table.dtable th, table.dtable td,
table tbody tr:nth-child(even),
table.dtable tr:nth-child(odd) {
	background: none;
	border: none;
}

table thead, table tbody, table tfoot,
.article table thead,
.article table tbody,
.article table tfoot {
    border: none;
    background: none;
}

.back-to-top {
    background: url("../images/back-to-top.png") 17px 21px no-repeat,     url("../images/back-to-top.png") 17px 7px no-repeat;
    background-color: #121212;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    bottom: 0;
    display: none;
    position: fixed;
    /* left: 0; */
    margin: auto !important;
    margin-bottom: 10px !important;
    height: 47px;
    padding: 10px;
    right: 0;
    text-decoration: none;
    text-indent: -9999px;
    transition: inherit;
    width: 52px;
    z-index: 1030;
}

table.dtable th, table.dtable td,
table tbody tr:nth-child(even),
table.dtable tr:nth-child(odd) {
	background: none; 
	border: none;
}

table thead, table tbody, table tfoot,
.article table thead, 
.article table tbody, 
.article table tfoot {
    border: none;
    background-color: none;
}
.player-info td   {
	font-size: .950em;
	padding: 4px;
}
.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	#hero-section .button {
		bottom: 6px;
		top: 10px;
		position: relative;
		text-align: center;
		display: block;
	}
	header .home-logo, #rotator,
	#testimonials, .top-info,
	#menu-faves .item {
		float: none;
		width: 100%;

		text-align: center;
	}
	
	header .home-logo  {
		left: 0;
		right: 0;
		margin-top: 1em;
	}

	
	#nav-bar {
		width: 100%;
		float: none;
		border: none;
		padding: .5em 0;
		
	}
	#nav-bar .title-bar {
		margin: .5em 0;
		float: none;
	}
	
	#main-menu {
		/* float: left; */
		width: 100%;
		margin-top: 0;
	}

	nav {
		
		width: 100%;
	}
	.top-bar, .top-bar ul {
		
		height: 100%;
		width: 100%;
	}
	.is-drilldown-submenu-parent>a:after {
		border-color: transparent transparent transparent #353434;
		/* right: 0; */
	}
	.menu.expanded {
	    width: 100% !important;
	    table-layout: fixed !important;
	    margin: 10px 0 0 0;
	}
	#main-menu .menu li.parent > a {
		position: relative;
		text-align: left;
		color: #353434;
	}
	#main-menu .menu li.parent {
		float: none !important;
		display: block;
	}
	.is-dropdown-submenu-parent {
		position:static !important;
	}
	#main-menu .menu > li.parent:hover > a {
		background: none;
		color: #fff;
	}

	#main-menu ul > li.parent .child:hover a,
	.menu>li>a {
		color: #000000;
	}

	
	/**/
	#social-media {
		float: none;
		position: absolute;
		bottom: 0;
		right: 1%;
	}
	
	#rotator .single-item h3 {
		font-size: 1.35em;
	}

	.top-info,
	#menu-faves .item {
		margin: 1em auto;
	}
	#menu-faves .item {
		max-width: 320px;
	}
	/**/

	#rotator .single-item article {
		height: auto;
	}

	#ubereats .shadow-box > span,
	#ubereats .shadow-box > h2 {
		font-size: 1.75em;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#ubereats img,
	#ubereats .text {
		display: block;
		margin: 1em auto;
		text-align: center;
	}

	#ubereats .text {
		display: table;
		margin: auto;
	}

	/***/
	#main {
		/* background: none; */
		padding: 0;
	}
	.wrap {padding: 0;}
	.row.inner-layouts {
		background: #fff;
		margin-bottom: 10px;
		padding: 0;
	}

	
	
	/**Footer**/
	footer {
		/* background: #fff; */
		height: auto;
		
	}

	 
	#contact-info {
		position: relative;
		margin-bottom: 0;
	}
	#copyright, #footer-social-media,footer #infinity, #apps {
		position: relative;
		right: 0 !important;
		left: 0 !important;
		margin: auto;
		width: 100%;
	}
	.inner-layouts .right-column,
	.inner-layouts .left-column  {
		float: none;
		width: 100%;
	}
	#newarchive {
		display: table;
		margin: 0 auto 20px;
	}
	.archive {
		display: block;
		height: 30px;
		margin: 0 auto 20px;
		width: 100%;
	}
	.year,.month {
		/* float: left; */
		margin: 0 5px 0 0;
		height: 27px;
		position: relative;
		width: 120px;
	}
	.rss {
		margin: 0;
		width: 20px;
	}
	#newsbox {
		/* margin: 0 10px 0; */
		position: relative;
		width: 120px;
	}
	
	table tbody th, table tbody td {
		padding: 0;
	}
	
	#main .news-system-wrapper table tbody td {
		padding: 0 !important;
	}
	.news-system-wrapper .article-info,
	.article-info-wrapper .teaserImage,.article-info-wrapper .teaserImage a,
	.news-system-wrapper a.th,
		.news-system-wrapper img {
			display: block;
			text-align: center;
			margin: 0 auto;
			float: none !important;
			width: 100%;
		}
	.news-system-wrapper h4,.article-info h2 a, .article-info h2 {
		margin: 10px 0;
		text-align: center;
	}
	.news-system-wrapper .article-info {
		text-align: left;
		width: 100%;
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	h1{font-size:2rem;}
	h2{font-size:2.5rem}
	h3{font-size:1.9375rem}
	h4{font-size:1.250rem;}
	h5{font-size:1.25rem}
	h6{font-size:1rem}

		#hero-section .button {
		bottom: 16px;
		top: inherit;
	}
	header .home-logo, #rotator,
	#testimonials, .top-info,
	#menu-faves .item {
		float: none;
		width: 100%;

		text-align: center;
	}
	
	header .home-logo  {
		left: 0;
		right: 0;
		margin-top: 1em;
	}

	
	#nav-bar {
		width: 100%;
		float: none;
		border: none;
		padding: .5em 0;
		
	}
	#nav-bar .title-bar {
		margin: .5em 0;
		float: none;
	}
	
	#main-menu {
		/* float: left; */
		width: 100%;
		margin-top: 0;
	}

	nav {
		
		width: 100%;
	}
	.top-bar, .top-bar ul {
		
		height: 100%;
		width: 100%;
	}
	.is-drilldown-submenu-parent>a:after {
		border-color: transparent transparent transparent #353434;
		/* right: 0; */
	}
	.menu.expanded {
	    width: 100% !important;
	    table-layout: fixed !important;
	    margin: 10px 0 0 0;
	}
	#main-menu .menu li.parent > a {
		position: relative;
		text-align: left;
		color: #353434;
	}
	#main-menu .menu li.parent {
		float: none !important;
		display: block;
	}
	.is-dropdown-submenu-parent {
		position:static !important;
	}
	#main-menu .menu > li.parent:hover > a {
		background: none;
		color: #fff;
	}

	#main-menu ul > li.parent .child:hover a,
	.menu>li>a {
		color: #000000;
	}

	
	/**/
	#social-media {
		float: none;
		position: absolute;
		bottom: 0;
		right: 1%;
	}
	.social li i,
	#rotator .single-item h3 {
		font-size: 1.35em;
	}

	.top-info,
	#menu-faves .item {
		margin: 1em auto;
	}
	#menu-faves .item {
		max-width: 320px;
	}
	/**/

	#rotator .single-item article {
		height: auto;
	}

	#ubereats .shadow-box > span,
	#ubereats .shadow-box > h2 {
		font-size: 1.75em;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#ubereats img,
	#ubereats .text {
		display: block;
		margin: 1em auto;
		text-align: center;
	}

	#ubereats .text {
		display: table;
		margin: auto;
	}

	/**Footer**/
	footer {
		/* background: #fff; */
		height: auto;
	
	}

	 
	#contact-info {
		position: relative;
		margin-bottom: 0;
	}
	#copyright, #footer-social-media,footer #infinity, #apps {
		position: relative;
		right: 0 !important;
		left: 0 !important;
		margin: auto;
		width: 100%;
	}
	#footer-social-media .social, #apps {
		display: table;
		margin-bottom: 10px;
	}


	
	#newarchive {
		display: block;
	}
	.archive {
		/* display: table; */
		margin: 0 auto;
		width: 100%;
	}
	.year,.month {
		float: left;
		margin: 0 5px 0 0;
		height: 27px;
		position: relative;
		width: 120px;
	}
	.rss {
		margin: 0;
		width: 20px;
		float: left;
	}
	#newsbox {
		/* margin: 0 10px 0; */
		position: relative;
		width: 120px;
	}

	#main .inner-layouts .medium-4 {
		width: 33.33333%;
	}
	#main .inner-layouts  .row .medium-8 {
		width: 66.66667%;
	}

	#main .news-system-wrapper table tbody td {
	padding: 0 !important;
}
	.news-system-wrapper .article-info,
	.article-info-wrapper .teaserImage,.article-info-wrapper .teaserImage a,
	.news-system-wrapper a.th,
		.news-system-wrapper img {
			display: block;
			text-align: center;
			margin: 0 auto;
			float: none !important;
			width: 100%;
		}
	.news-system-wrapper h4,.article-info h2 a, .article-info h2 {
		margin: 10px 0;
		text-align: center;
	}
	.news-system-wrapper .article-info {
		text-align: left;
		width: 100%;
	}
}

