@charset "UTF-8";
/* CSS Document */

body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0px;
}

#toolbar {
	position:absolute; 
	width:100%;
	top:0px; 
	left:0px; 
	height:55px; 
	right:0px;
	overflow:hidden;
	background-image: linear-gradient(#d24e9b, #952d92);
	color:white;
	border-bottom:1px solid #888;
}

.content_page {
	width:100%;
	height:100%;	
}

.content_frame {
	width:calc(100% - 16px);
	height:calc(100% - 128px);
	margin-top:4px;
	margin-left:8px;
	margin-right:8px;	
	padding-bottom:8px;
	border-radius: 8px;
	background-color: #d24e9b;
	border-bottom:1px solid #952d92;
	border-top:1px solid #952d92;	
}

.home_phone {
	width:300px;
	height:calc(100% - 128px);
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/cell_img_1.png);
	background-position: center;
	background-size:contain;
	background-repeat:no-repeat;
}

.content_title { 
	cursor: default;
	width:100%;
	height:32px;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:8px;
	font-size:24px;
	text-shadow: 0px -1px #666;
	text-align: center;
	color:white;
}

.home_subcontent_footer {
	margin-top:8px;
	width:25%;
	height:56px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	opacity: 1.0;
    transition: opacity .20s ease-out;
    -moz-transition: opacity .20s ease-out;
    -webkit-transition: opacity .20s ease-out;
    -o-transition: opacity .20s ease-out;
    display:inline-block;
    float:left;
}

#home_subcontent_footer_1 {
	background-image:url(../img/icn_home_1.png);
}
#home_subcontent_footer_2 {
	background-image:url(../img/icn_home_2.png);
}
#home_subcontent_footer_3 {
	background-image:url(../img/icn_home_3.png);
}
#home_subcontent_footer_4 {
	background-image:url(../img/icn_home_4.png);
}

.home_subcontent_footer:hover {
    opacity: 0.5; 
}


.content_subtitle { 
	cursor: default;
	width:100%;
	height:24px;
	font-weight: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:8px;
	font-size:20px;
	text-shadow: 0px -1px #666;
	text-align: center;
	color:white;
}

.home_subcontent {
	cursor: default;
	width:calc(100% - 16px);
	margin-left:8px;
	margin-right:8px;
	height:48px;
	font-weight: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:8px;
	font-size:16px;
	text-shadow: 0px -1px #666;
	text-align: center;
	color:white;
}


#toolbar_shadow {
	position:absolute; 
	top:56px;
	left:0px;
	right:0px;
	height:8px;
	width:100%;
	overflow:hidden;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.33), rgba(0,0,0,0));
	z-index:100;
}

@media screen and (max-width: 800px) {
    #toolbar_menu_buttons {
        display: none !important;
    }
}

#toolbar_menu_buttons {
	width:calc(100% - 66px);
	height:100%;
}

#toolbar_menu_button_about {
	width:128px;
	height:24px;
	display:inline-block;
	float:left;
	text-align: center;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:15px;
	padding-left:4px;
	font-size:18px;
	cursor:pointer;
	text-shadow: 0px -1px #666;
	opacity:1;
	transition: opacity .20s ease-out;
    -moz-transition: opacity .20s ease-out;
    -webkit-transition: opacity .20s ease-out;
    -o-transition: opacity .20s ease-out;
}

#toolbar_menu_button_download {
	width:128px;
	height:24px;
	display:inline-block;
	float:left;
	text-align: center;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:15px;
	padding-left:4px;
	font-size:18px;
	opacity:1;
	cursor:pointer;
	text-shadow: 0px -1px #666;
	transition: opacity .20s ease-out;
    -moz-transition: opacity .20s ease-out;
    -webkit-transition: opacity .20s ease-out;
    -o-transition: opacity .20s ease-out;
}

#toolbar_menu_button_about:hover {
	opacity: 0.5;
}

#toolbar_menu_button_download:hover {
    opacity: 0.5;
}

#toolbar_text {
	cursor: default;
	width:92px;
	height:16px;
	display:inline-block;
	float:left;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding-top:14px;
	padding-left:4px;
	font-size:20px;
	cursor:default;	
	text-shadow: 0px -1px #666;
}

#toolbar_logo {
	width:55px;
	height:55px;
	display:inline-block;
	float:left;
	background-image: url(../img/logo_top.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
	cursor:default;
	opacity: 1.0;
    transition: opacity .20s ease-out;
    -moz-transition: opacity .20s ease-out;
    -webkit-transition: opacity .20s ease-out;
    -o-transition: opacity .20s ease-out;
}

#toolbar_logo:hover {
  /*  opacity: 0.5; */
}

#content {
	position:absolute; 
	top:56px; 
	bottom:44px; 
	left:0px; 
	right:0px; 
	overflow:auto;
	background-image: url(../img/bg.jpg);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

#footer {
	position:absolute; 
	bottom:0px; 
	height:43px; 
	border-top:1px solid #888;
	left:0px; 
	right:0px; 
	overflow:hidden;
	background-image: linear-gradient(#d24e9b, #952d92);
	color:white;
}


.hamburger {
	width:32px;
	height:15px;
	border-top:#DDD 5px solid;
	border-bottom:#DDD 5px solid;
	display:inline-block;
	float:left;
	margin-top:9px;
	margin-left:5px;
}


.hamburger_box {
	width:100%;
	height:5px;
	background-color:#DDD;
	margin-top:5px;
}

.hamburger_inner {

}

.icon_right {
	width:43px;
	height:38px;
	display:inline-block;
	float:right;
	margin:8px;
	transform: rotate(0deg);
	transition: transform 0.2s linear;
}

.icon_right.on {
	width:43px;
	height:38px;
	margin:8px;
	display:inline-block;
	float:right;
	transform: rotate(90deg);
	transition: transform 0.2s linear;
}