@import url("typography.css");
html, body, 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: inherit;
				font-size: 100%;*/
				vertical-align: baseline;
				outline: none;
			}
			html {
				height: 100vh;
				overflow:hidden
			}
			body {
/*				font-family:"open_sansregular";
				background-color:#F1F5F8;*/
			}
			body,#BodyContent{    height: 100vh !important;}
			article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
				display: block;
			}
			ol, ul {
				list-style: none;
			}
			blockquote, q {
				quotes: none;
			}
			blockquote:before, blockquote:after, q:before, q:after {
				content: '';
				content: none;
			}
			strong {
				font-weight: bold;
			}
			/*table {border-collapse: collapse;border-spacing: 0;}*/
			img {
				border: 0;
				max-width: 100%;
				height: 100%;
			}
			p {
				font-weight: normal;
				font-size: 1.5em;
				line-height: 1.35em;
				color: #454545;
			}
			h1 {
				font-size: 2.1em;
				line-height: 1.4em;
				margin-bottom: 15px;
				color: #444;
				font-weight: normal;
				font-family: open_sansregular, Arial, sans-serif;
			}

			.page
			{
				float:left;
				width:100%;
			}
			.OHeader
			{
				float:left;
				width:100%;
				height:100px;
				border-top:0px solid #666666;
				border-bottom:1px solid #CCCCCC;
				background-color:#FFFFFF;
				
			}
			.OBand
			{
				float: left;
				width: 100%;
				height: 9px;
				/*border-bottom: 1px solid #f8fdf8;
				background-color: #848985;*/
				color: #FFFFFF;
				text-align: center;
				margin-top: 31px;
				
			}
			.OBody
			{
				float:left;
				width:100%;
				border:0px solid #000000;
			}
			.OFooter
			{
				clear:left;
				float:float;
				position: fixed;
				bottom: 0;
				width:99%;
				height:80px;
				border-top:0px solid #FFFFFF;
				background-color:#282828;
			}
			.OFooterContent
			{
				padding-top:1%;
				color:#FFFFFF;
				text-align:center;
				text-transform:capitalize;
			}
			.OFooterContentS1
			{
				padding-top:0.5%;
				color:#FFFFFF;
				text-align:center;
				font-size:12px;
				font-style:italic;
			}
			.OfferContent
			{
				float:left;
				width:46%;
				border:1px solid #999999;
				border-radius:0px;
				text-align:center;
				margin: 0;
				position: absolute;
				top: 50%;
				left: 15%;
				-ms-transform: translate(-50%, -50%);
				transform: translate(-15%, -50%);
				background-color:#FFFFFF;

			}
			.OfferContent >div
			{
				float:left;
				clear:both;
				font-size:25px;
				text-align:left;
				padding:10px 10px 3px 10px;
			}
			
			.OfferContent >div:nth-child(2)
			{
				font-size:16px;
			}
			.OfferContent >div:nth-child(3)
			{
				font-size:13px;
			}
			
			.OfferContent >div:nth-child(n+4)::before
			{
				content:'\2192';
				font-size:30px;
			}
			
			.LoginBaskset
			{
				float:left;
				width:25%;
				border:1px solid #999999;
				border-radius:0px;
				text-align:center;
				margin: 0;
				position: absolute;
				top: 50%;
				left: 85%;
				-ms-transform: translate(-85%, -50%);
				transform: translate(-85%, -50%);
				background-color:#FFFFFF;
			}
			.LoginBaskset >div
			{
				float:left;
				clear:left;
				text-align:center;
				width:100%;
				border:0px solid #999999;
				margin:10px 0px 10px 0px;
				margin-top:20px;
			}
			.LoginBaskset >div:nth-child(1)
			{
				margin:0px;
				height:60px;
				line-height:50px;
				font-size:30px;
				border-top:0px solid #FFFFFF;
				border-radius:0px 0px 0px 0px;
				background-color:#00a0c5;
				/*
				background-color:#22566B;
				*/
			}
			.LoginBaskset >div:nth-child(2),.LoginBaskset >div:nth-child(4)
			{
				margin:10px 0px 0px 10px;
				width:100%;
				border:0px solid #000000;
				clear:left;
				text-align:left;
			}
			.LoginBaskset >div:nth-child(3),.LoginBaskset >div:nth-child(5)
			{
				width:90%;
				margin:0% 5% 0 5%; 
				clear:left;
				text-align:left;
				border:0px solid #000000;
			}
			.LoginBaskset >div:nth-child(6),.LoginBaskset >div:nth-child(7)
			{
				/*
				margin:0px;
				height:50px;
				line-height:50px;
				font-size:30px;
				border-radius:4px 4px 0px 0px;
				background-color:#22566B;
				*/
				margin:10px 0px 10px 0px;
				width:50%;
				border:0px solid #000000;
				clear:none;
			}
			.LoginBaskset > div:nth-child(8)
			{
				
			}
			.LoginBaskset >div:nth-child(9)
			{
				margin:0px;
				padding:10px 0px 10px 0px;
				border-radius:0px 0px 10px 10px;
				width:100%;
				border-top:1px solid #CCCCCC;
				clear:none;
				font-size:14px;
				font-style:italic;
				/*background-color:#F6F6F6*/
			}
			
			.OButton
			{
				font-family: verdana;
				color: #FFFFFF !important;
				text-transform:uppercase;
				font-family:"open_sansbold";
				font-size: 18px;
				padding: 10px 25px;
				width:150px;
				border-radius: 5px;
				border: 1px solid #FFFFFF;
				background: #2ECAFA;
				background: linear-gradient(to top, #2ECAFA, #2ECAFA);
				background: #2ecafa; /* Old browsers */
				background: -moz-linear-gradient(top,  #2ecafa 0%, #0798f2 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  #2ecafa 0%,#0798f2 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  #2ecafa 0%,#0798f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ecafa', endColorstr='#0798f2',GradientType=0 ); /* IE6-9 */
			}
			.OButton:hover
			{
				color: #14396A !important;
				background: #2ECAFA;
			}
			
			   
			
			
			/* For IE Browsers*/
			/*
			input:focus + span, input:not(:-ms-input-placeholder) + span
			{
			  opacity:1;
			  transform: scale(0.75) translateY(-100%) translateX(-30px);
			}
			*/
			
			.animate
			{
				-webkit-animation-duration: 1s;
				animation-duration: 1s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			
			.one
			{
				-webkit-animation-delay: 0.2s;
				-moz-animation-delay: 0.2s;
				animation-delay: 0.2s;
			}
			
			.two
			{
				-webkit-animation-delay: 0.2s;
				-moz-animation-delay: 0.2s;
				animation-delay: 0.2s;
			}
			
			@-webkit-keyframes fadeInLeft
			{
				from{margin-left:-2%;opacity: 0;}
				to{margin-left:2%;opacity: 1;}
			}
		
			.fadeInLeft
			{
				-webkit-animation-name: fadeInLeft;
				animation-name: fadeInLeft;
			}
			
			@-webkit-keyframes fadeInRight
			{
				from{margin-left:5%;opacity: 0;}
				to{margin-right:-85%;opacity: 1;}
			}
		
			.fadeInRight
			{
				-webkit-animation-name: fadeInRight;
				animation-name: fadeInRight;
			}
			
			
			/*Product*/
			
			.ProductHeader
			{
				float:left;
				width:98%;
				
				border-top:0px solid #666666;
				border-left:0px solid #CCCCCC;
				border-right:0px solid #CCCCCC;
				border-bottom:0px solid #CCCCCC;
				border-radius:0px 0px 2px 2px;
				background-color:#FFFFFF;
				margin-left:1%;
			}
			
			.ProductBand
			{
				float:left;
				width:100%;
				height:25px;
				border-bottom:1px solid #CCCCCC;
				background-color:#666666;
				color:#FFFFFF;
				text-align:center;
			}
			.ProductBody
			{
				float: left;
				width: 97.9%;
				margin-left: 1.10%;
				border: 0px solid #a5acaf;

			}
			.ProductFooter
			{
				clear:left;
				float:float;
				position: fixed;
				bottom: 0;
				width:100%;
				height:80px;
				border-top:0px solid #FFFFFF;
				background-color:#282828;
			}
			.ProductFooterContent
			{
				padding-top:1%;
				color:#FFFFFF;
				text-align:center;
				text-transform:capitalize;
			}
			.ProductFooterContentS1
			{
				padding-top:0.5%;
				color:#FFFFFF;
				text-align:center;
				font-size:12px;
				font-style:italic;
			}
			
			/*Product*/
			
            .navbar {font-family: open_sanssemibold; overflow: hidden;background-color: #1883ad;font-weight:600;border-radius:0px 0px 6px 6px;z-index:3000;background-image: linear-gradient(#1F9BCF, #12698c);border-bottom:1px dotted #FFFFFF}
            .navbar a {font-family: open_sanssemibold;float: left;font-size: 14px;color: white;text-align: center;padding: 14px 16px;text-decoration: none; text-transform:capitalize;letter-spacing: 0px;}
            .dropdown {float: left;overflow: hidden;}
            .dropdown .dropbtn {font-size: 14px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;font-weight:600;font-family: open_sanssemibold;}
            .navbar a:hover, .dropdown:hover .dropbtn {background-color: #085f81;color:#ffffff;}
            .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 4;}
            .dropdown-content a {float: none;color: black;padding: 8px 12px;text-decoration: none;display: block;text-align: left; border-bottom:1px dotted #999999;}
            .dropdown-content a:hover {background-color: #006699;color:#FFFFFF;}
            .dropdown:hover .dropdown-content {display: block;}
            
            
            .mdropdown {float:none;overflow: hidden;}
            .mdropdown button{background-color:#000000; color:#FFFFFF; width:250px;border-bottom:1px dotted #999999;}
            .mdropbtn i{float:right;}
            .mdropdown .mdropbtn {font-size: 14px;border: none;outline: none;color: black;padding: 8px 12px;background-color: inherit; text-align:left;font-family: inherit;margin: 0;font-weight:600;font-family: open_sanssemibold;border-bottom:1px dotted #999999;}
            .mdropdown:hover .mdropbtn {background-color: #006699;color:#FFFFFF;}
            .mdropdown-content {display: none;position: absolute; margin-top:-38px; margin-left:250px;background-color: #f9f9f9;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 4;}
            .mdropdown-content a {float: none;color: black;padding: 8px 12px;text-decoration: none;min-width: 200px;display: block;text-align: left; border-bottom:1px dotted #999999;}
            .mdropdown-content a:hover {background-color: #006699;color:#FFFFFF;}
            .mdropdown:hover .mdropdown-content {display: block;}
            
            
            
            
            
            .SML
			{
			    float:left;
			    height:25px;
			    padding:10px 15px 10px 15px;    
			    border:0px solid #000000;
            }
			.SMLUser
			{
                float:right;
                border-radius:50%;
                border:3px solid #FFFFFF;
                width:35px; height:35px;
                margin:2px 10px 0px 0px;
            }
            
            .arrow {border: 1px solid #FFFFFF;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;}
            .down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
            .lnmadj{float:right;margin-left:5px;margin-top:15px;margin:15px 15px 0px 0px;color:#FFFFFF;}
            .aradj{float:right;margin-left:5px;margin-top:15px;margin:15px 15px 0px 0px;}
			
			.line-1{
    position: relative;
    top: 50%;  
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(0,0,0,.75);
    font-size: 180%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}

/* Animation */
.anim-typewriter
{
    animation: typewriter 1s steps(44) 1s 1 normal both,
    blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter
{
    from{width: 0;}
    to{width: 24em;}
}
@keyframes blinkTextCursor
{
    from{border-right-color: rgba(0,0,0,.75);}
    to{border-right-color: transparent;}
}
			
			
			
/****************************/
/**********************************/