/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%; overflow-x:hidden;}
body{padding:0; font-family:Arial;margin:0 auto;color:#fff; font: normal 100% Helvetica, Arial, sans-serif;}
.home{height:100%;}
.homeiphone_full{height:100%;}
.homeiphone_app{height:116.85%;}

body#page{height:auto;}
.clear{clear:both;}
a{ text-decoration:none;}
span.tag{color:#c9220d;}
span.subtitle_descr{font-size:16px; color:#6f6f6f; padding:0 0 20px 0; font-family:Arial; font-weight:normal; line-height:20px; display:block;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}
p.main_text{ padding:0 0 15px 0;}
.videocontainer{ max-width:96%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%;}
a.call_button{ background:url(images/phone.png) no-repeat left; float:left; clear:both;
width:92%; display: block; text-align:center; font-family:Arial; font-size:16px; color:#000000;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:4%;}

/*index*/
#box{ width:100%; height:100%; margin:0 auto; position:relative; max-width:640px; background-color:#f3efcf;}
.top{ width:100%; height:auto;margin:0 auto; overflow:hidden;margin-bottom:-4px;}
.top-l{ width:80%; height:auto; float:left; display:block;}
.top-m{ float:left; width:10%; height:auto; display:block;}
.top-r{ float:right; width:10%; height:auto; display:block;}

.xxt{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.bg{ width:100%; margin:0 auto; height:auto; overflow:hidden;}

.pp{ width:100%; margin:0 auto; height:auto; max-width:640px;}
.meau{ width:100%; height:auto; margin:0 auto; text-align:center; clear:both; display:block; overflow:hidden;}
.li1{ width:30.6%; height:auto; float:left; display:block; margin-left:2%; margin-top:4%;}
.li2{ width:30.6%; height:auto; float:left; display:block; margin-left:2%; margin-top:2%; margin-bottom:2%;}
.li3{ width:63.28%; height:auto; float:left; display:block; margin-left:2%; margin-top:2%; margin-bottom:2%;}
.tt img{  width:51%; height:auto; display:block; margin:0 auto; padding-bottom:4%;}
.tt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:15px;}
.tt span{ font-family:Arial;}
.tt2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:15px; float:right; padding-top:19.5%;}
.clear{clear:both; height:30px;}

/*footer*/
#footer{ position:fixed;
bottom: 0px;
z-index: 1000;
left: 0px;
right: 0px;
padding: 0px 0px;
background-color: #322e2a;}


#footer a{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 7px;
	height:auto;
	overflow: hidden;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color:#FFF;
	text-align: center;
	display: inline-block;
	width: 25%;
	float:left;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	line-height: 18px;
	position: relative;
	margin: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #322e2a;
	background-color: #322e2a;
}

/*page*/
#box2{ width:100%; height:100%; margin:0 auto; position:relative; max-width:640px;}
.page-top{ width:100%; height:auto; margin:0 auto; background-color:#322e2a; display:block; overflow:hidden;}
.top-left{ width:20%; float:left; max-width:128px;}
.top-right{ width:80%; text-align:center; font-family:Arial; font-size:15px; color:#fff; line-height:38px;}
.page_menu{ background-color:#faf8f8; width:100%; margin:0 auto; height:auto; overflow:hidden; display:block; padding-bottom:1%;}
.page_menu ul{ padding-left:6.25%; padding-top:1%; }
.page_menu ul li{ float:left; font-family:Arial; font-size:14px; color:#000; line-height:24px;padding:1% 4.3% 1% 0;}
.page_menu ul li a{ color:#000;  white-space:nowrap;}
.page_menu ul li a:hover{ color:#322E2A;}
#activer{color:#f00;}

.page-tx{ width:95%; margin:0 auto; font-family:Arial;font-size:14px; color:#666464; padding-top:5%;}
.page-tx img{ width:100%; max-width:640px;}
.page-tx p img{ width:100%; max-width:640px;}
.back{ width:90.78125%; margin:0 auto; padding:5% 0 20% 0;}