﻿@charset "utf-8";
/* CSS Document */

@font-face
{
    font-family:'myfont4';
    src:url('style/the-fontry_race1-brannt-ncv/Royalacid_o.eot');
    
    src:local('Century_Gothic'),url('style/the-fontry_race1-brannt-ncv/Royalacid_o.ttf') 
    format('truetype'),url('style/the-fontry_race1-brannt-ncv/Royalacid_o.svg#font') format('svg');
 }

@font-face
{
    font-family:'Century_Gothic';
    src:url('http://somuch.in/css/Century_Gothic.eot');
    
    src:local('Century_Gothic'),url('http://somuch.in/css/Century_Gothic.ttf') 
    format('truetype'),url('http://somuch.in/css/century_gothic.svg#font') format('svg');
 }

@font-face {
 font-family: MyCustomFont;
 src: url("Royalacid_o.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("Royalacid_o.ttf") /* TTF file for CSS3 browsers */
}


body{ background:#fffee0; padding:0 !important; margin:0 !important; font-family:"Times New Roman", Helvetica, Arial, sans-serif; font-size:12px;
      background: url(http://localhost:32798/tractor training center/img/light-yellow-square-hi.png);
       }
 @font-face {
 font-family: 'myfont';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/RACE1 Brannt Chiseled NCV.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
 @font-face {
 font-family: 'myfont1';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/RACE1 Brannt Plus Chiseled NCV.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
 @font-face {
 font-family: 'myfont2';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/RACE1 Brannt Plus NCV.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
 @font-face {
 font-family: 'myfont3';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/Sans Serif Shaded.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
 @font-face {
 font-family: 'myfont41';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/Royalacid_o.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
 @font-face {
 font-family: 'myfont5';
 src: url('Century_Gothic.eot');
 src: local('Century_Gothic'), url('style/the-fontry_race1-brannt-ncv/SFQuartziteShaded-Oblique.ttf') format('truetype'), url('century_gothic.svg#font') format('svg');
}
.mhead {
	padding: 15px 20px 10px 23px;
	border-radius: 8px 8px 0px 0px;
	background: #4ea202;
	margin: 0;
	border-left: 1px solid #4ea202;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}
.homeAccordion {
	padding: 10px;
}
.homeAccordion ul li {
	border-radius: 10px;
}
* {
	margin: 0;
	padding: 0;
}

.wrapping{ width:100%; }

.top-head{ width:100%;  margin-top:-10px }

.top-head {
	width: 100%;
	background: #f8f8f8;
	float: left;
}

.top-head-left{ width: 49%; }

.top-head-right{ float:right; width: 49%; margin-top: 1px; line-height: 25px; }

.top-head-right ul li{ float:right; }
 
.top-head-iner{ width:80%; margin:auto; }

.top-header-iner{ width:80%; margin:auto; background:url(img/header-bg.jpg) no-repeat; min-height: 150px; position:relative; clear:both; }

.top-head ul{ list-style:none; }

.top-head ul li a{ color: #ECEBEB; }

.top-head ul li a:hover{ color:white; }

.top-head-left ul li{ padding:5px 20px 5px 0px; float:left; }

.top-head-left ul li a{ text-decoration:none; font-weight:bold; }

.top-head-right ul li{ padding:0px 5px; float:right; }

.top-head-right ul li a{ text-decoration:none; font-weight:bold; }

.top-head-right input{ padding:1px 5px; }

.logo {
    width: auto;
    float: left;
    margin-top: 1%;
}

    .logo img {
        padding: 5px 10px;
		width: 100%;
    }

.t-logo{ width:60%; float:left; margin-top:3%; }

.t-logo p{ text-align:center; }

.northern-t-logo 
{
    font-size: 31px;
font-weight: bold;
text-shadow: 1px 2px 10px #A78E20;
color: #257B30;
font-family: myfont4;
     }

.minister-t-logo{ font-size:14px; font-weight:bold; margin-top:15px; }

.logo-right{ float:right; width: 20%; text-align:center; }

.logo-right p { font-size: 18px; font-weight: bold; color: #257b30; margin-top: 50px; line-height: 25px; text-line-through-width: black 5px; background: rgba( 255,254,224,0.6 ); }
.navbar {
	background: linear-gradient(0deg, rgba(49,140,0,1) 0%, rgba(83,165,2,1) 51%, rgba(92,187,0,1) 100%) !important;
	min-height: auto !important;
	     margin-right: 0px !important;
}
/*.content-wrap-iner{ width:100%; margin:20px auto; }

.content-wrap-left{ width:100%; float:left; }

.content-wrap-right { width: 100%; float: right; border: 1px solid #cdccca; border-radius: 10px; margin-top: 7px; background:#f6f8ed; margin-bottom:3px; }
/*.content-wrap-rightI { width: 46%; float: left; border: 1px solid #cdccca; border-radius: 10px; margin-top: 7px;margin-right:7px;margin-left:7px; background:#f6f8ed; margin-bottom:3px; }*/
.content-wrap-right1 { width: 100%; float: right; border: 1px solid #cdccca; border-radius: 10px; margin-top: 7px; background:#f6f8ed; margin-bottom:3px; }
.clear { clear: both; }

#leftpnl { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; clear: both; }

#bgwork {
	 
	padding: 10px;
	border-radius: 10px;
	background-size: cover;
	margin-top: -6px;
}

.leftmenu li { width: 100%; background-repeat: no-repeat; float: left; margin: 11px 0px 0px 0px; padding: 1px 0px 5px 0px; letter-spacing: 0px; list-style-type: none; border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #edf6e5; }

.leftmenu li a {   margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #257b30; font-size: 12px; font-weight: bold; text-decoration: none; }

.leftmenu li a:hover { color:#ab0000; }

.slideshowproboxI img{width:38px;}
.homeAccordion li { width: 100%; background-repeat: no-repeat;  margin: 3px 0px 0px 0px; padding: 1px 0px 5px 0px; letter-spacing: 0px; list-style-type: none; border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #edf6e5; }
.homeAccordion li img{float:left;width:8%;height:25px;}
.homeAccordion li a { float: right; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #257b30; font-size: 12px; font-weight: bold; text-decoration: none; }
.homeAccordionI{border: 1px solid #cecece;max-height:280px;}
.homeAccordionI li { width: 100%; background-repeat: no-repeat;  margin: 3px 0px 0px 0px; padding: 1px 0px 5px 0px; letter-spacing: 0px; list-style-type: none; 
                     border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;  }
.homeAccordionI li img{float:right;width:6%;}.homeAccordionI h3{font-size:16px;margin:0px 0px 0px 0px;float:left;}
.homeAccordionI li a { float: right; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #257b30; font-size: 12px; font-weight: bold; text-decoration: none; }
.homeAccordionI span{width:93%;float:left;}

.homeAccordionII{border: 1px solid #cecece;max-height:280px;}
.homeAccordionII li { width: 100%; background-repeat: no-repeat;  margin: 3px 0px 0px 0px; padding: 1px 0px 5px 0px; letter-spacing: 0px; list-style-type: none; 
                     border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;  }
.homeAccordionII li img{float:right;width:6%;}.homeAccordionI h3{font-size:16px;margin:0px 0px 0px 0px;float:left;}
.homeAccordionII li a { float: left; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #257b30; font-size: 12px; font-weight: bold; text-decoration: none; }
.homeAccordionII span{width:93%;float:left;}
.homeAccordionII li h3{font-size:16px;margin-top:0px;}
.leftmenuI  { width: 100%; min-height: 184px;max-height: 184px;overflow:hidden; background: #f6f8ed; background-repeat: no-repeat; margin: 8px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style: none; border: 0; border-radius: 10px; float: left; border: 1px solid #cecece; }

.leftmenuI li { width: 100%; background-repeat: no-repeat;  margin: 3px 0px 0px 0px; padding: 1px 0px 5px 0px; letter-spacing: 0px; list-style-type: none; border: 0; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #edf6e5; }

.leftmenuI li a { float: left; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; color: #257b30; font-size: 12px; font-weight: bold; text-decoration: none; }

.leftmenuI li a:hover { color:#ab0000; }

.media { width: 100%; height: 32px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } 

.media ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width:100%; } 

.media li { width: 100%; font: bold 0.8em Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 7px 0px 4px 0px; letter-spacing: 1px; float: left; list-style-type: none; margin-bottom:5px; background: #dbe689; border-radius: 5px; }

.media img { float: left; margin-top: -4px; margin-left: 15px; }

.media li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; color: #257b30; font-size: 11px; text-decoration: none;  }

.media li a:hover { width: 100%; text-decoration: underline; }

.content-wrap-right-one{ float:left; width:50%; }

.content-wrap-right-two{ float:right; width:50%; }

/*.content-wrap-right-two .homeAccordion{ border-left: 1px solid #cdccca; }*/

.content-wrap-right-one h4 { padding: 15px 20px 10px 23px; border-radius: 8px 0px 0px 0px; background: #edf6e5; margin: 0; color: green; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.content-wrap-right-two h4{ padding: 15px 20px 10px 23px; border-radius: 0px 8px 0px 0px; background: #edf6e5; margin: 0; border-left: 1px solid #cdccca; color: green; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.content-wrap-right img{ float: left; /*width: 100%;*/ width:650px;height:390px;  border-radius:10px; }

.footer-wrap{ width:100%; background:#ecf5e4; clear:both; margin-top:20px; text-align:center; border-top: 2px solid #dbe689;  }

.footer-iner{ width:100%; margin:auto; }

.footer-link{ font-weight:bold; word-spacing:3px; }

.footer-link a{ text-decoration:none; color:#257b30; }

.footer-link a:hover{ color:black; }

.scroll-wrap-iner{ width:80%; margin:auto; }

.scroll-wrap{ margin-top:20px; }

.leftmenu img{ float: left; margin-top: 5px; margin-left: 15px; }





@media screen and (max-width:769px){ 

	.top-head-right{ clear:both; margin:auto; float:none; }
	
	.top-head-left{ clear:both; margin:auto; float:none; }
	
	.top-head-left li{ display:inline-block; float:none !important; position:relative; clear:both; width:100%; text-align:center; } 
	
	.content-wrap-right{ clear:both; margin:auto; width:100%; }
	
	.content-wrap-left{ width:100%; }
	
	.top-head-iner{ margin-top:20px; }
	
	.logo{ width:100%; }
	
	.logo img{ float:none; margin:auto; display: inherit; }
	
	.t-logo{ clear:both; float:none; margin:auto; }
	
	.logo-right{ clear:both; float:none; margin:auto; width:100%; }
	
	.logo-right p{ clear:both; float:none; margin:auto; }
	
	.top-head-right li { display: inline-block; float: none !important; position: relative; clear: both; width: 100%; text-align: center; }
	
}


@media screen and (max-width:480px){
	
	.navbar-nav{ width:100%; margin:auto; display:inline-block; position:relative; }
	
	.navbar-nav>li{ display:block; width:100%; margin:auto; }
	
	.navbar-nav>li a{ text-align:center; }
	
	.logo{ width:100%; margin:auto; }

}
.welcome_Section h3 span {
	color: #54a701;
}
.welcome_Section {
	padding-top: 20px;
	padding-bottom: 20px
}
	.welcome_Section p {
		font-size: 16px;
		letter-spacing: 1px;
	}
.Director_Desk img {
	width: 80%;
	border: 5px solid white
}
.Director_Desk h5 {
	background: aliceblue;
	padding: 10px;
}
.Director_Desk {
	padding: 5px;
	background: aliceblue;
}

.announcement-wrap {
	background-color: #e74c3c;
	padding: 0px;
}
	.announcement-wrap .col-md-2 {
		background-color: #f2ca27;
		color: #c0392b;
		padding: 10px 5px 10px 5px;
		text-align: center;
		font-weight: bold;
		height: 100%;
		position: relative;
	}
.Main_Title {
	background: aliceblue;
	padding: 40px;
	padding-bottom: 140px;
}

	.Main_Title h1 {
		font-size: 50px;
	}

.Nav_Page {
	background: white;
	padding: 15px;
	border-radius: 10px;
}

.Main_Details {
	background: white;
	padding-top: 100px;
	padding-bottom: 100px;
}

	.Main_Details p {
		line-height: 2;
	}

.float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 28px;
	background-color: #55a902;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size:10px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
	right: 26px;
}

	.float img {
		width: 33px;
		padding-top: 8px;
	}
@media only screen and (max-width: 600px) {
	.float {
		position: fixed;
		width: 60px;
		height: 60px;
		bottom: 24px;
		right: 40px;
		background-color: #25d366;
		color: #FFF;
		border-radius: 50px;
		text-align: center;
		font-size: 10px;
		box-shadow: 2px 2px 3px #999;
		z-index: 100;
		left: 10px;
	}
}
.Director_Desk_image {
	width: 80%;
}