@import url("slider.css");
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("//fonts.googleapis.com/css?family=Volkhov:400italic");
*{
  font-family: 'Heiti TC', 'Microsoft JhengHei';
}
#m_search{
	display:none;
}

	.soical_area{height:30px; width:90px;/*background:#ddd;*/float: left;    margin-top: -16px;    margin-right: 10px;}
	.soical_area .item{float:left;margin:0px 5px ;transition-duration: .5s;}
	.soical_area .item:hover{margin-top:-5px}
/* Popup container - can be anything you want */
.popup { position: relative;display: inline-block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;font-size: 16px;width: 160px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 8px ;position: absolute;z-index: 1;top: 125%;left: 0%;margin-left: -100px;
}
/* Popup arrow */
.popup .popuptext::after {
  /*content: "";*/position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {visibility: visible;-webkit-animation: fadeIn 1s;animation: fadeIn 1s;}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}}
  
  
  
  


.index-section-mobile{border-bottom: 1px solid #dedede; background:#fff}
.index-section-mobile h3 {font-size: 16px;background: #e1af36;padding: 5px 10px;border-radius: 3px;
    border-bottom: 3px solid #dd992a;}
.index_hightlight{background: #face48 !important;    border-bottom: 3px solid #eec23d !important;}
.index-section-mobile h3 a{color:#333;font-size: 16px;;font-weight:bold}
.index-section-mobile p ,.index_date{font-size: 14px;padding:0px 10px }

.mobile_item {font-size:16px;   text-align: center;}
.mobile_icon{ background: #e1af36;padding: 10px;border-radius: 3px;}

.navbar-custom,.main,.module-title,.hs-caption,.sweet-alert h2{font-family:Microsoft JhengHei;}
.hs-caption {color:#fff}
.nav>li>a{     padding: 12px 10px 16px 10px;/*padding: 10px 10px;*/ font-size:14px;font-weight:bold;color:#333}
.index-section-event-title {background:#e1af36;border-bottom:3px solid #dd992a;font-size:20px;color:#333;padding:0px 10px;border-radius:3px;    font-weight: bold;padding-right:0px;}
.index-section-event-content {background:#fff;height:230px;padding:0px 10px}
.event-highlight{background:url(../assets/images/index_event_bg.png);margin-bottom:20px}
.index-section-event-content02 {background:#fff;height:112px;padding:0px 5px;margin-bottom:5px}
.index-section-event-content03 {background:#fff;height:265px;padding:0px 5px;margin-bottom:5px}
.index-section-event-item {padding:10px 0px;border-bottom:1px solid #dedede;height:115px}
.index-section-event-item2 {padding:10px 0px;border-bottom:1px solid #dedede; overflow: hidden; height: 38px;}
.index-top-area{  background-color: #f3f3f3;  padding-top: 30px }
.index-header-option {background:#cf9c2f;width:290px; padding: 0px 10px; height:30px;margin-top: -16px;    float:right;z-index: 1;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.row p{color:#333; font-size:14px;  line-height: 22px;}
.index-section-event-item-content {overflow:hidden;    height: 95px;}
.index-section-event-item-content2 {overflow:hidden;     height: 218px;padding:10px }
.index-section-event-item-img2 {padding:10px 0px;    height: 218px; overflow:hidden}
.index-section-event-content h3,.index-section-highlight-item-content h3
{color:#333; font-size:16px;font-weight:bold; margin-top: 0px;}
.index-section-event-content02 h3,.index-section-event-content03 h3{ color:#333; font-size:14px;  line-height: 22px; margin-top: 0px;}
.index-section-event-item-content p{margin:0px}
.index-section-event-item-content {background:url(../assets/images/icon_index_title3.png) no-repeat; background-position: 0px 5px;}
.index-section-event-item > .index-section-event-item-content{background:none;    padding: 0px;}
.president-content{padding:0px}

.date01, .date02{background:#d75b5b;color:#fff;    text-align: center;}
.search_area input{ height: 25px;}
.lang_area {padding:2px 0px;color:#e8a839}
.lang_area a{color:#fff; padding: 2px 0px 0px 0px;letter-spacing: 0px;    padding: 3px 3px;}
.lang_area a:hover{ background: #fff;color: #cf9c2f; border-radius: 3px;}
.lang_active{background: #fff !important;color: #cf9c2f !important;border-radius: 3px;}

.date01{font-size:23px;line-height: 30px;border-top-left-radius:3px;border-top-right-radius:3px  }
.date02{font-size:32px;line-height: 44px;border-bottom-left-radius:3px;border-bottom-left-radius:3px }
.date03{font-size:17px;text-align: center;line-height: 25px;}
.index-section-highlight-title {background:#face48;font-size:20px;color:#333;height:40px;padding:0px 10px;font-weight:bold; }
.index-section-highlight-content {background:#face48;padding:0px 10px;overflow:hidden;height: 223px;border-bottom:3px solid #eec23d}
.index-section-highlight-content02 {background:#face48;padding:0px 10px;overflow:hidden;margin-bottom:30px}
.index-section-highlight-content02-item {padding:10px;}
.index-section-president-title{background:#d1a38c;font-size:20px;color:#333;height:40px;padding:0px 10px;font-weight:bold}
.index-section-president-content {background:#d1a38c;padding:0px 10px;overflow:hidden; height: 223px;border-bottom:3px solid #cd9280}
.index-section-president-add {background:url(../assets/images/index-section-president-add.png);height: 60px; width: 60px;position: absolute; margin-top: 129px;margin-left: -10px;border-bottom-left-radius:3px}
.index-section-president-add2{background:url(../assets/images/index-section-president-add2.png);height: 80px; width: 80px;position: absolute;margin-top: -71px;right: 15px;border-top-right-radius:3px}
.index-section-president-content  h4 {color:#fff;font-size:16px;    margin-top: 0px;}
.index-section-president-content p{color:#333}
.index-title01{background: rgba(0, 0, 0, .6);;padding:10px;border-radius:3px;    margin: 0px 5px;line-height:35px;}
.index-title02{background: rgba(230, 46, 48, .8);padding:10px;border-radius:3px;    margin: 0px 5px;}

.index-section-highlight-title,.index-section-president-title{border-top-left-radius: 3px;border-top-right-radius: 3px}
.index-section-highlight-content,.index-section-president-content{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px}

.office_desc {margin-bottom:15px;padding:3px 15px;}
.office_img,.office_img2, .chairmen_img {margin-bottom:15px;padding:3px;border:2px solid #fff}
.office_img2,.chairmen_img{ text-align: center;opacity: 1}
.office_img2:hover, .chairmen_img:hover {opacity: 1;background:#fff;border:2px solid #dd992a;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;box-shadow:0px 0px 10px #ddd}
.chairmen_img {font-size:14px;font-weight:bold;padding: 0px;padding: 10px;}

.office_desc h3,.office_desc h4 {font-weight:bold}
.office_desc h3{color:#333;font-size:20px;    margin: 0px;}
.office_desc h4{color:#333;font-size:16px;}
.office_desc .special{color:#d75b5b}
.left_sub_menu li a{font-size:12px;color:#555}
.left_sub_menu li {background: none !important;padding: 2px !important;}
.left_sub_menu li:last-child {border-bottom:none !important;}

.main_container  {padding:10px 0px}
.inner{background-color: #f3f3f3;  margin-top: -250px;}
.inner2{background-color: #f3f3f3;  margin-top: -100px;}
.inner3{background-color: #f3f3f3;  margin-top: -240px;}
.path a,.path{color:#999;font-size:11px}
.path {padding:15px;}

.news-date{    max-width: 80px;}
.events_past_item {padding:10px 15px;border-bottom:1px solid #eee;    overflow: hidden;}
.events_past_item h3{color: #e18e26;font-size: 22px;margin: 0px 0px;font-weight: bold;}
.events_past_date{color:#d75b5b;font-size:14px;font-weight:bold;margin-bottom:10px}
.events_past_title{color: #111;font-size:18px;font-weight:bold;margin-bottom: 5px;}
.events_past_desc{color:#666; font-size:12px;}
.events_past_img{padding:0px;text-align:center;}

.event-apply-title {
    font-size: 24px;
    color: #EAA52E;
    padding: 20px 20px;
    text-align: center;
}

.event-apply-subtitle {
    font-size: 18px;
    color: #666666;
    padding: 0px 20px 20px 20px;
    text-align: center;
}

.full-quota-wording{
  display: inline-block;
  padding: 2px 10px;
  margin-left: 10px;
  /*border: 2px solid #e18e26;*/background: #FF0000;color:#fff;
  border-radius: 5px;
}

a.tc-link{
  color: #e18e26;
}

.common_content {/*padding:10px 15px;*/padding:10px 25px;font-size:14px}
.common_content h2,.events_section h2 {color:#e18e26; font-size:18px;margin: 5px 0px;font-weight:bold}
.common_content h2 a {color:#e18e26 !Important}
.common_content h3,.events_section h3 {color:#000; font-size:16px;margin: 5px 0px;font-weight:bold}
.events_section h3 {float:left;    width: 100%;}
.common_content p ,.common_content ul li{font-size:14px;color: #333;}
.common_content p{margin:0px;}
.common_content ul ,.common_content ol {    padding: 0px 20px;margin-bottom: 0px;}
.form {width:100%;border:1px solid #ddd;font-size:14px;}
.form  tr td{padding: 5px;}
.form p{margin:0px}
.form .title {background: #d75b5b;color:#fff;font-size:16px;border-bottom:1px solid #ddd}
.form ul {padding:0px 20px;margin:0px}

.focus_care_title{font-weight:bold; font-size:20px;color:#e18e26;margin-bottom:10px}
.carousel-inner .item div{font-size:16px !important;}
.carousel-control.right{background:url(../images/next-light_s.png)#dd992a; width:30px; height:48px;    top: 45%;opacity: 1;}
.carousel-control.left{background:url(../images/prev-light_s.png)#dd992a; width:30px; height:48px;    top: 45%;opacity: 1;}
.glyphicon-chevron-right:before,.glyphicon-chevron-left:before {content:initial}

blockquote:before ,blockquote:after{display: block;height: 0;font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif;font-size:70px; color: #999;}
blockquote:before {content: open-quote;float: left;}
blockquote:after {content: close-quote;float: right;}

.report_section{box-shadow:0px 0px 10px #ccc;border-top: 3px solid #e18e26;padding:10px;font-size:12px;}
.main_container blockquote{ text-align: center;font-size:35px;padding: 10px !Important;margin: 15px 0px; line-height: 45px; }
	
.bulletin_item{margin-bottom:30px;}
.bulletin_item2 {width:35%;float:left;padding:2%;margin:0px}
.bulletin_img img{width:100%}
.bulletin_item.col-lg-3 .bulletin_img {height: 226px;}
.bulletin_txt {text-align:center;font-size: 16px;font-weight: bold;border-radius: 3px;background: #e1af36;border-bottom: 3px solid #e18e26;padding: 8px 20px;color: #333;    min-width: 100%;}
.bulletin_txt a:hover {color:#fff}
.bulletin_content {}
.bulletin_content p {font-size:14px; color:#333}
.committee_members_item {/*box-shadow: 0px 0px 10px #ccc;border-top:1px solid #e1af36;*/margin:10px 0px;padding: 10px 5px;text-align: center;      font-size: 11px;  min-height: 90px;} 
.committee_members_item2 {/*box-shadow: 0px 0px 10px #ccc;border-top:1px solid #e1af36;  */margin:10px 0px;padding: 10px 5px;text-align: center;    font-size: 11px;  min-height: 50px;}
.committee_members_item:hover,.committee_members_item2:hover {box-shadow: 0px 0px 20px #ccc;/*background:#f5c151;*/}
.committee_members_item:hover a,.committee_members_item2:hover a{color:#000;}
.committee_members_item .name,.committee_members_item2 .name {font-size:16px; font-weight:bold}
.committee_members_group {width:100%;float: left;}

.person {float:left; width:30%;padding:10px}

.sitemap_page ul li {float: left;    width: 100%;list-style: none;}
.sitemap_page > ul > li {width: 50%;margin-bottom: 10px;list-style: none;}

	
.job_item {padding:10px;text-align: center;box-shadow: 0px 0px 10px #ccc;margin: 10px 0px;min-height: 50px;border-top:1px solid #e1af36}
.job_item:hover {border-top:1px solid #fff;background:#e1af36;}
.job_item:hover a{color:#000;}
.job_item .name {font-size:16px;font-weight:bold}
.news_slider {margin-bottom:20px;height: 490px;overflow: hidden;    border: 1px solid #ddd;}
/*
.events_past_img {width:30%;float:left; padding:0px 10px 10px 0px;}
*/
.dropdown_committee {font-size:12px;float: right;background: #e18e26; padding: 2px 10px;width:200px}
.dropdown_committee .item01,.dropdown_committee .item02 {float:left}
.dropdown_committee .item01{width:30%;padding-top: 6px;}
.dropdown_committee .item02 {width:70%}

.red {color: #ff0000;font-weight: bold;font-size: 16px;}

.nav-tabs {border:none}
.nav-tabs li a {padding:0px 20px}
.nav-tabs>li {margin-bottom:0px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: 1px solid #ddd;    background: #e18e26; color:#fff; font-weight:bold}


.btn_index {font-size:12px;float: right;background: #e18e26; padding: 8px 20px;}
.btn_bulletin,.btn_bulletin2,.btn_prev,.btn_next{border-radius:3px; font-size:12px;float: right;background:#e1af36;border-bottom:3px solid  #e18e26; padding: 8px 20px;color:#333}
.btn_bulletin2{margin-bottom:30px}
.btn_bulletin2.page_bulletin a:hover{ color:#fff; }
.btn_detail {border-radius:3px; font-size:12px;float: right;background:#e1af36;border-bottom:3px solid  #e18e26; padding: 5px 20px;color:#333;margin:5px 10px}
.btn_index:hover,.btn_donwload a:hover,.btn_detail a:hover {color:#fff}
.btn-search {padding:4px  !Important;font-size:11px !important;background:url(../assets/images/icon_search.png)#fff no-repeat center ;height:25px;width:30px;padding:5px}

.download_area {float:left; width: 100%; padding:20px 20px; text-align: center;}
.btn_download,.btn_form,.btn_left,.btn_right,.btn_login,.btn_sumbit,.btn_search,.btn_advertis {height:40px; background:#fff;border-radius: 5px;text-align:center;border:2px solid #e4e4e4;box-shadow:0px 0px 10px #eee;}
.btn_download,.btn_form,.btn_left{float:right}
.btn_download {width:137px;}
.btn_login,.btn_sumbit,.btn_search{margin:auto}
.btn_form ,.btn_login{width:118px;}
.btn_search{width:100px;}
.btn_left,.btn_right {width:98px;}
.btn_sumbit {width:100%}
.btn_download:hover,.btn_form:hover,.btn_left:hover,.btn_right:hover,.btn_login:hover,.btn_sumbit:hover ,.btn_search:hover {background:#eee;border:2px solid #e5941e;box-shadow:0px 0px 10px #ccc; }
.btn_download:hover a,.btn_form:hover a ,.btn_left:hover a,.btn_right:hover a,.btn_login:hover a,.btn_sumbit:hover a,.btn_search:hover a{color:#333}
.btn_download a,.btn_form a,.btn_left a,.btn_right a,.btn_login a,.btn_sumbit a,.btn_search a,.btn_advertis a{font-size:16px;color:#e5941e;font-weight: bold;}
.btn_advertis {padding:0px;margin-bottom:10px}


.btn_icon,.btn_txt,.btn_txt2 {float: left;}
.btn_icon {padding: 5px;}
.btn_txt {padding:7px 10px 7px 4px;}
.btn_txt2 {padding:4px 7px ;}
.add_right {float: right; padding-right:10px}


.ad-area {background:#b4b4b4;height:251px;margin-bottom:30px}
.ad-area02 {/*background:#b4b4b4;*/height:251px;margin-bottom:30px}

.page{width:100%; text-align: center; float: left}
.img_preview{height: 215px;overflow:hidden}
.navbar-toggle{background-color: #dd992a;}
.sitemap {padding:0px 5px}
.contact-title {font-size:20px}
.sweet-alert{ box-shadow: 0px 0px 20px #ccc;}
.sweet-overlay {background-color: rgba(255, 255, 255, 0.6) !Important;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{margin:auto}
.menu-list {background:#fff;margin-bottom:20px}
.carousel-indicators li{border:1px solid #ccc;}
.carousel-indicators{/*bottom:0px*/}
.carousel-indicators .active{background:#e1af36}

.panel-heading a{font-size:16px;color:#333;font-weight:bold}
.panel-heading a:hover, .panel-heading a:focus{color:#333}
.panel-collapse{float:left;padding:10px}
.panel-default {
    border-color: #ddd;
    float: left;
    width: 100%;}
/*-------------organization chart-------------------*/
#wrapper {
  position: relative;
}
.showtop_new{
	display:none;
}

.item-top{
  display: block;
}
.branch {
  position: relative;
  margin-left: 250px;
}
.branch:before {
  content: "";
  width: 50px;
  border-top: 2px solid #eee9dc;
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: 1px;
}

.entry {
  position: relative;
  min-height: 40px;
}
.entry:before {
  content: "";
  height: 100%;
  border-left: 2px solid #eee9dc;
  position: absolute;
  left: -50px;
}
.entry:after {
  content: "";
  width: 50px;
  border-top: 2px solid #eee9dc;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 1px;
}
.entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 10px 0 0 0;
}
.entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}
.entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.entry:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 2px solid #eee9dc;
  border-radius: 0 0 0 10px;
  margin-top: -9px;
}
.entry.sole:before {
  display: none;
}
.entry.sole:after {
  width: 50px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.label {
  display: block;min-width: 150px; padding: 5px 10px; line-height: 20px;text-align: center;border: 2px solid #eee9dc;border-radius: 5px;position: absolute;left: 0;top: 50%;margin-top: -15px;color:#333; font-size: 16px;background: #eee
}
#wrapper .head{font-size:18px;background: #cf9c2f;color:#fff}
/*-------------organization chart-------------------*/


/*-------------left menu-------------------*/
.third-active{
  border-left: 3px solid #000000 !important;
}
.nav-side-menu {/*overflow: auto;*/font-size: 12px;width:100%;/*height: 100%*/;color: #e1ffff;}
.nav-side-menu .toggle-btn {display: none;}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
/*    
    .collapsed{
       .arrow:before{font-family: FontAwesome; content: "\f053";display: inline-block;vertical-align: middle;float:right;}
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;content: "\f078";display: inline-block;vertical-align: middle;float: right; padding-right:10px; color: #666;font-size: 10px;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #111;
 /*  background-color: #4f5b69; */
  background-color: #eee;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {color: #111;}
.nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a {color: #111;}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #fafafa;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #eee;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #eee;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;    color: #333;
  content: "\f105";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}
.nav-side-menu li {padding: 5px 5px 5px 10px;border-bottom: 1px dotted #c2c2c2;
/*background: url(assets/images/icon_index_title3.png) no-repeat;background-position: 5px 15px;*/}
.nav-side-menu li a {text-decoration: none;color: #111;font-size: 16px;}
.nav-side-menu ul> ul li a{font-size: 12px ;color: #666;} 


.nav-side-menu li:hover {background-color: #eee;-webkit-transition: all 1s ease;-moz-transition: all 1s ease; -o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}


img.close-btn{
  width: 30px;
}

.side-menu-desktop{
  display: block;
}

.side-menu-mobile{
  display: none;
}

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;cursor: pointer;position: absolute;right: 10px;top: 3px;z-index: 10 !important;padding: 3px;color: #fff;width: 40px;text-align: center;
  }
  
  .side-menu-desktop{
    display: none;
  }

  .side-menu-mobile{
    display: block;
  }

}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
/*-------------left menu-------------------*/

/*-------------event style--------------------*/
	.events_header,.events_footer ,.events_container,.main_container,.events_main {float:left}
	.events_header,.events_footer {width:100%}
	.events_header {height:120px;text-align: center;border-bottom:2px solid #ffad00}
	.events_footer {color:#666;font-size:14px;border-top:2px solid #ffad00}
	.events_footer  {text-align:center;padding:5px 0px}
	
	.events_container,.main_container {width:100%;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;box-shadow:0px 0px 10px #ddd; line-height: 22px;font-size:14px;background:#fff;margin-bottom:50px}
	
	 .small_item {width:50%; float:left;}
   .events_title h3 {font-size:24px; font-weight:bold;text-align:center;color:#d75b5b;    /*text-decoration: underline;*/}
   .events_title{padding:0px 20px;max-width:845px}
   .events_desc {padding:0px 20px;max-width:845px ;margin: auto;}
   .events_desc p{color:#666;text-indent: 30px;}
   
   .events_section{padding:0px 20px;max-width:845px;margin:auto}
   .events_main,.events_title {width:85%;  margin: auto;}
   .events_main {max-width:845px;width:100%;margin:auto;margin-bottom:30px;padding:20px;background:#888}
  
   .events_area {float:left;width: 100%;/*background: #f4f4f4;*/}
   .events_sub_title,.events_content {float:left}
   .events_sub_title {width:20%;font-weight:bold;color:#e5941e; font-size: 16px; background: #d75b5b; text-align: center;color: #fff;border-radius: 3px; display: table;}
   .events_sub_title span,.events_content  span { display: table-cell;vertical-align: middle;}
   .events_content {width:78%;border-bottom:1px solid #eee;padding-left:2%;font-size: 14px;}
   .events_sub_title, .events_content{margin:5px 0px;  min-height: 33px;}
   .events_content ol {padding:0px 20px;margin: 0px;}
   .events_style01_1,.events_style01_2,.events_style01_3 {float:left;    margin: 5px 0px;}
   .events_style01_1 {width:10%}
   .events_style01_2 {width:10%;text-align:center;background:url(../assets/images/icon_sub_title.png) no-repeat;}
   .events_style01_3 {width:79%;padding-left:1%}
   
/*---------------event style-------------------------*/  


 
@media screen and (max-width: 768px) {
    .index-section-event-item-img2{height: initial;}
	.index-section-event-item{height:150px}
	.flex-control-nav > li{margin:5px}
	.event-highlight{background:#fff;height: initial;}
      .events_header{height: inherit;}
    .events_header img {width:100%;}
    .events_container {/*width:90%;margin:2% 5%*/}
	.events_sub_title {width:30%}
	.events_content {width:68%}
	.events_sub_title {padding-left:20px;padding-left:0px}
	.events_footer {    width: 90%; padding:0 5%}
	.events_style01_2 {background:none}
	.small_item  {width:100%;text-align:left}
	.module, .module-small{padding:20px 0px !important;}
	
	#m_search .search_area {
		float:left;
	}
	#m_search .lang_area {
		float:left;
	}
	#m_search .lang_area a {
		color:#333;
	}
	#m_search .col-lg-7 {
		width: 58.33333333%;
	}
	#m_search .col-lg-5 {
		width: 41.66666667%;
	}
	   
} 

@media screen and (max-width: 480px) {
    .btn_form,.btn_download{float:left;width: 100%;margin-bottom:10px}
	.bulletin_item2 {width:100%}
	.person{width:100%;padding:10px 0px}
	/* .news_slider{height:initial} */
	.news_slider {height: 300px;}
      .events_header{height: inherit;}
    .events_header img {width:100%;}
    .events_container {/*width:90%;margin:2% 5%*/}
	.events_sub_title,.events_content {width:100%}
	.events_sub_title {padding-left:10px;text-align:left;background:none;color: #d75b5b}
	.add_right{display:none}
	.events_footer {    width: 90%; padding:0 5%}
	.events_style01_2 {background:none}
	.small_item  {width:100%;text-align:left}
	.index-section-highlight-content{ padding:10px;height: initial !important;}
	#m_search{
		display:block;
	}
	#m_search .search_area {
		float:left;
	}
	#m_search .lang_area {
		float:left;
	}
	#m_search .lang_area a {
		color:#333;
	}
	#m_search .col-lg-7 {
		width: 58.33333333%;
	}
	#m_search .col-lg-5 {
		width: 41.66666667%;
	}
	/* #m_search .search_area{
		width:30%;
		float: left;
	}
	#m_search .lang_area{
		width: 50%;
	} */
} 



@media screen and (min-width: 480px) {
    /*.navbar-brand img {height: 50px;}*/
	.nav>li>a {font-size:15px;/*padding:15px;*/}
	
	
}
/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------- */

.col-centered{float: none;margin: 0 auto;}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
}

body {
	    background: #f3f3f3;
	font: 400 12px/1.8 "Open Sans", sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	border: 0;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left !important;
}

.position-relative {
	position: relative;
}

.leftauto {
	right: 0 !important;
	left: auto !important;
}

/* Selection */

::-moz-selection {
	background:#000;
	color: #fff;
}

::-webkit-selection{
	background:#000;
	color: #fff;
}

::selection{
	background:#e18e26;
	color: #fff;
}

/* Transition elsements */

.form-control,
.navbar-custom {
	-webkit-transition: all 0.4s ease-in-out 0s;
	   -moz-transition: all 0.4s ease-in-out 0s;
		-ms-transition: all 0.4s ease-in-out 0s;
		 -o-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
}

a,
.btn,
.navbar a {
	-webkit-transition: all 0.125s ease-in-out 0s;
	   -moz-transition: all 0.125s ease-in-out 0s;
		-ms-transition: all 0.125s ease-in-out 0s;
		 -o-transition: all 0.125s ease-in-out 0s;
			transition: all 0.125s ease-in-out 0s;
}

.client-logo,
.gallery-caption,
.gallery-image:after,
.gallery-image img,
.price-table,
.team-detail,
.team-image:after,
.work-caption,
.work-image > img,
.work-image:after,
.post-thumbnail,
.post-video,
.post-images-slider {
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		 -o-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
}

/* Reset box-shadow */

.btn,
.well,
.panel,
.progress,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
	-webkit-box-shadow: none;
			box-shadow: none;
}

/* Reset border-radius */

.well,
.label,
.alert,
.progress,
.form-control,
.modal-content,
.panel-heading,
.panel-group .panel,
.nav-tabs > li > a,
.nav-pills > li > a {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

.member-field{
  padding: 0px;
}

.member-field .input-group-addon{
  background-color: #D75C5C;
  color: #ffffff;
  font-weight: bold;
}

.member-field label{
  vertical-align: inherit;
  padding-left: 5px;
}

/* Forms */

.form-control {
	/*font-family: "Roboto Condensed", sans-serif;letter-spacing: 2px;*/
	/*text-transform: uppercase;*/
	font-size: 14px;
	height: 35px;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}
.form-control2 {border: 1px solid #EAEAEA;}
.form-control:focus {
	border-color: #CACACA;
}

/* Forms size */

.input-lg,
.form-horizontal .form-group-lg .form-control {
	height: 43px;
	font-size: 13px;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
	height: 29px;
	font-size: 10px;
}

/* Button style */

.btn {
	/*font-family: "Roboto Condensed", sans-serif;*/
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 8px 37px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.btn.btn-round {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}

.btn.btn-circle {
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
}

.btn.btn-w {
	background: rgba(255, 255, 255, .8);
	color: #111;
}

.btn.btn-w:hover,
.btn.btn-w:focus {
	background: rgba(255, 255, 255, 1);
	color: #111;
}

.btn.btn-g {
	background: #e5e5e5;
	color: #111;
}

.btn.btn-g:hover,
.btn.btn-g:focus {
	background: #d8d8d8;
	color: #111;
}

.btn.btn-border-w {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .75);
	color: #fff;
}

.btn.btn-border-w:hover,
.btn.btn-border-w:focus {
	background: #fff;
	border-color: transparent;
	color: #111;
}

.btn.btn-d {
	background: rgba(17, 17, 17, .8);
	color: #fff;
}

.btn.btn-d:hover,
.btn.btn-d:focus {
	background: rgba(17, 17, 17, 1);
}

.btn.btn-b {
	background: rgba(17, 17, 17, 1);
	color: #fff;
}

.btn.btn-b:hover,
.btn.btn-b:focus {
	background: rgba(17, 17, 17, .8);
}

.btn-border-d {
	background: transparent;
	border: 1px solid rgba(17, 17, 17, 1);
	color: #111;
}

.btn.btn-border-d:hover,
.btn.btn-border-d:focus {
	background: rgba(17, 17, 17, 1);
	color: #fff;
}

/* Buttons size */

.btn.btn-lg {
	padding: 12px 45px;
	font-size: 13px;
}

.btn.btn-sm {
	padding: 6px 25px;
	font-size: 10px;
	letter-spacing: 1px;
}

.btn.btn-xs {
	padding: 4px 19px;
	font-size: 10px;
	letter-spacing: 0;
}

/* Progress bars */

.progress {
	overflow: visible;
	height: 4px;
}

.progress-bar {
	position: relative;
}

.progress-bar.pb-dark {
	background: #111;
}

.progress-bar span {
	position: absolute;
	display: block;
	right: -0px;
	top: -24px;
	opacity: 0;
	line-height: 12px;
	font-size: 12px;
	color: #111;
	padding: 4px 0px;
}

.progress-bar span:after {
	display: inline-block;
	content: "%";
}

/* Tabs */

.tab-content {
	padding: 20px 0;
}

/* Accordion */

.panel-title {
	font-size: 14px;
}

.panel-heading a {
	position: relative;
	display: block;
}

.panel-heading a:after {
	position: absolute;
	content: "\f106";
	top: 50%;
	right: 0px;
	font-family: "FontAwesome";
	line-height: 1;
	font-size: 14px;
	margin-top: -7px;
}

.panel-heading a.collapsed:after {
	content: "\f107";
}

.btn-list .btn {
	margin: 5px 0;
}

.examples {
	border-radius: 2px;
	padding: 7px 5px;
	margin: 0 0 40px;
}

.examples.bg-dark {
	background: #333;
	border: 0;
}

.et-icons .box1 {
	border: 1px solid #e5e5e5;
	display: block;
	width: 25%;
	float: left;
	padding: 0;
	font-size: 13px;
	margin: -1px 0 0 -1px;
}

.et-icons .box1 > span {
	display: inline-block;
	border-right: 1px solid #e5e5e5;
	min-width: 60px;
	min-height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 28px;
	margin-right: 5px;
}

.fa-icons > div {
	padding: 0;
	border: 1px solid #e5e5e5;
	margin: -1px 0 0 -1px;
	font-size: 13px;
}

.fa-icons > div > i {
	display: inline-block;
	margin-right: 5px;
	min-width: 40px;
	min-height: 40px;
	border-right: 1px solid #f1f1f1;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}

.help-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Dark background */

.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark .module-title,
.bg-dark-30 .module-title,
.bg-dark-60 .module-title,
.bg-dark-90 .module-title,
.bg-dark .module-subtitle,
.bg-dark-30 .module-subtitle,
.bg-dark-60 .module-subtitle,
.bg-dark-90 .module-subtitle,
.bg-dark .alt-module-subtitle h5,
.bg-dark-30 .alt-module-subtitle h5,
.bg-dark-60 .alt-module-subtitle h5,
.bg-dark-90 .alt-module-subtitle h5 {
	color: #fff;
}

.bg-dark {
	background: #fff;
}

.bg-dark-30:before {
	position: absolute;
	background: rgba(34,34,34, .3);
	content: " ";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.bg-dark-60:before {
	position: absolute;
	background: rgba(34,34,34, .6);
	content: " ";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.bg-dark-90:before {
	position: absolute;
	background: rgba(34,34,34, .9);
	content: " ";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.bg-gradient:before {
	position: absolute;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(0,0,0,0.95)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
	content: " ";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

/* ------------------------------------------------------------------
Preloader
------------------------------------------------------------------- */

.page-loader {
	position: fixed;
	background: #fff;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9998;
}

.loading_status {width:80px; height:80px; overflow:hidden}

.loader {
	position: absolute;
	border-left: 2px solid #dd992a;
	border-top: 2px solid rgba(255, 175, 54, 0.2);
	border-right: 2px solid rgba(255, 175, 54, 0.2);
	border-bottom: 2px solid rgba(255, 175, 54, 0.2);
	height: 46px;
	width: 46px;
	left: 50%;
	top: 50%;
	margin: -23px 0 0 -23px;
	text-indent: -9999em;
	font-size: 10px;
	z-index: 9999;
	-webkit-animation: load 0.8s infinite linear;
	   -moz-animation: load 0.8s infinite linear;
	     ms-animation: load 0.8s infinite linear;
	      o-animation: load 0.8s infinite linear;
	        animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 46px;
	height: 46px;
}



@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* ------------------------------------------------------------------
Typography
------------------------------------------------------------------- */

a {
	color: #111;
}

a:hover, a:focus {
	text-decoration: none;
	color: #aaa;
	outline: 0;
}

.bg-dark a {
	color: #666;
}

.bg-dark a:hover, .bg-dark a:focus {
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	font-weight: 400;
}

p, ol, ul, blockquote {
	margin: 0 0 20px;
}

blockquote {
	border: 0;
	font-style: italic;
	font-size: 15px;
	padding: 0;
}

.font-alt {
	/*font-family: "Roboto Condensed", sans-serif;letter-spacing: 2px;*/
	text-transform: uppercase;
	
}

.font-serif {
	font-family: Volkhov, "Times New Roman", sans-serif;
	/*font-style: italic;*/
}

.large-text {
	font-size: 24px !important;
}

.rotate {
	text-shadow: none !important;
}

/* ------------------------------------------------------------------
Navbar
------------------------------------------------------------------- */

.navbar-custom {
	background-color: #fff;    border-top: 4px solid #cf9c2f;
	border-radius: 0;
	z-index: 1000;
	/*font-family: "Roboto Condensed", sans-serif;*/
	text-transform: uppercase;
	
	font-size: 11px;    box-shadow: 0px 0px 10px #ccc;
	padding-top:16px;
	/*height:82px;letter-spacing: 3px;*/

}

.navbar-custom .dropdown-menu {
	background: rgba(255, 255, 255, .9);
	border-radius: 0;
	border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.navbar-brand{
width:230px;
padding:0px 0px 0px 15px;
}

.navbar-brand img{
  height: 55px;    max-width: inherit;
  /*height: 44px; width: 100%;*/
 
}

.navbar-fixed-top img{
/*width:79%;8\*/
}

.navbar-transparent img{
/*width:100%*/
}

.navbar-custom .nav li > a {
	position: relative;
	color: #333;
}

.navbar-custom .dropdown-menu > li > a {
	border-bottom: 1px solid #eee!important;
	/*padding: 11px 15px;letter-spacing: 2px;*/padding:8px 15px;
	
	font-size: 14px;
	color: #333;
}

.navbar-custom .dropdown-menu .dropdown-menu {
	border-left: 1px solid rgba(73, 71, 71, 0.3);
	left: 100%;
	right: auto;
	top: 0;
	margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
	border: 0;
	border-right: 1px solid rgba(73, 71, 71, 0.3);
	right: 100%;
	left: auto;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
	background: none;
	color: #e18e26
}

.navbar-custom .dropdown-menu > li > a:hover {
	background: rgba(255, 255, 255, .1) !important;
}

.navbar-custom .dropdown-toggle:after {
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	margin-top: -6px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 9px;
	content: "\f107";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
	background: #fff;
}

/* Navbar search */

.dropdown-search {
	position: relative;
	padding: 5px;
}

.dropdown-search .form-control {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

.search-btn {
	position: absolute;
	background: transparent;
	border: none;
	overflow: hidden;
	top: 50%;
	right: 1px;
	width: 42px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	outline: none;
	color: #999;
	margin-top: -20px;
}

/* -------------------------------------------------------------------
Home Section
------------------------------------------------------------------- */

.home-section {
	position: relative;
	height: 570px !important;max-width: 1400px;margin: auto;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	z-index: -1;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
/*.special-banner{height: 370px !important;height: 450px !important;}*/

.inner-banner,.special-banner{height: 370px !important;max-width: 1400px; margin: auto;}
.big-banner{height: 770px !important;max-width: 1400px; margin: auto;}

.slider-image{
  cursor: pointer;
}


.hs-title-size-1 {
	letter-spacing: 4px;
	font-size: 15px;
}

.hs-title-size-2 {
	line-height: 1.3;
	letter-spacing: 3px;
	font-size: 18px;
	opacity: .8;
}

.hs-title-size-3 {
	/*letter-spacing: 16px;*/
	font-size: 40px;letter-spacing: 3px;
}

.hs-title-size-4 {
	/*letter-spacing: 24px;*/
	font-weight: 400;
	font-size: 40px;
}

/* Video */

.video-controls-box {
	position: absolute !important;
	bottom: 40px;
	left: 0;
	width: 100%;
	z-index: 1;
}

.video-controls-box a {
	display: inline-block;
	color: #fff;
	margin: 0 5px 0 0;
}


/* -------------------------------------------------------------------
Sections
------------------------------------------------------------------- */

.navbar-custom + .main {
	margin-top: 50px;
}

.main {
	position: relative;
	/*background-color: #f3f3f3;*/
	z-index: 2;
	/*width: 1200px;*/
    margin: auto;
}

.module,
.module-small {
	position: relative;
	padding: 140px 0;/*margin:-130px;*/
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

/* Module header */

.module-small {
	padding: 50px 0px 0px 0px ;
}

.module-title {
	position: relative;
	/*letter-spacing: 4px;*/
	text-align: center;
	font-weight:bold;
	font-size: 26px;
	color: #111;    text-shadow: 1px 1px 1px #fff;
	margin: 0 0 30px;
}

.module-subtitle {
	text-align: center;
	font-size: 16px;
	color: #111;
	margin-bottom: 70px;
}

.module-icon {
	text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
}

.module-title + .module-subtitle {
	margin-top: -35px;
}

/* Restaurant module header */

.alt-module-subtitle {
	display: table;
}

.alt-module-subtitle h5 {
	display: table-cell;
	white-space: pre;
	padding: 0 8px;
	color: #111;
}

.holder-w {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 1px;
	width: 50%;
}

.holder-w:before {
	border-top: 1px solid #eaeaea;
	position: relative;
	display: block;
	content: "";
	top: 1px;
	height: 1px;
	width: 100%;
}

/* Sections dividers */

.divider-w {
	border-top: 1px solid #eaeaea;
	margin: 0;
}

.divider-d {
	border-top: 1px solid #202020;
	margin: 0;
}

/* Half-image */

.side-image {
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.side-image-text {
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 140px 60px 140px;
}

/* -------------------------------------------------------------------
Footer
------------------------------------------------------------------- */

.footer {
	padding: 10px 0; background:#cf9c2f
}

.footer p{color:#fff; font-size: 12px;}

.footer a:not(:last-child)::after {
    content: " · ";
}

.footer .container .row{text-align:center}
.footer .container .row a{color:#fff;}

.copyright {
	margin: 0;    text-align: center;
}

.footer-social-links {
	text-align: right;
}

.footer-social-links a {
	display: inline-block;
	padding: 0 6px;
}

.ajax-response {
	text-align: center;
}

.map-img {
 /* background-image: url('../assets/images/map.png');*/
 box-shadow:0px 0px 20px #ccc; padding:5px 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px;
}

/* -------------------------------------------------------------------
Google map
------------------------------------------------------------------- */

#map-section {
	position: relative;
	height: 450px;
	width: 100%;
}

#map {
	height: 100%;
	width: 100%;
}

#map img {
	max-width: none;
}

/* -------------------------------------------------------------------
Services, Content box
------------------------------------------------------------------- */

.features-item {
	margin: 20px 0;
	text-align: center;
}

.features-icon,
.alt-features-icon {
	line-height: 1.2;
	font-size: 42px;
	color: #111;
}

.features-title,
.alt-features-title {
	text-transform: uppercase;
	/*letter-spacing: 2px;font-size: 14px;*/
	font-weight: bold; font-size: 20px;color:#333;
	margin: 16px 0 15px;
}

.alt-features-item {
	position: relative;
	padding-left: 55px;
	margin: 65px 0 0 0;
}

.alt-features-icon {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 40px;
	font-size: 28px;
}

.alt-features-title {
	font-size: 13px;
	margin: 0 0 10px;
}

/* Content box */

.content-box {
	margin: 20px 0;
	text-align: center;
}

.content-box-title {
	font-weight: 400;
	font-size: 18px;
	color: #111;
	margin: 16px 0 15px;
}

/* -------------------------------------------------------------------
Restaurant menu
------------------------------------------------------------------- */

.menu {
	border-bottom: 1px dotted #e5e5e5;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.menu-title,
.menu-price {
	margin: 0 0 10px;
	font-size: 14px;
	color: #111;
}

.menu-price-detail {
	position: relative;
	text-align: right;
}

/* -------------------------------------------------------------------
Team
------------------------------------------------------------------- */

.team-item {
	position: relative;
	text-align: center;
}

.team-image {
	position: relative;
	overflow: hidden;
}

.team-image img {
	width: 100%;
}

.team-image:after {
	position: absolute;
	background: transparent;
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.team-detail {
	position: absolute;
	width: 100%;
	opacity: 0;
	bottom: 100%;
	left: 0;
	z-index: 2;
	text-align: center;
	font-size: 12px;
	color: #333;
	padding: 20px;
background: rgba(255, 255, 255, .8); */
}

.team-detail h5 {
	font-size: 16px;
}

.team-detail p {
	font-size: 14px;
}

.team-social a {
	display: inline-block;
	color: #aaa;
	padding: 5px 6px;
}

.team-social a:hover {
	color: #FFF;
}

.team-descr {
	margin: 20px 0 0;
}

.team-name {
	font-size: 14px;
	color: #111;
}

.team-role {
	font-size: 11px;
	color: #aaa;
}

.team-item:hover .team-image:after {
	/*background: rgba(255, 255, 255, .6);*/
}

.team-item:hover .team-detail {
	opacity: 1;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	   -moz-transform: translateY(50%);
	        transform: translateY(50%);
}

/* -------------------------------------------------------------------
Price-tables
------------------------------------------------------------------- */

.price-table {
	background: #fff;
	border: 1px solid #eaeaea;
	padding: 25px 20px;
	margin: 15px 0 30px;
	border-radius: 2px;
	text-align: center;
}

.price-table:hover {
	border-color: #CACACA;
}

.price-table.best {
	margin: 0 0 30px;
}

.price-table .small {
	margin: 0;
}

.borderline {
	position: relative;
	background: #eaeaea;
	display: block;
	height: 1px;
	width: 100%;
	margin: 20px 0 15px;
}

.borderline:before {
	position: absolute;
	background: #eaeaea;
	content: "";
	bottom: -7px;
	left: 50%;
	height: 14px;
	width: 14px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	margin-left: -7px;
}

.borderline:after {
	position: absolute;
	background: #fff;
	content: "";
	bottom: -5px;
	left: 50%;
	height: 16px;
	width: 16px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	margin-left: -8px;
}

.price-table h4 {
	color: #111;
	margin: 0;
}

.price-table p.price {
	font-size: 60px;
	color: #111;
	padding: 0;
	margin: 0 0 0 -10px;
}

.price-table p.price span {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	padding-top: 25px;
}

.price-details {
	list-style: none;
	padding: 0;
	margin: 0 0 23px;
}

.price-details li {
	padding: 7px 0;
}

.price-details li > span {
	text-decoration: line-through;
	color: #aaa;
}

/* -------------------------------------------------------------------
Count to
------------------------------------------------------------------- */

.count-item {
	text-align: center;
}

.count-icon {
	line-height: 1.2;
	font-size: 42px;
}

/* -------------------------------------------------------------------
Video box
------------------------------------------------------------------- */

.video-box {
	text-align: center;
	/*padding: 40px 0;*/
}

.video-box-icon > a > i,
.video-box-icon > a > span {
	line-height: 1.8;
	font-size: 40px;
	color: #fff;
}

.video-title {
	letter-spacing: 4px;
	font-size: 30px;
	margin: 10px 0 0;
}

.video-subtitle {
	color: rgba(255, 255, 255, .5);
}

/* -------------------------------------------------------------------
Portfolio
------------------------------------------------------------------- */

/* Portfolio filter */

.filter {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 0 70px;
}

.filter > li {
	display: inline-block;
	padding: 0 0 10px;
	margin: 0 25px;
}

/* Portfolio grid */

.works-grid {
	list-style: none;
	padding: 0;
	margin: 0;
}

.works-grid.works-grid-gut {
	margin: 0 0 0 -10px;
}

.works-grid.works-grid-gut .work-item {
	padding: 0 0 10px 10px;
}

.work-item {
	width: 50%;
	float: left;
	margin: 0;
}

.works-grid-3 .work-item {
	width: 33.333333%;
}

.works-grid-4 .work-item {
	width: 25%;
}

.works-grid-5 .work-item {
	width: 20%;
}

.work-item > a {
	position: relative;
	display: block;
	overflow: hidden;
}

.work-image {
	position: relative;
	overflow: hidden;
}

.work-image img {
	display: block;
	overflow: hidden;
	width: 100%;
}

.work-image:after {
	position: absolute;
	display: block;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.work-caption {
	width: 100%;
	padding: 0 20px;
	opacity: 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	text-align: center;
	overflow: hidden;
}

.work-title {
	font-size: 14px;
	color: #fff;
	margin: 0 0 6px;
}

.work-descr {
	color: #aaa;
}

.work-item:hover .work-image:after {
	background: rgba(0, 0, 0, .6);
}

.work-item:hover .work-image > img {
	-webkit-transform: scale(1.1) rotate(2deg);
	   -moz-transform: scale(1.1) rotate(2deg);
	    -ms-transform: scale(1.1) rotate(2deg);
	     -o-transform: scale(1.1) rotate(2deg);
	        transform: scale(1.1) rotate(2deg);
}

.work-item:hover .work-caption {
	bottom: 50%;
	opacity: 1;
	z-index: 3;
	-webkit-transform: translateY(50%);
	   -moz-transform: translateY(50%);
	        transform: translateY(50%);
}

/* Work item white background*/

.works-grid.works-hover-w .work-title {
	color: #111;
}

.works-grid.works-hover-w .work-item:hover .work-image:after {
	background: rgba(255, 255, 255, .8);
}

/* Work item gradien background*/

.works-grid.works-hover-g .work-image:after {
	opacity: 0;
}

.works-grid.works-hover-g .work-descr {
	color: #fff;
}

.works-grid.works-hover-g .work-item:hover .work-image:after {
	background: rgb(111,226,158);
	background: -moz-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%, rgba(91,218,209,0.8) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(111,226,158,0.8)), color-stop(100%,rgba(91,218,209,0.8)));
	background: -webkit-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background: -o-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background: -ms-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background: linear-gradient(135deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 );
	opacity: 1;
}

/* -------------------------------------------------------------------
Portfoli Single
------------------------------------------------------------------- */
.work-details {
	margin: 0 0 20px;background:#fff
}

.work-details-title {
	color: #111;
	margin: 0 0 20px;
}

.work-details ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.work-details ul > li {
	border-bottom: 1px dotted #c2c2c2;
	padding:5px 20px;
	background: url(../assets/images/icon_index_title3.png) no-repeat;    font-size: 16px;    background-position: 5px 15px;
}

/* -------------------------------------------------------------------
Callout
------------------------------------------------------------------- */

.callout-text {
	color: rgba(255, 255, 255, 0.6);
}

.callout-title {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	margin: 0;
}

.callout-btn-box {
	text-align: right;
	padding-top: 4px;
}

/* -------------------------------------------------------------------
Testimonials
------------------------------------------------------------------- */

.testimonials-slider {
	position: relative;
}

.testimonial-text {
	text-align: center;
	font-style: normal;
	font-size: 18px;
}

.testimonial-caption {
	text-align: center;
	padding: 10px 0 0;
}

.testimonial-title {
	font-size: 14px;
}

.testimonial-descr {
	color: rgba(255, 255, 255, .5);
	font-size: 11px;
}

/* -------------------------------------------------------------------
Gallery
------------------------------------------------------------------- */

.gallery-item {
	position: relative;
	text-align: center;
	margin: 0 0 20px;
}

.gallery-image {
	position: relative;
	overflow: hidden;
}

.gallery-image img {
	display: block;
	overflow: hidden;
	width: 100%;
}

.gallery-image:after {
	position: absolute;
	background: transparent;
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.gallery-caption {
	position: absolute;
	width: 100%;
	opacity: 0;
	bottom: 100%;
	left: 0;
	z-index: 2;
	text-align: center;
	font-size: 28px;
	color: #fff;
	padding: 20px;

}

.gallery-icon {
	background: rgba(255,255,255,0.2);
	border-radius: 50%;
	height: 50px;
	width: 50px;
	font-size: 24px;
	margin: 0 auto;
}

.gallery-icon i,
.gallery-icon span {
	line-height: 50px;
}

/* Gallery hover */

.gallery-item:hover .gallery-image:after {
	background: rgba(0, 0, 0, .6);
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
	bottom: 50%;
	-webkit-transform: translateY(50%);
	   -moz-transform: translateY(50%);
	        transform: translateY(50%);
}

/* -------------------------------------------------------------------
Post
------------------------------------------------------------------- */

.post {
	margin: 0 0 80px;
}

.post-title {
	line-height: 1.4;
	font-size: 22px;
	color: #111;
	margin: 0;
}

.post-header {
	margin: 0 0 15px;
}

.post-meta {
	font-size: 11px;
	color: #aaa;
}

.post-entry {
	border-top: 1px dotted #c2c2c2;
	padding-top: 20px;
	margin-top: 10px;
}

.post-images-slider {
	position: relative;
}

.post-images-slider .flex-control-nav {
	bottom: 0;
}

.post-thumbnail,
.post-images-slider,
.post-video {
	margin: 0 0 20px;
}

.post-quote {
	background: #f5f5f5;
	text-align: center;
	padding: 20px;
}

/* Post columns */

.post-columns .post {
	margin: 0 0 60px;
}

.post-columns .post-header {
	margin: 0 0 10px;
}

.post-columns .post-title {
	line-height: 1.8;
	font-size: 14px;
}

.post-columns .post-entry {
	padding: 10px 0 0;
	margin: 0 0 10px;
}

.post-columns .post-entry p:last-child {
	margin: 0;
}

.more-link:after {
	content: "\00BB";
	color: #666666;
	padding-left: 5px;
}

.pagination a {
	border: 1px solid #eaeaea;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	color: #999;
	padding: 4px 12px;
}

.pagination a.active {
	border-color: #CACACA;
}

/* -------------------------------------------------------------------
Widgets
------------------------------------------------------------------- */

.sidebar .widget {
	margin-bottom: 60px;
}

.sidebar .widget-title {
	color: #111;
}

.widget{margin-bottom:20px}
.widget h5 {    margin-bottom: 5px;}
.widget p{color:#333}
.widget .widget-title {
	border-bottom: 1px dotted #c2c2c2;
	font-size: 14px;
	padding: 0 0 5px;
	/*margin: 0 0 15px; */   color: #333;
}

.widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget .icon-list li {
	/*padding: 5px 0;*/
}

.widget .icon-list li a:before {
	content: "\00BB";
	color: #666666;
	padding-right: 5px;
}

.widget-posts li {
	margin: 0 0 15px;
}

.widget-posts li:last-child {
	margin: 0;
}

.widget-posts-image {
	float: left;
	width: 64px;
}

.widget-posts-body {
	margin-left: 74px;
}

.search-box {
	position: relative;
}

.search_form{
  display: table;
}

.search_area .input-group{
  width:100%;
}

/* -------------------------------------------------------------------
Tags
------------------------------------------------------------------- */

.tags a {
	background: #111;
	display: inline-block;
	font-size: 10px;
	color: #fff;
	padding: 4px 10px 4px 12px;
	margin: 0 0 4px;
	-webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.tags a:hover {
	background: rgba(17, 17, 17, .8);
}

/* -------------------------------------------------------------------
Comments and comment form
------------------------------------------------------------------- */

.comments,
.comment-form {
	margin: 80px 0 0;
}

.comments .comment-title,
.comment-form .comment-form-title {
	border-bottom: 1px dotted #c2c2c2;
	font-size: 16px;
	color: #111;
	padding-bottom: 15px;
	margin: 0 0 20px;
}

.comment-author {
	font-size: 14px;
	margin: 0 0 10px;
}

.comment-avatar {
	width: 55px;
	float: left;
	margin-top: 10px;
}

.comment-avatar img {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.comment-content {
	padding-top: 5px;
	margin-left: 75px;
	margin-bottom: 30px;
}

.captchaimg2{
  width: 150px;
  margin-bottom: 10px;
}

.captchaimg{
  width: 225px;
  margin-bottom: 10px;
}

.verify-code-text{
  width: 50%;
  display: inline-block;
}

.verify-code-text2{
  width: 50%;
  margin-left: 5px;
  display: inline-block;
}

/* -------------------------------------------------------------------
Member
------------------------------------------------------------------- */
.table td{
  word-wrap: break-word;
  word-break: break-word;
}

.info-item{
  margin-right:20px;
}
/* -------------------------------------------------------------------
Client logos
------------------------------------------------------------------- */

.client-logo {
	opacity: .5;
}

.client-logo:hover {
	opacity: 1;
}

/* -------------------------------------------------------------------
Scroll to top
------------------------------------------------------------------- */

.scroll-up {
	position: fixed;
	display: none;
	bottom: 7px;
	right: 7px;
	z-index: 999;
}

.scroll-up a {
	background:url(../assets/images/icon_backtop.png)no-repeat center #e1af36;
	display: block;border-bottom:3px solid #d79d2f;
	height: 45px;
	width: 45px;
	border-radius:3px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #000;
	opacity: 0.7;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
}

.scroll-up a:hover,
.scroll-up a:active {
	opacity: 1;
	color: #000;
}

.black-bg{
width:100%;
background:#111;
position:absolute;
height:15px;
    top: -2px;
}



/*-------------------------------------------------------------------
Timeline
--------------------------------------------------------------------*/

.timeline-left-btn{
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: 8px 13px 8px 0; 
  border-color: transparent #eaa52f transparent transparent;
  cursor: pointer;
}

.timeline-right-btn{
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent #eaa52f;
  cursor: pointer;
}


.timeline-detail-btn{
  padding: 5px 20px;
  background: #EEBB65;
  color: #ffffff;

}


.timeline-detail-btn:hover{
  color: #ffffff;
}

.timeline-detail-btn::after{
  content: '\f0da';
  font-family: 'FontAwesome';
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
}

.next-chapter-btn{
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
/* -------------------------------------------------------------------
Responsive Media Querries
------------------------------------------------------------------- */

@media (min-width: 768px) {

	.navbar-transparent {
		/*background: transparent;padding-bottom: 10px;*/
		
		padding-top: 16px;border-top: 4px solid #cf9c2f;
	}

	.navbar-custom .dropdown-menu {
		position: absolute;
		display: block;
		visibility: hidden;
		opacity: 0;
	}

	.navbar-custom .open > .dropdown-menu {
		visibility: visible;
		opacity: 1;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;
		/*border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;*/
	}

	.navbar-custom .dropdown-menu .dropdown-toggle:after {
		position: absolute;
		display: block;
		right: 9px;
		top: 50%;
		margin-top: -6px;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 9px;
		content: "\f105";
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}

	/* Comments */

	.comment .comment {
		margin-left: 75px;
	}

}

@media (max-width: 1199px) {

	/* Features */

	.alt-features-item {
		margin: 20px 0 0;
	}

  .bulletin_item.col-lg-3 .bulletin_img {
    height: 176px;
  }

}

@media (max-width: 991px) {
	.hs-title-size-3 {
		letter-spacing: 8px;
		font-size: 36px;
	}

	.hs-title-size-4 {
		/*letter-spacing: 12px;*/
		font-size: 38px;
	}

	.work-item,
	.works-grid-3 .work-item,
	.works-grid-4 .work-item,
	.works-grid-5 .work-item {
		width: 50%;
	}

	/* Half-image */

	.side-image {
		position: relative;
		height: 300px;
	}

  .bulletin_item.col-lg-3 .bulletin_img {
      height: 406px;
  }

}

@media (max-width: 767px) {
.showtop_new{
	display:block;
}

.item-top{
  display: none;
}
#m_search{
		display:block;
	}
.index-section-event-item-content2{height: initial;}
	/* Navbar */
.nav>li>a {padding: 10px 15px;}
	.navbar-custom .navbar-nav {
		margin-top: 1px;
		margin-bottom: 0;background: #fff;
	}

	.navbar-custom li a:hover {
		background: rgba(255, 255, 255, .1) !important;
	}

	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		padding: 10px 25px;
	}

	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-header,
	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding: 10px 35px;
	}

	.navbar-custom li a,
	.navbar-custom .dropdown-search {
		border-bottom: 1px solid rgba(73, 71, 71, 0.3) !important;
	}

	.navbar-custom .dropdown-toggle:after,
	.navbar-custom .dropdown-menu .dropdown-toggle:after {
		right: 7px;
		content: "\f107";
	}

	.navbar-custom .nav > .open >.dropdown-toggle:after,
	.navbar-custom .dropdown-menu .dropdown.open .dropdown-toggle:after {
		right: 7px;
		content: "\f106";
	}

	/* Headers */

	.hs-title-size-1 {
		letter-spacing: 2px;
		font-size: 14px;
	}

	.hs-title-size-2 {
		line-height: 1.3;
		letter-spacing: 2px;
		font-size: 16px;
		opacity: .8;
	}

	.hs-title-size-3 {
		letter-spacing: 4px;
		font-size: 26px;
	}

	.hs-title-size-4 {
		/*letter-spacing: 6px;*/
		font-size: 28px;
	}

	/* Features */

	.features-item {
		margin: 0 0 30px;
	}

	.alt-features-item {
		padding-left: 0;
		margin: 0 0 30px;
		text-align: center;
	}

	.alt-features-icon {
		position: static;
		width: auto;
		margin: 0 auto 8px;
	}

	/* Callout */

	.callout-text {
		margin: 0 0 30px;
	}

	.callout-text,
	.callout-btn-box {
		text-align: center;
	}

	/* Sidebar */

	.sidebar {
		margin-top: 50px;
	}

	.widget {
		margin-bottom: 60px;
	}

	.post.mb-0 {
		margin-bottom: 40px !important;
	}

	.footer {
		text-align: center;
	}

	.copyright,
	.footer-social-links {
		text-align: center;
		margin: 10px 0;
	}

	/* Half-image */

	.side-image-text {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Restaurant menu */

	.menu-title,
	.menu-detail,
	.menu-price-detail {
		text-align: center;
	}

	/* Scroll up btn*/

	.scroll-up {
		display: none !important;
	}

  .plistm img{
    width: 100%;
  }

  .bulletin_item.col-lg-3 .bulletin_img {
      height: auto;
  }



}

@media only screen and (max-width: 480px) {

	.work-item,
	.works-grid-3 .work-item,
	.works-grid-4 .work-item,
	.works-grid-5 .work-item {
		width: 100%;
	}

}

/* -------------------------------------------------------------------
Multi-columns-row
------------------------------------------------------------------- */

.multi-columns-row .first-in-row {
	clear: left;
}

/*.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }*/
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {

	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

	/*.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }*/
	/*.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }*/
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
	.bulletin_img2 {/* height:201px; */ overflow:hidden;}
}

@media (min-width: 992px) {

	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

	.multi-columns-row .col-md-6:nth-child(2n + 3) { /*clear: left; */}
	/*.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }*/
	/*.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }*/
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
/* 	.bulletin_img img{width:185px; height:113px;} */
}

@media (min-width: 1200px) {

	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	/*.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }*/
	/*.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }*/
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
	/* .bulletin_img img{width:235px; height:144px;} */


}



/* -------------------------------------------------------------------
Vertival margin, padding
------------------------------------------------------------------- */

.p-0    {padding: 0!important}
.pt-0   {padding-top:0!important}
.pt-10  {padding-top:10px!important}
.pt-20  {padding-top:20px!important}
.pt-30  {padding-top:30px!important}
.pt-40  {padding-top:40px!important}
.pt-50  {padding-top:50px!important}
.pt-140 {padding-top:140px!important}

.pb-0   {padding-bottom:0!important}
.pb-10  {padding-bottom:10px!important}
.pb-20  {padding-bottom:20px!important}
.pb-30  {padding-bottom:30px!important}
.pb-40  {padding-bottom:40px!important}
.pb-50  {padding-bottom:50px!important}
.pb-140 {padding-bottom:140px!important}

.m-0 {margin:0 !important}
.mt-0  {margin-top:0 !important}
.mt-10 {margin-top:10px !important}
.mt-20 {margin-top:20px !important}
.mt-30 {margin-top:30px !important}
.mt-40 {margin-top:40px !important}
.mt-50 {margin-top:50px !important}
.mt-60 {margin-top:60px !important}
.mt-70 {margin-top:70px !important}
.mt-80 {margin-top:80px !important}

.mb-0  {margin-bottom:0!important}
.mb-10 {margin-bottom:10px !important}
.mb-20 {margin-bottom:20px !important}
.mb-30 {margin-bottom:30px !important}
.mb-40 {margin-bottom:40px !important}
.mb-50 {margin-bottom:50px !important}
.mb-60 {margin-bottom:60px !important}
.mb-70 {margin-bottom:70px !important}
.mb-80 {margin-bottom:80px !important}

@media only screen and (max-width:991px) {

	.mt-sm-0  {margin-top:0!important}
	.mt-sm-10 {margin-top:10px !important}
	.mt-sm-20 {margin-top:20px !important}
	.mt-sm-30 {margin-top:30px !important}
	.mt-sm-40 {margin-top:40px !important}
	.mt-sm-50 {margin-top:50px !important}
	.mt-sm-60 {margin-top:60px !important}
	.mt-sm-70 {margin-top:70px !important}
	.mt-sm-80 {margin-top:80px !important}

	.mb-sm-0  {margin-bottom:0!important}
	.mb-sm-10 {margin-bottom:10px !important}
	.mb-sm-20 {margin-bottom:20px !important}
	.mb-sm-30 {margin-bottom:30px !important}
	.mb-sm-40 {margin-bottom:40px !important}
	.mb-sm-50 {margin-bottom:50px !important}
	.mb-sm-60 {margin-bottom:60px !important}
	.mb-sm-70 {margin-bottom:70px !important}
	.mb-sm-80 {margin-bottom:80px !important}

}

@media only screen and (max-width:767px) {
	
	.mt-xs-0  {margin-top:0!important}
	.mt-xs-10 {margin-top:10px !important}
	.mt-xs-20 {margin-top:20px !important}
	.mt-xs-30 {margin-top:30px !important}
	.mt-xs-40 {margin-top:40px !important}
	.mt-xs-50 {margin-top:50px !important}
	.mt-xs-60 {margin-top:60px !important}
	.mt-xs-70 {margin-top:70px !important}
	.mt-xs-80 {margin-top:80px !important}

	.mb-xs-0  {margin-bottom:0!important}
	.mb-xs-10 {margin-bottom:10px !important}
	.mb-xs-20 {margin-bottom:20px !important}
	.mb-xs-30 {margin-bottom:30px !important}
	.mb-xs-40 {margin-bottom:40px !important}
	.mb-xs-50 {margin-bottom:50px !important}
	.mb-xs-60 {margin-bottom:60px !important}
	.mb-xs-70 {margin-bottom:70px !important}
	.mb-xs-80 {margin-bottom:80px !important}

  .verify-code-text{
    width: 100%;
    display: block;
  }

}
@media (max-width:991px) {
.navbar-header{
width:170px;
}
}

@media (max-width:767px) {
.navbar-header{
width:100%;
}
/* 8/3/2017 */
.inner-banner22{/* height: 170px !important; */}
.path{display:none;}
.path_m{/*padding:15px;*/}
.events_past_item {border-bottom: 2px dashed #D9DADB;}
.events_past_date{padding-top:10px;}
.navbar-brand{
  width: 220px;
}
.navbar-toggle{
margin-right:0px;
}
.navbar-brand {width: 240px !important;}
.navbar-brand img{ height: 42px;}

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


/* timeline */


.video_layer{
		position:relative;
		margin:0 auto;
	}
	.video_layer_txt{
		position:relative;
		margin:0 auto;
	}
	.timeline_content{
		width:900px;
		margin:0 auto;
		padding-top:20px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	
	.timeline_content .year-title{
		color: #e1af36;
		font-size:30px;
	}
	.timeline_content .year-title .triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 10px 10px;
		border-color: transparent transparent #e1af36 transparent;
		position: relative;
		top: -18px;
		left: 4px;
	}
	.timeline_content .title{
		color: #e1af36;
		font-size:20px;
	}
	.timeline_content .timecontent{
		font-size:16px;
	}
	/* Styles specific to this particular page */

  #timeline-wrapper{
    height: 77vh;
  }
	.timeline_content2
	{
		/*height: 450px;*/
    height: calc( 70vh - 104px );
		overflow: auto;
	}
	.jspTrack {
		background: #FAE8CB !important;
	}

	.jspDrag {
		background: #EAA52F !important;
	}
	.jspVerticalBar{
		width:33px!important;
		background: none!important;;
	}
	.jspTrack{
		width:50%;
		margin-left: 12px;
	}
	.circle {
		background-color: #4F4E50;
		background-size: 156px 156px;
		border-radius: 50%;
		width: 72px;
		height: 72px;
		position: relative;
		z-index: 2;
	}
	
	.circle.active {
		background-color: #e1af36;
	}
	
	.b_name.active {
		color: #e1af36;
	}
	.b_name{
		color:#4F4E50;
	}
	.circle2 {
		background-color: #4F4E50;
		background-size: 156px 156px;
		border-radius: 50%;
		width: 16px;
		height: 16px;
		position: relative;
		z-index: 2;
	}
	.circle2.active {
		background-color: #e1af36;
	}
	
	.circle div{
		font-size: 26px;
		position: relative;
		top: 13px;
		left: 5px;
		color: #fff;
	}
	
	.timeline_line{
		width: 65px; height:2px; background-color:#4F4E50;
	}
	.timeline_line.active{
		background-color:#e1af36;
	}
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		
		margin: 0;
		padding: 0;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	#makeMeScrollable {
		width: 860px;
    /*width: 780px;*/
		position: relative;
		clear: both;
		height: 80px;
	}
	.scrollWrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.f_close{
		position: relative;
		right: 0px;
		width: 100%;
		text-align: right;
		margin-bottom: 20px;
	}
	.month_timeline{
		position: absolute!important; top: -30px;left: -12px;text-align:center;color:#4F4E50;line-height: 20px;font-weight:bold;
	}
	
	.month_timeline a{
		color:#fff;
	} 
	
	.month_timeline.active a{
		color:#e1af36; 
	}
	
/* 20170310 */
	.plist{
		padding-bottom:70px;

	}
	.plistm div{
		text-align:center;
		 cursor: pointer;
	}
	.plistm plist{
		padding-left:5px;
		position: relative;
	}
	.plistm img{
		-webkit-box-shadow: 3px 7px 17px -4px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 7px 17px -4px rgba(0,0,0,0.75);
		box-shadow: 3px 7px 17px -4px rgba(0,0,0,0.75);
    width: 80%;
	}
	
	
	.plist1:nth-child(even){
		position: relative;
		top: 30px;
	}
	.plist2:nth-child(odd){
		position: relative;
		top: 30px;
	}
	.col-xs-20 {
	   width: 20%;
	   float: left;
	}
	
	.text-box {
    width:80%;
    bottom: -2px;
    position: absolute;
		/*background-image:url('../../files/people/overlayer.png');*/
    background-color: rgba(235, 166, 47, 0.85);
		color:#fff;
		left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);"
		font-size:17px;
		/* font-weight:bold; */
		padding-top:5px;
		padding-bottom:5px;
	}
	
	
	.plistm img:hover + .text-box {
    color:#F4D297;
	}
	.text-box:hover{
    color:#F4D297;
	}
	.plistm .col-sm-3:nth-child(4n + 5){
			clear:none;
	   }
	   .plistm .col-xs-3:nth-child(4n + 5) {
			clear: none;
		}
	@media (min-width: 768px) {
	   .col-sm-20 {
		  width: 20%;
		  float: left;
	   }
	   
	   .plist1:nth-child(even){
			position: relative;
			top: 0px;
		}
		.plist2:nth-child(odd){
			position: relative;
			top: 0px;   clear: both;
		}
		.plistm .plist:nth-child(even){
			position: relative;
			/*top: 30px;*/
      top:0px;
		}

   
  }
	@media (min-width: 992px) {
	   .col-md-20 {
		  width: 20%;
		  float: left;
	   }
	}
	@media (min-width: 1200px) {
	   .col-lg-20 {
		  width: 20%;
		  float: left;
	   }
	}


  @media only screen and (max-width: 1200px) {
   .verify-code-text2{
      width: 100%;
      margin-top: 10px;
    }
  }


	@media only screen and (max-width: 767px){
		.plist1:nth-child(even){
			position: relative;
			top: 0px;
		}
		.plist2:nth-child(odd){
			position: relative;
			top: 0px;   clear: both;
		}
		.plistm .plist:nth-child(even){
			position: relative;
			/*top: 30px;*/
      top:0px;
		}

     #timeline-wrapper{
      height: 600px;
    }



    .timeline_content2
    {
      height: 450px;
      
    }

    .mobile-menu-collapsed .arrow:before{
      font-family: FontAwesome;content: "\f078";display: inline-block;vertical-align: middle;float: right; padding-right:10px; color: #666;font-size: 10px;
    }

    .caption-content{
      display: none;

    }

    .inner-banner{
      height: 200px !important;
      background-image: none !important;

    }

    .home-section{
      background-color: #f3f3f3;
    }
	}
	@media only screen and (max-width: 549px){
		.plistm .col-sm-3{
			width:50%;
		}		
		.plistm .plist{
			position: relative;
			top: 0px!important;
		}	
		.plist{
		padding-bottom:30px;
		}
		
	}