body {
	background: #FFF;
	font-size: 18px;
	line-height: 32px;
	/* color: #FFF; */
	margin: 0;
	padding: 0;
	word-wrap: break-word !important;
}
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	/* background-size: 3% !important; */
	background: #000 url("../images/preloader-ani.gif") no-repeat center center;
	z-index: 999;
}
h1 {
	margin-top: 100px;
	text-align: center;
	font-size: 30px;
	line-height: 70px;
	font-family: 'roboto', sans-serif;
}
h2 { 
	/* font-family: 'gilroy_extrabold', 'acrobat', arial, sans-serif; */
	font-size: 45px;
	line-height: 100%;
}
h3 {
	font-family: 'acrobat', arial, sans-serif;
	font-size: 30px;
	line-height: 130%;
	text-align: left;
}
h3 a { /* color: #000; */ }
a { /* color: #FFF; */ outline: 0; }
p { text-align: center; }
sup { font-size: 50%; font-weight: 100; }
.clear { clear: both; height: 0px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------- */

/* -- body pages -- */
.square-box1 {
	margin: auto auto auto auto;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden; 
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	z-index: 1;
}

.color01 { background-color:rgba(0, 0, 0, 0.5); } 

.r-img { display: none; }
.r-img-001 { 
	border: 5px solid rgba(255, 255, 255, 1); 
	border-radius: 3px;
	color: #fff;
	display: inline-block; 
	width: 260px !important;
	height: 260px !important;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	background: rgba(255,255,255,1); 
	box-shadow: 0px 10px 8px rgba(0,0,0,0.1);
}
.square-content {
	width: 100%;
	height: 100%;
	color: white;
	position: relative;
	margin: auto auto;
	text-align: center;
}
.square-content div {
	width: 100%;
	height: 100%;
	/* max-width: 1000px; 
	max-height: 550px; */
	margin: 11% auto auto auto; 
	z-index: 5;
	position: relative;
}
.square-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}

.sq-text-home { /* page box - home */
	color: #000;
	vertical-align: middle;
	position: relative;
	font-family: 'roboto_condensed', arial, sans-serif;
	font-size: 16px;
	line-height: 22px; 
	/* border: dashed 3px white !important; */
}

.sq-text, .sq-text-right { /* page box */
	background: rgba(224,224,224,0.92); 
	color: #000;
	vertical-align: middle;
	position: relative;
	font-family: 'roboto_condensed', arial, sans-serif;
	font-size: 16px;
	line-height: 22px; 
}

.sq-b-00 div { 
	/* alignment block */
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	text-align: center;
}

.sq-head-home { /* header box - home */
	width: 100%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	/* z-index: 10 !important; */
}
.sq-head-home > h2 { 
	color: #FFF;
	width: 100%;
	text-align: center;
	font-family: 'roboto', arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
	display: block;
	position: relative;
	margin: 0;
	background: #00b8ee;
	padding: 32px 0 24px 0;
}
.sq-head-home > h2 > span { 
	color: #FFF;
	font-family: 'roboto', arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0px;
	display: inline-block;
	position: relative;
	padding: 0 0 6px 0;
	z-index: 100;
}

.sq-boxes { }
.mgn-left {
	margin-right: -45px !important;
}
.mgn-right {
	margin-left: -45px !important;
}

.ht_100 {	height: 100px; }
.ht_150 {	height: 150px; }
.ht_200 {	height: 200px; }
.ht_250 {	height: 250px; }
.ht_270 {	height: 270px; }
.ht_280 {	height: 280px; }
.ht_300 {	height: 300px; }

ul.columns2 {
	margin: 55px 0 0 -25px;
	width: 300px;
	position: relative;
	display: block;
	list-style: inside disc;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-type: circle;
	/* border: solid 1px red; */
}


.next_page { clear: both; height:0px; }

#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l  {
	padding-top: 0px;
	/* background-color: #8C9093; */
	height: 100vh;
	width: 100%;
}



/* GSAP Animation */

.obj_a { position: absolute; visibility: hidden; }
.obj_on { /* see GSAP script - dynamically unhide elements */ }


/* ------------------------------------------------------------- FiOS demo ------------------------------------------------------------- */

.img-home { 
	font-size: 50px;
	line-height: 62px;
	font-family: 'gilroy_extrabold', arial, sans-serif;
	display: block; 
	width: 1000px !important;
	height: 500px !important;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	/* border: dashed 1px gray !important; */
}
.card { /* home card */
        position: absolute;
	margin: auto auto auto auto !important;
	z-index: -1;
	/* overflow: hidden; */
}

/* ----- Step 01 ----- */

.a_txt_01 {
	margin: 130px auto 0 auto;
	font-size: 200%;
	position: relative;
	z-index: -1;
	display: block; 
	height: 20% !important;  /* --------------- height --------------- */
}

.a_font_01 { /* font + scale + smoothing */ 
	font-family: 'roboto', arial, sans-serif; 
	font-weight: 700;
	transform: scale(1, 0.9);
	-webkit-transform: scale(1, 0.9); /* Safari and Chrome */
	-moz-transform: scale(1, 0.9); /* Firefox */
	-ms-transform: scale(1, 0.9); /* IE 9+ */
	-o-transform: scale(1, 0.9); /* Opera */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.at_03Z { font-size: 200%; } /* bigger font */
.at_04Z { font-size: 200%; }

.at_01, .at_02, .at_03, .at_04 { 
	color: #FFF;
	}

/* ----- Step 02 ----- */

.at_10 { 
	/* font-family: 'roboto_condensed', arial, sans-serif; */
	float: left;
	font-weight: 900;
	color: #000 !important;
	width: 1000px !important; 
	font-size: 250%;
	margin-top: -30px;
	position: relative;
	display: block; 
	text-align: center;
	letter-spacing: -10px !important;
	}
.at_10::first-letter { /* first letter spacing fix */
	letter-spacing: -40px !important;
}
.at_11 {
	color: #BA121C !important;
	width: 1000px !important; 
	font-size: 56%;
	padding: 40px 0 0 15px;
	position: relative;
	display: block; 
	text-align: center;
	}

/* ----- Step 03 ----- */

.at_20, .at_21, .at_22, .at_23 { 
	float: left;
	font-weight: 900;
	color: #000 !important;
	width: 1000px !important;
	margin-top: -60px;
	position: relative;
	display: block; 
	text-align: center;
	}
.at_20 { font-size: 100%; letter-spacing: 0px !important; }
.at_21 { font-size: 130%; letter-spacing: -5px !important; }
.at_22 { font-size: 200%; letter-spacing: -5px !important; }
.at_23 { font-size: 230%; letter-spacing: -10px !important; }

/* ----- Step 04 ----- */

.at_30 { margin: -140px 0 0 80px; }
.at_31 { margin: -60px 0 0 80px; }
.at_32 { margin: 20px 0 0 80px; }
.at_30, .at_31, .at_32 { 
	width: 1000px !important; 
	float: left;
	font-weight: 900;
	font-size: 75%; 
	display: block;
	letter-spacing: 0px !important;
	color: #000 !important;
	position: relative;
	display: block; 
	text-align: left !important;
	}

/* ----- Step 05 ----- */

.at_40 { 
	/* font-family: 'roboto_condensed', arial, sans-serif; */
	float: left;
	font-weight: 900;
	color: #000 !important;
	width: 1000px !important;
	font-size: 250%;
	margin: -90px 0 0 -140px;
	position: relative;
	display: block; 
	text-align: center;
	letter-spacing: -10px !important;
	}
.at_40::first-letter {
	letter-spacing: -40px !important;
}
.at_40_arws { /* down */
	width: 81px;
	height: 167px;
	margin: -150px 0 0 640px;
	background-image: url("../images/arrow-up.png");
	}
.at_41_arws { /* up */
	width: 81px;
	height: 167px;
	margin: -150px 0 0 720px;
	background-image: url("../images/arrow-dw.png");
	}

.at_40-2_arws { /* down */
	width: 29px;
	height: 30px;
	margin: -100px 0 0 666px;
	background: #000; 
	}
.at_41-2_arws { /* up */
	width: 29px;
	height: 30px;
	margin: -140px 0 0 746px;
	background: #000; 
	}

.at_40-3_arws { /* down */
	width: 29px;
	height: 30px;
	margin: -60px 0 0 666px;
	background: #000;  
	}
.at_41-3_arws { /* up */ 
	width: 29px;
	height: 30px;
	margin: -100px 0 0 746px;
	background: #000; 
	}

.at_40-4_arws { /* down */
	width: 29px;
	height: 30px;
	margin: -20px 0 0 666px;
	background: #000; 
	}
.at_41-4_arws { /* up */ 
	width: 29px;
	height: 30px;
	margin: -60px 0 0 746px;
	background: #000; 
	}

.at_41 {
	float: left;
	color: #BA121C !important;
	width: 1000px !important; 
	font-size: 56%;
	margin-top: -50px;
	padding: 35px 0 0 0;
	position: relative;
	display: block; 
	text-align: center;
	}

/* ----- Step 06 ----- */

.at_50_arws { /* box */
	float: left;
	width: 300px;
	height: 300px;
	margin: -350px 0 0 350px;
	background: #000; 
	}

/* ----- Step 07 ----- */

.at_61 { margin: -250px 0 0 150px; font-weight: 300; font-size: 40%; }
.at_62 { margin: -140px 0 0 150px; font-weight: 900; font-size: 140%; }
.at_63 { margin: -20px 0 0 150px; font-weight: 200; font-size: 25%; font-family: 'roboto_condensed', arial, sans-serif !important; line-height: 20px; }
.at_64 { margin: 10px 0 0 150px; font-weight: 200; font-size: 25%; font-family: 'roboto_condensed', arial, sans-serif !important; line-height: 20px; }

.at_68 { margin: 100px 0 0 150px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; line-height: 20px; }
.at_69 { margin: 0 0 0 250px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; line-height: 20px; }
.at_61, .at_62, .at_63, .at_64, .at_68, .at_69 { 
	float: left;
	letter-spacing: 0px !important;
	color: #FFF !important;
	width: 1000px !important; 
	position: relative;
	display: block; 
	text-align: left !important;
	}

/* ----- Step 08 ----- */

.at_71 { margin: -250px 0 0 125px; font-weight: 900; font-size: 70%; !important; line-height: 20px; }
.at_71 code { font-family: 'roboto_condensed', arial, sans-serif !important; font-weight: 100; font-size: 40%; !important; }
.at_71 sup, .at_78 sup { font-weight: 100; }
.at_72 { margin: -120px 0 0 180px; font-weight: 900; font-size: 70%; !important; line-height: 20px; }
.at_73 { margin: -40px 0 0 180px; font-weight: 900; font-size: 70%; !important; line-height: 20px; }

.at_78 { margin: 130px 0 0 265px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; !important; line-height: 20px; }
.at_79 { margin: 0 0 0 170px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; !important; line-height: 20px; }
.at_71, .at_72, .at_73, .at_78, .at_79 { 
	float: left;
	letter-spacing: 0px !important;
	color: #FFF !important;
	width: 1000px !important; 
	position: relative;
	display: block; 
	text-align: left !important;
	}

/* ----- Step 09 ----- */ 

.at_80 { font-size: 100%; letter-spacing: 0px !important; }
.at_81 { font-size: 130%; letter-spacing: -5px !important; }
.at_82 { font-size: 200%; letter-spacing: -5px !important; }
.at_83 { font-size: 230%; letter-spacing: -5px !important; }
.at_84 { font-size: 300%; letter-spacing: -5px !important; }
.at_80, .at_81, .at_82, .at_83, .at_84 { 
	float: left;
	font-weight: 900;
	color: #FFF !important;
	width: 1000px !important; 
	margin-top: -130px;
	position: relative;
	display: block; 
	text-align: center;
	}

/* ----- Step 10 ----- */

.at_90 { margin: -200px 0 0 120px; font-weight: 900; font-size: 70%; }
.at_91 { margin: -120px 0 0 120px; font-weight: 900; font-size: 70%; }

.at_99 { margin: 110px 0 0 220px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; }
.at_90, .at_91, .at_99 { 
	float: left;
	letter-spacing: 0px !important;
	color: #FFF !important;
	width: 1000px !important;
	position: relative;
	display: block; 
	text-align: left !important;
	}

/* ----- Step 11 ----- */

.at_100 { /* fios logo */
	margin: -250px 0 0 365px; 
	width: 266px;
	height: 135px;	
	background-image: url("../images/fios-logo-01.png");
	background-repeat: no-repeat;
}
.at_100_check { /* fios logo check*/
	margin: -250px 0 0 623px; 
	width: 79px;
	height: 90px;	
	background-image: url("../images/fios-logo-check.png");
	background-repeat: no-repeat;
}

.at_101 { margin: -120px 0 0 375px; font-weight: 200; font-size: 64%; font-family: 'roboto_condensed', arial, sans-serif !important; z-index: 10; }
.at_102 { margin: 0px 0 0 425px; font-weight: 400; font-size: 30%; font-family: 'roboto_condensed', arial, sans-serif !important; }
.at_102A { color: #c2c2c2 !important; }

.at_109 { margin: 40px 0 0 445px; font-weight: 100; font-size: 15%; font-family: 'roboto_condensed', arial, sans-serif !important; }
.at_100, .at_101, .at_102, .at_109 { 
	float: left;
	letter-spacing: 0px !important;
	color: #FFF !important;
	width: 1000px !important; 
	position: relative;
	display: block; 
	text-align: left !important;
	}

/* ----- click to restart button ----- */

#click_to_restart, .b_obj_restart {
	float: left;
	width: 100px;
	position: relative;
	margin: 0;
	text-align: right;
	color: #FF0000;
	cursor: pointer;
	font-size: 15px !important;
	line-height: 220%;
	font-family: 'roboto_condensed', arial, sans-serif !important;
	letter-spacing: 1px;
	font-weight: 500;
	z-index: 150;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 50;
	width: 1000px !important;
	height: 500px !important;
	}
#click_to_restart:hover, .b_obj_restart:hover { color: #FFF; }

/* ------------------------------------------------------------- FiOS demo END ------------------------------------------------------------- */

/* ------------------------------------------------------------ 950px responsive ----------------------------------------------------------- */

@media all and (max-width : 950px) {

.img-home { 
	font-size: 50px;
	line-height: 62px;
	font-family: 'gilroy_extrabold', arial, sans-serif;
	display: block; 
	width: 500px !important;
	height: 250px !important;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	/* border: dashed 1px blue !important; */
}


/* ----- Step 01 ----- */

.a_txt_01 {
	font-size: 100%;
 }
.at_03Z { font-size: 190%; } /* bigger font */
.at_04Z { font-size: 190%; }

/* ----- Step 02 ----- */

.at_10 { 
	width: 500px !important; 
	height: 0px !important;
	font-size: 250% !important;
	display: block; 
	letter-spacing: -5px !important;
	}
.at_10::first-letter {
	letter-spacing: -20px !important;
}
.at_11 {
	width: 500px !important; 
	font-size: 56%;
	line-height: 20px;
	display: table-cell;
	padding: 0px 0 0 5px !important;
/* border: solid 1px red !important; */
	}

/* ----- Step 03 ----- */

.at_20, .at_21, .at_22, .at_23 { width: 500px !important; }
.at_20 { font-size: 100%; letter-spacing: 0px !important; }
.at_21 { font-size: 130%; letter-spacing: -2px !important; }
.at_22 { font-size: 200%; letter-spacing: -2px !important; }
.at_23 { font-size: 230%; letter-spacing: -2px !important; }

/* ----- Step 04 ----- */

.at_30 { margin: -90px 0 0 80px; }
.at_31 { margin: -50px 0 0 80px; }
.at_32 { margin: -10px 0 0 80px; }
.at_30, .at_31, .at_32 { 
	width: 500px !important; 
	font-size: 75%; 
	display: block;
	line-height: 20px;
	letter-spacing: -1px !important;
/* border: solid 1px red !important; */
	}

/* ----- Step 05 ----- */

.at_40 { 
	width: 500px !important;
	font-size: 250%;
	margin: -90px 0 0 -70px;
	letter-spacing: -5px !important;
	}
.at_40::first-letter {
	letter-spacing: -20px !important;
}
.at_40_arws { /* down */
	width: 81px;
	height: 167px;
	margin: -115px 0 0 305px;
	background-image: url("../images/arrow-up.png");
	background-repeat: no-repeat;
	background-size: 60%;
	}
.at_41_arws { /* up */
	width: 81px;
	height: 167px;
	margin: -115px 0 0 356px;
	background-image: url("../images/arrow-dw.png");
	background-repeat: no-repeat;
	background-size: 60%;
	}

.at_40-2_arws { /* down */
	width: 17px;
	height: 20px;
	margin: -100px 0 0 321px;
	}
.at_41-2_arws { /* up */
	width: 17px;
	height: 20px;
	margin: -110px 0 0 372px;
	}

.at_40-3_arws { /* down */
	width: 17px;
	height: 20px;
	margin: -70px 0 0 321px;
	}
.at_41-3_arws { /* up */ 
	width: 17px;
	height: 20px;
	margin: -80px 0 0 372px;
	}

.at_40-4_arws { /* down */
	width: 17px;
	height: 20px;
	margin: -40px 0 0 321px;
	}
.at_41-4_arws { /* up */ 
	width: 17px;
	height: 20px;
	margin: -50px 0 0 372px;
	}

.at_41 {
	width: 500px !important; 
	font-size: 56%;
	margin-top: -60px;
	padding: 0 0 0 0;
	position: relative;
	display: block; 
	line-height: 20px;
	text-align: center;
	}

/* ----- Step 06 ----- */

.at_50_arws { /* box */
	width: 300px;
	height: 300px;
	margin: -350px 0 0 50px;
	}

/* ----- Step 07 ----- */

.at_61 { margin: -175px 0 0 80px; line-height: 20px; }
.at_62 { margin: -120px 0 0 80px; line-height: 20px; }
.at_63 { margin: -70px 0 0 80px; line-height: 20px; }
.at_64 { margin: -50px 0 0 80px; line-height: 20px; }

.at_68 { margin: 0px 0 0 80px; line-height: 10px; }
.at_69 { margin: 0 0 0 140px; line-height: 10px; }
.at_61, .at_62, .at_63, .at_64, .at_68, .at_69 { 
	letter-spacing: 0px !important;
	width: 500px !important; 
	}

/* ----- Step 08 ----- */

.at_71 { margin: -175px 0 0 50px; line-height: 10px; }
.at_72 { margin: -110px 0 0 80px; line-height: 10px; }
.at_73 { margin: -70px 0 0 80px; line-height: 10px; }

.at_78 { margin: 0 0 0 130px; line-height: 10px; }
.at_79 { margin: 0 0 0 80px; line-height: 10px; }
.at_71, .at_72, .at_73, .at_78, .at_79 { 
	width: 500px !important; 
	}

/* ----- Step 09 ----- */ 

.at_80 { font-size: 100%; letter-spacing: 0px !important; }
.at_81 { font-size: 130%; letter-spacing: 0px !important; }
.at_82 { font-size: 200%; letter-spacing: 0px !important; }
.at_83 { font-size: 230%; letter-spacing: 0px !important; }
.at_84 { font-size: 300%; letter-spacing: -3px !important; }
.at_80, .at_81, .at_82, .at_83, .at_84 { 
	width: 500px !important; 
	margin-top: -130px;
	}

/* ----- Step 10 ----- */

.at_90 { margin: -175px 0 0 60px; }
.at_91 { margin: -130px 0 0 60px; }

.at_99 { margin: -30px 0 0 110px; }
.at_90, .at_91, .at_99 { 
	width: 500px !important;
	}

/* ----- Step 11 ----- */ 

.at_100 { /* fios logo */
	margin: -195px 0 0 165px; 
	width: 266px;
	height: 135px;	
	background-image: url("../images/fios-logo-01.png");
	background-repeat: no-repeat;
	background-size: 35% !important;
}
.at_100_check { /* fios logo check*/
	margin: -185px 0 0 340px; 
	width: 79px;
	height: 90px;	
	background-image: url("../images/fios-logo-check.png");
	background-repeat: no-repeat;
	background-size: 50% !important;
}

.at_101 { margin: -115px 0 0 170px; font-size: 85%; }
.at_102 { margin: -60px 0 0 200px; font-size: 40%; }
.at_102A { color: #c2c2c2 !important; }

.at_109 { margin: -20px 0 0 220px; }
.at_100, .at_101, .at_102, .at_109 { 
	width: 500px !important; 
	}

/* ----- click to restart button ----- */

#click_to_restart, .b_obj_restart {
	width: 500px !important;
	height: 250px !important;
	margin: 0;
	line-height: 40px;
	}
#click_to_restart:hover, .b_obj_restart:hover { color: #FFF; }

/* ------------------------------- */
}

/* ------------------------------------------------------------ 500px responsive ----------------------------------------------------------- */

@media all and (max-width : 500px) {

.img-home { 
	font-size: 25px;
	line-height: 31px;
	font-family: 'gilroy_extrabold', arial, sans-serif;
	display: block; 
	width: 250px !important;
	height: 125px !important;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	/* border: dashed 1px green !important; */
}


/* ----- Step 01 ----- */

.a_txt_01 {
	font-size: 100%;
 }
.at_03Z { font-size: 190%; } /* bigger font */
.at_04Z { font-size: 190%; }

/* ----- Step 02 ----- */

.at_10 { 
	width: 250px !important; 
	height: 0px !important;
	font-size: 250% !important;
	display: block; 
	letter-spacing: -2px !important;
	margin-top: -15px;
	}
.at_10::first-letter {
	letter-spacing: -10px !important;
}
.at_11 {
	width: 250px !important; 
	font-size: 56%;
	line-height: 10px;
	display: table-cell;
	padding: 0px 0 0 5px !important;
	}

/* ----- Step 03 ----- */

.at_20, .at_21, .at_22, .at_23 { width: 250px !important; margin-top: -35px; }
.at_20 { font-size: 100%; letter-spacing: 0px !important; }
.at_21 { font-size: 130%; letter-spacing: 0px !important; }
.at_22 { font-size: 200%; letter-spacing: 0px !important; }
.at_23 { font-size: 230%; letter-spacing: -1px !important; }

/* ----- Step 04 ----- */

.at_30 { margin: -50px 0 0 30px; }
.at_31 { margin: -30px 0 0 30px; }
.at_32 { margin: -10px 0 0 30px; }
.at_30, .at_31, .at_32 { 
	width: 250px !important; 
	font-size: 75%; 
	display: block;
	line-height: 20px;
	letter-spacing: 0px !important;
/* border: solid 1px red !important; */
	}

/* ----- Step 05 ----- */

.at_40 { 
	width: 250px !important;
	font-size: 250%;
	margin: -50px 0 0 -35px;
	letter-spacing: -3px !important;
	}
.at_40::first-letter {
	letter-spacing: -10px !important;
}
.at_40_arws { /* down */
	width: 81px;
	height: 167px;
	margin: -60px 0 0 150px;
	background-image: url("../images/arrow-up.png");
	background-repeat: no-repeat;
	background-size: 30%;
	}
.at_41_arws { /* up */
	width: 81px;
	height: 167px;
	margin: -60px 0 0 175px;
	background-image: url("../images/arrow-dw.png");
	background-repeat: no-repeat;
	background-size: 30%;
	}

.at_40-2_arws { /* down */
	width: 8px;
	height: 10px;
	margin: -55px 0 0 158px;
	}
.at_41-2_arws { /* up */
	width: 8px;
	height: 10px;
	margin: -55px 0 0 183px;
	}

.at_40-3_arws { /* down */
	width: 8px;
	height: 10px;
	margin: -40px 0 0 158px;
	}
.at_41-3_arws { /* up */ 
	width: 8px;
	height: 10px;
	margin: -40px 0 0 183px;
	}

.at_40-4_arws { /* down */
	width: 8px;
	height: 10px;
	margin: -25px 0 0 158px;
	}
.at_41-4_arws { /* up */ 
	width: 8px;
	height: 10px;
	margin: -25px 0 0 183px;
	}

.at_41 {
	width: 250px !important; 
	font-size: 56%;
	margin-top: -35px;
	padding: 0 0 0 0;
	position: relative;
	display: block; 
	line-height: 10px;
	text-align: center;
	}

/* ----- Step 06 ----- */

.at_50_arws { /* box */
	width: 200px;
	height: 200px;
	margin: -150px 0 0 50px;
	}

/* ----- Step 07 ----- */

.at_61 { margin: -95px 0 0 40px; line-height: 20px; }
.at_62 { margin: -70px 0 0 40px; line-height: 20px; }
.at_63 { margin: -45px 0 0 40px; line-height: 20px; }
.at_64 { margin: -35px 0 0 40px; line-height: 20px; }

.at_68 { margin: 0px 0 0 40px; line-height: 5px; }
.at_69 { margin: 0 0 0 70px; line-height: 5px; }
.at_61, .at_62, .at_63, .at_64, .at_68, .at_69 { 
	letter-spacing: 0px !important;
	width: 250px !important; 
	}

/* ----- Step 08 ----- */

.at_71 { margin: -95px 0 0 25px; line-height: 10px; }
.at_72 { margin: -65px 0 0 40px; line-height: 10px; }
.at_73 { margin: -45px 0 0 40px; line-height: 10px; }

.at_78 { margin: 0 0 0 65px; line-height: 5px; }
.at_79 { margin: 0 0 0 40px; line-height: 5px; }
.at_71, .at_72, .at_73, .at_78, .at_79 { 
	width: 250px !important; 
	}

/* ----- Step 09 ----- */ 

.at_80 { font-size: 100%; letter-spacing: 0px !important; }
.at_81 { font-size: 130%; letter-spacing: 0px !important; }
.at_82 { font-size: 200%; letter-spacing: 1px !important; }
.at_83 { font-size: 230%; letter-spacing: 1px !important; }
.at_84 { font-size: 300%; letter-spacing: 1px !important; }
.at_80, .at_81, .at_82, .at_83, .at_84 { 
	width: 250px !important; 
	margin-top: -65px;
	}

/* ----- Step 10 ----- */

.at_90 { margin: -85px 0 0 30px; }
.at_91 { margin: -62px 0 0 30px; }

.at_99 { margin: -10px 0 0 60px; }
.at_90, .at_91, .at_99 { 
	width: 250px !important;
	}

/* ----- Step 11 ----- */ 

.at_100 { /* fios logo */
	margin: -95px 0 0 80px; 
	width: 266px;
	height: 135px;	
	background-image: url("../images/fios-logo-01.png");
	background-repeat: no-repeat;
	background-size: 35% !important;
}
.at_100_check { /* fios logo check*/
	margin: -95px 0 0 170px; 
	width: 79px;
	height: 90px;	
	background-image: url("../images/fios-logo-check.png");
	background-repeat: no-repeat;
	background-size: 30% !important;
}

.at_101 { margin: -95px 0 0 83px; font-size: 85%; }
.at_102 { margin: -70px 0 0 100px; font-size: 40%; }
.at_102A { color: #c2c2c2 !important; }

.at_109 { margin: -50px 0 0 110px; }
.at_100, .at_101, .at_102, .at_109 { 
	width: 250px !important; 
	}

/* ----- click to restart button ----- */

#click_to_restart, .b_obj_restart {
	font-size: 10px !important;
	width: 250px !important;
	height: 125px !important;
	margin: 0;
	line-height: 20px;
	}
#click_to_restart:hover, .b_obj_restart:hover { color: #FFF; }

/* ------------------------------- */
}