/* NAVIGATION */

/*.navigation-wrapper {
	background-color: #02344a;
	width: 100%;
}*/
.navigation-wrapper .navigation .nav {
	zoom: 1;
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
}
.navigation-wrapper .navigation .nav li {
    background-color: transparent;
    float: left;
    position: relative;
}
.navigation-wrapper .navigation .nav li .sub-menu {
	background-image: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background-color: #022a3b;
	margin: 34px 0px 0px 0px;
	position: absolute;
	padding: 0px;
	 
	visibility: hidden;
	bottom: 33px;
	opacity:0;
	width: 179px;
	z-index: 999;
}
.navigation-wrapper .navigation .nav li .sub-menu .menuparent>.sub-menu  {
	margin: 0px 0px 0px -179px;
}
.navigation-wrapper .navigation .nav li .sub-menu li {
	float: none;
	display: block;
	min-width: 100%;
}
.nav:after, .container:after {
	display: table;
    content: " ";
    clear: both;
}
.nav:before, .container:before {
	display: table;
    content: " ";
}
.nav > li a {
	background-color: #f4cd92 !important;
	color: #000 !important;
	display: block;
	font-size: 12px;
	/*font-weight: bold;*/
	font-family: acclaim;
	/*padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-top: 15px;*/
	padding: 8px;
	text-transform: uppercase;
}
.nav > li > a {
	/*border-top:2px solid #02344a;*/
	background-color: #f4cd92 !important;
}
.nav > li ul li a {
	border: 0px !important;
}
.navigation-wrapper .navigation .nav li:hover>ul{
	-webkit-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	-moz-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	-o-transition: opacity 0.3s ease-in, top 0.1s ease-in;
	transition: opacity 0.3s ease-in, top 0.1s ease-in;
	visibility:visible;
	 
	opacity: 1;
}
.navigation-wrapper .navigation .nav>li:hover>a{
	/*-webkit-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in, border-top 0.2s ease-in;
	transition: background-color 0.2s ease-in, border-top 0.2s ease-in;*/
	background-color: #f4cd92;
   /* border-top: 2px solid #333;*/
    /*font-weight: bold;*/
    font-family: acclaim;
}
.navigation-wrapper .navigation .nav li a{	
	text-decoration:none;
}
.navigation-wrapper .navigation .nav li ul li a:hover{
	-webkit-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	transition: background-color 0.2s ease-in,padding-left 0.2s ease-in;
	    background-color: rgba(244, 205, 146, 0.94) !important;
	/*padding-left:25px;*/
}
.navigation-wrapper .navigation .nav>.menuparent>a { 
	background-image: url("../img/arrow-down.html");
	background-position: 85% center;
	background-repeat: no-repeat;
	background-size: 12px 8px;
	/*padding-right: 40px;*/
}
.menuparent ul .menuparent>a { 
	background-image: url("../img/arrow-right.html");
	background-position: 85% center;
	background-repeat: no-repeat;
/*	background-size: 8px 12px;
	padding-right: 40px;*/
}
.info_holder {
    display: block !important;
}
li.menuparent span {
    padding-right: 8px;
}

/* NAVIGATION END */


span.fb-link {
    padding: 13px;
    background: #f4cd92;
    color: #000;
    margin-right: 1px;
}


span.fb-link .fa-lg {
    font-size: 1.33333333em;
    line-height: 2em;
    vertical-align: 0%;
}
/*.navigation-wrapper {
    position: absolute;
    top: 37px;
}*/
.socialShare {
    width: 130px;
    float: right;

}

.submenu
{
	bottom: -31px !important;
}
.navigation-wrapper {
    top: -5px;
    position: relative;
}
i.fa.fa-download.fa-lg {
    line-height: 1.4em !important;
}
  ::-moz-selection { /* Code for Firefox */
    color: none;
    background: none;
}

::selection {
    color: none; 
    background: none;
}
.behind-socialshare {
    position: absolute;
    right: 0;
    bottom: 12px;
}
@media only screen and (max-width: 480px) {
.navigation-wrapper .navigation .nav li .sub-menu .menuparent>.sub-menu {
    width: 108px !important;
    margin: 0px 0px 0px -109px;
}
.sd-submenu {
    margin: 61px 0px !important;
    width: 108px !important;
}
#componentWrapper .info_holder{
    	z-index: 3 !important;
    }
}
@media only screen and (max-width: 767px) {
   .playlist ul {
    display: none;
	}
	#componentWrapper .prevThumbBtn img {
		display: none;
	}
	#componentWrapper .nextThumbBtn img {
		display: none;
	}
	.componentPlaylist {
    top: 80% !important;
}
.playlist_toggle {
    display: none !important;
}
    #componentWrapper .info_holder {
    right: 0px;
    left: 0px;
    margin: 0 auto;
    bottom: 25%;
	}
    .navigation-wrapper {
    position: absolute;
    right: 0;
    top: -6px;
}
	.socialShare {
    width: 130px;
    position: absolute;
    left: 0;
	}
	.behind-socialshare {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
    top: -6px;
}
}
@media only screen and (min-width: 480px) and (max-width: 800px) and (orientation: landscape){
#componentWrapper .info_holder {
	bottom: 30%;
}
.behind-socialshare {
    left: 0;
    right: 0;
    margin: 0 auto;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1500px) and (orientation: landscape){
#componentWrapper .info_holder {
	bottom: 21%;
}
}