body{
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        overflow: auto;
    }
    .home{
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: hidden;
    }
	

	
    /* tile */
        .home .tile{
            position: relative;
            width: 100%;
            height: 400px;
            color: #FFF;
            
            position: absolute;
            top: 100%;
            bottom: 0px;
            left: 0px;
            right: 0px;
            overflow: hidden;
        }
        .tile_template_1 .item, .tile_template_2 .item{
            border: 0;
        }
    /* buttons */
        .home .panel{
            position: absolute;
            right: 25px;
            top: 0px;
            bottom: 0px;
        } 
        .home .panel .button{
            position: relative;
            margin: 10px 0px;
            cursor: pointer;
            width: 10px;
            height: 10px;
            background-image: url(../images/home_bullet.png);
            background-repeat: no-repeat;
            background-position: left top;
        }
            .home .panel .selected{
                background-position: left bottom;
            }
    /* Responsive */
        .less_1100{
            height: auto !important;
        }
         .less_1100 .home{
            position: relative !important;
            overflow: hidden !important;
        }
        .less_1100 .tile{
            position: relative !important;
            clear: both !important;
            top: auto !important;
            left: auto!important;
        }
        .less_1100 .item_text, .less_1100 .sprite{
            opacity: 1 !important;
        }
        .less_1100 .tile_template_2, .less_1100 .tile_template_1{
            top: 0px !important;
        }
        .less_1100 .tile_template_1 .sprite{
            transform: scale(0.8) !important;
            -webkit-transform: scale(0.8) !important;
        }
        .less_1100 .tile_template_1 .item_text1{
            font-size: 50px !important;
            margin-top: 0px !important;
        }
        .less_1100 .tile_template_1 .item_text2{
            font-size: 20px !important;
        }
        .less_1100 .tile_template_1 .item_text3{
            font-size: 35px !important;
        }
        .less_1100 .tile_template_2 .sprite{
            transform: scale(0.6) !important;
            -webkit-transform: scale(0.6) !important;
            top: 50% !important;
            opacity: 1 !important;
        }
        .less_1100 .tile_template_2 .default_image{
            width: 153px;
        }
        .less_1100 .tile_template_2 .item_text1{
            font-size: 60px !important;
        }
        .less_1100 .tile_template_2 .item_text2{
            font-size: 15px !important;
        }
        .less_1100 .last_tile_text{
            transform: scale(0.7) !important;
            -webkit-transform: scale(0.7) !important;
            margin-top: -80px !important;
        }
        .less_1100 .group1{
            transform: scale(0.7) !important;
            -webkit-transform: scale(0.7) !important;
            opacity: 1 !important;
            display: block !important;
            margin-top: -91.5px !important;
            margin-left: -50px !important;
        }
        .less_1100 .panel{
            display: none !important;
        }
        .less_600 .tile_template_1 .sprite{
            transform: scale(0.5) !important;
            -webkit-transform: scale(0.5) !important;
        }
        .less_600 .tile_template_1 .item_text1{
            font-size: 40px !important;
            margin-top: -120px !important;
            height: auto !important;
        }
        .less_600 .tile_template_2 .sprite{
            transform: scale(0.4) !important;
            -webkit-transform: scale(0.4) !important;
        }
        .less_600 .tile_template_2 .item_text1{
            font-size: 55px !important;
        }
        .less_600 .tile_template_2 .item_text2{
            font-size: 11px !important;
        }
        .less_600 .last_tile_text{
            transform: scale(0.5) !important;
            -webkit-transform: scale(0.5) !important;
            margin-top: -120px !important;
        }
        .less_600 .group1{
            transform: scale(0.5) !important;
            -webkit-transform: scale(0.5) !important;
            margin-left: -30px !important;
        }
        .less_400 .tile_template_1 .sprite{
            margin-left: -110px;
            left: 52px;
        }
/* Menu */
        .menu{
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            width: 70px;
            color: #CCCCCC;
            font-size: 15px;
            box-shadow: 0 0 3px rgba(0,0,0,0.15);
            z-index: 10;
        }
        .menu .menu_button{
            width: 70px;
            height: 70px;
            background: url(../images/menu_button.png) no-repeat left top;
            cursor: pointer;
            background-size: cover;
        }
        .menu .buttons{
            position: absolute;
            top: 70px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background: #404148;
        }
        .menu .button{
            position: relative;
            float: left;
            width: 100%;
            height: 50%;
            cursor: pointer;
            text-transform: uppercase;
        }
        .menu .button .state1{
            position: absolute;
            width: 100%;
            height: 100%;
            background: #404148;
        }
        .menu .button .state2{
            position: absolute;
            width: 100%;
            height: 100%;
            left: 100%;
            background: #FFF;
            color: #666;
        }
        .menu .separator{
            position: relative;
            float: left;
            width: 100%;
            height: 2px;
            background: url("../images/menu_separator1.png") center no-repeat;
        }
        .menu .vertical_text{
            word-wrap: break-word;
            width: 8px;
            font-size: 16px;
            text-align: center;
            display: inline-block;
            line-height: 25px;
            text-transform: uppercase;
        }
		.menu2 .facebook{
			margin-top:3%;
			background-image: url("../images/facebook_.png");
			background-position: center top;
			display: inline-block;
			height: 60px;
			width: 60px;
			background-repeat:no-repeat;
		}
		.social_icon a:hover {
			background-position: center bottom;
		}
		.menu2 .twitter{
			padding-left:9%;
			margin-top:3%;
			background-image: url("../images/twitter_.png");
			background-position: center top;
			display: inline-block;
			height: 60px;
			width: 60px;
			background-repeat:no-repeat;
		}
		
    /* Menu 2*/
        .menu2{
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            width: 270px;
            color: #0278bc;
            font-size: 14px;
            background: #FFF;
            z-index: 15;
            letter-spacing: 2px;
            box-shadow: 0 0 3px rgba(0,0,0,0.15);
			font-family:'aleo_light';
        }
        .menu2 .background_div{
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: 0px;
            width: 50%;
            background: rgba(2,120,188,-9);
        }
        .menu2 .header{
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            height: 70px;
            background: #FFF;
        }
        .menu2 .logo{
               position: absolute;
                left: 34%;
            top: 3%;
            width: 75px;
        }
        .menu2 .close{
            width: 18px;
            height: 18px;
            background: url(../images/menu_close.png) no-repeat center;
            position: absolute;
            top: 50%;
            margin-top: -9px;
            right: 20px;
            cursor: pointer;
        }
        .menu2 .content{
            position: absolute;
            top: 125px;
            bottom: 0px;
            left: 0px;
            right: 0px;
        }
        .menu2 .separator{
            position: relative;
            width: 100%;
            height: 2px;
            background: url("../images/menu_separator1.png") center no-repeat;
        }
        .menu2 .separator_selected{
            display: none;
        }
        .menu2 .button{
            position: relative;
            cursor: pointer;
            height: 60px;
        }
        .menu2 .button .state1{
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .menu2 .button .state2{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 100%;
            background: #dc757c;
            color: #fff;
        }
        .menu2 .selected{
            transform: none !important;
            /*background: rgba(0, 0, 0, 0.2);*/
			background: none repeat scroll 0 0 #0278bc;
			color:#FFF;
        }
    /* Responsive */
        .less_780 .menu{
            bottom: auto;
            height: 70px;
        } 
        .less_780 .menu .buttons{
            display: none;
        }
		.less_600 .menu2 .button{
            height: 47px !important;
        }
		 .last_tile_text{
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -190px;
        margin-top: -91px;
    } 
    .group1{
        position: absolute;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -50px;
        margin-top: -154px;
        z-index: 1;
    }
        .group1 .hat{
            position: absolute;
            top: 0px;
            left: 0px;
        }
        .group1 .hand{
            position: absolute;
            left: -54px;
            top: -673px;
        }
		
 .principal_charger{
        position: fixed;
        z-index: 100;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #FFF;
        opacity: 0;
        display: none;
    }
    .principal_charger .over{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0.10);
        width: 0%;
    }
    .logo_charger{
        position: absolute;
        top: 50%;
        left: 45%;
        margin-left: -70px;
        margin-top: -85px;
        opacity: 0;
        display: none;
    }
	/* News */
        .news{
            position: fixed;
            left: 67px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            background: #333;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 0px 20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            z-index: 9;
            overflow-y: auto;
             display: none !important;         }
        .news .image1{
            position: relative;
            margin-bottom: 30px;
            margin-top: 20px;
        }
        .news .image2{
            width: 100%;
            max-width: 750px;
        }
        .news .buttons{
            position: relative;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .news .button{
            position: relative;
            display: inline-block;
            margin: 0px 10px 10px;
            width: 190px;
            height: 100px;
            background: #FF6F6F;
            color: #FFF;
            
        }
        .news .button .text1{
            font-size: 12px;
        }
        .news .button .text2{
            font-size: 29px;
        }
        .news .button .arrow{
            position: absolute;
            bottom: 10px;
            left: 50%;
            margin-left: -5px;
        }
        .news .button2{
            background: #FE7C60;
        }
        .news .button2 .arrow{
            position: absolute;
            top: 50%;
            right: 10px;
            left: auto;
            margin-top: -5px;
        }
        .less_1100 .news{
             left: 0px;
        }
		.slide2_text{
		    position: absolute;
             bottom: 3%;
             font-size: 23px;
             color: rgb(51, 51, 51);
             width: 80%;
             margin: 0px auto;
             left: 11%;
             font-family: 'amertype_md_btmedium';
             letter-spacing: 4px;
		}
		.slide1_text{
		      font-size: 14px;
    color: rgb(2, 120, 188);
    width: 45%;
    margin: 0px auto;
    left: 11%;
    font-family: 'aleo_light';
    letter-spacing: 4px;
    font-weight:700;
		}
		.slide1_text div{
		        font-size: 32px;
    text-transform: uppercase;
    font-weight: bolder;
		}
			.slide1_text div span{
			    color: #e37a7f;
			        font-size: 50px;
			}
	 .footer .ball{
        position: relative;
        background: rgba(255,255,255, 0.6);
        width: 90px;
        height: 90px;
        font-size: 18px;
        color: #3F3F46;
        text-transform: uppercase;
        border-radius: 156px;
        overflow: hidden;
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }
         .footer .ball .facebook{
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 50%;
            background: #3A589B;
            background-image: url("../images/ico_facebook.png");
            background-repeat: no-repeat;
            background-position: center;
         }
         .footer .ball .twitter{
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100%;
            width: 50%;
            background: #00C3F8;
            background-image: url("../images/ico_twitter.png");
            background-repeat: no-repeat;
            background-position: center;
         }
		.footer .see_down{
		 left: 6px;
    margin: 20px 0;
    position: relative;
	}
	.footer .text2{
	color: #FFF;
    font-size: 17px;
	}
	.footer .email a
	{
		letter-spacing:8px !important;
	}
	
	.footer .email{
	background: none;
    bottom: 0;
    color: #FFF;
    font-size: 25px;
    height: 90px;
    left: 0;
    margin: 0 auto 10px;
    max-width: 485px;
    position: absolute;
    right: 0;
    width: 100%;
	}
	.footer .email a:hover
	{
		color:#3f3f46;
	}
		 .less_1100 .footer .ball .facebook{
            top: 0px !important;
        }
        .less_1100 .footer .ball .twitter{
            top: 0px !important;
        }
		 .less_600 .footer .ball{
            transform: scale(0.8);
        }
		 .less_1100 .logo_charger{
        left: 35% !important;
		 }
		 .less_1100 .footer{
			 height:485px !important;
        }
		.less_1100 .footer .email
		{
			font-size:13px !important;
			height:48px !important;
			width:90% !important; 
		}
		@media only screen and (max-width: 767px) {
		    .slide1_text{
		        width:75%;
		    }
		}