/*Styles For Desktop - 1
====================================================================*/


.top-section			{background:#939598; width:100% !important; min-width:1361.5px}
.top-title				{background:#939598;margin-top:105px}
.top-title h1			{padding:0 10px; margin-top:55px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:35px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:20px}
.top-title h3			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:17px}

.navigation				{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:42px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:18px; padding: 7px 43px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}
.navigation li a:hover	{color:#3c3c3c}
.grey-back				{
	background: #939598;
	position: absolute;
	margin-top: 0;
	width: 233px;
	min-height: 1332px;
	top: 0;
}
/*padding: 284px 233px 284px 0;}*/

.app					{padding-right:45px; margin:25px 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#F1F1F1; text-decoration:none; font-size:19px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}



.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right;;height:991px;
float: left;}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-left:4px; margin-top:20px}
.sidebar p				{color:#fff; padding:10px 3px; padding:10px 3px /9; text-align:right; font-size:14px}
.content				{margin-top:37px}
.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400; font-size:13.5px; margin:15px 0 15px 0; line-height:25px}
.content h1				{color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400; font-size:28px; margin-bottom:10px}
.content h2				{color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400; font-size:28px;margin-bottom:10px}
.content h3				{color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400; font-size:19px;margin-bottom:10px}
.content ul				{margin-left:25px; color:#58595b;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin-bottom:15px;  font-size:13.5px; }
.content a 				{color:#2F2F30; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400; text-decoration:underline}
.content a:hover		{text-decoration:none}

.sidenav				{list-style:none; margin:15px 0 15px 0; padding:0 15px 0 0px}	
.sidenav li				{border-bottom: #FFF dashed 1px;}
.sidenav	a			{display:block; text-decoration:none; color:#fff;  padding: 5px 4px; text-align:left;  font-size:16px; font-weight:300}
.sidenav a:hover		{background:#FFF; color:#58595b;}

.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
.left-align			{text-align:left !important}
.right-align			{text-align:right !important}
.details			{font-size:18px !important}

p.left-align.details a {display:block; text-decoration:none; color:#fff;  padding: 5px 4px; text-align:left;  font-size:16px; font-weight:300}
p.left-align.details a:hover {text-decoration:underline;}

.form					{font-size:18px; color:#58595b;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

#name			{font-size:15px;color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin:10px 0px 10px 0px}
#contact		{font-size:15px;color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin:10px 0px 10px 0px}
#email			{font-size:15px;color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin:10px 0px 10px 0px}
#query			{font-size:15px;color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin:10px 0px 10px 0px}
#verif-box		{font-size:15px;color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:400;margin:10px 0px 10px 0px}
input.form-button {font-size:15px}
.mobile				{display:none}
@media only screen and (min-width: 1160px) and (max-width: 1440px) {

.top-section			{background:#939598; width:100% !important; min-width:1281.5px}
.top-title				{background:#939598;margin-top:152px}
.top-title h1			{padding:10px 10px; margin-top:0px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:40px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:24px}

.navigation				{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:20px}
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:17px; padding: 6px 43px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}

.grey-back				{background:#939598;position: absolute;
margin-top: 0px;
/*padding: 399px 233px 284px 0;*/ width:233px; min-height:1487px; height:100%}

.app					{padding-right:45px; margin:25px 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px  }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0px 0;
float: left; height:1146px}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:10px 2px; text-align:right; font-size:14px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:14px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
.details			{font-size:14px !important}
.mobile				{display:none}
  
}
/*Styles Above 1161px - 2
====================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1160px) {

.top-section			{background:#939598; width:100% !important; min-width:1047.5px}
.top-title				{background:#939598;margin-top:96px}
.top-title h1			{padding:10px 10px; margin-top:16px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:40px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:24px}

.navigation				{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:4px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:17px; padding: 6px 43px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}

.grey-back				{background:#939598;position: absolute;
margin-top: 0px;
/*padding: 399px 233px 284px 0;*/ width:233px; min-height:1438px; height:100%}

.app					{padding-right:45px; margin:25px 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px  }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0px 0;
float: left; height:1146px}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:10px 2px; text-align:right; font-size:14px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:14px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
.details			{font-size:14px !important}
.mobile				{display:none}
  
}


/*Styles Above 768px - 2
====================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.top-section			{background:#939598; width:100% !important; min-width:851.5px}
.top-title				{background:#939598;margin-top:76px}
.top-title h1			{padding:0 10px; margin-top:0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:26px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:21px}

.navigation				{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:27px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:14px; padding: 6px 34px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}

.grey-back				{background:#939598;position: absolute;
margin-top: 0px;
/*padding: 399px 233px 284px 0;*/ width:233px; min-height:1279px; height:100%}

.app					{padding-right:45px; margin:5px 10px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px ; }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0 0;
float: left; height:1056px}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:10px 0px; text-align:right; font-size:12px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:13px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
p.left-align.details a {display:block; text-decoration:none; color:#fff;  padding: 5px 0px; text-align:left;  font-size:13px; font-weight:300}
p.left-align.details a:hover {text-decoration:underline;}

.details			{font-size:14px !important}
.mobile				{display:none}
}


/*Styles for 767px - For Tablet in Potrait Mode
====================================================================*/
@media only screen and (max-width: 767px) {

.table		{width: 100%; overflow-x: scroll; overflow-y: hidden;}

}
   

/*Styles for Smartphones - 3
====================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.top-section			{background:#939598; width: 96% !important; margin:0px 0px 0px 0px !important; float:left; min-width:95% !important}
.top-title				{background:#939598;}
.top-title h1			{padding-left:10px;  margin-top:0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:36px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:24px}
.top-image          	{display:none}
.navigation				{display:none;float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:14px; padding: 6px 43px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}

.grey-back				{display:none;background:#939598;position: absolute;
margin-top: 157px;
padding: 497px 233px 284px 0;}

.app					{padding-right:45px; margin:0 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px  }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0 0;
float: left; height:100%}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:5px 25px; text-align:right; font-size:14px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:14px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:11px}



.mobile				{display:block}

}


/*Styles for Smartphones - 4
====================================================================*/
	@media only screen and (max-width: 480px) {
.top-section			{background:#939598;width: 96.2% !important;
margin: 0px 0px 0px 0px ; max-width:473px !important; min-width:
279.047px !important}
.top-title				{background:#939598;}
.top-title h1			{padding-left:10px;  margin-top:0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:36px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:24px}
.top-image          	{display:none}
.navigation				{display:none;float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:14px; padding: 6px 43px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}

.grey-back				{display:none;background:#939598;position: absolute;
margin-top: 157px;
padding: 497px 233px 284px 0;}

.app					{padding-right:45px; margin:0 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px  }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0 0;
float: left; height:100%}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:5px 25px; text-align:right; font-size:14px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:16px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
	.mobile				{display:block}
	}
	
	@media only screen and (min-width: 1920px) {

	.top-section			{background:#939598; width:100% !important; min-width:1519px}
.top-title				{background:#939598;margin-top:118px}
.top-title h1			{padding:10px 10px; margin-top:15px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:40px}
.top-title h2			{padding-left:10px; color:#DCDDDE;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-weight:normal; font-size:24px}

.navigation				{float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:37px }
.navigation ul			{display:block; list-style:none; text-decoration:none;}
.navigation	li			{float: left; list-style: none; text-align: center;}
.navigation li a 		{font-size:20px; padding: 5px 39px;display: block; text-decoration:none; background:#939598;-moz-box-shadow:   inset 1px 1px 3px #3f4042;
   -webkit-box-shadow:inset 1px 1px 3px #3f4042;
   box-shadow:         inset 1px 1px 3px #3f4042;
   color:#fff;
}
.navigation li a:hover	{color:#3c3c3c}
.grey-back				{background:#939598;position: absolute;
margin-top: 0px;width:400px;height:1050px; top: 0px;}
.app					{padding-right:45px; margin:25px 25px;background:url(../images/arrow.png) no-repeat 100% 50%;}
.app	a				{color:#DCDDDE; text-decoration:none; font-size:17px; padding: 10px 10px 10px 35px; display: block}
.app 	p 				{color:#fff; padding:10px 3px !important; text-align:right; font-size:14px}

.slider 				{margin:10px 0 25px 5px  }

.sidebar 				{background:#939598;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:0 0;
float: left; height:1001px}
.sidebar 	h1			{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:22px; padding-right:25px}
.sidebar p				{color:#fff; padding:10px 0px; text-align:right; font-size:14px}

.content p				 {color:#58595b; text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;font-weight:normal; font-size:14px}


.footer 				{-moz-box-shadow: inset 0 3px 0 #3f4042; -webkit-box-shadow:inset 0 3px 0 #3f4042; box-shadow: inset 0 3px 0 #3f4042; color:#3f4042;}
.footer p				{padding:15px 0 15px 0; text-align:center; font-size:14px}
.mobile				{display:none}
}