@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
.font_usage{ 
    font-family: 'Source Sans Pro', sans-serif;
}

/*css starts here*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table,
th,
td {
	border: none
}

table { 
 	border-collapse: separate;  
	border-spacing: 0;  	
	border-width: 1px 0 0 1px;  	
	margin: 0 0 1.6em;  	
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */  	
	width: 100%;  }

caption,  th,  td {
 	font-weight: normal;
 	text-align: left;
 }

th {  	border-width: 0 1px 1px 0;
 	font-weight: 700;
 }

td {  	border-width: 0 1px 1px 0;  }

th, td {  	padding: 0.4em;  }

th {
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 28px;
 }

/* =Global----------------------------------------------- */

* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

input { border: 0; outline: none }

img { border: none; outline: none; max-width: 100%; height: auto }

ul, ul li { list-style: none;}

ol, ol li { list-style: decimal;}

input[type="submit"], input[type="button"] { cursor: pointer }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

* html .clearfix { height:1%;}

.clearfix { display: block }

.clear{display:block;width:100%;height:1px;background:none;clear:both;}

p, span, a, small, blockquote, ul, li {line-height: normal;}

figure { max-width: 100% }

blockquote, q {quotes:"" ""; font-size:26px; font-style:italic; line-height:1; color:#000; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}

a { text-decoration: none; color:inherit; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }

h1 { font-size:34px;line-height:36px;}
h2 { font-size:30px;line-height:32px;}
h3 { font-size:24px;line-height:28px;}
h4 { font-size:20px;line-height:24px;}
h5 { font-size:18px;line-height:20px;}
h6 { font-size:16px;line-height:18px;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */

p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }

dl {	margin: 0 1.625em; }

dt { 	font-weight: bold; }

dd {	margin-bottom: 1.625em; }

strong {	font-weight: bold; }

cite, em, i {	font-style: italic; }

blockquote { 	font-style: italic;	font-weight: normal; margin: 0 1em; }

blockquote em, blockquote i, blockquote cite { 	font-style: normal; }

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q {	quotes: "" ""; }

a img {	border: 0; }

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {	bottom: 0; vertical-align: top; }

sub {	top: .5ex; }

/* Links */

a {
	color: #812244;
	text-decoration: none;
	/*transition: all 0.5s ease-in-out 0s;*/
}

a:focus,
a:active,
a:hover {
	text-decoration: none;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {font-weight: normal;text-align: left;vertical-align:top;}

th,td{color: #000;
font-size: 16px;
line-height: 19px;
text-align: left;}

table img{ margin:0 !important; width:100%;}

/* Reset CSS ENDS HERE */

html { -webkit-font-smoothing: antialiased; height:100%;}
body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#151515;-webkit-font-smoothing: antialiased; overflow-x: hidden; height:100%; }

body.pop_active{ overflow:hidden;}

.wrapper { max-width: 924px; margin: 0 auto; }
.wrapper1 { max-width: 830px; margin: 0 auto; }


/* layout */
#layout { float:left; width:100%; /*height:100%;*/ position:relative; background: #fff;  padding:93px 0 0;}


/*********Header Css*********/
header { float: left; width: 100%; background: #151515; text-align: center; position: fixed; z-index: 999999; left: 0; top: 0; }

header .header_inner { float: left; width: 100%; padding: 0 20px; border-top: 4px solid #bce2f1; position: relative; min-height: 56px; }

header a.logo { display: inline-block; margin: 0; padding: 0; width: 108px; float: left; margin: 10px 0 0; }
header a.logo img { vertical-align: top; }
header ul.left_logos { float: left; padding: 13px 0 0 0; }
ul.left_logos li { display: inline-block; vertical-align: middle; }
ul.left_logos li a { display: inline-block; vertical-align: top; }
ul.left_logos li a img { vertical-align: top; }
ul.left_logos li.hilton_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 24px 0 0; background-size: 10px; }
ul.left_logos li.hilton_logo a { width: 75px; }
ul.left_logos li.fortune_logo { padding: 0 0 0 8px; }
ul.left_logos li.fortune_logo a { width: 71px; }

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; font-weight:600; background:#bce2f1; padding:2px 5px 3px 5px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); min-width:134px;}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }

header .show_text{ float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text sup{ font-size: 8px;}
header .show_text a{color:#666}
header .show_text a:hover{color:#999}
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

header ul.social_icon { list-style: none; float: right; width: auto; margin-top: 10px; }
header ul.social_icon li { list-style: none; display: inline-block; float: left; margin-left: 9px; }
header ul.social_icon li:first-child { margin-left: 0; }
header ul.social_icon li a { display: block; width: 32px; height: 32px; border-radius: 50%; border: 2px solid #fff; opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
header ul.social_icon li a i { font-size: 15px; line-height: 28px; color: #fff; display: inline-block; }
header ul.social_icon li a:hover { opacity: 0.7; }


.nav_menu{ float:left; width:100%; background:#fff;}
.nav_menu ul{ list-style:none; text-align:center; background-color: #efefef;}
.nav_menu ul li{ display:inline-block; vertical-align:top; padding: 0 9px 0 15px; background: url(../images/link_sep_red.png) no-repeat left center; font-family: 'helveticaneuebold'; font-size:15px; line-height:18px;}
.nav_menu ul li:first-child { background: none; }
.nav_menu ul li a{ display:block; color:#000; padding:11px 0 10px; }
.nav_menu ul li a:hover, .nav_menu ul li.active a{ color:#de3d2b; }

header a.expand_map{ position:absolute; top:56px; right:0; z-index:999; width:80px; background:#d8d8d8; text-transform:uppercase;}
header a.expand_map img{ vertical-align:top;}
header a.expand_map.active img{ display:none;}
header a.expand_map span{ display:none; text-align:center; font-family: 'helveticaneuebold'; font-size:12px; line-height:38px; color:#000;}
header a.expand_map.active span{ display:block;}


/***************Home Banner***********************/
.home_banner{ float:left; width:100%; position:relative; background-size:cover !important; min-height:600px; }
.home_banner .home_banner_img{ display:none;}
.home_banner .banner_caption{ float:left; width:100%; padding:54px 0 0;  }
.home_banner .banner_caption h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:87px; line-height:87px; color:#fff; letter-spacing:0.23px; padding:11px 0 11px; border-top:2px solid #fff; border-bottom:2px solid #fff; display:inline-block; vertical-align:top; margin:0 0 20px; }
.mac-os .home_banner .banner_caption h3{ padding:19px 0 3px;}

.home_banner .banner_caption p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; color:#fff; letter-spacing:0.04px; max-width:750px; padding:0 0 40px; }
.home_banner .banner_caption a{ font-family: 'SolanoGothicMVB-BdCap'; font-size:22px; line-height:26px; display:inline-block; width:120px; background:#000; color:#fff; letter-spacing:0.04px; text-align:center; padding:4px 0;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.mac-os .home_banner .banner_caption a{ padding:7px 0 1px;}

.home_banner .banner_caption a:hover{box-shadow: inset 0 -60px rgba(222,61,43,1);}

/********************************************Bodycontent Css******************************************************************/
.bodycontent{ float:left; width:100%; position:relative; background:#fff; z-index:999; }


.video_sec{ float:left; width:100%; position:relative; min-height:520px; background-size:cover !important;  margin:0 0 50px; }
.video_sec a{ display:block; position:absolute; width:100%; height:100%; z-index:999; background: url(../images/play_btn.png) no-repeat center center;}

.video_sec span{ text-align:center; position:absolute; left:0; bottom:0; display:block; width:100%; background:rgba(0,0,0,0.5); font-family: 'SolanoGothicMVB-BdCap'; font-size:40px; line-height:40px; color:#fff; padding:25px 0 20px;}
.mac-os .video_sec span{padding:27px 0 18px;}

.infographic1_intro{ float:left; width:100%; position:relative;  margin:0 0 50px; }
.infographic1_intro figure{ float:right;}
.infographic1_intro figure a{ display:block; }
.infographic1_intro figure img{ vertical-align:top; }

.infographic1_intro .text{ position:absolute; top:50%; left:0; width:428px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.infographic1_intro .text h3{  font-family: 'SolanoGothicMVB-SbCap'; font-size:139px; line-height:119px; border-top:2px solid #000; border-bottom:2px solid #000; letter-spacing:0.17px; color:#000;  padding:17px 0 17px; }
.mac-os .infographic1_intro .text h3{ padding:26px 0 0;}

.infographic1_intro .text h3 span {
    font-family: 'SolanoGothicMVB-mdCap';
    font-size: 134px;
    line-height: 115px;
    display: block;
    color: #de3d2b;
}

.infographic1_intro .text a{ display:inline-block; width:210px; font-family: 'SolanoGothicMVB-BdCap'; font-size:33px; line-height:37px; background:#000; color:#fff; margin:30px 0 0; letter-spacing:0.07px; padding:7px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.mac-os .infographic1_intro .text a{ padding:10px 0 4px; }
.infographic1_intro .text a:hover{box-shadow: inset 0 -60px rgba(222,61,43,1);}



.infographic2_intro{ float:left; width:100%; position:relative;  margin:0 0 50px; }
.infographic2_intro figure{ float:left;}
.infographic2_intro figure a{ display:block; }
.infographic2_intro figure img{ vertical-align:top; }

.infographic2_intro .text{ position:absolute; top:50%; right:0; width:416px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.infographic2_intro .text h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:72px; line-height:76px; border-top:2px solid #000; border-bottom:2px solid #000; letter-spacing:0.17px; color:#000;  padding:11px 0 10px; }
.mac-os .infographic2_intro .text h3{ padding:18px 0 3px;}
.infographic2_intro .text h3 span{ color:#de3d2b; }
.infographic2_intro .text a{ display:inline-block; width:210px; font-family: 'SolanoGothicMVB-BdCap'; font-size:33px; line-height:37px; background:#000; color:#fff; margin:50px 0 0; letter-spacing:0.07px; padding:7px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.mac-os .infographic2_intro .text a{ padding:10px 0 4px; }
.infographic2_intro .text a:hover{box-shadow: inset 0 -60px rgba(222,61,43,1);}



/********************************************Inner Page Css******************************************************************/
a.back_to_home{ font-family: 'helveticaneuebold'; font-size:12px; line-height:16px; color:#fff; background:#de3d2b; width:71px; text-transform:uppercase; padding:10px 0; position:absolute; right:0; top:0; text-align:center; display: none}


.article_banner{ float:left; width:100%; position:relative; background-size:cover !important; min-height:529px; /*height:calc(100vh - 56px);*/ margin:0 0 25px; }


.article_intro{ display:block; width:100%; max-width:900px; margin:0 auto; text-align:center; }
.article_intro h1{ font-family: 'SolanoGothicMVB-BdCap'; font-size:82px; line-height:78px; letter-spacing:-2.26px; color:#de3d2b; padding:0 0 20px; }

.article_img{ float:left; width:100%; margin:0 0 30px; }
.article_img img{ width:100%; vertical-align:top; }	

.article_content{ display:block; width:100%; max-width:630px; margin:0 auto; }

.article_content h3{ font-family: 'helveticaneuebold'; font-size:22px; line-height:31px; color:#000; letter-spacing:0.71px; padding:0 0 24px; }

.article_content p{ font-family:Georgia, "Times New Roman", Times, serif;  font-size:18px; line-height:32px; letter-spacing:0.65px; color:#000; padding:0 0 30px; }
.article_content.first p:first-of-type::first-letter { font-family: 'helveticaneuebold'; font-size:70px; line-height:75px; color: #de3d2b; float: left; padding: 0 15px 0 0; margin: 10px 0 0; }

.article_content blockquote{ font-family: 'helveticaneuebold'; font-size:35px; line-height:40px; color:#000; letter-spacing:1.13px; margin:0; padding:0; font-style:normal; border-left:2px solid #de3d2b; padding:0 0 0 32px; margin:8px 0 25px -82px;}





.infographic_banner{ /*float:left;*/ display:block; width:100%; position:relative; max-width:1280px; text-align:right; margin:0 auto; }
.grid_images{/*float:right;*/ display:inline-block; width:50%;}
.grid_images .grid_img{ float:left; width:33.33%; min-height:107px; background-size:cover !important; }

.infographic_banner .text{ position:absolute; top:50%; left:0; width:50%; text-align:center;transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  }
.infographic_banner .text h3{  font-family: 'SolanoGothicMVB-SbCap'; font-size:139px; line-height:119px; border-top:2px solid #000; border-bottom:2px solid #000; letter-spacing:0.17px; color:#000;  padding:15px 0 15px; display:inline-block; }
.mac-os .infographic_banner .text h3{ padding:17px 0 0;}
.infographic_banner .text h3 span {
    font-family: 'SolanoGothicMVB-mdCap';
    font-size: 135px;
    line-height: 130px;
    display: block;
    color: #de3d2b;
}

.years_nav{ position:fixed; z-index:9999; left:33px; top:50%; transform:translateY(-50%); list-style:none; text-align:center;}
.years_nav:after{ content:""; position:absolute; width:2px; height:100%; left:50%; top:0; margin:0 0 0 -1px; background:#9b9b9b; z-index:-1;}
.years_nav li{ list-style:none; display:list-item; background:#fff; margin:13px 0 0;}
.years_nav li:first-child{ margin:0;}
.years_nav li a{ display:inline-block; vertical-align:top; font-family: 'SolanoGothicMVB-BdCap'; font-size:15px; line-height:19px; color:#9b9b9b; letter-spacing:0.83px; }
.years_nav li a span{ font-family: 'SolanoGothicMVB-BdSC';}


.infographic_content{ display:block; width:100%; max-width:590px; margin:20px auto 0; text-align:center; }
.infographic_content p{ font-family: 'helvetica_neueregular'; color:#000; font-size:16px; line-height:21px; letter-spacing:0.89px; padding:0 0 18px; }
.infographic_content p strong{ font-family: 'helveticaneuebold'; font-weight:normal; }
.infographic_content p:first-of-type{ padding:0 0 30px; }


.filter_sec{ float:left; width:100%; }
.filter_sec .filter_tabbing{ float:left; width:100%; text-align:center; padding:0 0 20px; position:relative;}

.filter_tabbing .filtered_box{ position:absolute; width:638px; min-height:190px; background:#f00; bottom:100%; left:50%; transform:translateX(-50%); z-index:999; text-align:left; padding:27px 80px 10px 40px; opacity:0; visibility:hidden;  }
.filter_tabbing .filtered_box.active{ opacity:1; visibility:visible; }

.filter_tabbing .filtered_box a.close_tab{ font-family: 'helveticaneuebold'; font-size:14px; line-height:18px; color:#fff; position:absolute; /*background:#000;*/ right:0; top:0; padding:11px 12px;  }
.filter_tabbing .filtered_box h3{ font-family: 'helveticaneuebold'; font-size:20px; line-height:24px; color:#fff; letter-spacing:0.64px; }
.filter_tabbing .filtered_box p{ font-family: 'helvetica_neueregular'; font-size:16px; line-height:20px; color:#fff; letter-spacing:0.51px; }


.filter_tabbing ul{ list-style:none; }
.filter_tabbing ul li{ list-style:none; display:inline-block; vertical-align:top; }
.filter_tabbing ul li a{ display:block; width:180px; font-family: 'SolanoGothicMVB-BdCap'; font-size:25px; line-height:29px; letter-spacing:0.8px; color:#fff; padding:12px 0; }
.mac-os .filter_tabbing ul li a{ padding:14px 0 10px; }
.filter_tabbing ul li:nth-of-type(1){ background:#de3d2b; }
.filter_tabbing ul li:nth-of-type(2){ background:#0f579f; margin:0 46px;}
.filter_tabbing ul li:nth-of-type(3){ background:#1baae1;}


.filter_sec .blocks_container{ float:left; width:100%; margin:62px 0 30px; position:relative; }
.filter_sec .blocks_container:after{ content:""; position:absolute; width:0; height:100%; left:50%; top:0; border-right:3px dotted #000; z-index:-1; margin:0 0 0 -1.5px;}

.blocks_container .block_box{ float:left; width:100%; border-bottom:2px solid rgba(0,0,0,0.5); padding:30px 75px 20px; position:relative;  }
.blocks_container .block_box:first-child{ border-top:2px solid rgba(0,0,0,0.5);}

.block_box span.year{ position:absolute; top:-22px; left:50%; transform:translateX(-50%); background:#fff; color:#000; display:block; width:110px; font-family: 'SolanoGothicMVB-BdCap'; font-size:28px; line-height:28px; letter-spacing:1.56px; padding:4px 0; text-align:center; }
.block_box span.year span{ font-family: 'SolanoGothicMVB-BdSC'; }

.block_box .left_block{ float:left; width:50%; min-height:40px; position:relative; padding:0 55px 0 0; margin:-10px 0 0; }
.block_box .left_block .dot{ display:block;  position:absolute; right:-13px; top:50%; transform:translateY(-50%); width:26px; height:38px; background:#fff;  }
.block_box .left_block .dot:after{ content:""; position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px; width:22px; height:22px; border-radius:50%; border:2px solid #de3d2b; background:#fff; display:block;}
.block_box .left_block .dot:before{ content:""; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; width:10px; height:10px; border-radius:50%; background:#000; display:block; z-index:99; }

.block_box .right_block{ float:right; width:50%; min-height:40px; position:relative; padding:0 0 0 55px; margin:-10px 0 0; }
.block_box .right_block .dot{ display:block;  position:absolute; left:-13px; top:50%; transform:translateY(-50%); width:26px; height:38px; background:#fff; }
.block_box .right_block .dot:after{ content:""; position:absolute; left:50%; top:50%; margin:-13px 0 0 -13px; width:22px; height:22px; border-radius:50%; border:2px solid #de3d2b; background:#fff; display:block;}
.block_box .right_block .dot:before{ content:""; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; width:10px; height:10px; border-radius:50%; background:#000; display:block; z-index:99; }


.block_box .inner_block{ float:left; width:284px; /*background:#000;*/ position:relative; transition:opacity ease 0.3s; -webkit-transition:opacity ease 0.3s; -moz-transition:opacity ease 0.3s; z-index:999; }
.block_box .inner_block .inner_block_cont { float:left; width:100%; background:#000; position:relative; z-index:999; transition:opacity ease 0.3s; -webkit-transition:opacity ease 0.3s; -moz-transition:opacity ease 0.3s; }
.block_box .inner_block:hover{ z-index:999;}
.block_box .left_block .inner_block{ float:right;}
.block_box .left_block .inner_block:after{ content:""; position:absolute; width:44px; height:2px; top:50%; right:-44px; background:#de3d2b; z-index:-1; }
.block_box .right_block .inner_block:after{ content:""; position:absolute; width:44px; height:2px; top:50%; left:-44px; background:#de3d2b; z-index:-1; }


.block_box .inner_block figure{ float:right; width:140px; min-height:100px;}
.block_box .right_block .inner_block figure{ float:left; }
.block_box .inner_block .text_part{  position:absolute; top:50%; left:0; width:calc(100% - 140px); text-align:center;transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.block_box .right_block .inner_block .text_part{ right:0; left:auto; }
.block_box .inner_block .text_part h3{ display:inline-block; border-top:2px solid #de3d2b; border-bottom:2px solid #de3d2b; font-family: 'SolanoGothicMVB-BdCap'; font-size:50px; line-height:50px; padding:4px 0;  color:#fff; min-width:106px; letter-spacing:2.8px; }
.mac-os .block_box .inner_block .text_part h3{ padding: 10px 0 0; }
.block_box .inner_block .text_part h3 span{ font-family: 'SolanoGothicMVB-BdSC';}


.block_box .inner_block .desc_box{ position:absolute; top:0; width:4px; height:100%; padding:10px 0 0; background:#fff; z-index:999; overflow:hidden; }
.block_box .inner_block:hover .desc_box{ width:504px; }
.block_box .inner_block .desc_box p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px; padding:0 10px;}

.block_box .left_block .inner_block .desc_box{ left:100%; border-right:4px solid #de3d2b; transition:all ease 0.3s; }
.block_box .right_block .inner_block .desc_box{ right:100%; border-left:4px solid #de3d2b; transition:all ease 0.3s; }


.block_box .left_block.disabled .dot::before, 
.block_box .right_block.disabled .dot::before, 
.block_box .left_block.disabled .dot::after, 
.block_box .right_block.disabled .dot::after { opacity: 0.2; }
.block_box .left_block.disabled .inner_block, .block_box .right_block.disabled .inner_block{ z-index:9; }
.block_box .left_block.disabled .inner_block:after, .block_box .right_block.disabled .inner_block:after{ opacity: 0.2; }
.block_box .left_block.disabled .inner_block .inner_block_cont, .block_box .right_block.disabled .inner_block .inner_block_cont{ opacity: 0.2; }


/***********Color Based filter***********/

.filter_tabbing .filtered_box.red{ background:#de3d2b; }
.filter_tabbing .filtered_box.blue{ background:#0f579f; }
.filter_tabbing .filtered_box.sky{ background:#1baae1; }

.block_box .left_block.red .inner_block .text_part h3, .block_box .right_block.red .inner_block .text_part h3{ border-color:#de3d2b; }
.block_box .left_block.blue .inner_block .text_part h3, .block_box .right_block.blue .inner_block .text_part h3{ border-color:#0f579f; }
.block_box .left_block.sky .inner_block .text_part h3, .block_box .right_block.sky .inner_block .text_part h3{ border-color:#1baae1; }

.block_box .left_block.red .dot:after, .block_box .right_block.red .dot:after{ border-color:#de3d2b; }
.block_box .left_block.blue .dot:after, .block_box .right_block.blue .dot:after{ border-color:#0f579f; }
.block_box .left_block.sky .dot:after, .block_box .right_block.sky .dot:after{ border-color:#1baae1; }

.block_box .left_block.red .inner_block:after, .block_box .right_block.red .inner_block:after{ background:#de3d2b; }
.block_box .left_block.blue .inner_block:after, .block_box .right_block.blue .inner_block:after{ background:#0f579f; }
.block_box .left_block.sky .inner_block:after, .block_box .right_block.sky .inner_block:after{ background:#1baae1; }

.block_box .left_block.red .inner_block .desc_box, .block_box .right_block.red .inner_block .desc_box{ border-color:#de3d2b;}
.block_box .left_block.blue .inner_block .desc_box, .block_box .right_block.blue .inner_block .desc_box{ border-color:#0f579f;}
.block_box .left_block.sky .inner_block .desc_box, .block_box .right_block.sky .inner_block .desc_box{ border-color:#1baae1;}

.blocks_container .block_box .left_block.inactive .inner_block, .blocks_container .block_box .right_block.inactive .inner_block{ display:none;}
.blocks_container .block_box .left_block.inactive .dot, .blocks_container .block_box .right_block.inactive .dot{ background:rgba(0,0,0,0); }
.blocks_container .block_box .left_block.inactive .dot:after, .blocks_container .block_box .right_block.inactive .dot:after{ border-color:rgba(0,0,0,0); width:16px; height:16px; margin:-10px 0 0 -10px;}
.blocks_container .block_box .red.inactive .dot:before, .blocks_container .block_box .red.inactive .dot:before{ background:#de3d2b; }
.blocks_container .block_box .blue.inactive .dot:before, .blocks_container .block_box .blue.inactive .dot:before{ background:#0f579f; }
.blocks_container .block_box .sky.inactive .dot:before, .blocks_container .block_box .sky.inactive .dot:before{ background:#1baae1; }


/***********Color Based filter***********/

.infographic_img{ display:block; width:100%; max-width:1024px; margin:0 auto 25px; }

.intro_sec{ float:left; width:100%; padding:25px 0 50px; }
.intro_sec .intro_sec_inner{ max-width:940px; margin:0 auto; padding:0 0 0 20px}
.intro_sec .intro_sec_head{ float:left; width:100%; }
.intro_sec .intro_sec_head h1{ font-family: 'SolanoGothicMVB-BdCap'; font-size:54px; line-height:58px; color:#000; text-align:center; padding:0 0 30px; }
.intro_sec .intro_sec_head h1 span{ font-family: 'SolanoGothicMVB-SbCap'; font-size:42px; line-height:46px; }

.intro_sec .intro_sec_cont{ float:left; width:100%; }
.intro_sec .intro_sec_cont figure{ float:left; width:253px; height:253px; background-size:cover !important; margin:0 40px 20px 0; }
.intro_sec .intro_sec_cont h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:56px; line-height:58px; color:#de3d2b; letter-spacing:-0.1px; }
.intro_sec .intro_sec_cont p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:30px; max-width:825px; }
.intro_sec .intro_sec_cont a.read_more{ display:inline-block; width:160px; font-family: 'SolanoGothicMVB-BdCap'; font-size:25px; line-height:29px; background:#000; color:#fff; margin:20px 0 0; letter-spacing:0.8px; padding:13px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; text-align:center; }
.mac-os .intro_sec .intro_sec_cont a.read_more{ padding:15px 0 11px; }
.intro_sec .intro_sec_cont a.read_more:hover{box-shadow: inset 0 -60px rgba(222,61,43,1);}


.vid_container{ display:block; width:100%; max-width:956px; margin:0 auto; }
.vid_container .vid_row{ float:left; width:100%; }
.vid_row .vid_col{ float:left; width: calc(50% - 58px); margin:0 29px 58px; position:relative;}
.vid_row .vid_col figure{ float:left; width:100%; min-height:250px; position:relative; background-size: cover !important;}
.vid_row .vid_col figure span{ text-align:center; position:absolute; left:0; bottom:0; display:block; width:100%; background:rgba(0,0,0,0.5); font-family: 'SolanoGothicMVB-BdCap'; font-size:18px; line-height:18px; color:#fff; padding:12px 0 10px; }
.mac-os .vid_row .vid_col figure span{ padding:14px 0 8px; }
.vid_row .vid_col a{ position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:999; background: url(../images/play_btn1.png) no-repeat center 62px; background-size:69px; }


.source_sec{ float:left; width:100%; padding:10px 0 40px; }
.source_sec p{ font-family: 'helvetica_neueregular'; font-size:12px !important; line-height:16px !important; color:#2f2f2f; word-break:break-all !important; }
.source_sec p strong{ font-family: 'helveticaneuebold'; font-weight:normal; }
.source_sec p a{ color:#2f2f2f; }


/********************************************Footer Css******************************************************************/
footer { float: left; width: 100%; background: #151515; padding: 20px 0; text-align: center; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 166px; }
footer ul { list-style: none; padding: 12px 0 0; }
footer ul li { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #fff; padding: 0 5px 0 8px; background: url(../images/link_sep.jpg) no-repeat left center; }
footer ul li:first-child { background: none; }
footer ul li a { display: block; color: #fff; }
footer ul li a:hover, footer ul li a:focus { color: #888888; }
footer ul li a.ad_choices img { vertical-align: middle; margin-left: 3px; }
footer ul li a.ad_choices:hover img, footer ul li a.ad_choices:focus img { opacity: 0.5; }


/********************************************Video Popup Css******************************************************************/
.v_box {position: relative;height: 0; width:100%; /*padding-bottom:0%;*/ padding-bottom:56.25%;}
.video-js {height: 100%;width: 100%;position: absolute;top: 0;left: 0;}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.vid_box {
position: fixed;
top: 100%;
background: rgba(0,0,0,.90);
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow-y: scroll;
z-index:999999;
width: 100%;
max-width: 100%;
padding:60px 15px 0;
}

.vid_box_inner{display:block; /*width:100%;*/ width:1100px; margin:0 auto; padding:10px 0 10px; position:relative; max-width:100%;}

.vid_box iframe {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 100%;
max-width: 100%;
border: none;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
a.vid-close { text-align:right; 
display: block;
width:25px;
height:40px;
box-sizing: border-box;
background: none;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out; font-family: 'helveticaneuebold'; font-size:30px; line-height:40px; color:#fff;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.vid_box.active { opacity: 1; top: 0; bottom:0;}
.vid_box.active .v_box { padding-bottom: 56.25%; }
.vid_box.active .video-js{ background:#000; }
.vid_box.active iframe { max-height: 100%; max-width: 100%; }
.vid_box.active a.vid-close { top: -52px;  }

.model_box_details{ display:block; width:100%; padding:15px 140px 0 0; position:relative; }
.model_box_details ul.social_icon{ list-style:none; float:right; width:auto; margin-top:10px; position:absolute; z-index:999; right:0; top:0; }
.model_box_details ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px; text-align:center;  }
.model_box_details ul.social_icon li:first-child{ margin-left:0; }
.model_box_details ul.social_icon li a{ display:block; width:35px; height:35px; border-radius:50%; border:3px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.model_box_details ul.social_icon li a i{ font-size:17px; line-height:30px; color:#fff; display:inline-block; }
.model_box_details ul.social_icon li a:hover{opacity:0.7;}
.model_box_details h3{ font-family: 'helveticaneuebold'; font-size:22px; line-height:31px; color:#fff; }


.ad_container{ float:left; width:100%; background:#fff; }
.ad_container .ad{ display:block; width:100%; text-align:center; max-width:100%; margin:30px auto; max-height:90px; overflow:hidden; }
.ad_container .ad img{ vertical-align:top;}


.map_sec{ position:fixed; top:100%; left:0; width:100%; max-width: 100%; background:#d8d8d8; z-index:99999;/* display:none;*/ height:calc(100% - 93px); max-height:calc(100% - 93px); overflow-y: scroll;}
.map_sec.active{ top:93px; }
/*.map_sec .map_sec_inner{ float:left; width:100%; position:relative; }*/



.map_sec .map_mob{ float:left; width:100%; margin:40px 0 0; padding:0 15px 0; display:none;}
.map_mob .map_mob_links{ float:left; width:100%; text-align:center; margin:0 0 30px; }
.map_mob .map_mob_links a.map_for{ display:inline-block; font-family: 'SolanoGothicMVB-BdCap'; font-size:43px; line-height:33px; color:#de3d2b; margin:0 0 15px; }
.map_mob .map_mob_links a.map_for span{ font-family: 'SolanoGothicMVB-SbCap'; font-size:33px; line-height:33px;}
.map_mob .map_mob_links a.map_for small{ display:inline-block; width:14px; height:33px; background:none; position:relative; margin:0 0 0 10px;}
.map_mob .map_mob_links a.map_for small:after{ content:""; position:absolute; left:0; top:50%; margin:-6px 0 0; width:12px; height:12px; border-left:2px solid #f00; border-bottom:2px solid #f00; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.map_mob .map_mob_links a.map_for.active small:after{ transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); margin:0 0 0; }


.map_mob .map_mob_links ul{ list-style:none; display:none; float:left; width:100%;}
.map_mob .map_mob_links ul li{ list-style:none; display:block; float:left; width:100%;}
.map_mob .map_mob_links ul li a { font-family: 'helvetica_neueregular'; font-size: 16px; line-height: 24px; color: #000; display: inline-block; margin: 5px 0; }
.map_mob .map_mob_links ul li a span{ display:inline-block; background: url(../images/play_black_round.png) no-repeat center center; background-size:22px; width:22px; height:24px; vertical-align:top; margin:0 8px 0 0;}

.map_sec .map_intro{ display:block; width:100%; max-width:880px; margin:14px auto 0; }
.map_intro h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:100px; line-height:92px; color:#000; letter-spacing:-3.89px; display:inline-block; vertical-align:top; }
.map_intro h3 span{ font-size:42px; line-height:50px; color:#de3d2b; letter-spacing:0; vertical-align:top; display:inline-block; padding:8px 0 8px; border-top:2px solid #000; border-bottom: 2px solid #000; margin:11px 0 0 15px; }
.mac-os .map_intro h3 span{ padding:12px 0 4px; margin:1px 0 0 15px; }
.map_intro p{ font-family: 'helvetica_neueregular'; font-size:13px; line-height:17px; float:right; width:330px; color:#000; text-align:left; padding:8px 0 0; max-width:100%; }
.mac-os .map_intro p{ padding:0 0 0; }
.map_intro p strong{ font-weight:normal; font-family: 'helveticaneuebold';}

.map_sec .legend_sec{ position:absolute; left:36px; bottom:40px;}
.legend_sec h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:43px; line-height:47px; color:#000; letter-spacing:-1.15px; }
.legend_sec ul{ list-style:none; text-align:left; border-left:4px solid #000; background:#de3d2b; padding:10px 0 10px 12px; max-width:126px; }
.legend_sec ul li{ display:block; padding:4px 0 4px 26px; font-family: 'helveticaneuebold'; font-size:15px; line-height:15px; color:#fff; }
.legend_sec ul li:nth-of-type(1){ background: url(../images/dot_white.png) no-repeat 0 center; background-size:17px; }
.legend_sec ul li:nth-of-type(2){ background: url(../images/play_black.png) no-repeat 0 center; background-size:19px; }

.map_img{ display:block; width:100%; max-width:971px; margin:50px 0 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:9999; }

.map_img .america{ position:absolute; width:16px; height:16px; z-index:9999; background: url(../images/dot_white.png) no-repeat center center; background-size:12px; /*display:none;*/ }
.map_img .america.active{ background-size:16px; z-index:99999; }
.map_img .america.inactive{ opacity:0.45;}
.map_img .america .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}

.map_img .emea{ position:absolute; width:16px; height:16px; z-index:9999; background: url(../images/dot_white.png) no-repeat center center; background-size:12px; display:none; }
.map_img .emea.active{background-size:16px; z-index:99999;}
.map_img .emea.inactive{opacity:0.45;}
.map_img .emea .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}

.map_img .a-pac{ position:absolute; width:16px; height:16px; z-index:9999; background: url(../images/dot_white.png) no-repeat center center; background-size:12px; display:none; }
.map_img .a-pac.active{background-size:16px; z-index:99999;}
.map_img .a-pac.inactive{opacity:0.45;}
.map_img .a-pac .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}

.map_img .america_vid{ position:absolute; width:18px; height:22px; z-index:9999; background: url(../images/play_black.png) no-repeat center center; background-size:14px; /*display:none;*/ }
.map_img .america_vid.active{ background-size:18px; z-index:99999; }
.map_img .america_vid.inactive{ opacity:0.45;}
.map_img .america_vid .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}

.map_img .emea_vid{ position:absolute; width:18px; height:22px; z-index:9999; background: url(../images/play_black.png) no-repeat center center; background-size:14px; display:none; }
.map_img .emea_vid.active{ background-size:18px; z-index:99999; }
.map_img .emea_vid.inactive{ opacity:0.45;}
.map_img .emea_vid .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}

.map_img .a-pac_vid{ position:absolute; width:18px; height:22px; z-index:9999; background: url(../images/play_black.png) no-repeat center center; background-size:14px; display:none; }
.map_img .a-pac_vid.active{ background-size:18px; z-index:99999; }
.map_img .a-pac_vid.inactive{ opacity:0.45;}
.map_img .a-pac_vid .pop_link{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}


/***********AMERICA***************************/
.map_img .america1{ top:83%; left:26%;}
.map_img .america2{ top:22%; left:21%;}
.map_img .america3{ top:21%; left:24%;}
.map_img .america4{ top:32%; left:13%;}
.map_img .america5{ top:43%; left:22%;}
.map_img .america6{ top:74%; left:30%;}
.map_img .america7{ top:76%; left:23%;}
.map_img .america8{ top:57%; left:1%;}
.map_img .america9{ top:29.8%; left:6%;}
.map_img .america10{ top:18%; left:21%;}
.map_img .america11{ top:25%; left:21%;}
.map_img .america12{ top:17%; left:19.5%;}
.map_img .america13{ top:33%; left:6%;}
.map_img .america14{ top:17%; left:22.5%;}
.map_img .america15{ top:34%; left:15%;}
.map_img .america16{ top:32.5%; left:6%;}
.map_img .america17{ top:30.5%; left:11.5%;}
.map_img .america18{ top:23%; left:7.5%;}
.map_img .america19{ top:23%; left:18%;}
.map_img .america20{ top:70%; left:0%;}
.map_img .america21{ top:36%; left:17%;}
.map_img .america22{ top:36%; left:18.7%;}
.map_img .america23{ top:39%; left:18.5%;}
.map_img .america24{ top:35%; left:13.5%;}
.map_img .america25{ top:26%; left:22.5%;}
.map_img .america26{ top:24.5%; left:24%;}

.map_img .america_vid1{ top:31%; left:7.7%;}
.map_img .america_vid2{ top:83%; left:26.7%;}
.map_img .america_vid3{ top:33.5%; left:13.4%;}
.map_img .america_vid4{ top:42%; left:20%;}
.map_img .america_vid5{ top:30.8%; left:19%;}
/***********AMERICA***************************/


/***********EMEA***************************/
.map_img .emea1{ top:19%; left:48%;}
.map_img .emea2{ top:15%; left:45%;}
.map_img .emea3{ top:24%; left:55%;}
.map_img .emea4{ top:48%; left:47%;}
.map_img .emea5{ top:34%; left:56%;}
.map_img .emea6{ top:24%; left:52%;}
.map_img .emea7{ top:20%; left:50%;}
.map_img .emea8{ top:19%; left:45%;}
.map_img .emea9{ top:21%; left:46.5%;}
.map_img .emea10{ top:37%; left:65%;}
.map_img .emea11{ top:24%; left:49.5%;}
.map_img .emea12{ top:16%; left:48.5%;}
.map_img .emea13{ top:7%; left:40%;}
.map_img .emea14{ top:16%; left:51.5%;}
.map_img .emea15{ top:39%; left:63.5%;}
.map_img .emea16{ top:16%; left:46.5%;}

.map_img .emea_vid1{ top:49%; left:48.5%}
.map_img .emea_vid2{ top:26%; left:54%;}
.map_img .emea_vid3{ top:18.5%; left:45.5%;}
.map_img .emea_vid4{ top:28%; left:51%;}
.map_img .emea_vid5{ top:36.7%; left:65.4%;}
/***********EMEA***************************/


/***********ASIA_PACIFIC***************************/
.map_img .a-pac1{ top:52%; left:73.5%;}
.map_img .a-pac2{ top:28%; left:91.5%;}
.map_img .a-pac3{ top:37%; left:89%;}
.map_img .a-pac4{ top:40%; left:79.5%;}
.map_img .a-pac5{ top:53%; left:81%;}
.map_img .a-pac6{ top:27%; left:83.5%;}
.map_img .a-pac7{ top:83%; left:96%;}
.map_img .a-pac8{ top:36%; left:82%;}
.map_img .a-pac9{ top:34%; left:87%;}
.map_img .a-pac10{ top:46%; left:81%;}
.map_img .a-pac11{ top:55%; left:71%;}
.map_img .a-pac12{ top:31%; left:91%;}
.map_img .a-pac13{ top:43%; left:71.5%;}
.map_img .a-pac14{ top:28%; left:88%;}

.map_img .a-pac_vid1{ top:40.5%; left:73.3%;}
.map_img .a-pac_vid2{ top:28%; left:93.2%;}
.map_img .a-pac_vid3{ top:54%; left:70.5%;}
.map_img .a-pac_vid4{ top:41%; left:79.6%;}
.map_img .a-pac_vid5{ top:51.5%; left:74.3%;}
.map_img .a-pac_vid6{ top:35.5%; left:84%;}
/***********ASIA_PACIFIC***************************/



/*.map_popup{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0);  z-index:999999; display:none; }*/
.map_popup{ /*position:fixed;*/position:absolute; left:calc(100% + 5px); top:0; width:295px; /*left:50%; top:50%; transform:translate(-50%,-50%);*/ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3);  z-index:999999; display:none; }
.map_popup.right_side{ left:auto; right:calc(100% + 5px);}
.map_popup.active{ display:block;}

/*.map_popup .map_popup_inner{ position:absolute; width:295px; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); }*/
.map_popup .map_popup_inner{ display:block; width:100%; }


.map_popup a.close_map_popup{ position:absolute; width:28px; height:27px; right:0; top:0; text-align:center; color:#000; font-family: 'helveticaneuebold'; font-size:16px; line-height:30px; z-index:9999; }
.map_popup a.close_map_popup.white{ color:#fff; text-shadow:0 0 5px #000;}
.map_popup .map_popup_cont{ display:block; width:100%; text-align:center; padding:25px 15px 25px 15px; }
.map_popup .map_popup_cont h3{ font-family: 'SolanoGothicMVB-BdCap'; font-size:28px; line-height:28px; color:#de3d2b; padding:0 0 10px; }
.map_popup .map_popup_cont p{ font-family: 'helvetica_neueregular'; font-size:13px; line-height:17px; color:#000;}
.map_popup figure{ position:relative; display:block; width:100%; min-height:187px; background-size:cover !important; }
.map_popup figure span{ text-align:center; position:absolute; left:0; bottom:0; display:block; width:100%; background:rgba(0,0,0,0.5); font-family: 'helveticaneuebold'; font-size:15px; line-height:18px; color:#fff; padding:10px 0 8px; }
.map_popup figure a{ position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:999; background: url(../images/play_btn1.png) no-repeat center 49px; background-size:43px; }


#div-gpt-leaderboard-fixed-1{ max-width:728px; margin:0 auto;}
#div-gpt-mob-banner-fixed-1{ max-width:320px; margin:0 auto;}



html { -webkit-text-size-adjust: 100%;/* Prevent font scaling in landscape while allowing user zoom */}