﻿@charset "utf-8";
/* CSS Document */

body	
	{ margin:0px;
	padding:0px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif ;
	color:#000;
	line-height:26px;
	font-weight:300;
	/*overflow-x: hidden;*/
	}
* { padding:0px;
    margin-left: 0px;
    margin-right: 19px;
	 margin-bottom:15px;
    }
a { text-decoration:none; color:#009f82;}
.bold { font-weight:bold;}
hr { border: dashed 1px #009f82; margin-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
.mar-25 { margin-left:30px;}
.style-text
	{ font-family: 'Lobster', cursive; font-weight:400; font-size:25px; color:#009f82; }
.effect
	{ -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}	
.effect:hover { -webkit-filter: grayscale(100%); }
.ma-top
	{ margin-top:20px;}
.top-area
	{ width:100%;
	height:auto;
	float:left;
	background:#faf9f9;
	border-bottom:2px solid #FFF;}
.top-center
	{ width:1000px;
	height:100px;
	margin:auto;
	margin-top:3px;
	}
.logo
	{ width:100px;
	height:auto;
	float:left;}
.logo-text
	{ width:400px;
	float:left;
	height:auto;
	}
.top-text
	{ width:250px;
	height:auto;
	float:right;
	font-size:16px;
	line-height:26px;
	padding-top:3px;	
	}
.logo-text h1
	{ font-size:25px;
	font-family: 'Open Sans', sans-serif;
	color:#009f82;
	font-weight:200;
	margin-top:18px;}
.logo-text b
	{ font-size:16px;
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-weight:bold;}
.menu-area
	{ width:100%;
	height:50px;
	float:left;
	background:#e2dfde;
	}
.menu-center
	{ width:1000px;
	height:50px;
	margin:auto;}
.active-2{ background:#009f82 !important;}
.active-col{ color:#009f82 !important;}
.banner
	{ width:100%;
	height:auto;
	float:left;
	margin-bottom:15px;
	z-index:-999;
	position:relative;
	}
.slider-wrapper { 
	width: 100%; 
	margin-top:5px;
	overflow:hidden;
	
}
.bg1
	{ background:#84bd3c;}
.bg2
	{ background:#ee2d2d;}
.bg3
	{ background:#3f51c7;}
.bg4
	{ background:#c44e95;}
.bg5
	{ background:#faa820; line-height:40px;}
.bg6
	{ background:#00a6e4; line-height:40px;}
.bg7
	{ background:#009f82; line-height:40px;}

.menu-2-img
	{ width:100%;
	min-height:63px;
	float:left;
	padding:5px 0;
	background:#f1efef;}
.menu-cent-2
	{ width:95%;
	height:86px;
	margin:auto;
}
.menu-cent-2 ul
	{ margin:0px;
	padding:0px;
	}
.menu-cent-2 ul li
	{ float:left;
	width:154px;
	height:45px;
	float:left;
	padding:9px;
	margin: 5px;
	list-style:none;
	}
.menu-cent-2 ul li img
	{ width:40px;
	height:48px;
	float:left;
	margin-right:10px;}
.menu-cent-2 ul li a 
	{ color:#FFF;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	line-height:20px;
	font-size:19px;
	font-weight:300;}
.menu-cent-2 ul li a:hover
	{ color:#000;}
.info-100
	{ width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;}
.info-area
	{ width:1000px;
	height:auto;
	margin:auto;
	padding-top:30px;}
.welc
	{ width:647px;
	height:auto;
	float:left;
	text-align:justify;}
.title-wel
	{ width:91%;
	min-height:48px;
	background:#009f82;
	line-height:48px;
	color:#FFF;
	float:left;
	font-weight:300;
	font-size:20px;
	padding-left:20px;
	border-radius:7px;}
.title-wel-home
	{ width:95%;
	min-height:48px;
	background:#009f82;
	line-height:48px;
	color:#FFF;
	float:left;
	font-weight:300;
	font-size:20px;
	padding-left:20px;
	border-radius:7px;}
.title-wel-2
	{ width:100%;
	min-height:48px;
	background:#009f82;
	line-height:48px;
	color:#FFF;
	float:left;
	font-weight:300;
	font-size:20px;
	padding-left:20px;
	border-radius:7px;}
.welc p
	{ width:auto;
	height:auto;
	float:left;}
.img-box-111
	{ width:244px;
	min-height:150px;
	margin:10px 18px 10px 10px;
	border: solid 1px #009f82;
	float:right;}
.online
{width:250px;
height:120px;
float:right;
position:relative;
margin-top:-419px;
padding:15px;
margin-right:10px;
font-size:22px;
font-weight:bold;
background:rgba(0, 159, 130, 0.93);
text-align:center;
line-height:26px;
border-radius:7px;
font-family:"Times New Roman", Times, serif;
color:#FFFFFF;
z-index:999999;
}
.online1
{width:250px;
height:135px;
float:right;
position:relative;
margin-top:-303px;
padding:15px;
margin-right:10px;
font-size:24px;
font-weight:bold;
background:rgba(196, 78, 149, 0.94);
text-align:center;
line-height:28px;
border-radius:7px;
font-family:"Times New Roman", Times, serif;
color:#FFFFFF;
z-index:999999;
}
.online1 a { color:#fff;}
.online_button{
  width:100px !important;
  height: 20px !important;
  float: left;
  line-height: 20px;
  text-align: center;
   font-size:16px;
  color: #fff;
  border-radius:7px;
  margin-left:55px;
  padding:8px;
  background:#f2f2f2;}
 
.readmore
	{ width:60px;
	height:40px;
	float:left;
	line-height:40px;
	text-align:center;
	background:#009f82;}
.readmore a 
	{ color:#FFF;
	text-decoration:none;}
.readmore a:hover
	{ color:#000;}
.b.p-full
	{ width:300px;
	height:auto;
	float:left;
	}
.belapur-panver
	{ width:294px;
	height:auto;
	float:left;
	margin-top:20px;
	}
.ma-l { margin-left:15px;}
.belapur-panver-img
	{ width:294px;
	min-height:180px;
	border:solid 1px #009f82;
	float:left;
	}
.shadow-box
	{ width:294px;
	height:30px;
	float:left;
	background:url(images/shadow.png) no-repeat;}
.bela-panv
	{ width:292px;
	height:30px;
	float:left;
	margin-left:1px;
	margin-top:-32px;
	color:#FFF;
	font-size:20px;
	font-weight:200 !important;
	line-height:30px;
	font-family: 'Open Sans', sans-serif;
	background:rgba(0, 159, 130, 0.85);}	
.info-right
	{ width:300px;
	min-height:300px;
	float:left;}
.footer-100
	{ width:100%;
	min-height:50px;
	line-height:50px;
	float:left;
	background:#f1efef;}
.footer-100-center
	{ width:80%;
	margin:auto;
	height:auto;
	}
.cop
	{ width:400px;
	height:auto;
	float:left;}
.pow
	{ width:210px;
	height:auto;
	float:right;}
.pow a
	{ color:#999;
	text-decoration:none;}
.bp-full
	{ width:630px;
	height:auto;
	float:left;}
.youtube
	{ width:300px;
	min-height:100px;
	float:left;
	border:solid 1px #009f82;
	padding:5px;
	margin-top:10px;}
.text-box-all
	{ width:100%;
	height:auto;
	float:left;
	margin-top:20px;}
.news-events
	{ width:450px;
	min-height:303px;
	float:left;
	margin-top:10px;
	border:solid 1px #009f82;}
.news-events-2
	{ width:450px;
	min-height:303px;
	float:left;
	margin-left:25px;
	margin-top:10px;
	border:solid 1px #009f82;}
.news-box	
	{ width:100%;
	height:auto;
	float:left;
	margin-top:20px;}
.news-tit
	{ width:100%;
	height:40px;
	float:left;
	line-height:40px;
	font-size:20px;
	background:#009f82;
	color:#FFF;
	text-align:center;
	}
.news-tit-new
	{ width:100%;
	height:40px;
	float:left;
	line-height:40px;
	font-size:20px;
	background:#009f82;
	color:#FFF;
	text-align:center;
	}
.news-tit-2
	{ width:100%;
	min-height:40px;
	float:left;
	line-height:26px;
	font-size:15px;
	background:#009f82;
	color:#FFF;
	text-align:center;
	text-align:center;
	}
.news-events > ul
	{ margin:10px 0 0 25px;}
.effect-box
	{ width:100%;
	height:auto;
	float:left;}
.effect-center 
	{ width:1000px;
	height:auto;
	margin:auto;}
.text-inn
	{ width:101%;
	height:auto;
	float:left;
	text-align:justify;
	margin-left:10px;
}
.imp-link {
 width:300px;
 height:auto;
 float:left;
 margin-left:100px;
}
.text-inn p
	{ margin:10px 0;}
	
	
.text-inn-2
	{ width:100%;
	height:auto;
	float:left;
	text-align:justify;
	margin-left:10px;
}
.text-inn-2 p
	{ margin:10px 0;}	

.text-inn-2 p ul 
	{ margin:0px;
	padding:0px;}
.text-inn-2 ul li
	{ list-style:decimal !important;}
.text-inn-2 ul li ul 
	{ margin-left:30px;}
.text-inn-2 ul li ul li
	{ list-style:circle !important;}

.text-inn p ul li ul 
	{  margin-left:20px;} 
.text-inn ul li
	{ list-style:circle;}
.img-box-im-full
	{ width:100%;
	height:auto;
	float:left;}
.img-box-inn
	{ width:150px;
	height:100px;
	float:left;
	margin:10px;
	padding:10px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
.contact-left
	{ width:400px;
	min-height:300px;
	float:left;
	border:1px solid #009f82;
	margin:20px 0 0 60px;}
.conta-tect-box
	{ width:380px;
	height:auto;
	float:left;
	padding:10px;}
.conta-tect-box b
	{ color:#009f82 !important;
	}
.enquiry-left-box
	{ width:401px;
	height:auto;
	float:left;
	border-right:1px solid #009f82;
}
.enquiry-left-box b
	{ width:120px !important;
	height:30px;
	float:left;
	font-weight:normal;
	line-height:40px;
} 
.enquiry-left-box input
	{ width:200px;
	height:16px;
	margin-top:5px;
	float:left;
	border:solid 1px #;}
.enquiry-left-box textarea
	{ width:210px !important;
	height:50px;
	float:left;
	margin-top:5px;}
.enquiry-left-box select
	{ width:63px;
	margin-top:5px;}
.ma-top
	{ margin-top:10px;}
	.enq-option
	{
	margin-bottom:-20px;}
.enq-option-2
	{ width:70px;
	margin-bottom:-20px;}
.readmore-2
	{ width:60px !important;
	height:30px  !important;
	float:left;
	line-height:25px;
	text-align:center;
	color:#FFF;
	background:#009f82;}
.enquiry-right-box
	{ width:200px;
	height:auto;
	float:left;
	padding:10px;
	margin:0 0 0 20px;}
.enquiry-right-box b { color:#009f82;}
.enquiry-right-box-img
	{ min-width:300px;
	float:left;
	height:auto;
	text-align:center;
}
.enquiry-right-box-img h1
	{ font-size:25px;
	font-family:Verdana, Geneva, sans-serif;
}
.enquiry-right-box-img a
	{ color:#009f82;}
.enquiry-right-box-img a:hover
	{ color:#000;}
.video-page
	{ width:300px;
	height:300px;
	padding:10px;
	float:left;
	margin-right:10px;
	border:solid 1px #009f82;}
.photo-page
	{ min-width:150px;
	min-height:150px;
	padding:10px;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-top:10px;
	border:solid 1px #009f82;}
.photo-page-2
	{ min-width:150px;
	min-height:150px;
	padding:10px;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-top:10px;
	border:solid 1px #009f82;}
.photo-page-2 img	{ width:100%; height:100%;}
.pre-box
	{ width:1000px;
	height:auto;
	float:left;}
.left-pre-box
	{ width:250px;
	height:auto;
	float:left;}
.left-pre-box-text
	{ width:228px;
	height:auto;
	float:left;
	padding:10px;
	margin:2px 0;
	font-size:14px;
	color:#fff;
	background:#009f82;
	text-align:left;
	border:1px solid #009f82;}
.right-box-pre
	{ width:730px;
	height:auto;
	float:left;
	margin-left:20px;}
.right-pre-box-text
	{ width:97%;
	height:auto;
	float:left;
	margin:2px 0;
	font-size:14px;
	color:#000;
	line-height:26px;
	text-align:justify;
	padding:10px;
	border:1px solid #009f82;}
.pre-box-2
	{ width:300px;
	height:auto;
	float:left;
	}
.left-pre-box-text-2
	{ width:278px;
	height:auto;
	float:left;
	padding:10px;
	margin:2px 0;
	font-size:14px;
	color:#000;
	text-align:left;
	border:1px solid #009f82;}
.footer-menu
	{ width:100%;
	min-height:30px;
	float:left;}
.footer-menu ul 
	{ margin:0px;
	padding:0px;}
.footer-menu ul li
	{ float:left;
	list-style:none;}
.footer-menu ul li a
	{ margin:0 10px;
	color:#000;
	font-weight:bold;}
.footer-menu ul li a:hover
	{ color:#009f82;}
.staff-ul
	{ width:100%;
	height:auto;
	float:left;}
.staff-ul ul
	{ margin:0px;
	padding:0px;}
.staff-ul ul li
	{ float:left;
	width:200px;}
.left-text-area
	{ width:500px;
	height:auto;
	float:left;
	}
.right-text-area
	{ width:450px;
	height:auto;
	float:left;}
.dot-2
	{ width: 10px !important; height: 10px !important;}
.input-dot
	{ float:left;
	width:112px !important;
    height: 65px;
}
.input-dot-span
    { width:80px !important;
      float:left;
      padding-left:0px !important;}
 .input-dot input
    { width:80px !important;
      height:16px;
      float:left;}
 .course-text
    {  margin-top:70px;}
	
	

 .selectbox
{
    width: 98%;
    height: 27px;
    background-color: #FFF;
    font: 400 12px/18px 'Open Sans' , sans-serif;
    color: #000;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 5px;
}

/*-------------collapsible start--------------*/
.topnav {
	width: 100%;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#555555;
	line-height:20px;
	
}

ul.topnav {
	padding: 0;
	margin: 0;
	
	
	list-style: none;
}

ul.topnav li { list-style:none;}

ul.topnav li a {
	line-height: 20px;
	font-size: 13px;
	padding: 10px 0px;
	color:#3787a8;
	font-weight:normal;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}


ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style:decimal;
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 13px;
	font-weight: normal;
	outline:0;
	color:#000;
}

ul.topnav ul li a:hover {
	background-color:#D3C99C;
	color:#675C7C;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav span{
	float:right;
}


.topnav2 {
	width: 660px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#555555;
	line-height:20px;
	
}

ul.topnav2 {
	padding: 0;
	margin: 0;
	
	
	list-style: none;
}

ul.topnav2 li { list-style:none;}

ul.topnav2 li a {
	text-decoration:none;
	color:#3787a8;
    font-size: 12px;
	
}
ul.topnav2 ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav2 ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav2 ul li a {
	padding-left: 20px;
	font-weight: normal;
	outline:0;
}

ul.topnav2 ul li a:hover {
	color:#fcd80f;
}

ul.topnav2 ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav2 ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav2 span{
	float:right;
}


.div1 {
        width:80%;
        height:auto;
        float:left;
        border:solid 1px #ccc;
        margin:10px;
        padding:10px;
}

.challan-info	
	{ width:80%;
	height:auto;
	margin:auto;
    
}
.challan-text { width:100%;
                height:auto;
                float:left;
                border:solid 1px #000;
                padding:0 40px;
                
}
.chall-work-logo
	{width:100%;
	height:auto;
	float:left;
	text-align:center;
	}
.tran-no
	{ width:30%;
	min-height:80px;
	float:left;
	margin:10px 0;
	text-align:left;
    height: 43px;
}
.tran-no-2
	{ width:30%;
	min-height:80px;
	float:right;
	margin:10px 0;
	text-align:left;
    height: 33px;
}
.ul-chal
	{ width:100%;
	height:auto;
	float:left;
	text-align:left;}
.full-box-chal
	{ width:100%;
	height:auto;
	float:left;}
.main-box-1 {
        width:auto;
         float:left;
    height: 40px;
}
.main-box-1 select {
    width:200px;
    height: 20px;
}
.bbb {
 width:300px !important; height:auto;
 float:left;
 background:#750707;
 padding:0 5px;

}
    

.myClass {
 position: relative;
 top: -11px;
 left: -20px; 
 height: 350px;
 width: 928px;
 background-color:gray;
}
.mybox {
    width:100%;
    height:auto;
    margin:0px;
}
.mybox-1 {
    width:980px;
    height:auto;
    float:left;
    padding:10px;
    padding-top:10px;
    border:1px solid #ccc;
}

/*-------------collapsible end--------------*/	
	
	
	
	


/*media only screen-area*/
	
	

/*@media only screen and (min-width:220px) {






}*/
/*------------------ header */


@media only screen and (min-width:320px) {
	body { overflow-x: hidden;}
.logo { width:100px;  margin-left:100px;} 
.top-center { width:320px;}
.logo-text  { width:320px; text-align: center;}
.top-text { width:250px; margin-right: 20px;}
.menu-center { width:320px; }
.info-area { width:320px;}
.welc { width:290px;}
.title-wel { width:290px;}
.container { margin:0 0 0 40px !important;}
.title-wel-home { width:300px; padding-left:5px;}
.text-box-all { }
.info-right { margin-top:470px; float:left;}
.img-box-111 { float:left;  margin-left:40px;}
.b.p-full { width:300px;}
.belapur-panver { width:294px;}
.cop { width:300px;} 
.bp-full { width:320px; }
.menu-cent-2 ul li { width:210px; padding-left:60px;}
.news-events { width:320px; }
.news-events-2 { width:320px; margin-left:0px;}
.effect-center { width:320px;}
.contact-left { width:320px;}
.enquiry-left-box { width:320px;}
.right-box-pre { width:320px;}
.left-text-area { width:320px;}
.right-text-area { width:320px;}


.news-tit-new{ width:321px;}
.news-tit { width:140px;}
.left-pre-box-text { width:118px; }
.left-pre-box { width:140px; }
.right-pre-box-text	{ width:85%; }
.gp-rating { height:393px !important;}
.certificate-course  { height:285px !important;}
.b-Sc-nautical  { height:230px !important;}
.electro-technical   { height:340px !important;}
.diploma   { height:1039px !important;}
.news-tit-2 { width:100px;} 
.pre-box-2 	{ width:100px; }
.left-pre-box-text-2 { width:78px;}
.course-name { height:130px;}
.deck-cadet { height:285px;} 
.pre-box { width:1000px;}



/*------------------ header */


}


@media only screen and (min-width:480px) {
 
/*------------------ header */


}


@media only screen and (min-width:768px) {
.top-center { width:768px;}
.logo-text  { width:400px;}
.top-text { width:500px;}
.menu-center { width:750px;}
.banner { margin-top:10px;}
.title-wel-home { width:700px; padding-left:15px;}
.info-area { width:768px; margin-left:30px;}
.youtube { width:700px;}
.info-right { margin-top:230px; float:left;}
.welc { width:647px;}
.title-wel { width:700px;}
.b.p-full { width:300px;}
.belapur-panver { width:294px;}
.cop { width:350px;} 
.bp-full { width:630px; }
.news-events { width:450px; }
.news-events-2 { width:450px;}
.effect-center { width:768px;}
.contact-left { width:400px;}
.enquiry-left-box { width:410px;}
.right-box-pre { width:418px;}
.left-text-area { width:500px;}
.right-text-area { width:450px;}
.title-wel-2 { width:90%;}
.text-inn { width:89%;}
.left-pre-box { width:100%; }

.news-tit-new{ width:100%;}
.news-tit { width:100%;}
.left-pre-box-text { width:228px; }
.left-pre-box { width:250px; }
.right-pre-box-text	{ width:95%; }


.gp-rating { height:130px !important;}
.certificate-course  { height:129px !important;}
.b-Sc-nautical  { height:75px !important;}
.electro-technical   { height:135px !important;}
.diploma   { height:285px !important;}
.news-tit-2 { width:100%;} 
.pre-box-2 	{ width:220px; }
.left-pre-box-text-2 { width:198px;}
.course-name { height:50px;}
.deck-cadet { height:155px;} 
.pre-box { width:1000px;}
/*------------------ header */


}


@media only screen and (min-width:1024px) {
	body { overflow: scroll;}
.logo { width:100px;  margin-left:0px;} 
.top-center { width:1000px;}
.logo-text  { width:400px; text-align:left;}
.top-text { width:250px; margin-right: 20px;}
.menu-center { width:1100px; }
.info-area { width:1000px; margin:auto;}
.welc { width:647px;}
.title-wel { width:91%;}
.container { margin:0 0 0 40px !important;}
.title-wel-home { width:96%; padding-left:15px;}
.text-box-all { }
.youtube { width:300px;}
.info-right { margin-top:0px; }
.img-box-111 { float:right; margin:10px 18px 10px 10px;}
.b.p-full { width:300px;}
.belapur-panver { width:294px;}
.cop { width:400px;} 
.bp-full { width:630px; }
.menu-cent-2 ul li { width:154px; padding-left:10px;}
.news-events { width:450px;  }

.effect-center { width:1000px;}
.contact-left { width:400px;}
.enquiry-left-box { width:320px;}
.right-box-pre { width:730px;}
.left-text-area { width:320px;}
.right-text-area { width:320px;}
.container { margin:0 0 0 85px !important;}
.banner { margin-top:0px;}
.slider-wrapper { overflow:hidden;	height:450px;}
.menu-2-img { margin-top:-9px;}

.news-events-2 { margin-left:20px;}

.news-tit { width:100%;}
.left-pre-box-text { width:228px; }
.left-pre-box { width:250px; }
.right-pre-box-text	{ width:95%; }


.gp-rating { height:77px !important;}
.certificate-course  { height:78px !important;}
.b-Sc-nautical  { height:80px !important;}
.electro-technical   { height:77px !important;}
.diploma   { height:211px !important;}
.news-tit-2 { width:100%;} 
.pre-box-2 	{ width:318px; }
.left-pre-box-text-2 { width:295px;}
.course-name { height:50px;}
.deck-cadet { height:105px;} 
.pre-box { width:1000px;}
.title-wel-2 { width:100%;}
.text-inn { width:100%;}
/*------------------ header */


}

/*media only screen-area*/