html, body, ol, ul{margin:0;padding:0;}
body{font-family: 'Montserrat', sans-serif; color: #303030; font-size: 14px; line-height: 1;}
p{font-size: 14px; line-height: 24px;}
/*@font-face {font-family: "Hero"; src: url("Hero.eot?") format("eot"), url("Hero.woff") format("woff"), url("Hero.ttf") format("truetype"), url("Hero.svg#Hero") format("svg"); font-weight: normal; font-style: normal;}*/
/*Header*/
a{transition: all 0.5s; -moz-transition: all 0.5s;}
a:hover, a:focus{ outline: none; text-decoration: none;}
a:focus, .btn:focus, a:active, .btn:active{box-shadow: none; outline: none;}
/*Header Menu*/
header{padding: 15px 0; position: fixed; top: 0; left: 0; right: 0; background: #fff; width: 100%; z-index: 9999;}
header .logo{position: relative; z-index: 99;}
.logo img{ max-height: 70px; }
.scrolldown header {  box-shadow: 0 1px 8px 1px rgba(0,0,0,.3);}
.account-box{margin-bottom: 5px; position: relative; z-index: 999;}
.account-box a{font-size: 12px; color: #303030;}
.account-box a:hover, .account-box a:focus{color: #0c6d3a;}
.main-menu{position: relative; z-index: 99; margin-top: 15px;}
.main-menu ul li{margin-left: 15px;}
.main-menu ul li a{font-size: 14px; color: #004787 !important; font-weight: 500; text-transform: uppercase; padding:10px 12px !important; display: block;}
.main-menu ul li a:hover, .main-menu ul li a:focus{color: #0c6d3a;}
.main-menu ul .active a, .main-menu ul li a:hover{border-color: #0c6d3a; color: #0c6d3a !important;}
.navbar-light .navbar-nav .nav-link{color: #191919;}
.main-menu ul .contact a{background: #0c6d3a; color: #fff !important;}
.main-menu ul .contact a:hover, .main-menu ul .contact a:focus{background: #0c6d3a; color: #fff !important;}

.btn{ border-radius: 0; border:none; font-size: 98%;}
.btn-success{ background: #0c6d3a; }
.text-success{ color: #0c6d3a !important; }
.text-blue{color: #0d0b92 !important;}
.text-light{ color: #fff !important; }

/*Banner*/
.banner-slider{ padding: 0; position: relative; margin: 100px 0 0; }
.banner-slider .item{ height: 450px; padding: 10% 10% 10% 35%; width: 100%; background-position: center;  }
.banner-slider .item h2{ font-size: 38px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
.banner-slider .item p{margin-bottom: 30px;}
.banner-slider .owl-controls{position: absolute; bottom: 20px; width: 100%;}
.banner-slider .owl-prev, .banner-slider .owl-next{position: absolute; width: 45px; height: 92px; line-height: 92px; background: #fff; display: block; text-align: center; font-size: 32px; color: #000;}
.banner-slider .owl-prev:before, .banner-slider .owl-next:before{background: #fff; height: 140px; width: 1px; display: block; position: absolute; top: -25px; left:50%; content: "";}
.banner-slider .owl-prev{left: 35px;}
.banner-slider .owl-next{right: 35px;}
.banner-slider .owl-dots{text-align: center; position: absolute; left: 0; right: 0; width: 100%; bottom: 20px;}
.banner-content{margin-top: 60px;}
.banner-content h3{font-size: 20px; font-weight: 600; text-transform: uppercase; color: #303030;}
.banner-content h1{font-size: 50px; font-weight: 600; text-transform: uppercase; color: #303030; margin: 10px 0 10px;}
.banner-content p{font-size: 16px; color: rgba(48,48,48,0.8); line-height: 28px;}
.banner-content .btn{padding:20px 38px; border-radius: 4px; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff; border: none;}
.btn-primary{background: #0c6d3a; border-color: #0c6d3a;}
.btn-primary:hover, .btn-primary:focus{background: #e4322e; border-color: #e4322e;}
.btn-danger{background: #f5091d; border-color: #f5091d;}
.btn-danger:hover, .btn-danger:focus{background: #f5091d; border-color: #f5091d;}
section{padding: 80px 0;}

/*Welcome*/
.welcome-section{padding:80px 0; background: #f5f5f5;}
.welcome-content{ line-height: 40px; }
.welcome-content h5{font-size: 20px; color: #303030; line-height: 30px;}
.welcome-content h3{font-size: 36px; color: #0c6d3a; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;}
.welcome-content p{font-size: 18px; line-height: 28px;}
.trailogo{max-width: 300px; margin-bottom: 10px;}

.card .card-title{ font-size: 20px; }
.concept-logo{ max-height: 50px; }

.program{ position: relative;}
.program h3{ position: absolute; text-align: center; font-size: 20px; font-weight: 600; width: 100%; bottom: 0; }
.program-img{ width: 100%; height: 300px; background-size: cover; background-position: center;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 23% 75%, 22% 86%, 10% 75%, 0% 75%);
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 23% 75%, 22% 86%, 10% 75%, 0% 75%);}
.join-us{ padding: 50px; background: #0c6d3a; }
.join-us .btn { background: #fff; text-transform: uppercase; color: #333; padding: 10px; font-size: 14px; font-weight: 600; }

footer{ padding: 60px 0 0; }
.footer-top{ border-bottom: 1px solid #555; margin-bottom: 40px; padding-bottom: 40px; }
.footer-top h5 { font-size: 18px; line-height: 30px; font-weight: 400; font-style: italic; padding: 8px 0 8px 25px; border-left: 1px solid #555;}
.footer-table td{ padding: 10px 15px 10px 0; }
footer .form-control{ padding: 12px; border-radius: 0; font-size: 14px; }
.footer-bottom{ margin-top: 60px; }

/*Partner*/
.partners-section{padding: 80px 0 100px;}
.partner-slider .item img{width: auto;}
.owl-dots{text-align: center; position: absolute; left: 0; right: 0; width: 100%; bottom: 20px;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top:10px;}
.owl-theme .owl-dots .owl-dot {display:inline-block; zoom:1}
.owl-theme .owl-dots .owl-dot span {width:13px; height:13px; margin-right: 18px; background:#dedede; border:1px solid #dedede;
 display:inline-block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:50%;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background:#0c6d3a; border-color: #0c6d3a;}

/*Footer*/
.link{font-weight: 600; color: #0c6d3a;}
.footer-content h3{font-size: 18px; color: #222; font-weight: 600; margin-bottom: 40px; text-transform: uppercase;}
.footer-content .footer-list ul li{list-style: none; position: relative; padding-left: 15px; font-size: 14px; color: #555555; margin-bottom: 10px; line-height: 24px;}
.footer-content .footer-list ul li:before{position: absolute; top:9px; left: 0; content: ""; width: 6px ; height: 6px; display: block; background: #0c6d3a; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.footer-content .footer-list ul li a{color: #555555;}
.footer-content .footer-list ul li a:hover, .footer-content .footer-list ul li a:focus{color: #0c6d3a;}
.address ul li, .address ul li a, .social ul li a{color: #222 !important;}
.footer-content .footer-list.social ul li, .footer-content.address .footer-list ul li{padding-left: 0;}
.footer-content .footer-list.social ul li:before, .footer-content.address .footer-list ul li:before{display: none;}
.footer-content .footer-list.social ul li i{color: #0c6d3a; margin-right: 10px; width: 15px;}
.footer-bottom{padding: 30px 0; background: #0c6d3a;}
.footer-bottom p{margin-bottom: 0; font-size: 13px; color: #fff;}
.footer-bottom p a{color: #fff; text-decoration: underline;}

/*Move Top*/
.movetop{position: fixed; bottom: 100px; z-index: 99; display: none; line-height: 45px; right: 40px; width: 45px; height: 45px; border-radius: 50%; background: #0c6d3a; color: #fff; font-size: 24px; text-align: center;}
.movetop:hover, .movetop:focus{color: #fff;}
.btn{cursor: pointer;}

/*Breadcump*/
.breadcump-cover{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/breadbg.jpg) center center;width:100%;padding:50px 0 55px;text-align:center; margin-top: 105px;}
.breadcump-cover h3{font-size: 40px; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.breadcump-list ul li{list-style: none; display: inline-block;}
.breadcump-list ul li span{margin:0 15px; color: #fff;}
.breadcump-list ul li a{font-size: 16px; color: #fff; font-weight: 500;}
.breadcump-list ul li a:hover, .breadcump-list ul li a:focus{color: #0c6d3a;}
.breadcump-list ul .active a{color: rgba(255,255,255,0.6);}

.login-box select{height: 50px !important; padding-right: 20px; color: #999999; -webkit-appearance: none; -moz-appearance: none;}
.selectbox{position: relative; z-index: 99;}
.login-box .selectbox:before{background: url(../images/select-arrow.png) no-repeat; display: block; position: absolute; top: 18px; right: 15px; content: ""; width: 10px; height: 15px; z-index: 9;} 
.login-box .pr{padding-right: 5px;}
.login-box .pl{padding-left: 5px;}
.login-box textarea{height: 115px; color: #999999; font-size: 14px; border-radius: 0; font-family: 'Montserrat', sans-serif; color: #000; resize: none; border: 1px solid #ddd; padding: 15px;}
.btn-md{padding: 15px; font-weight: 500}

/*organization Start*/

.inner-title{background: url('../images/organization.jpg')no-repeat center center; margin-top: 100px; position: relative; height: 270px; background-size: cover;}
.inner-title:before,.inner-title.inner-contact:before,.volunteer-title:before{content:''; position: absolute; top: 0;left: 0;right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.breadcrumb-text h3{font-size: 26px; color: #fff; margin-bottom: 20px;font-weight: 700; }
.breadcrumb-text ul li{display: inline-flex;}
.breadcrumb-text ul li a{ color: #fff; font-weight: 500; }
.breadcrumb-text ul li i{color: #fff; margin: 0 5px;}
.breadcrumb-text {padding: 24px 0;}
.about-bg{background: #f6f6f6;}
.organization-text p,.content-text p{ text-align: justify;}
.organization-text a{font-weight: 500;}
.content-text p{padding: 0 15px;}

/*contact*/
.inner-title.inner-contact{background: url('../images/contact.jpg')no-repeat center center; margin-top: 100px; position: relative; height: 270px; background-size: cover;}
.contact-info{min-height: 200px; position: relative; text-align: center; border:2px solid rgba(0,0,0,0.1);border-radius: 4px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.contact-info .icon{width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 24px; color: #fff; position: absolute; top:-35px; left: 50%; margin-left: -35px; transition: all 0.3s ease-in; background:#0c6d3a; border-radius: 50%;}
.contact-bg {background: #f6f6f6;}
.contact-title{padding: 60px 30px 25px 30px;}
.contact-title h4{font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.contact-title p a{color: #303030; font-size: 14px; }
.contact-title p {line-height:15px !important;}
.contact-info:hover{border-color: #0c6d3a; }
.contact-info:hover .icon{box-shadow: 0 5px 20px 3px rgba(12,109,58,0.3) }

.form-box{box-shadow: 0 5px 22px 2px rgba(0,0,0,0.1); padding: 40px 20px;}
.form-title h1{font-size: 36px; color: #222; font-weight: 700; text-align: center; margin-bottom: 40px;}
.form-wrapper{padding:0 30px;}
.form-element {margin-bottom: 22px;}
.form-wrapper .form-control,.form-list .form-control{font-size: 12px; padding: 10px; box-shadow: none; }
.form-wrapper textarea ,.form-list textarea{resize: none;}
.form-wrapper .btn {border-radius: 4px; margin-top: 30px; padding: 10px 40px; font-weight: 600;}
.contact-map {margin-top: 50px;}
.contact-tp {padding-top: 80px;}
.row-mt {margin-top: 35px;}
.map-view iframe{display: block;}

/*volunteer start*/
.volunteer-title{background: url('../images/volunteer.jpg')no-repeat center center; margin-top: 100px; position: relative; height: 270px; background-size: cover;}
.volunteer-heading h1,.programs-title h1{font-size: 30px; color: #222; font-weight: 700; margin-bottom: 20px;}
.volunteer-form{background: #f6f6f6; padding: 30px;}
.form-title h4{font-size: 20px; color: #333; font-weight: 600; margin-bottom: 20px;}
.form-title .form-btm {margin-bottom: 22px;}
.form-list .btn {border-radius: 4px;  padding: 10px 40px; font-weight: 600;}
.form-list .form-element span{font-size: 14px; color: #ff0000;}

/*programs start*/
.programs-title{background: url('../images/programs.jpg')no-repeat center center; margin-top: 100px; position: relative; height: 270px; background-size: cover;}
.porgram-box {border:2px solid #f2f2f2; border-radius: 2px; position: relative; overflow: hidden; margin-bottom: 40px;}
.program-pic{height: 270px; overflow: hidden;}
.program-pic img{width: 100%; }
.program-content{padding: 10px 20px 0 0; overflow: hidden;}
.program-content h3{font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.program-content p{text-align: justify;}
.program-content.detail-left{padding: 10px 0 0 20px !important;}
.porgram-box.m-none{margin-bottom: 0 !important;}

/*member start*/
.member-title {background: url('../images/member.jpg')no-repeat center center; margin-top: 100px; position: relative; height: 270px; background-size: cover;}
/*.member-join {background: #f7f7f7; box-shadow: 0 2px 6px 1px rgba(0,0,0,0.1); padding: 20px;}
.member-join:hover{box-shadow: 0 2px 6px 3px rgba(12,109,58,0.2);}*/
.member-content h3{font-weight: 600; margin-bottom: 30px;}
.member-img p{margin-top: 20px; text-align: justify;}
.membership-form h3{font-size: 24px; color: #0c6d3a; margin-bottom: 30px; }
.membership-box {padding: 0 20px;}
.gender-list{margin: 15px 0 26px 0;}
.form-list .form-element select{height: 52px !important;}
.mobile-view{display: none;}

/*.navbar-expand-lg .navbar-nav .dropdown-menu{margin-top: 19px;}*/
.main-menu .dropdown {transition: all .5s ease;}
.main-menu .dropdown:hover .dropdown-menu,.main-menu .dropdown:focus .dropdown-menu,.main-menu .dropdown:hover .dropdown-menu{display: block !important;}
.main-menu .dropdown .dropdown-menu a{font-size: 12px;margin: 10px 0;}
.main-menu .dropdown .dropdown-menu {border-radius: 0;  border:0;}
.main-menu .dropdown .dropdown-toggle::after{margin-left: 7px;}
.main-menu .dropdown-item:focus, .dropdown-item:hover{background:transparent;}
.main-menu .dropdown .dropdown-menu.index-menu{margin-top: -3px !important;}
.main-menu .dropdown .dropdown-toggle{margin-bottom:15px;}
.form-element .form-check{display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.form-check-input{margin-top: 0;}