@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
html,body{ margin:0;padding:0;font-family:'Montserrat', sans-serif;}
.m-0{ margin:0;}  img{ max-width:100%;}
.p-0{ padding:0;} .ptb-4{ padding:40px 0;}
.pl-20{ padding-left:20px;}
.mt-0{ margin-top:0;}
.mt-10{ margin-top:10px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mb-0{ margin-bottom:0;}
.mb-10{ margin-bottom:10px;}
.fc-blue{color:#40af38 !important;}
.fc-red{ color:#f83e30 !important;}
.btn{ border:none;}
.btn-primary, .btn-danger:hover{ background:#67d360;}
.btn-danger, .btn-primary:hover{ background:#f83e30;}

header{ padding-top:12px;position:relative;z-index:99;box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);}
header a.col-xs-6{ padding-right:0;}
header div.text-right{ padding-left:0;}
header h1{ font-size:24px;margin:25px 0 0;}
header h1 p{ font-size:13px;font-weight:900;margin:2px 0 0;}
header .text-right p{ font-size:13px;}
header .text-right b{ font-weight:600;}
header .social{ margin-top:12px;}
header .social a{ width:28px;height:28px;display:inline-block;background:#f83e30;color:#FFF;text-align:center;border-radius:3px;line-height:28px;margin-left:2px;}
header .social a:hover{ background:#67d360;}
header .h4{ font-size:15px;font-weight:600;margin:0 10px;display:inline-block;line-height:28px;background:#EEE;padding:0 10px;position:relative;}
header .h4:after{ content:'';border:7px solid transparent;display:inline-block;border-left-color:#EEE;position:absolute;right:-14px;top:7px;}

header nav.navbar{ background:#67d360;border:none;border-radius:0;min-height:inherit;border-bottom:2px solid #f83e30;margin:22px 0 0;}
header nav.navbar li{position:relative;}
nav.navbar li a{ color:#FFF;text-transform:uppercase;padding:0 27px 0 28px;line-height:42px;font-size:13px;border-right:1px solid #40af38;}
nav.navbar li:first-child a{ border-left:1px solid #40af38;}
nav.navbar li.active a, nav.navbar li a:hover{ background:#40af38;}
nav.navbar li a:after{ content:'';display:block;position:absolute;bottom:-15px;left:42%;border:8px solid transparent;}
nav.navbar li.active a:after{border-top-color:#40af38;}
nav.navbar li:last-child{ float:right;}
header .navbar-nav{ width:100%;}

header .dropdown-menu{background-color: #67d360;}

#MainBnr .item img{ width:100%;}
#MainBnr .carousel-control{ width:30px;height:35px;background:#FFF;color:#000;text-shadow:none;line-height:35px;top:43%;font-size:30px;}
#MainBnr .carousel-caption{ text-align:left;bottom:25%;max-width:500px;text-shadow:0 -1px 0 #000;left:10%; background: rgb(0 0 0 / 31%);
    padding: 0 30px 30px;  border: 1px solid;}
#MainBnr .carousel-caption h3{ font-weight:700;text-transform:uppercase;}
#MainBnr .btn{ text-transform:uppercase;font-weight:600;margin-top:15px;margin-right:10px;padding:8px 15px;font-size:13px;border:2px solid transparent;}
#MainBnr .btn-white{ color:#FFF;border-color:#FFF;} 
#MainBnr .btn-white:hover{ background:#67d360;border-color:#67d360;color:#FFF;}
#MainBnr .btn-primary:hover{ background:#FFF;color:#67d360;}

.InfoPart h3{ font-size:22px;}
.InfoPart p{ font-size:13px;color:#333;line-height:20px;}
.InfoPart .btn{ font-size:12px;padding:8px 15px;}

.ObjPart{ background:url(../images/animate-bg.jpg) no-repeat center center fixed;background-size:cover;display:table;width:100%; border-bottom: double #CCC;
border-top: double #CCC;}
.ObjPart ul, .ObjPart li{ margin:0;padding:0;list-style:none;} 
.ObjPart li{ position:relative;margin:10px 0;font-size:13px;line-height:18px;background:#67d360;color:#FFF;padding:15px;border-radius:4px;}
.LeftS li{ border-right:5px solid #f83e30;}
.LeftS li:last-child{ padding:24px 15px;}
.RightS li{ border-left:5px solid #f83e30;}
.ObjPart h3{ margin-top:50px;font-weight:700;color:#67d360 ;}
.ObjPart h3 b{ display:block;font-size:39px;}
.mivi{ border-top:double #CCC;padding:30px 0 50px;}

.team .teambox{ border:2px solid #f83e30;background:#f83e30;margin-top:10px;color:#FFF;height:200px;overflow:hidden;border-radius:4px;}
.team .teambox:hover{ border-color:#67d360;background:#67d360;}
.team h4{ font-weight:600;font-size:16px;}
.team h4 span{ display:block;margin-top:8px;color:#FFF;}
.team h4 a{ color:#FFF;text-decoration:none;}

footer{ font-size:13px;background:#DDD;}
footer h4{ font-size:15px;font-weight:600;text-transform:uppercase;color:#67d360;}
footer ul, footer li{ padding:0;list-style:none;}
footer li a{ color:#777;font-size:11px;}
footer .footer-btm{ background:#67d360;padding:12px 0;color:#FFF;border-top:2px solid #f83e30;}
footer .footer-btm p{ margin-bottom:0;font-size:12px;}
footer .footer-btm p a{ color:#f83e30;}

.contact-page .well h4{font-size:16px;font-weight:600;color:#f83e30; border-radius:0;}
.contact-page .well{ box-shadow:none;border:none;padding:7px 30px;}
.contact-page .well p{ margin:9px 0;font-size:13px;}
.contact-page .well p a{ color:#67d360;font-weight:700;}
.contact-page .form-control{ box-shadow:none;font-size:12px; border-radius:0;}
.contact-page label{ font-weight:600;font-size:13px;}
.well-lg{border-radius: 0;     box-shadow: none;}

label.error{ font-weight:normal; color:#F30; font-size:12px;  }

.inner-page .team .teambox{ height:inherit;}
.inner-page .team .teambox img{ width:100%; max-height:200px; min-height:200px;}


.working-team .team h4{ font-size:14px;}
.working-team .team h4 span{ margin-top:3px;}

.table{ border:1px solid #DDD;}
.table thead tr th, .table tbody tr td{ padding:2px 15px;}
.table tbody tr td span{ background:#EEE;width:200px;padding:2px 5px;text-align:center;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:10px;}
.table tbody tr td span img{ max-height:30px;}
.table tbody tr td a{ color:#444;}
.table tbody tr td a:hover{ color:#061b4b;text-decoration:none;font-weight:600;}
.table tbody tr td .btn{ color:#FFF !important; font-weight:400 !important;}

.mapouter{overflow:hidden;height:300px;width:100%;margin:-10px 0 2px;}
.mapouter iframe{ width:100%;}
.gmap_canvas {background:none!important;height:300px;width:100%;}

.showonsm{ display:none;}

.InfoPart.photo .item img{ width:100%;}
.InfoPart.photo .col-xs-4 a{ padding:5px;display:block;}
.InfoPart.photo .carousel-control{ width:34px;height:34px;background:#67d360;line-height:34px;font-size:26px;top:45%;}
.InfoPart.photo .close, #notice .close, #eNews .close{ position:absolute;font-size:34px;z-index:999;margin:8px;right:5px;opacity:0.8;color:#67d360;text-shadow:none;}
.InfoPart.photo .modal-body{ padding:0;}
.notice_btn{ position:fixed; border-radius:0 6px 6px 0; z-index:99; left:0; top:60%; padding:8px 10px;}
.photo .col-sm-3{ width:20%;}

#eNews .close{color: #FFF; background: #f83e30; padding: 0 5px; line-height: 26px; top: 0; right: 0;}

.pdf_converter{ border:2px solid #67d360; border-radius:6px; margin-bottom:15px; overflow:hidden;}


/*-------Responsive-css-----*/


@media only screen and (max-width:1200px){
nav.navbar li a{ padding:0 15px;}
.team h4{ font-size:15px;margin-top:6px;}	
.team h4.mt-30{ margin-top:25px;}
.ObjPart h3 b{ font-size:30px;}
.ObjPart li{ font-size:12px;line-height:16px;}
}
@media only screen and (max-width:991px){ 
nav.navbar li a{ padding:0 8px;}
header h1{ margin-top:35px;font-size:18px;}
header h1 p{ margin-top:2px;font-size:10px;}
header .text-right p .pl-20{ padding-left:5px;}
header .text-right p{ font-size:11px;}
#MainBnr .btn{ margin-top:0;}

.ObjPart li{ text-align:center;padding:10px 15px !important;}
.ObjPart h3{ margin:0px 0 15px;}
.working-team .col-md-2{ width:33.3333%;}
.working-team .team h4{ font-size:13px;min-height:45px;margin-bottom:0;}

.InfoPart .mission:before, .InfoPart .vision:before{ top:-10px;}
.InfoPart .vision{ margin-bottom:60px;}
.InfoPart .btn{ float:left !important;}
.showonsm{ display:block;}
.hidesm{ display:none;}
.photo .col-sm-3{ width:33.3333%;}

.mapouter{ height:300px;}
.contact-page .well p{ margin:8px 0;}
}

@media only screen and (max-width:767px){
.navbar-toggle{ padding:0 15px;color:#FFF;font-size:20px;margin:5px 0;}
header .navbar-nav{ margin:0;background:#67d360;}
header #Menu{ position:absolute;left:0;background:#67d360;top:42px;width:100%;padding:0;margin:0;overflow:visible;}
nav.navbar li:last-child{ float:none;}
nav.navbar li a{ border:none;border-bottom:1px solid #40af38;line-height:32px;}
nav.navbar li a:after{ display:none;}
header nav.navbar{ margin-top:5px;}
header{ padding-top:5px;}
header .social{ position:absolute;left:18px;bottom:8px;z-index:99;}
header .col-xs-6.text-right{ position:inherit;}
header .h4{ display:none !important;}
header .text-right span{ display:block;padding:5px 0 0;}
header h1{ margin-top:20px;}
header img{ max-width:60px;}
header .navbar-header{ margin:0 !important;}
#MainBnr .btn{ padding:5px 10px;font-size:11px;border-width:1px;}
.InfoPart h3 {    font-size:18px;margin-top:-5px;margin-bottom:15px;}
header .social a:hover{ background:#FFF;color:#67d360;}

.contact-page .col-sm-5.pull-right{ float:none !important;}
.contact-page .well p{ margin:4px 0;}
}
@media only screen and (max-width:740px){
header h1 p{ font-size:7px;}
.table tbody tr td span{ width:100px;}
.table tbody tr td span img { max-height:20px;}
.table tbody tr td{ font-size:12px;}
#MainBnr .carousel-caption h3{ font-size:16px;margin-bottom:5px;}
#MainBnr .carousel-caption p{ font-size:10px;}
.mivi h4{ margin:0;}
.mivi p{ line-height:17px;font-size:11px;margin-top:8px;}
  
}
@media only screen and (max-width:550px){
header .text-right span{ font-size:0;}
header .text-right span i{ font-size:12px;margin-right:5px;}
header .text-right b, header .text-right span i{ font-size:11px;}
header h1 {margin-top:25px;font-size:15px;}
header h1 p{ font-size:5px;}
footer .footer-btm p{ float:none !important;text-align:center;}
.InfoPart .vision{ margin-bottom:30px;}
.InfoPart .vision, .InfoPart .mission{ padding-left:115px;}
.InfoPart .mission:before, .InfoPart .vision:before{ top:0;background-size:70%;width:80px;height:80px;}

.navbar-toggle{ margin:0;}
header .social{ left:15px;bottom:7px;}
header .social a{ width:20px;height:20px;line-height:21px;font-size:12px;border-radius:2px;}
#MainBnr .carousel-control{ width:20px;height:28px;line-height:28px;top:40%;font-size:25px;}
header #Menu{ top:32px;}

.working-team .col-md-2 { width:50%;}
.InfoPart p.MainP{ height:100px;overflow:hidden;font-size:12px;}
  
.inner-page .team .teambox img{ width:100%; max-height:180px; min-height:180px;}  
  
}
@media only screen and (max-width:480px){
header {padding-top:10px;}
header nav.navbar{margin-top:10px;}
header .text-right p{ margin:0;}
header img {max-width:40px;}
header h1 {    margin-top:10px;font-size:15px;}
header .text-right span{ padding:0;}
.ObjPart h3{ font-size:10px;}
.ObjPart h3 b {font-size:25px;}
.ptb-4 {    padding:30px 0;}
}
@media only screen and (max-width:420px){
header .text-right b, header .text-right span i{    font-size:10px;}
header img{ max-width:30px;margin-left:-5px;}
header h1 { margin-top:5px;font-size:13px;}
#MainBnr .btn{ display:none;}
#MainBnr .carousel-caption {bottom:-20px;left:8%; display:none;}
.InfoPart .btn {    font-size:10px;padding:7px 10px;}
.working-team .col-md-2{ width:50%;}
.working-team .team h4{ min-height:35px;}
.inner-page .team .teambox{ min-height:235px;}
}

@media only screen and (max-width:320px){
header .text-right span i{ display:none;}
}