/* CSS Document *//* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {
	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
/*	reset ends*/

.upper-header{
	background:url(../img/BGcont.jpg);
	border-bottom:1px solid #CCC;	
	}
	footer3
.no-upper-header {
	display:none;
	visibility:hidden;
	}

.logo-div{
	padding:20px 0 15px 0;
	width:50%;
	float:left;
	}
	
.hotline {
	padding:20px 0 10px 0;
	width:50%;
	float:right;
	}
	
.hotline img {float:right;}

.header {
	background:#000;
	background-repeat:repeat-x;
	width:100%;
	color:#FFF;
	height:60px;
	position:fixed;

	z-index:9999;
	}
	
.sticky{
	background:#fff;
	color:#333;
	width:100%;
	height:50px;
	position:fixed;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:9999;
	border-bottom:1px solid #CCC;
	top:0;
	}	
	
.sticky a {
	color:#000;
	-webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}

.header .logo_area {	
	width:0px;
	background-color:0;
	height:50px;
	float:left;
	background-size:100%;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}

.sticky .logo_area {
	background:url(../img/rathna-learners-logo.png) no-repeat;
	width:300px;
	height:60px;
	float:left;
	margin-top:10px;
	background-size:100%;
	} 
	

.header .hotline {display:none;}
.header .xbutton {display:none;}
.sticky .xbutton {display:block; float:right; margin-top:-12px; }
.sticky #mydiv { margin-right:-20px;}

.sticky .hotline {display:block; width:200px; margin-top:-40px; float:right;}
.padded_area {
	width:80%;
	margin:0 auto;
	}
	
.logo_area {margin-top:0;}	
.logo_area img {width:150px;}
nav {width:auto; float:right;}
	
.sticky nav {
	float:right;
	width:auto;
	}
	
nav ul li a { 
	color:#FFF;
	display: block; 
	text-decoration: none; 
	font-size:17px;
	font-weight:600;
	letter-spacing:1px;
	font-family:Calibri;
	padding:17px 15px 13px 15px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
	
.sticky nav ul li a { 
	color:#666;
	display: block; 
	text-decoration: none; 
	font-size:17px;
	font-family:Calibri;
	padding:12px 15px 12px 15px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
	
.header nav ul li a:hover {
	color:#f1c807;}
	
.header nav ul li ul li a:hover {
	color:#09F;}
	
nav ul,
nav ul li { list-style-type: none;}

nav ul {
	margin-top:5px;}

nav > ul {text-align: left; }
nav > ul > li { display: inline-block;
	  }

nav ul li ul li a {
	padding:10px 15px 10px 15px;
	border-bottom:1px dotted #666;
	}
	
nav ul li ul {
	background-color:#000;
	margin-top:-3px;
	border-top:4px solid #1974D2;
	border-radius:4px;	
	}
	
nav ul li ul li a:hover{color:#FFF;}	
.sticky nav ul li ul li a {	color:#FFF;}	
nav ul li ul li a {	color:#FFF;}

.main3 {
	margin-top:-85px;
	z-index:999;
	background-color:#;
	position:relative;
	}

.col3 {
	width:30%;
	float:left;
	margin:0 1.3%;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	}
	
.col3 h3 {margin:30px 0;}
	
.col3 h3 span {
	vertical-align:middle;
	margin:0 0 0 10px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:20px;
	color:#333;
	letter-spacing:1px;}
	
.col3 h3 img {width:60px; margin-bottom:-25px;}
  
.caption {
 	background:#f1c807;
  	font-size: 35px;
 	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#000;
	font-weight:lighter;
  	text-align:center;
	padding:25px 10px;
	letter-spacing:1px;	
	}	
	
.slider-area img {margin-bottom:30px;}	
.shadow-div {background: url(../img/bg.jpg);}
	
.shadow {
	width:100%;
	background:url(../img/slider-shadow-sharp.png) no-repeat;
	background-size:100%;
	height:50px;
	}
	
.container2 {
	width:100%;
    background:url(../img/bg.jpg);
	padding:1% 0 4% 0 ;
	}
	
.left40 {width:40%;	float:left;}
	
.right60 {
	width:57%;
	float:left;
	background:url(../img/contentbg.png) repeat-y left 100%;			
	padding-left:3%;
	}
	
.right60 h1 {
	text-align:left;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#002366;
	font-size:35px;
	font-weight:lighter;
	letter-spacing:1px;
	padding:25px 0;
	}
	
.right60 p {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	padding:0 25px 25px 0;
	color:#333;
	text-shadow:0 0 5px #FFFFFF
	}

.container3 {
	width:100%;
	padding:20px 0 30px 0;
	background:url(../img/white-bg.jpg) 100%;
	border-top:1px solid #CCC;
	}
	
.cta-div {background:#f1c807;}
	
.cta-div h2 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	letter-spacing:1px;
	font-size:30px;
	color:#000;
	font-weight:lighter;
	padding:50px 0 30px 0;
	}
		
.butn {padding-bottom:40px;}
	
.butn a {
	padding:10px 20px;
	text-decoration:none;
	border:3px solid #000;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:18px;
	font-weight:lighter;
	color:#000;
	margin:20px;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	letter-spacing:1px;
	}
	
.butn a:hover {
	background-color:#000;
	color:#f1c807;
	}
	
.footer {
	width:100%;
	background:#111111;
	padding:30px 0 20px 0;
	}
	
.footer3 {
	width:22%;
	margin:1.5%;
	float:left;
	}
	
.footer3 h3 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:36px;
	color:#CCC;
	font-weight:lighter;
	letter-spacing:1px;
	line-height:1.5;
	}
	
.footer3 h5 {
	font-family:Calibri;
	font-size:16px;
	color:#CCC;
	font-weight:700;
	letter-spacing:2px;
	}
	
.col3box {margin-top:18px;}

.tabs3 a img { width:99%; margin-top:50px;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;}

.tabs3 a img:hover {
	margin-top:40px;
		}

.footer3 .ico {
	margin-top:5px;
	margin-right:10px;
	float:left;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	}
	
.footer3 h4 {
	font-family:Calibri;
	font-size:18px;
	color:#999;
	font-weight:400;
	padding:0px 0 10px 0;
	line-height:1.4;
	float:left;
	}
	
.footer3 h2 {
	font-family:Calibri;
	font-size:20px;
	color:#f1c807;
	font-weight:400;
	letter-spacing:1px;
	float:left;
	border-bottom:1px solid #f1c807;
	padding:0px 0 3px 0;
	margin-bottom:15px;
	}
	
.lbord img {
	margin-top:-80px;
	float:right;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg); /* Standard syntax */}
	
.social {margin-top:30px;}

	
.social img{ width:35px;
	margin-right:10px;
	opacity:1;}
	
.social img:hover {opacity:0.7;}
	
.after-footer{
	width:100%; 
	background:#000;
	}
	
.after-foooter{
	width:100%;
	background-color:#000;
	}
	
.after-foooter h5 {
	padding:15px 0;
	font-family:Calibri;
	font-size:16px;
	color:#999;
	}
	
.after-foooter a {
	color:#f1c807;
	text-decoration:none;
	font-weight:400;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	}
	
.after-foooter a:hover {color:#fff;}
	
.col2 {
	width:50%;
	float:left;}
	
#back-top {
    position: fixed;
    bottom:45px;
	width:30px;
	height:30px;
    right: 3%;
	z-index:50;
	opacity:0.5;
	background-color:#000;
	background-image:url(../img/backtotopicon.png);
	}

#back-top:hover {
	opacity:0.9;
	}
	
.header-image {
	width:100%;
	height:300px;
	}	

..aboutbg {	background:url(../img/about-header.jpg) 50% 100%;}	
.servicesbg {background:url(../img/services-header.jpg) 50% 100%;}
.contactbg {background:url(../img/contact-header.jpg) 50% 100%;}
.clientsbg {background:url(../img/clients-header.jpg) 50% 100%;}


.headline {
	background:#f1c807;
	}
	
.headline h2 {
	text-align:center;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:30px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#1A1A1A;
	padding:20px;
	}
	
.sub-heading h3 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:30px;
	font-weight:lighter;
	letter-spacing:1px;
	color:#1A1A1A;
	padding:20px;
	}
	
.content {
	width:67%;
	margin-right:3%;
	float:left;
	}
	

.rate-table {
	width:97%;}
	
.rate-table thead {
	background-color:#338be5;}
	
.rate-table tbody{
	border:2px solid #dcdbdb;}
	
.rate-table th {
	font-family:calibri;
	font-size:18px;
	color:#FFF;
	font-weight:600;}
	
.rate-table .row1 {
	background-color:#fcfcfc;}
	
.rate-table .row2{
	background-color:#F3F4F5;
	}
	
.rate-table td{
	font-family:calibri;
	font-size:18px;
	color:#333;
	}
	
.rate-table th,td{
	padding:10px 30px;
	text-align:left;}
	
.price-heading h5 {
	font-family:verdana;
	font-weight:800;
	color:#002366;
	font-size:20px;
	padding:20px 0 0 30px;}

.article h1{
	text-align:left;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#002366;
	font-size:35px;
	font-weight:lighter;
	letter-spacing:1px;
	padding:25px 0 0 25px;
	}
	
.content p {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	padding:15px 25px;
	text-align:justify;
	color:#333;
	text-shadow:0 0 5px #FFFFFF;
	}
	
.sidebar {width:30%;
	float:left;
	}

.promo {
	background-color:#002366;
	border-radius:5px;
	margin-top:20px;
	}
	
.sidebar h1 {
	text-align:center;
	padding-left:0;
	}
	
.promo h4 {
	font-family:Calibri;
	padding:25px 15px;
	font-weight:400;
	color:#FFF;
	line-height:1.2;
	text-align:center;
	font-size:24px;
	}
	
.promo p {
	font-family:Calibri;
	padding:15px;
	font-weight:400;
	color:#FFF;
	line-height:1.2;
	text-align:center;
	font-size:18px;
	border-top:2px ridge  #002366;}
	
.content ul {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:19px;
	list-style-type:circle;
	line-height:1.5;
	font-weight:600;
	padding:15px 25px 15px 55px;
	text-align:justify;
	color:#333;
	text-shadow:0 0 5px #FFFFFF
	}
	
.services {
	margin:20px 25px 0 0;
	}
	
.services img {
	border:5px solid #FFF;
	width:100%;
	box-shadow:0 0 3px #333333;
	}
	
.services .imgdiv {
	margin-left:2.5%;
	width:30%;
	float:left;}
	
 .imgdiv h3 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:22px;
	padding:10px;
	margin:0  0 30px 0;
	text-align:center;
	font-weight:600;
	width:96.8%;
	background-color:#000;
	color:#f1c807;	
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	 }	 
	 
 .imgdiv:hover h3 {
	background-color:#002366;
	color:#FFF;
	 }
	
.form-div {width:100%; margin-top:20px;}

.form input, textarea {
	width:90%;
	padding:10px;
	margin:10px 0;
	font-family:calibri;
	font-size:16px;
	color:#666;
	outline:none;
	border:2px solid #CCCCCC;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
	
.form textarea:focus {
	border:2px solid #338be5;	
	}
	
.form input:focus {
	border:2px solid #338be5;}
	
.form textarea {
	height:83px;
	resize:vertical;}
	
.clients {width:95%;
margin-left:30px;}

.col22 {
	width:45%;
	margin:1% 2%;
	float:left;}
	
.col22 h5 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#333;
	text-align:center;
	padding:5px 10px;
	min-height:60px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s}
	
		
.form .subbut { 
	margin-top:3px; 
	width:98%;
	background-color:#FFF;
	border:2px solid #338be5;
	color:#338be5;
	margin-bottom:40px;}
	
.form .subbut:hover {
	background-color:#338be5;
	color:#FFF;}
	
.map {
	border:1px solid #999;
	margin-top:30px;
	margin-bottom:50px;}
	
.adrs2 {
	width:80%;
}
	
.adrs2 h3 {
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:20px;
	color:#002366;}
	
.adrs2 p {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	padding:15px 25px;
	color:#333;
	text-shadow:0 0 5px #FFFFFF;}
	
.rightalgn {
	text-align:right;}
	
.mobile-nav { display:none;}


	
::-moz-selection { background: #afafaf; color:#FFF; }
::selection { background: #afafaf; color:#FFF; }	
	
@media only screen and (min-width: 601px) and (max-width: 1000px)
	{	
	.left40 img {max-width:300px;}	
	.right60 {width:55%;}	
	.right60 h1 {font-size:30px; padding:20px 0;}	
	.right60 p {font-size:16px;	font-weight:400; padding:0 20px 20px 0;}
	.col3 {	min-width:300px; margin:1.3%;}
	.hotline{ margin-top:50px;}
	nav {		display:none;}
	.main-nav {	display:none;}	
	.mobile-nav {display:none;float:right;position:relative;margin-right:-50px;	z-index:999999999999999999;}
	.m_nav_a {	padding:15px; width:200px;	color:#f1c807;	font-family:Calibri; background-color:#1e1c1a; 		border-bottom:1px outset #414141;}		
	.mobile-nav a {	text-decoration:none;	}
	.mobile-nav {	margin-top:50px;}	
.m_menu_icon {	width:50px;	float:right;	height:50px;	background:url(../img/m-menu-icon.png) no-repeat;
		background-color:#000;	transition-duration: 0.5s;}		
	.m_menu_icon_close {width:50px;	float:right; height:50px; background:url(../img/m-menu-close-icon.png) no-repeat #000;}
	.header { background:none;}
	.sticky .logo_area { display:none; }
	.sticky{ border-bottom:none;}
	.content { width:100%;}
	.content p { font-weight:400; font-size:16px; padding:20px;}
	.sidebar { width:90%; padding:0 5%;}
	.services .imgdiv{ width:45%;}
	.sticky #mydiv { display:none;}
	}
	
@media only screen and (min-width: 400px) and (max-width: 600px)
{
	.left40 {width:100%;}
	.right60 {width:100%;}
	.right60 h1 {font-size:30px; padding:20px 0;}	
	.right60 p {font-size:16px;	font-weight:400; padding:0 20px 20px 0;}
	.col3 {	width:100%;}
	.footer3 { width:100%;}
	.lbord img { margin-top:0; width:200px; float:left;}
	.col2 { width:100%; text-align:center;}
	.rightalgn { text-align:center;}
	.hotline{ margin-top:50px;}
	.logo-div img{ max-width:300px;}
	nav {	display:none;}
	.main-nav {	display:none;}	
	.mobile-nav {display:none;float:right;position:relative;margin-right:-50px;	z-index:999999999999999999;}
	.m_nav_a {	padding:15px; width:200px;	color:#f1c807;	font-family:Calibri; background-color:#1e1c1a; 		border-bottom:1px outset #414141;}		
	.mobile-nav a {	text-decoration:none;	}
	.mobile-nav {	margin-top:50px;}	
	.m_menu_icon {	width:50px;	float:right;	height:50px;	background:url(../img/m-menu-icon.png) no-repeat;
		background-color:#000;	transition-duration: 0.5s;}		
	.m_menu_icon_close {width:50px;	float:right; height:50px; background:url(../img/m-menu-close-icon.png) no-repeat #000;}
	.header { background:none;}
	.sticky .logo_area { display:none; }
	.sticky{ border-bottom:none;}
	.content { width:100%;}
	.content p { font-weight:400; font-size:16px; padding:20px;}
	.sidebar { width:90%; padding:0 5%;}
	.services .imgdiv{ width:100%;}
	.sticky #mydiv { display:none;}
}

@media only screen and (min-width: 275px) and (max-width: 399px){
	.logo-div img{ max-width:200px; padding:0 15px;}
	.left40 {width:95%;}
	.left40 img {max-width:220px; padding:0 20px;}
	.right60 {width:95%;}	
	.right60 h1 {font-size:30px; padding:10px 10px;}	
	.right60 p {font-size:16px;	font-weight:400; padding:10px 10px 10px 10px; text-align:justify;}
	.col3 {	width:100%;}
	.col3 h3 span{ font-size:14px;}
	.footer3 { width:90%; padding:0 5%;}
	.lbord img { margin-top:0; margin-left:30px; width:150px; float:left;}
	.col2 { width:100%; text-align:center;}
	.rightalgn { text-align:center;}
	.hotline{ margin-top:30px;}
	.hotline img{ max-width:200px; padding:0 15px;}
	.padded_area {	width:100%;	}
	.slider-area ul li img { display:none;}
	.slider-area ul li h1 { margin-top:40px;}
	nav {display:none;}
	.main-nav {	display:none;}	
	.mobile-nav {display:none;float:right;position:relative;margin-right:-50px;	z-index:999999999999999999;}
	.m_nav_a {	padding:15px; width:200px;	color:#f1c807;	font-family:Calibri; background-color:#1e1c1a; 	border-bottom:1px outset #414141;}		
	.mobile-nav a {	text-decoration:none;	}
	.mobile-nav {	margin-top:50px;}	
	.m_menu_icon {	width:50px;	float:right;	height:50px;	background:url(../img/m-menu-icon.png) no-repeat;
	background-color:#000;	transition-duration: 0.5s;}		
	.m_menu_icon_close {width:50px;	float:right; height:50px; background:url(../img/m-menu-close-icon.png) no-repeat #000;}
	.header { background:none;}
	.sticky .logo_area { display:none; }
	.sticky{ border-bottom:none;}
	.content { width:100%;}
	.content p, h1 { font-weight:400; font-size:16px; padding:20px;}
	.sidebar { width:90%; padding:0 5%;}
	.services .imgdiv{ width:100%;}
	.adrs2 { width:100%;}
	.adrs2 h3 {	margin-left:15px;}
	.map {margin:20px 10px;}
	.sticky #mydiv { display:none;}
}
/*
     FILE ARCHIVED ON 14:36:28 Nov 20, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:58:24 Jun 19, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 227.432
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.072
  RedisCDXSource: 0.623
  esindex: 0.01
  LoadShardBlock: 198.644 (3)
  PetaboxLoader3.datanode: 149.428 (4)
  PetaboxLoader3.resolve: 157.3 (2)
  load_resource: 111.287
*/