/**
* custom.css file created by Siiu2020 Template
* @package Siiu2020 Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

#yjsgheadergrid {

	padding-top: 0px;
  
}


#centertop {
    width: 100%;
	margin-left: 0;
	padding-left: 0;
   margin: 0 auto 0 auto;
}

div.inside-container{
	padding-left: 15px;
	padding-right: 15px;
	

}

#header {
	
		padding-left: 0px;
	padding-right: 0px;
}


#topmenu_holder, .ulholder.dlevel1 {
		background: none;
}

.pagetitle {
	display: none;
}


#topmenu_holder { margin-top: -61px; background-color: transparent; z-index: 1000; margin-bottom: 5px;}
#topmenu_holder:hover { margin-top: -61px; background-color: transparent; z-index: 1000; }

ul.yjsgmenu { list-style: none outside none; margin-left: 5px; padding: 0; text-align: center; width:1024px;}
ul.yjsgmenu li { list-style:none; display:inline; margin:0 4px;  margin-bottom: -2em; font-size: 12px; align-content: center;}
ul.yjsgmenu li:last-child { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 11px;}


ul.yjsgmenu span:not(.active) {
    color: white;
}

div.horiznav  {
    width: 100%;
	margin-left: 0;
	padding-left: 0;
    margin: 0 auto 0 auto;
}

.yjsg-menu {
	
    width: 1024px !important; 

}



.yjsgmenu a.activepath,
.yjsgmenu a:hover,
.yjsgmenu a:focus,
.yjsgmenu li:hover > .child a {
	background-color: transparent !important;
    border-bottom: solid 8px white;
    height: 40px;
}




.yjsgmenu span.activepath,
.yjsgmenu span:hover,
.yjsgmenu span:focus,
.yjsgmenu li:hover > .child span {
	height: 40px;
	color: white !important;
	
}



div.h2_holder {
	display: none;
}

#footer {
	display: none;
}

div.footer_out {
	display: none;
}

div.yjsg_grid {
	padding: 0px;
	z-index: -1;

}


#top5 {
	margin-top: 30px;

	padding: 0px;
	z-index: 200000;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	
	display: flex;
	justify-content: center;
}



ul.lang-inline {
	width: 900px;
	margin-right: 75px;
	margin-left: 75px;
}

ul.lang-inline li{	
	-moz-border-radius: 3px;
    -moz-border-radius: 3px;                
    border-radius: 3px;
    border-radius: 3px;
    	
	background-color: #b3b3b3;
	padding-left: 5px;
	padding-right: 5px;
	float:right;
}

ul.lang-inline li a{
	margin: 0 auto;
	color: #333333;
	font-weight: bold;	
	font-size: 12px;
}

ul.lang-inline li:hover {
	background-color: white;
	}
	
 ul.lang-inline li.lang-active{
	
	background-color: white;
	
	}
	
	
#user23 {
	margin-top: 115px;
	transform: scale(2.2) !important;
	
}	

.yjsgouts {
	width: 100%;
margin-bottom: 0px;
	display: block;
	clear: both;
	width: auto;
	z-index: -1;
}

.yjsquare_in {
	margin-bottom: 0px;
}





@media screen and (max-width: 979px) {
	
	
	div#header img{
		
        display:none;
        
     margin-left: 2px;
	}
	
	div.yjsquare_in {
		
  
        background-image: url("/images/banners/header_rss/BANNER_MOBILE.jpg");
        background-size: 100% 100%;
       
	}
	
	div.yjsgmega{
		
       padding-top: 75px !important;
	}
	
	#top5 {
	margin-top: 10px !important;

	padding: 0px;
	z-index: 200000;
	position: absolute !important;
	margin-right: auto !important;
	margin-left: auto !important;
	width: 100%!important;
	
	display: flex;
	justify-content: center;
}
	
ul.lang-inline {
	width: 100% !important;
	margin-top: 0px !important;
	
}

#mmenu_holder {
	max-width: 100% !important;
	border-bottom-color: white !important;
	margin-bottom: 0px !important;
	
}

div.yjsquare_in {
	
	
	
	
}



@media only screen and (min-width: 1200px) and (max-width: 1220px) {
	
	div.yjsgsitew{
		max-width:1160px;
	}
}

@media only screen and (min-width: 1040px) and (max-width: 1199px) {
	
	div.yjsgsitew{
		max-width:1000px;
	}
}

@media only screen and (min-width: 980px) and (max-width: 1039px) {

	div.yjsgsitew{
		max-width:950px;
	}
	
}