/* Custom CSS files */

.hide_ul_un ul{ display: none; }
.hide_ul_un label{ cursor: pointer; }
.hide_ul_un label { background-color: red; padding: 10px; border-radius: 5px; color: #fff; font-weight: bold; transition: .2s background ease-in; }
.hide_ul_un label.active, .hide_ul_un label:hover { background-color: #cc0000; }
.hide_ul_un input { visibility: hidden; position: absolute; }
.media-menu a:nth-child(2), .media-menu a:nth-child(3), .media-menu a:nth-child(4), .media-menu a:nth-child(5) { display: none; }
.scrollToTop{
	background: rgba(0, 0, 0, 0) url("../images/arrow_up.png") no-repeat scroll 0 20px;
    bottom: 0;
    color: #444;
    display: none;
    font-weight: bold;
    height: 70px;
    padding: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/* Layer CSSS */
/*.layer__header h2{
	color: #ACB3B4 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
	font-family: arial !important;
}

.layer_logo{
	max-width: 30% !important;
}

.layer_iTitle {
    text-align: left;
    color: #fff;
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
}

.layer_leftTxt {
    font-size: 100%;
    text-align: left;
    margin: 0px;
}

.layer_links {
    padding-top: 10px !important;
}

.layer_links a {
    font-size: 80%;
}

.layer_links img {
    max-width: 35px;
    text-align: right;
}

.layer_levelss {
    margin-left: 0px;
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(208, 211, 212, 0.63);
}

.layer_levelss ul {
    margin: 0px 0px 20px 0px;
}

.layer_levelss.last{
	border: none;
}

.last .layer_links{
	width: 65% !important;
}

.layer_btm_img img {
    max-width: 100%;
}

.ufCounter {
    text-align: left;
}

.fixedOnMbl {
    position: fixed;
    bottom: 20%;
    z-index: 999;
    left: 15%;
    padding: 10px 80px;
    width: 70%;
	display: none;
}

.mblonly{ display: none; }*/


/*fp-top-area Section*/

.home-link a {
    position: absolute;
    top: 30px;
    right: 50px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 1;
     font-family: 'Open Sans', sans-serif;
}
.home-link a img {
    width: 20px;
    color: #fff;
    /*top: 5px;*/
    position: relative;
}
.first-page header.banner, .first-page .page-header, .first-page footer.content-info.footer {
    display: none;
}

section#fp-top-area{
    background: url(../images/sf_firstpage.jpg) no-repeat;
    padding: 70px 0 110px;
    position: relative;
}

/*.fp-top-area-content .sus-friends  h2{
    font-weight: normal;
    font-size: 65px;
    color: #fff;
    text-shadow: 1px 2px 2px #352b20;
}
.fp-top-area-content .sus-friends h1 {
    font-size: 100px;
    font-weight: 700;
    color: #fff;
    line-height: 0;
    text-shadow: 1px 2px 2px #352b20;
}
.fp-top-area-content .sus-friends p {
    color: #fff;
}*/
p.fp-middle-text{
    padding: 20px 0 60px;
    color: #fff;
    text-shadow: 0px 1px 2px #352b20;
    font-family: 'Open Sans', sans-serif;
}
.fp-top-area-content .sus-friends p span{
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    top: 36px;
}
a.fp-btn {
    padding: 7px 18px;
    font-size: 22px;
    border-radius: 2px;
}
p a.fp-btn:first-child {
    margin-right: 36px;
    padding: 8px 55px;
}

/*fp-bottom-area Section*/
section#fp-bottom-area{
   background: #ff0000;
   padding: 20px 0 65px;
}

section#fp-bottom-area a{
   font-size: 14px;
   color: #fff;
   text-decoration: underline;
   font-family: 'Open Sans', sans-serif;
}
section#fp-bottom-area p{
   font-size: 12px;
   color: #fff;
   padding: 10px 0 10px;
       font-family: 'Open Sans', sans-serif;
}
section#fp-bottom-area p img{
}


@media (max-width: 767px) {
    .fixedOnMbl{ display: block; }
    .mblonly { display: block; margin: 0px 10px 10px 10px !important; }
    .margin-top-20{ margin-top: 20px}
    .sf-section__title { line-height: 1; margin-bottom: 10px; }
a.btn.btn--primary.fp-btn {
    margin-bottom: 10px
}
a.btn.btn--primary.fp-btn:first-child {
    margin-right: 26px;
    padding: 7px 33px !important;
}
}
@media (max-width: 480px){

    p.fp-middle-text{
        padding: 15px 0;
    }
section#fp-top-area{
   padding: 50px 0 70px;
}
section#fp-bottom-area{
   background: #ff0000;
   padding: 20px 0 50px;
}
p a.fp-btn {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}
.sus-friends img {
    width: 150px;
}
/*.fp-top-area-content .sus-friends h1 {
    font-size: 70px;
    top: 12px;
}
.fp-top-area-content .sus-friends h2 {
    font-size: 50px;
}*/
}