/**
 * @title		Home page Styles
 */


#main-wrapper {
	top:-8px;
	margin: 0 auto 5px;
}

#main {
	padding:0;
/*	width:960px;
*/}
#main h1 {
	position:absolute; left:-10000px;
}

/**
 * @section		Scope
 */
#scope {
	overflow:hidden;
/*	background-color:#f5f5f5;*/
	width:100%; height:420px; max-height:420px;
}
#scope .panel {
	position:relative;
	float:left;
	overflow:hidden;
}
#scope .panel-inner {
	position:relative;
	padding:50px 30px 10px 30px;
	height:360px;
	background-repeat:no-repeat; background-position:0 0;
}
.panel .visual {
	position:absolute; top:0; left:-50px; z-index:1;
}
.panel h2 {
	position:relative; z-index:2;
	float:right;
	font-size:16px; font-weight:normal;
	text-align:right;
	line-height:1.1;
}
.panel h2 strong,
.panel h2 b {
	display:block;
	color:#a2246b;
	font-size:24px; font-weight:bold;
	text-transform:uppercase;
}
.panel .btn, .panel .more {position:relative; z-index:2;}
.panel blockquote {position:relative; z-index:2;}
.panel p {position:relative; z-index:2;padding-left:15px;}



/* Panel 1 */
#panel-1 .panel-inner {
	padding:50px 0px 10px 150px;
	height:360px;
}
#panel-1 h2 {
	color:#33b246;
	font-size:40px; font-weight:bold;
	text-align: center;
    width: 100%;

}
.video_slide{position: absolute;z-index: 10;}
#video1{margin-left:40px;}
#video2{margin-left:160px;}
#panel-1 h2 a {color:#a2246b;}
#panel-1 h2 a:hover, #panel-1 h2 a:focus {color:#a2246b;}
#panel-1 blockquote {
	float:right;
}
#panel-1 .btn {float:left;}
#panel-1 .btn span {
	padding:0 20px;
	font-weight:bold;
}
#panel-1 blockquote {
	clear:both;
	width:272px;
}
#panel-1 blockquote.bottom {font-size:11px;font-style:normal;color:#a19b9a;width:290px;padding-right:0}

/* Panel 2 */
#js #panel-2 blockquote {display:none;}

#scope #panel-2 {
	float:right;
	width:239px;
}
#panel-2 blockquote {
	float:right; clear:right;
	/*width:300px;*/
}
#panel-2 blockquote p {
	float:none;
	width:auto;
	text-align:right;
}
#panel-2 .more {
	float:right; clear:right;
	width:140px;
	text-align:right; text-indent:20px;
}
#panel-2 .more .img {
	display:inline-block; float:none;
}
#panel-2 .subtitle {
	float:right; clear:right;
	margin:0 0 .5em;
	width:265px;
}
#panel-2 .subtitle strong,
#panel-2 .subtitle b {
	color:#a2246b;
	font-weight:normal;
}
#panel-2 .visual {left:250px;}
#panel-2 .video a {
	display:block;
	margin-top:100px;
}

/**
 * @section		Carousel Home
 */
#carousel-home li {
	float:left;
	width:645px; height:420px;
	overflow:hidden;
}
#js #carousel-home {
    position:absolute; top:0; right:0;
}
#js #carousel-home-inner {
    position:relative;
    overflow:hidden;
    width:645px; height:420px;
}
#js #carousel-home ul {position:absolute; top:0; left:0;}
#js #carousel-home li {
	/*position:absolute; top:0;*/
}
#js #carousel-home .prev, #js #carousel-home .next {
    position:absolute; top:50px; z-index:10;
    overflow:hidden;
    padding-top:64px;
    width:57px; height:0;
    background:url(/templates/nurun/images/global-sprite.png) no-repeat;
    outline:0;
}
#js #carousel-home .pagination {
	position:absolute; bottom:35px; right:10px; z-index:15;
	display:none;
	margin:0;
	overflow:visible;
}
#js #carousel-home .pagination ul {
	position:static;
    margin:0; padding:0;
    text-align:center;
    list-style:none;
    width:150px;
}
#js #carousel-home .pagination li {
	position:static;
    display:inline-block;
    float:none;
	*float:left;
    overflow:hidden;
    margin:0 5px; padding:0; border:0;
    width:16px; height:auto;
    background:none;
    text-indent:-100px;
}
#js #carousel-home .pagination a {
	display:block;
	width:16px; height:16px;
	background:url(/templates/nurun/images/global-sprite.png) no-repeat -400px -240px;
    text-decoration:none;
    outline:0;
}
#js #carousel-home .pagination .on a {
    background-position:-380px -240px;
    cursor:default;
}

/**
 * @section		Top Stories
 */
#top-stories {
	position:relative; z-index:5;
	margin:0 auto;
	width:970px;
}
#top-stories li {
	float:left;
	margin-right:1px; padding:20px 10px 20px 20px;
	width:292px;
	background:url(/templates/nurun/images/bg-home-carousel-item.png) no-repeat 0 0;
}
#top-stories a {
	position:relative;
	display:block;
	height:130px;
}
#top-stories a:hover, #top-stories a:focus {text-decoration:none;}
#top-stories .visual {
	float:left;
	margin-right:10px;
}
#top-stories h2 {
	margin-bottom:3px;
	font-size:18px; font-weight:normal;
	line-height:1.1;
}
#top-stories h3 {
	margin-bottom:3px;
	color:#a2246b;
	font-size:14px; font-weight:normal;
	line-height:1.1;
}
#top-stories p {
	margin:0;
	font-size:12px;
	line-height:1.2;
}
#top-stories .more {
	position:absolute; left:140px; bottom:0;
	font-weight:bold;
}
#top-stories a:hover .more, #top-stories a:focus .more {
	text-decoration:underline;
}

/**
 * @section		Carousel Top Stories
 */
#js #carousel-top-stories {
    position:relative; z-index:5;
    margin:0 auto;
    width:968px;
}
#js #carousel-top-stories-inner {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    width:968px; height:170px;
}
#js #carousel-top-stories ul {position:absolute; top:0; left:0;}
#js #carousel-top-stories li {position:absolute; top:0;}
#js #carousel-top-stories .prev, #js #carousel-top-stories .next {
    position:absolute; top:50px; z-index:10;
    overflow:hidden;
    padding-top:64px;
    width:57px; height:0;
    background:url(/templates/nurun/images/global-sprite.png) no-repeat;
    outline:0;
}
#js #carousel-top-stories .prev {
    left:4px;
    background-position:-150px -240px;
}
#js #carousel-top-stories .prev:hover, #js #carousel-top-stories .prev:focus {background-position:-150px -240px;}
#js #carousel-top-stories .next {
    right:4px;
    background-position:-210px -240px ;
}
#js #carousel-top-stories .next:hover, #js #carousel-top-stories .next:focus {background-position:-210px -240px;}

/**
 * @section		SEO
 */
#seo {
/*	position:relative;*/
	margin-top:-40px;
	background-color:white;
	overflow:hidden;
	border-top: 5px solid #EE8201;
}
#seo ul {
    width: 20%;
    float: left;
    padding-left: 6.5%;
    padding-right: 6.5%;
}
#seo li {
	float:left;
	margin-left:10px; padding:20px 10px 30px 20px;
	background-color:white; color:black;
}
#seo li:first-child {margin-left:0;}
#seo h2 {
	margin-bottom:1em;
	color:#fff;
	font-size:18px; font-weight:normal; font-style:italic;
	line-height:1.1;
}
#seo p {
	margin:0;
	font-size:12px;
	line-height:2;
}

/**
 * @workaround		Clearing
 */
#top-stories:after, #seo ul:after, #scope {
	display:table;
	clear:both;
}

 
#video_hp {
    height:420px;
    display: none;
    position:relative;
    z-index:50;
}

.sliderhomepage
{
    object-fit: cover;
    height: 90vh;
}

@media screen and (max-width: 800px) {

#seo ul {
    width: 80%;
    float: left;
    padding-left: 10%;
    padding-right: 10%;
}

}