/* 1. Body ---------------------------------------------------------------------------------------------- */
body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	/*background: url('../images/bg/body.jpg') repeat-x center top;*/
    color: #565656;
    font-family: 'Open Sans', sans-serif;
    /*font-family: Arial, 'Arial CE', sans-serif;*/
    font-size: 0.8em;
    text-align: left;
   
}

/* 1.1 Tags ---------------------------------------------------------------------------------------------- */
p { margin: 0px; padding: 0px 0px 15px 0px; line-height: 150%; }

img          { border: none; }
img.noborder { border: none !important; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
h1, .h1                { padding: 15px 0px 0px 0px; font-size: 2.9em; }
h2, .h2                { padding: 5px 0px 10px 15px; font-size: 3em; }
h3, .h3                { padding: 5px 0px 10px 0px; font-size: 1.4em; }
h4, .h4                { padding: 5px 0px 0px 3px; font-size: 1.3em; }


a       { color: #565656; }
a:hover { color: #565656; text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #708906; }

ul, ol       { margin: 0px 0px 10px 30px; padding: 0px; }
ul li, ol li { margin: 0px; padding: 3px 5px 3px 10px; }

table    { border-collapse: collapse; }
form     { margin: 0px; padding: 0px; }
textarea { margin: 0px; padding: 2px; font-family: Arial, sans-serif; font-size: 11px; overflow: auto; }
input    { margin: 0px; padding: 2px; font-family: Arial, sans-serif; font-size: 11px; }
hr       { border: 3px solid #EFEFEF; }

/* Main Elements ------------------------------------------------------------------------------------- */
div.main-logo-panel{width:1015px; height:119px; margin:0 auto; padding-right: 5px;}
div.main-product-panel-iphone{width:1020px; height:534px; margin:0 auto; padding: 20px 0px 0px 0px; position:relative; 
background: url('images/product-panel-bg-purple.png') repeat-x center top; }

div.main-product-panel-tablet{width:1020px; height:534px; margin:0 auto; padding: 20px 0px 0px 0px; position:relative; 
background: url('images/product-panel-bg-green.png') repeat-x center top; }

div.main-product-panel-pc{width:1020px; height:534px; margin:0 auto; padding: 20px 0px 0px 0px; position:relative; 
background: url('images/product-panel-bg-blue.png') repeat-x center top; }

div.main-product-panel-bg-iphone{width:100%; height:534px; background: url('images/product-panel-bg-purple.png') repeat-x center top;}
div.main-product-panel-bg-tablet{width:100%; height:534px; background: url('images/product-panel-bg-green.png') repeat-x center top;}
div.main-product-panel-bg-pc{width:100%; height:534px; background: url('images/product-panel-bg-blue.png') repeat-x center top;  }
div.main-about-panel{width:1020px; margin:0 auto;}
div.main-team-panel{width:1020px; margin:0 auto; }
div.main-contact-panel{width:1020px; margin:0 auto; background-color:#ededed;}
div.main-contact-panel-bg{width:100%; margin:0 auto; background-color:#ededed; }
div.main-footer-panel{width:1010px; margin:0 auto; padding-left:5px; padding-right:5px;}

/* Logo & menu elements ------------------------------------------------------------------------------------- */
div.logo{width:246px; height:76px; background: url('images/logo.png') center top; float:left; margin:20px 0px 0px 10px;}
div.menu{float:right; font-size:1.5em; margin:45px 0px 0px 0px;}
div.menu a{text-decoration:none;}

/* Product elements ------------------------------------------------------------------------------------- */
img.product-img{float:left;}
div.child-years{font-size:3em; padding-left:15px;display:inline-block;}
div.product-description-area-mobile{color:white; padding:100px 0px 0px 530px; }
div.product-description-area-pc{color:white; padding:100px 0px 0px 530px; }
div.product-description{font-size:1.5em;}
span.product-name{font-size:3em;}
img.btt-request{cursor:pointer;}
img.btt-coming-soon{cursor:pointer;}

/* Slider elements ------------------------------------------------------------------------------------- */
div.slider-menu{margin-left:680px; position:absolute; bottom:20px;}
div.slider-pc-on{background: url('images/slider-pc-on.png') no-repeat; width:106px; height:93px; float:left;}
div.slider-tablet-on{background: url('images/slider-tablet-on.png') no-repeat; width:106px; height:93px; float:left;}
div.slider-iphone-on{background: url('images/slider-phone-on.png') no-repeat; width:106px; height:93px; float:left;}
div.slider-pc-off{background: url('images/slider-pc-off.png') no-repeat; width:106px; height:93px; float:left; cursor:pointer;}
div.slider-tablet-off{background: url('images/slider-tablet-off.png') no-repeat; width:106px; height:93px; float:left; cursor:pointer;}
div.slider-iphone-off{background: url('images/slider-phone-off.png') no-repeat; width:106px; height:93px; float:left; cursor:pointer;}

/* Content ------------------------------------------------------------------------------------- */
div.content{text-align:center; font-size:1.5em;}
h2 {width:1000px; margin:0 auto; text-align:center; padding-top:30px;}
table.our-team{margin-top:30px; margin-bottom:40px; margin:0 auto;}
td.our-team{padding: 0px; background-color:#f6f8f8;}
td.team-send-email {background-color:#f6f8f8;}
td.team-send-email div {background: url('images/btt-send-mail.png') center top no-repeat; height:43px; padding:11px 0px 0px 80px;}
td.team-send-email div a {color:white;}
td.team-send-email div a:hover {color:white;}
td.team-clear-column{width:60px}

/* Contact & Message ------------------------------------------------------------------------------------- */
td.contact-table, td.message-table{width:510px; vertical-align:top;}
td.contact-table{padding:30px 0px 30px 100px;}
td.message-table{padding:30px 0px 30px 50px;}
td.cm-title{font-size: 2em;}
td.c-icon{width:50px;}
td.m-icon{width:70px;}
td.social{padding-top:50px;}
input.m-text{width:400px; height:30px; margin:13px 0px 0px 0px; font-size:1.5em;}
textarea.m-textarea{width: 400px; height:100px; font-size:1.5em; margin-top:13px; margin-bottom:13px;}
div.send-m-btt{width:242px; height:51px; color: white; margin:0 auto; text-align:center; font-size:1.5em; cursor:pointer;
	background: url('images/message-btt.png') center center no-repeat; padding-top:25px; }



/* Footer Elements ------------------------------------------------------------------------------------- */
div.footer-logo{width:181; height:38px; background: url('images/logo-footer.png') top right no-repeat;}
div.copyright{font-size:1em; float:left; padding-top:10px;}




/*Pop-up Elements -------------------------------- */
#order_pop_up { display:none; }
#info_pop_up { display:none; }
.pop-up-offer{
	background-color: #ecf0f1;
	width: 471px;
	height: 354px;	
	border-radius: 5px;
	padding:10px;
}
.pop-up-close img{
	float:right;
	cursor:pointer;
}
.pop-up-title{
	font-size:3em;
	background: url('images/p_order_icon.png') center LEFT no-repeat;
	padding-left:30px;
}
.pop-up-content{padding:10px; padding-left:35px;}
.pop-up-input-name, .pop-up-input-name:focus, .pop-up-input-email, .pop-up-input-email:focus, .pop-up-input-url, .pop-up-input-url:focus {
	
	height:40px;
	width:265px;
	border-radius: 10px;
	border: solid #2980b9 2px;
	padding-left:130px;
	font-size: 1.5em;
	box-shadow: none;
	color: #3f3f3f;
	outline:none;
}

.pop-up-input-name, .pop-up-input-name:focus {
	background: url('images/p_input_name.png')  0px 50% no-repeat;
}

.pop-up-input-email, .pop-up-input-email:focus{
	background: url('images/p_input_email.png')  0px 50% no-repeat;
}

.pop-up-input-url, .pop-up-input-url:focus{
	background: url('images/p_input_url.png')  0px 50% no-repeat;
}

.pop-up-order-send{width:100%; text-align:center;
	cursor:pointer;
}