@charset "utf-8";
/* CSS Document */

*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#fff;	
	background-size:100%;
	background-color:#000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	min-height:500px;
	background-size:100%;
	

}
.clear{
	clear:both;
}

*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}

header{ margin:0 auto; padding:0; width:100%;}


.panel-1{ margin:0 auto; padding:0; width:100%; }
.left-panel{ margin:0 auto; padding:0; width:100%; float:left; height:640px; background-color:#cf9f00; text-align:center; }
.left-panel img{ padding-top:30px;}
.right-panel{ margin:0 auto; padding:0; width:100%; text-align:center;  }
.contact{ margin:0 auto; padding:0; width:100%; text-align:right; margin-top:50px; position:relative; z-index:999; }
.contact h3{ color:#fff; padding:0; margin:0 auto; font-size:18px;}
.diamond{ width:60%; opacity:1; margin-top:-20px;   }
.right-panel h1{ color:#FFF; font-size:58px; text-align:center; margin-top:-280px; text-shadow:1px 1px 1px #000;}

.navbar{ margin:0 auto; padding:0; width:100%; margin-top:40px;}
#left_menu 
{
   list-style-type:none;
   font-size: 16px;
   padding:0;  

}
#left_menu li 
{
   width:100%;
   margin:0 auto;
   padding:0;
  
   -webkit-border-top-right-radius: 10px 25px;
   -moz-border-radius-topright:10px 25px;
   border-top-right-radius: 0px 0px;
   -webkit-border-bottom-right-radius: 10px 25px;
   -moz-border-radius-bottomright:10px 25px;
   border-bottom-right-radius: 0px 0px;
  
   border-bottom:1px solid #fff;
  
   overflow:hidden;
   text-align:left;
 
}
#left_menu li a 
{
   text-decoration:none;
   display:block;
   padding:10px;
   color:#fff;
}
#left_menu li a:hover{ color:#000;}


#panel-2{ margin:0 auto; padding:0; width:100%; padding-top:20px; padding-bottom:40px;}
.left-panel-2{ margin:0 auto; padding:0; width:100%; }
.left-panel-2 h1{ color:#cf9f00; text-align:left; font-size:40px;}
.left-panel-2 h1 span{ font-size:36px;}
.left-panel-2 p{ color:#FFF; text-align:left; font-size:16px; font-weight:100; line-height:22.3px;}
.left-panel-2 a{ background-color:#cf9f00; padding:5px; text-decoration:none; color:#000; position:relative; top:5px; border:1px solid #cf9f00;}
.left-panel-2 a:hover{ background-color:#cf9f00; padding:5px; text-decoration:none; color:#cf9f00; position:relative; top:5px; border:1px solid #cf9f00; background:none; }
.right-panel-2{ margin:0 auto; padding:0; width:100%;}
.right-panel-2 h1{ font-weight:100; padding-left:0px; color:#fff; text-align:left; font-size:26px; text-transform:capitalize;}
.picture{ margin:0 auto; padding:0; width:100%; height:150px; background-color:#666; border:5px solid #cf9f00;}
.picture img{ width:100%; height:100%;}
.right-panel-2 p{ text-align:left; margin-top:10px; color:#FFF; font-size:12px; height:51px; overflow:hidden;  }
.right-panel-2 a{ background-color:#cf9f00; padding:5px; text-decoration:none; color:#000; position:relative; top:5px; border:1px solid #cf9f00;}
.right-panel-2 a:hover{ background-color:#cf9f00; padding:5px; text-decoration:none; color:#cf9f00; position:relative; top:5px; border:1px solid #cf9f00; background:none; }
.nav, .toggleMenu{ display:none;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
.navbar{ margin:0 auto; padding:0; width:100%; margin-top:40px; display:none;}
.left-panel{ margin:0 auto; padding:0; width:100%; float:left; height:400px; background-color:#cf9f00; text-align:center; }	
.contact{ margin:0 auto; padding:0; width:100%; text-align:center; margin-top:0px; position:relative; z-index:999; top:-70px; }
.contact h3{ color:#000; padding:0; margin:0 auto; font-size:18px; font-weight:100;}
.right-panel h1{ color:#FFF; font-size:30px; text-align:center; margin-top:0px; text-shadow:1px 1px 1px #000;}
.right-panel-2{ margin:0 auto; padding:0; width:100%; text-align:center;}
.right-panel-2 p{ text-align:center; margin-top:10px; color:#FFF; font-size:12px; }
.right-panel-2 h1{ font-weight:100; padding-left:0px; color:#fff; text-align:left; font-size:26px; text-transform:capitalize; text-align:center;}
.left-panel-2{ margin:0 auto; padding:0; width:100%; text-align:center; }
.left-panel-2 h1{ color:#cf9f00; text-align:center; font-size:40px;}
.left-panel-2 p{ color:#FFF; text-align:center; font-size:16px; font-weight:100; line-height:22.3px;}
}


#report{ margin:0 auto; padding:0; width:100%;  }
.tab-content{ text-align:center; margin:0 auto; padding:0; width:100%;}
.tab-content h2{ font-weight:600; color:#cf9f00; text-shadow:2px 2px 1px #000; margin: 0 0 9px 0;}
.tab-content p{ margin:0 auto; padding:0; width:70%; color:#fff;}

.styled-select input{
	
	 background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   border:1px solid #fff;
   color:#fff;
	
	}
.styled-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   border:1px solid #fff;
   color:#CCC;
   }
   .btn{ margin:0 auto; padding: 5px; width:100%; background-color:#cf9f00; color:#000;}
 
 .styled-select textarea{
	 
	   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 94px;
   -webkit-appearance: none;
   border:1px solid #fff;
   color:#CCC;
   resize:none;
   margin-top:10px;
   
	 }  
   
   #education{ margin:0 auto; padding:0; width:100%; background-image:url(../image/bg.jpg); background-size:cover; background-repeat:no-repeat;  }
   .left-box{ margin:0 auto; padding:20px; width:100%; height:270px; margin-top:50px;   background:rgba(138,138,138,0.1); }
   .right-box{ margin:0 auto; padding:0; width:100%; margin-top:50px; }
   
   .left-box h1{ font-size:36px; text-align:left; color:#cf9f00;}
   .left-box p{ text-align:left; width:100%; font-size:18px; color:#fff;}
   .left-box a{ border:1px solid #cf9f00; padding:10px; text-decoration:none; color:#cf9f00; position:relative; top:20px;}
   .left-box a:hover{ border:1px solid #cf9f00; padding:10px; text-decoration:none; background-color:#cf9f00; color:#000;}
   .right-box img{ padding-top:20px;}
   
   .left-box1{ margin:0 auto; padding:20px; width:100%; background:rgba(138,138,138,0.1); height:270px;  }
   .right-box1{ margin:0 auto; padding:0; width:100%; }
   
   .left-box1 h1{ font-size:36px; text-align:right; color:#cf9f00;}
   .left-box1 p{ text-align:right; width:100%; font-size:18px; color:#fff;}
   .left-box1 a{ border:1px solid #cf9f00; padding:10px; text-decoration:none; color:#cf9f00; position:relative; top:20px; float:right;}
   .left-box1 a:hover{ border:1px solid #cf9f00; padding:10px; text-decoration:none; background-color:#cf9f00; color:#000; }
   .right-box1 img{ padding-top:20px;}
   
   
   
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	#report{ margin:0 auto; padding:0; width:100%;   }
	.right-box img{ padding-top:20px; width:100%;}
	.right-box1 img{ padding-top:20px; width:100%;}
	.left-box{ margin:0 auto; padding:20px; width:100%; height:300px; margin-top:50px;   background:rgba(138,138,138,0.1); }
	.left-box1{ margin:0 auto; padding:20px; width:100%; background:rgba(138,138,138,0.1); height:300px;  }
}



#lab{ margin:0 auto; padding:0; width:100%;  }
#intro{

	background:url(../image/parallax.jpg) 100% 0 no-repeat fixed;
	color: white;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	background-position:center;
	
}



.story{
	margin: 0 auto;
	min-width: 100%;
	overflow: auto;
	width: 100%;
}


.tab-content1{ text-align:center; margin:0 auto; padding:0; width:100%;}
.tab-content1 h2{ font-weight:600; color:#cf9f00; text-shadow:2px 2px 1px #000;}
.tab-content1 p{ margin:0 auto; padding:0; width:70%; color:#fff;}
.box{ margin:0 auto; padding:0; width:100%; margin-bottom:15px;}





/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    
    
    #contact p{
        font-size:16px;
    }
	
#intro{

	background:url(../image/parallax.jpg) 100% 0 no-repeat fixed;
	color: white;
	height: 1100px;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	background-position:center;
	
}	
	
}

footer{ margin:0 auto; padding:0; width:100%;}
#contact{ margin:0 auto; padding:0; width:100%;}
.map{ margin:0 auto; padding:0; width:100%; height:250px; opacity:0.6; border:10px solid #333;}
.text{ font-size:24px; line-height:28px; padding-top:20px; color:#fff;}
.panel-footer{ margin:0 auto; width:100%; background-color:#000; }
.left-text{ padding:0px; text-align:left;}
.right-text{ padding:0px; text-align:right;}
.left-text p{ padding-top:10px; padding-left:30px;}
.right-text p{ padding-top:10px; padding-right:30px;}
.right-text a{ text-decoration:none; color:#333;}
.social{ font-size:36px; color:#fff;}
.social a{ color:#fff;}
.social a:hover{ color:#cf9f00;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
.left-text{ padding:0px; text-align:center;}
.right-text{ padding:0px; text-align:center;}
.left-text p{ padding-top:0px; padding-left:0px;}
.right-text p{ padding-top:0px; padding-right:0px;}	
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#about{ margin:0 auto; padding:0; width:100%; }
.tab-content1 h5{ text-align:left; color:#fff; line-height:20px; padding-bottom:0px;}
.logo{ margin:0 auto; padding:0px; width:100%; height:280px; background-color:#cf9f00; text-align:center;}
.logo img{ width:90%; padding-top:20px;}
.heading{ margin:0 auto; padding:0; width:100%; color:#cf9f00; font-size:36px; margin-top:0px; text-align:left;}
.logo a:hover{ opacity:0.7;}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.logo{ margin:0 auto; padding:10px; width:100%; height:400px; background-color:#cf9f00; text-align:center;}	
	.heading{ margin:0 auto; padding:0; width:100%; color:#cf9f00; font-size:26px; margin-top:0px; text-align:left;}
}

.text_guru h5{ color:#000;}
.diamondd{ width:30%; opacity:1; margin-top:-70px; margin-left:-200px;   }
#inline img{ width:45%; margin-right:2.5%; margin-left:2.5%; height:350px;}
#inline1 img{ width:45%; margin-right:2.5%; margin-left:2.5%; height:350px;}
#inline2 img{ width:45%; margin-right:2.5%; margin-left:2.5%; height:350px;}
#inline3 img, #inline4 img, #inline5 img{ width:100%; height:450px;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.diamondd{ width:30%; opacity:1; margin-top:-70px; margin-left:-200px; display:none;   }	
}