:root {

}
*{direction: ltr !important;box-sizing: border-box;font-family: 'Oswald', sans-serif;}
body{margin: 0px;}
.container{max-width: 1170px;margin: 0 auto;}
ul{list-style: none;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
img{max-width: 100%;}
h1{}
h3{}
h2{}
a{text-decoration: none !important;}
p{}
/* header section */
header{position: relative;}
header .brand{ position: absolute;display: inline-block;z-index: 1;top: 10px;left: 8.4%;}
header .brand img{max-width: 100%;}
header .header_top{padding-left: 400px}
header .header_top .col-12{display: flex;}
header .header_top .col-12 span{color: #999999;font-size: 12px;font-weight: 400;line-height: 30px;}
header .header_top .col-12 a{line-height: 25px;}
header .header_top .col-12:first-child a{margin-left:12px;}
header .header_top .col-12:nth-child(2){;padding-right: 30px;}
header .header_top .col-12:nth-child(2) a{line-height: 30px;background-color: #000000;color: #fff;font-size: 16px;padding: 0px 16px;position: relative;transition: 0.4s ease all;    font-weight: 400;}
header .header_top .col-12:nth-child(2) a:hover{opacity: 0.8;}
header .header_top .col-12:nth-child(2) a img{display: inline-block;vertical-align: baseline;}
header .header_top .col-12:nth-child(2) a:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 60%;background-color: rgba(255, 255, 255, 0.63);bottom: 0;margin: auto 0;}
header .header_top .col-12:nth-child(2) a:last-child:after{display: none;}
header .header_bottom{margin-top: 35px;padding-left: 400px;padding-right: 15px;}
header .nav{}
header .nav li{padding: 0px 20px;position: relative;}
header .nav li:first-child{padding-left: 0px;}
header .nav li:after{content: '';position: absolute;right: 0;top:2px;width:2px;height:17px;background-color: #666666;bottom: 0;margin: auto 0;}
header .nav li:last-child:after{display: none;}
header .nav li a{color: #666666;font-size: 20px;font-weight: 400;padding: 0px;position: relative;transition: 0.4s ease all;}
header .nav li a:hover{color: #006666;}
header .nav li a:after{content: '';position: absolute;left: 0;bottom:-25px;width: 100%;height: 2px;background-color: #006666;opacity: 0;transition: 0.4s ease all;}
header .nav li a:hover:after{opacity: 1;}
header .header_bottom .form-control{width:300px;height: 40px;background-color: #e5e5e5;border-radius: 40px;border-color: #e5e5e5;margin: 0 auto;margin-right: 0px;padding-left: 36px;}
header .header_bottom  .search_icon{position: absolute;top: 5px;right: 281px;background-color: transparent;border: none;outline: none;cursor: pointer;}

.banner{margin-top: 0;}
.banner .col-12.col-lg-3{background-color: #000000;}
.banner .top_date{min-height: 300px;margin: 0px -15px;padding: 15px 30px;padding-top: 70px;}
.banner .top_date h3{color: #fff; font-size: 18px; font-family: 'Open Sans', sans-serif;font-weight: 400;margin-top: 40px;}
.banner .top_date .year_date{margin-top: 25px;}
.banner .top_date .year_date li{display: flex;flex-wrap: wrap;margin-bottom: 12px;}
.banner .top_date .year_date li span{line-height: 20px;color: #fff;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.banner .top_date .year_date li span+span{width: 80px;padding-left: 20px;}
.banner .top_date .year_date li span+span+span{width: calc(100% - 100px);}



.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 20px;color: #333333;width:100%;height: 40px;}
.select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;padding: 0px 15px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border-radius: 5px;line-height: 38px;overflow: hidden;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.select-styled:after {content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #fff transparent transparent transparent;position: absolute;top: 16px;right: 12px;}
.select-styled:before{content: '';position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #ff9900;}
.select-styled:hover {}
.select-styled:active, .select-styled.active {background-color: #fff;}
.select-styled:active:after, .select-styled.active:after {top: 9px;border-color: transparent transparent #fff transparent;}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #fff;}
.select-options li {margin: 0;padding:4.5px 0;text-indent: 15px;border-top: 1px solid #ff9900;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;color: #333333;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.select-options li:hover {background: #ff9900;}
.select-options li[rel="hide"] {display: none;}

.banner .filter_project{margin: 0px -15px;padding: 20px 30px;border-top: 5px solid #fff;}
.banner .filter_project h4{color: #fff;font-size: 24px;font-weight: 400;margin-bottom: 15px;}
/* multiple_selectbox */
.banner .multiple_selectbox{margin: 0px -15px;padding: 20px 30px;position: relative;}
.multiple_selectbox .chosen-container {font-size: 20px;color: #333333;width: 100% !important;font-family: 'Open Sans', sans-serif;font-weight: 400;position: relative;cursor: pointer !important;}
.multiple_selectbox .chosen-container-multi .chosen-choices {padding: 0 12px;border:none;font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #333333;border-radius: 4px;padding-right: 40px;position: relative;cursor: pointer;}
.chosen-container-multi .chosen-choices li.search-field{cursor: pointer;}
.multiple_selectbox span.opner { width: 40px; height: calc(100% - 39px); position: absolute; right: 30px; z-index: 9; pointer-events: none; cursor: pointer;}
.multiple_selectbox span.opner:after{content: '';position: absolute;right: 0;top: 0;width: 40px;height: 100%;background-color: #ff9900;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.multiple_selectbox span.opner:before{content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #fff transparent transparent transparent;position: absolute;top: 50%;right: 12px;z-index: 1;}
.multiple_selectbox .chosen-container.chosen-container-active:before{border-color: transparent transparent #fff transparent;top: -8px;bottom: 0;margin: auto 0;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #333333;height: 40px;margin: 0px;cursor: pointer;}
.chosen-container-multi .chosen-choices li.search-choice{font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400;margin: 10px 5px 3px 0;}
.chosen-container-multi .chosen-choices li.search-choice span,.chosen-container .chosen-results li{font-family: 'Open Sans', sans-serif;font-weight: 400;}


.banner .birds_selectbox{margin: 0px -15px;padding: 30px 30px;}
.banner .birds_selectbox select{background-color: #fff;padding: 0px 15px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border-radius: 5px;line-height: 40px;overflow: hidden;font-family: 'Open Sans', sans-serif;font-weight: 400;width: 100%;font-size: 20px;color: #333333;padding-left: 12px;outline: none;border: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height: 40px;-webkit-appearance: none;position: relative;}
.banner .birds_selectbox *{font-family: 'Open Sans', sans-serif !important;font-weight: 400;}
.select_col{position: relative;border-radius: 4px;overflow: hidden;}
.select_col span{display: block;position: absolute;z-index: 99;width: 40px;height: 40px;right: 0;pointer-events: none;}
.select_col select{cursor: pointer;}
.select_col span:after{width: 40px;height: 40px;background-color: #ff9900;content: '';position: absolute;right: 0;top: 0;}
.select_col span:before{content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #fff transparent transparent transparent;position: absolute;top: 16px;right: 12px;    z-index: 1;}
.select_col span.active:before {border-color: transparent transparent #fff transparent;top: -8px;bottom: 0;margin: auto 0;}


.banner .all_slected_output .select_col{margin-top: 15px;}

.banner .country_select{margin: 0px -15px;padding: 30px 30px;}
.banner .country_select select{background-color: #fff;padding: 0px 15px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border-radius: 5px;line-height: 40px;overflow: hidden;font-family: 'Open Sans', sans-serif;font-weight: 400;width: 100%;font-size: 20px;color: #333333;padding-left: 12px;outline: none;border: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height: 40px;-webkit-appearance: none;position: relative;}
.banner .country_select *{font-family: 'Open Sans', sans-serif !important;font-weight: 400;}
.banner .country_select .select_col{margin-bottom: 20px;}
.banner .country_select #countryList{display: none;}

.banner .bottom_col{margin: 0px -15px;padding: 20px 30px;}
.banner .search_btn{display: block;width: 100%;border-radius: 30px;border: none;outline: none;height: 50px;background-color: #ff9900;cursor: pointer;color: #fff;font-weight: bold;transition: 0.4s ease all;font-size: 22px;}
.banner .search_btn.reset_btn{margin-top: 15px;}
.banner .search_btn img{display: inline-block;vertical-align: baseline;}
.banner .search_btn:hover{background-color: #006666;}
.banner .bottom_col p{color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 18px;margin-top: 80px;}


/* map */
.banner h2{color: #006666;font-size: 40px;font-weight: 400;line-height: 100px;padding-left: 15px;}
.banner .map{min-height: 500px;margin: 0px -15px;background-color: #ccc;position: relative;}
.banner .map .map_1{min-height: 700px;}
.banner .map:after,.banner .map:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 30px;box-shadow:0px 10px 16px inset rgba(0, 0, 0, 0.1);}
.banner .map:before{top: auto;bottom: 0;box-shadow:0px -10px 16px inset rgba(0, 0, 0, 0.1);}

body .mapopup {position: relative;padding-right: 50px;}
body .mapopup img{position: absolute;right: 0;top: 3px;max-width: 30px;}
body .mapopup h2{color: #424242;font-size: 18px !important;font-family: 'Open Sans', sans-serif;font-weight:bold;padding: 0px;line-height: 20px !important;margin: 0; max-width: 200px; word-break:break-all }
body .mapopup p{color: #424242;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 400;margin-bottom: 0;}


.slide_box{padding: 0px 15px;margin-top: 40px;}
.slide_box h3{color: #666666;font-size: 20px;font-weight: 400;margin-bottom: 15px;}
.slide_box .colin{border: 1px solid rgb(204, 204, 204);}
.slide_box h3+.colin+.colin{margin-top: -1px;}
.slide_box .colin .slide_toggle{border: none;outline: none !important;border-radius: 0px;font-size: 18px;color:#333333;font-family: 'Open Sans', sans-serif;font-weight: 400;background: none;cursor: pointer;position: relative;padding: 10px 32px;}
.slide_box .colin .slide_toggle span{width: 13px;height: 13px;background-image: url(../images/site/sp.png);background-repeat: no-repeat;background-size: 100% 100%;position: absolute;left: 10px;top: 0;bottom: 0;margin: auto 0;}
.slide_box .colin .slide_toggle[aria-expanded="true"] {color: #006666;}
.slide_box .colin .slide_toggle[aria-expanded="true"]  span{background-image: url(../images/site/sm.png);}
.slide_box .colin p{font-size: 18px;color:#333333;padding-left: 32px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.slide_box .colin .text{}

.pagination{margin: 35px 0px;}
.pagination .page-item{margin: 0px 3.5px;}
.pagination .page-item .page-link{border: none;background-color: transparent;font-size: 16px;font-family: 'Open Sans', sans-serif;font-weight: 400;outline: none !important;color: #555555;box-shadow: none;padding:0px 12px;line-height: 30px;transition: 0.4s ease all;height:30px;border-radius: 4px;}
.pagination .page-item .page-link[aria-label="Previous"],.pagination .page-item .page-link[aria-label="Next"]{line-height: 27px;}
.pagination .page-item .page-link:hover,.pagination .page-item.active .page-link{background-color: #ff9900;color: #fff;}

#species{text-transform: capitalize}
.no_result{padding: 15px;}
h4.cs { color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 15px; }
body .mapopup a.filter-res:hover { text-decoration: none !important; }
body .mapopup a.filter-res { color: #ff9900; text-decoration: underline !important; }




/* Responsive */
@media only screen and (max-width:1500px){
    header .brand {left: 7%;}
    header .header_top,header .header_bottom{padding-left: 310px;}
    header .header_bottom{padding-left: 310px;}
    .banner .bottom_col p {font-size: 16px;margin-top: 60px;}
    .banner .top_date .year_date li span {font-size: 16px;}
    .multiple_selectbox span.opner{height: calc(100% - 40px);}

}
@media only screen and (max-width:1366px){
    .banner h2 {font-size: 26px;line-height: 70px;padding-left: 15px;}
    .banner .filter_project{padding-bottom: 10px;}
    .banner .multiple_selectbox,.banner .birds_selectbox,.banner .country_select{padding: 15px 30px;}
    .banner .map,.banner .map .map_1{min-height: 400px;}

}

@media only screen and (max-width:1365px){
    header .header_top,header .header_bottom{padding-left: 290px;}
}
@media only screen and (max-width:1024px){
    header .header_top,header .header_bottom{padding-left: 290px;}
    header .header_bottom .form-control{width: 100%;}
    header .header_bottom .search_icon {right: auto;left: 20px;}
    header .header_top, header .header_bottom {padding-left: 230px;}
    header .brand {left: 8%;max-width: 100px;top: 45px;}
    .banner .top_date {padding: 15px 15px;padding-top: 50px;}
    .banner .top_date .year_date li span+span {width: 60px;padding-left: 10px;}
    .banner .top_date .year_date li span{font-size: 14px;}
    .banner .filter_project{padding: 18px 15px;padding-bottom: 10px;}
    .banner .filter_project h4 {font-size: 16px;margin-bottom: 15px;}
    .banner .multiple_selectbox, .banner .birds_selectbox, .banner .country_select {padding: 10px 15px;}
    .select {font-size: 14px;}
    .chosen-container-multi .chosen-choices li.search-field input[type="text"]{font-size: 14px;}
    .chosen-container-multi .chosen-choices li.search-choice{font-size: 11px;}
    .banner .birds_selectbox select,.banner .country_select select{font-size: 14px;}
    .banner .bottom_col {padding: 15px;}
    .banner .search_btn {height: 40px;font-size: 16px;}
    .banner .search_btn img{max-width: 9px;}
    .banner .bottom_col p {font-size: 13px;margin-top: 40px;}
    .multiple_selectbox span.opner { height: calc(100% - 20px); right: 15px; }
}

@media only screen and (max-width:768px){
    header{display: none;}
    .banner .top_date {padding: 15px 20px;padding-top: 50px;}
    .select-styled{line-height: 28px;}
    .select{height: 30px;}
    .select-styled:before {width: 30px;height: 30px;}
    .select-styled:after {border: 5px solid transparent;border-color: #fff transparent transparent transparent;top: 13px;right: 10px;}
    .banner .top_date h3 {font-size: 12px;margin-top: 26px;margin-bottom: 0px;}
    .banner .top_date .year_date li {margin-bottom: 4px;}
    .banner .filter_project h4 {font-size: 15px;margin-bottom: 18px;}
    .banner .filter_project {padding: 27px 20px;padding-bottom: 0;}
    .banner .multiple_selectbox, .banner .birds_selectbox, .banner .country_select {padding: 25px 20px;}
    .banner .birds_selectbox{padding-top: 5px;}
    .banner .country_select {padding-top: 5px;}
    .multiple_selectbox .chosen-container{font-size: 14px;}
    .chosen-container-multi .chosen-choices li.search-field input[type="text"]{height: 30px;}
    .multiple_selectbox .chosen-container:after{width: 30px;}
    .multiple_selectbox .chosen-container:before{border: 5px solid transparent;border-color: #fff transparent transparent transparent;top: 13px;right: 10px;}
    .banner .birds_selectbox select, .banner .country_select select{height: 30px;line-height: 30px;}
    .select_col:after {width: 30px;height: 30px;}
    .select_col:before {border: 5px solid transparent;border-color: #fff transparent transparent transparent;top: 13px;right: 10px;}
    .banner .bottom_col {padding: 5px 20px;}
    .banner .bottom_col p {font-size: 12px;margin-top: 28px;margin-bottom:15px;}
    .banner h2 {font-size: 17px;line-height: 54px;padding-left: 5px;margin-bottom: 0;margin-top: 10px;}
    .banner .map, .banner .map .map_1 {min-height: 201px;}
    .slide_box {padding: 0px 5px;margin-top: 25px;}
    .slide_box h3 {font-size: 15px;margin-bottom: 20px;line-height: 22px;}
    .slide_box .colin .slide_toggle {font-size: 14px;padding: 9px 30px;padding-right: 6px;}
    .slide_box .colin p {font-size: 14px;padding-left: 30px;}
    .multiple_selectbox span.opner { height: calc(100% - 50px); right: 20px; }
}