body {font-family:sans-serif,Helvetica, Arial;font-size:48px;} 

/* body { font-family: 'Yatra One', serif; font-size: 48px; }*/

a {text-decoration:none; color:#3366ff; outline:none;}
a:hover {text-decoration:underline;}
a img {border:none; outline:none;}

h1 {font-size:30px; color:#c90005;}
h2 {font-size:18px; color:#c90005; padding:0; margin:0 0 5px 0;}

p {font-size:18px; color:#444444;}
.grey_txt {color:#999999;}


/** Nav **/

.container {width:960px; margin:0 auto;padding:20px 0;}

/** Navigation **/
.mainnav {display:block; height:43px; width:960px; position:relative; list-style:none; padding:0; margin:0; background:url("../images/mainnav.png") left top no-repeat; border-bottom:2px solid #eee;}
.mainnav li {
	display:block;
	height:49px;
	width:107px;
	position:absolute;
	top:-4px;
}
.mainnav li a {display:block; height:43px; text-indent:-9999px;}
.mainnav li a.active,
.mainnav li a:hover {background:url("../images/mainnav.png") left top no-repeat transparent;}

.mainnav li#mn1 {left:240px; width:109px;}

	left:0px;
	width:236px;
}

.mainnav li#mn1 a:hover {background-position:-240px -43px; }

.mainnav li#mn1 a.active:hover,
.mainnav li#mn1 a.active {background-position:-240px -86px; }



/** main **/
.red {color:#c90005;}
.box_inner {padding:8px;}
.box_inner p {font-size:12px;}
.box_inner ul {font-size:12px; margin:5px 0 0 10px; text-indent:-10px; padding:0; list-style:none;}

.box_shadow {border:1px solid #ccc; box-shadow:2px 3px 5px rgba(0,0,0,.15); border-radius:4px; position:relative;}
.learn_button {position:absolute; bottom:3px; right:5px;}
.chat_button {position:absolute; bottom:4px; right:10px;}


/** Layout **/
.main-wrap {height:600px; background:url("../images/main_bg.png") left top repeat-x #e9e9e9; padding:20px 0;}
.faqs .main-wrap.ppu{height:700px;}
.main {position:relative; clear:both; float:left; width:100%; overflow:hidden;}
.main-inner {float:left; width:200%; margin-left:-250px; position:relative; right:100%;}
.left-wrap {float:left; width:50%; position:relative; left:50%;}
.left {margin:0 0 0 250px; overflow:hidden;}
.left-inner {margin:0 5px 5px 10px;}
.left-inner .box_shadow {border-radius:4px;}

.right {float:right; width:230px; position:relative; left:235px;}



/** hotspot **/
.hotspot .main {padding:0 15px; width:930px;}


/** FAQs / Connceted Devices **/

.faqs .left-inner .box_shadow {border-radius:0px 4px 4px 4px;}

.device .main-wrap {height:auto;}
.device .main-inner {margin-left:-650px;}
.faqs .main-inner {margin-left:-612px;}
.device .left {margin:0 0 0 650px;}
.faqs .left {margin:0 0 0 650px;}
.device .left-inner,
.faqs .left-inner {margin:0 10px 5px 20px;}
.device .right {width:625px; left:630px;}
.faqs .right {width:590px; left:590px;}

.device .main-inner img {margin:10px 0 20px 0;}

.device h1,
.faqs h1 {margin:10px 20px 20px 20px;}
.device .box_shadow,
.faqs .box_shadow {background-color:#fff;}
.device .left .box_inner,
.faqs .left .box_inner {padding:0;}
.device .left .box_inner ul,
.faqs .left .box_inner ul {margin:0; padding:10px 0;}
.device .left li.header {padding:20px 20px 6px 20px; font-weight:bold;}
.device .left li,
.faqs .left li {margin:0; padding:0; font-size:14px; line-height:16px; text-indent:0; border-bottom: 1px solid #fff;}
.device .left li a,
.faqs .left li a {margin:0; padding:5px 10px 4px 20px; text-decoration:none; display:block;}
.device .left li a.active:hover,
.faqs .left li a.active:hover,
.device .left li a.active,
.faqs .left li a.active {background-color:#c90005; color:#fff;}
.device .left li a:hover,
.faqs .left li a:hover {background-color:#777777; color:#fff;}
.device .left li span,
.faqs .left li span {padding:6px 20px; display:block;}




.box_inner.hide{display:none;}

.device .right dt,
.faqs .right dt {margin:0; padding:0 0 30px 0; color:#c90005; font-weight:bold; display:none; font-size:24px;}
.device .right dd,
.faqs .right dd {margin:0; padding:0 20px 0 0; display:none; font-size:13px; line-height:18px;}
.device .right dd span,
.faqs .right dd span {font-size:24px; font-weight:bold; line-height:18px;}
.device .right dd ul, 
.faqs .right dd ul, 
.device .right dd ul li,
.faqs .right dd ul li {font-size:13px; list-style:disc; line-height:18px;}
.device .right dd ul li,
.faqs .right dd ul li {text-indent:0; margin-left:10px; padding-left:5px;}
.device .right dt.activeQ, 
.faqs .right dt.activeQ, 
.device .right dd.activeQ,
.faqs .right dd.activeQ {display:block;}

.device dt .sup,
.device .left li .sup {padding:0 0 .25em 0; margin:0; font-size:.8em; line-height:10px; display:inline; vertical-align:top;}

.faqs .faq_print_nav {position:absolute; bottom:30px; left:50px; }
.device .faq_print_nav p img,
.faqs .faq_print_nav p img {margin:0 15px;}

/* Hide print button because "its broken" */
.device .faq_print_nav,
.faqs .faq_print_nav {display:none;}


.faqs .box_shadow {height:540px;}
.faqs .box_shadow.ppu {height:640px;}
.faqs .right dt {text-indent:-35px; margin-left:35px;}
.faqs .right dd {text-indent:-32px; margin-left:32px;}

.faqs .right dl,
.device .right dl {margin:0; padding:20px 40px 50px 20px;}
.device .right dt {padding:0 0 10px 0;}
.device ol,
.device ol li {margin:0; padding:0; text-indent:none;}
.device ol {margin:0 0 0 20px;}
.device p {font-size:13px; line-height:18px;}

/** Footer 
.footer {position:relative;
     text-align: left; background-color: #b9b3b3
}
.footer p {font:normal normal 10px/14px Arial, sans-serif; padding-right:250px;}

**/

.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ddd;
    color: black;
    text-align: center;
    padding: 2px;
 }
 

.clear {height:0; font-size:0; line-height:0; margin:0; padding:0; clear:both;}
/***************************************************************************
	Front-End-Lab bay Prince Jama 2016-2019 wwwcodes.com 
****************************************************************************/