/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{font:normal 39px 'Calibri';color:#339933;margin:0;padding:0 0 7px 0;line-height:normal;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
@font-face {
font-family: "Roboto";
src: url('128814698-Roboto-Light.eot');
src: url('128814698-Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('128814698-Roboto-Light.svg#Roboto') format('svg'),
url('128814698-Roboto-Light.woff') format('woff'),
url('128814698-Roboto-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Calibri';
src: url('calibri.eot');
src: url('calibri.eot?#iefix') format('embedded-opentype'),
	 url('calibri.woff') format('woff'),
	 url('calibri.ttf') format('truetype'),
	 url('calibri.svg#calibri') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Conv_calibril';
src: url('calibril.eot');
src: local('☺'), url('calibril.woff') format('woff'), url('calibril.ttf') format('truetype'), url('calibril.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'fjalla_oneregular';
src: url('fjallaone-regular-webfont.eot');
src: url('fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fjallaone-regular-webfont.woff') format('woff'),
	 url('fjallaone-regular-webfont.ttf') format('truetype'),
	 url('fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg');
font-weight: normal;
font-style: normal;
}

h1{font:normal 40px 'Calibri';color:#5c8c1b;margin:0;padding:0 0 16px 0;line-height:normal;}
p{font:normal 18px 'Conv_calibril';color:#000000;margin:0;padding:0 0 15px 0;line-height:24px;}





/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;padding:0 2%;}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}


/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;}
.logo{float:left;width:32.91%;}
.header_right{float:right;text-align:right;padding:20px 0px 10px 0px;width:67%;}
.header_right p{font:normal 17px 'Calibri';color:#3a3636;margin:0;padding:0 0 13px 0;line-height:normal;} 
.header_right p img{vertical-align:middle;margin-right:4px;}


/*------------Navigation Start------------*/
@media(min-width:768px){
#navigation ul{margin:0;padding:0;list-style:none;}
#navigation ul li{margin:0 0 0 1px;padding:0;display:inline-block;vertical-align:top;line-height:43px;}
#navigation ul li a{margin:0;padding:0 18px;display:inline-block;vertical-align:top;font:normal 20px 'Calibri';color:#000000;line-height:43px;}
#navigation ul li.active a, #navigation ul li:hover a{color:#fff;background-color:#0e8ee7;}
}
/*------------Navigation End------------*/

#banner{position:relative;}
.home_banner{background:url(../images/home_banner.jpg) no-repeat center top;background-size:cover;min-height:475px;}
.banner_text{position:absolute;left:0;top:20%;width:100%;}
.home_text{width:517px;float:right;}
.home_text h2{font:normal 45px "Roboto";color:#0d8de6;margin:0;padding:0 0 10px 0;line-height:normal;}
.home_text h3{font:normal 33px Impact;color:#61993f;margin:0;padding:0 0 10px 0;line-height:normal;}
.home_text p{font:normal 16px 'Conv_calibril';color:#121111;margin:0;padding:0 0 14px 0;line-height:24px;}


@media(max-width:1195px){
#navigation ul li a{font-size:18px;padding:0 13px;}	
}

@media(max-width:1023px){
.logo{width:100%;float:none;text-align:center;}
.header_right{width:100%;float:none;text-align:center;padding:0 0 10px 0;}
.home_banner{min-height:364px;}
.home_text{width:357px;}
.banner_text{top:10%;}
}

@media(max-width:767px){
.home_banner{min-height:164px;}
.banner_text{position:relative;top:0;}
.home_text{float:none;width:100%;}
}


/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;padding:43px 0px 50px 0;}
.welcome_sec{padding:19px 0px 47px 0px;text-align:center;}
.welcome_sec h1{font:normal 39px 'Conv_calibril';color:#5c8c1b;margin:0;padding:0 0 16px 0;line-height:normal;}
.welcome_sec p{font:normal 20px 'Calibri';color:#000000;margin:0;padding:0 0 20px 0;line-height:28px;}
.home_bg{background:url(../images/bg.jpg) repeat;padding:63px 0px 23px 0px;text-align:center;}
.home_bg h2{font:normal 41px 'Conv_calibril';color:#5d8d1b;margin:0;padding:0 0 43px 0px;line-height:normal;}
.box1{/*width:391px;*/width:32.58%;float:left;margin:0 1% 20px 0;}
.img_sec img{border:1px solid #e0e5d8;margin:0 0 18px 0;}
.box1 h2{font:normal 25px 'fjalla_oneregular';color:#5f9a3f;margin:0;padding:0 0 9px 0;line-height:normal;}
.box1 p{font:normal 14px 'Calibri';color:#000000;margin:0;padding:0 0 16px 0;line-height:20px;}
.no_margin{margin-right:0;}
.why_us{padding:62px 0px 0px 0px;}
.why_img{/*width:627px;*/ width:52.25%;float:right;margin:29px 0 0 75px;border:7px solid #c4c4c4;}
.why_text{overflow:hidden;}
.why_text h3{font:normal 39px 'Calibri';color:#5c8c1b;margin:0;padding:0 0 7px 0;line-height:normal;}
.why_text h2{font:normal 50px 'Calibri';color:#000000;margin:0;padding:0 0 10px 0;text-transform:uppercase;line-height:normal;}
.why_text p{font:normal 18px 'Calibri';color:#000000;margin:0;padding:0 0 20px 0;line-height:24px;}


.about_sec h4{font:normal 22px 'Calibri';color:#5d8d1b;margin:0;padding:0 0 41px 0;line-height:normal;}
.about_sec h4 span{color:#353734;}
.about_sec h3{font:normal 31px 'Calibri';color:#0d8de6;margin:0;padding:0 0 14px 0;line-height:normal;}
.about_sec h2{font:normal 32px 'Calibri';color:#000000;font-style:italic;margin:0;padding:10px 0 14px 0;line-height:normal;}


.text_sec{overflow:hidden;}
.img_holder{/*width:535px;*/ width:44.58%;float:right;margin:29px 0 0 52px;border:9px solid #c4c4c4;}
.carrer_box{background:#f2f7e4;border:1px solid #5c9d3f;padding:44px 0px 44px 4%;margin-bottom:32px;}
ul.list1{margin:0;padding:0;list-style:none;}
ul.list1 li{margin:0 2% 0 0;padding:0 0 22px 45px;font:normal 25px 'Calibri';color:#2e2e2d;background:url(../images/bullet.png) no-repeat left 3px;width:43%;float:left;line-height:30px;}


.applicant_left{/*width:520px;*/width:43.33%;float:left;}
.applicant_right{/*width:575px;*/width:47.91%;float:right;}
.applicant_right h2{font:normal 40px 'Calibri';color:#5c8c1b;margin:0;padding:0 0 16px 0;line-height:normal;}
.login_box{background:#f3f2f2;border:1px solid #858585;padding:23px;}
.login_textbox{width:92%;height:46px;background-color:#dbd6d6;font:normal 18px 'Calibri';color:#000000;margin:0 0 15px 0px;padding:0 4%;-webkit-appearance: none;line-height:46px;}
.login_box ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.login_box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.login_box ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.login_box :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #000;
}
.login_btn{width:125px;height:41px;background:#319eea;float:left;margin:0;padding:0;font:normal 22px 'Calibri';color:#ffffff;cursor:pointer;text-align:center;-webkit-appearance: none;line-height:41px;}	
.login_box p{font:normal 17px 'Calibri';color:#000000;font-style:italic;margin:0;padding:0 0 0 13px;float:left;line-height:41px;}
.login_box p a{color:#000;}


.form_holder{/*width:695px;*/width:57.91%;}
.form_holder p{font-style:normal;font-size:18px;padding:0 0 15px 0;float:none;line-height:normal;}
.form_holder .login_textbox{width:86%;}
.login_selectbox{width:52%;height:46px;background-color:#dbd6d6;font:normal 18px 'Calibri';color:#000000;margin:0 0 15px 0px;padding:0 2%;-webkit-appearance: none;line-height:46px;}
.form_holder h2{font:normal 29px 'Calibri';color:#5c8c1b;margin:0;padding:10px 0 9px 0;line-height:normal;}
.login_file{width:44%;background-color:#dbd6d6;font:normal 18px 'Calibri';color:#000000;margin:0 0 15px 0px;padding:2% 4%;-webkit-appearance: none;}
.apply_btn{width:132px;height:46px;background-color:#0e8ee7;font:normal 24px 'Calibri';color:#ffffff;text-align:center;cursor:pointer;-webkit-appearance: none;line-height:46px;}


.contact_left{/*width:603px;*/width:50.25%;float:left;}
.contact_right{/*width:517px;*/width:43.08%;float:right;}
.contact_box{width:47%;margin:0 2% 24px 0;float:left;}
.contact_box h3{font:normal 21px 'Calibri';color:#000000;margin:0;padding:0 0 0 0;text-transform:uppercase;line-height:normal;}
.contact_box h3 span{color:#0d8de6;}
.contact_box p{font:normal 16px 'Calibri';color:#000000;margin:0;padding:0;line-height:29px;}
.contact_box p span{color:#0674c1;}
.contact_box p a{color:#000;}
.map_holder{border:6px solid #b2b2b2;}
.map_holder iframe{width:100% !important;}
.contact_form{background-color:#f3f2f2;border:1px solid #f3f2f2;padding:3% 4% 5% 4%;}
.contact_form h2{font:normal 40px 'Calibri';color:#5c8c1b;margin:0 0 21px 0;padding:0 0 20px 0;border-bottom:1px solid #000000;line-height:normal;}
.contact_form .login_textbox{height:46px;line-height:46px;}
.login_textarea{width:92%;height:163px;background-color:#dbd6d6;font:normal 18px 'Calibri';color:#000000;margin:0 0 22px 0px;padding:15px 4%;resize:none;-webkit-appearance: none;overflow-y:hidden;}
.contact_submit{width:100%;height:46px;background-color:#3c662b;font:normal 20px 'Calibri';color:#ffffff;text-align:center;cursor:pointer;-webkit-appearance: none;line-height:46px;}

.contact_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.contact_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.contact_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.contact_form :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #000;
}

@media(max-width:1195px){
.why_text h2{font-size:40px;}	
}


@media(max-width:1023px){
.why_text h2{font-size:40px;}	
ul.list1 li{width:40%;}
.form_holder{width:75%;}
.contact_box{width:100%;}
}

@media(max-width:767px){
.box1{width:100%;margin:0 0 20px 0;float:none;}
.why_img{float:none;margin:0 auto 20px auto;width:95%;}
.img_holder{float:none;margin:0 auto 20px auto;width:95%;}
ul.list1 li{width:auto;float:none;}
.applicant_left{float:none;width:100%;margin-bottom:30px;}
.applicant_right{float:none;width:100%;}
.form_holder{width:100%;}
.form_holder .login_textbox{width:92%;}
.login_file{width:92%;}
.login_selectbox{width:100%;}
.contact_left{width:100%;float:none;margin-bottom:30px;}
.contact_right{width:100%;float:none;}
}



/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{background:url(../images/footer_img.jpg) no-repeat center bottom #339933;text-align:center;padding:60px 0px 0px 0px;}
ul.footer_list{margin:0;padding:0;list-style:none;}
ul.footer_list li{margin:0;padding:0 0 10px 0;display:inline-block;vertical-align:top;background:url(../images/sep.jpg) no-repeat left 5px;}
ul.footer_list li:first-child{background-image:none;}
ul.footer_list li a{margin:0 16px 0 20px;padding:0;display:inline-block;vertical-align:top;font:normal 20px 'Calibri';color:#ffffff;}
#footer hr{height:1px;width:90%;margin:10px auto 15px auto;background-color:#fff;}
#footer p{font:normal 18px 'Calibri';color:#ffffff;margin:0;padding:0 0 15px 0;line-height:normal;}

@media(max-width:767px){
ul.footer_list li{background-position:left 1px;}
ul.footer_list li a{font-size:16px;margin:0 6px 0 9px;}
}


