@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';

    src: url('../fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-BdCn.svg#glyphicons_halflingsregular') format('svg');
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Reset ================================================================================= */
* { margin:0; padding:0; }
html {
    height: 100%;
    width: 100%;


}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.42857;
    color: #666666;
    background: #f3f3f3;

}



/* ============================= pagination  ================================ */
.pagination{margin: 5px auto;padding: 12px 0;text-align: center;}
.pagination a{ border:solid 1px #d2d2d2; color: #444444; margin-right:2px; }
.pagination span{ border:solid 1px #ddd; margin-right:2px;}
.pagination .active{border:solid 1px #e0e0e0;color:#000;font-weight:bold;}
.pagination a:link, .pagination a:visited{padding:6px 10px;text-decoration:none;}
.pagination span{color:#b6b6b6;	padding:6px 10px;text-decoration:none;}
.pagination a:hover{border:solid 1px #b2b2b2;}
/* ============================= pagination  ================================ */


/* ============================= Breadcrumb  ================================ */
.breadcrumb { padding: 15px 0px;}
.breadcrumb ul li { display: inline-block; font-size:16px; padding: 0 5px 0 0; line-height: 1.3em; }
.breadcrumb ul li.ative { color: #999999;}
.breadcrumb ul li a{color: #428BCA;}
/* ============================= Breadcrumb  ================================ */

/*
.container{ width: 980px; }
.wrap-content{background-color: #fff;  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14); -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);}
 }


header{ height:130px; position:relative; width:100%;  }
header #logo{ width:110px; height:115px; position:absolute; top:15px; left:15px;}*/
#wraper{ background: url("../images/bg-main.jpg") no-repeat scroll 50% top; padding-top: 48px;   }
.wrap-container {
    max-width: 990px;
    margin: 0 auto; 
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14); 
    background: #fff;

}
.wrap-container { margin-bottom: 20px; }


header{ /*padding: 30px 0;*/ margin: 20px 0 0 0; padding: 20px 0; position: relative; background: #056e87;}
header #logo{ margin-left: 40px;}
header .slogan{ margin:50px 0 0 ; }

footer{
    /*background: url(../images/bg-footer.png) repeat-x 0 0;*/
    background: #353434;
    position: relative; 
    padding: 15px 20px;
    border-top: 3px solid #056e87;
}
footer h1{text-transform: uppercase; font-size: 16px; color: #fff; font: bold 16px/18px "Roboto",sans-serif;}
footer .socials { font-size:28px; overflow:hidden; padding: 0 0 10px 0; }
footer .socials a { float:left; margin:0 20px 0 0; color:#d9d8d8; }
footer .socials a:hover { color:#fff; }
footer ul{list-style-type: none;}
footer  address{font-size: 14px; margin-bottom: 10px; color: #d9d8d8;}
footer  address i{font-size: 20px; color: #d9d8d8;}
footer .contact-footer{font-size: 14px;}
footer .contact-footer ul li { padding-bottom: 10px; color: #d9d8d8;}
footer .contact-footer i{font-size: 20px; color: #d9d8d8; margin-right: 10px;}

footer ul.nav-menu{}
footer ul.nav-menu li{font-size: 14px; text-transform: uppercase;}
footer ul.nav-menu li a{color: #d9d8d8;  padding-bottom: 10px; }

p#copy-right{text-align: center; padding: 0 0 10px 0;}


#banner-slide{margin-bottom: 20px;}

#home-page-introduction{}
#home-page-introduction .col-lg-3 { margin-bottom: 20px; text-align: center;}
#home-page-introduction .col-lg-3 h2{color: #333; font-family:"HelveticaNeueLTStd-BdCn",sans-serif;}
#home-page-introduction .img-circle{ margin-bottom: 10px;}

#home-page-event { padding-bottom: 20px;}
#home-page-event h2{color: #fff; font-size: 20px; font-family:"HelveticaNeueLTStd-BdCn",sans-serif; margin-top: 0; margin-bottom: 20px; background:#056e87; padding: 10px 15px; }

.home-pate-welcome {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.home-pate-welcome img{ margin-bottom: 10px;}

#home-page-latest-news {}
#home-page-latest-news ul{list-style-type: none;}
#home-page-latest-news ul li{ margin-bottom: 15px; background: url("../images/dotted_border.gif") repeat-x bottom;}
#home-page-latest-news ul li .item-published{text-transform: uppercase; font-size: 12px; padding-bottom: 10px; font-weight: bold; color: #333;}
#home-page-latest-news ul li .item-title h3{margin-top: 0; margin-bottom: 0;font-size: 12px; text-transform: uppercase; padding-bottom: 10px; line-height: 1.3em;}
#home-page-latest-news ul li .item-title h3 a{color: #333;}
#home-page-latest-news ul li .item-title h3 a:hover{text-decoration: underline;}
#home-page-latest-news ul li .item-intro{font-size: 12px; line-height: 1.3em; padding-bottom: 10px;}

#contact-block ul{list-style-type: none; margin-top: 30px;}
#contact-block ul li{ margin-bottom: 10px;}

#contact-block em.bg-red{background: #fe2a2a;}
#contact-block em {
    float: left;
    width: 60px;
    height: 60px;
    margin: 3px 10px 0 0;
    font-size: 30px;
    color: white;
    line-height: 60px;
    text-align: center;
    background: #056e87;
    //background: #fe2a2a;
    //background: #91bd88;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px; }
@media (max-width: 991px) {
    #contact-block em {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px; } }

#contact-block .type-text {
    overflow: hidden; }
#contact-block h3 {
    margin: 0 0 8px;
    font: bold 18px/18px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #333333; }
#contact-block p {
    /*text-transform: uppercase;*/
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0;
}

#left-content,#content{ margin-top: 20px;}
#content p{ font-size: 14px; line-height: 1.3em; padding-bottom: 10px; color: #333;}
#content h1.header-content{ margin: 0 0 10px 0; padding: 0 0 5px 0;}

/* BOX CATEGORY */
.box-category ul {
    list-style: none;
    display:inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.box.category li{
    position:relative;
    float:left;
    width:100%;
}
.box-category > ul > li{
    border-top:1px solid #fff;
    width:100%;
}
.box-content {
    padding-bottom:20px;
}
.box-content {
    background:#ececec;
    padding-bottom:0;
}
.box.category {
    margin-bottom: 30px;
}
/*.box.category {
        line-height:0;
}*/
.box-category > ul > li > a {
    font-size:14px;
    line-height:19px;
    padding:5px 5px 6px 15px;
    display:inline-block;
    font-weight:bold;
    text-transform:uppercase;
    color:#333;	
    float:left;
    width:100%;
}
.box-category > ul > li.parent > a {
    width:auto;
}
.box-category  ul > li.active>a, 
.box-category  ul > li>a:hover {
    color:#056e87;
}
.box-category  >ul > li.active>a, 
.box-category  >ul > li>a:hover {
    background:#fff;
}
.box-category > ul > li.parent>a:hover {
    background:none;
}
.box-category > ul > li.active {
    background:#fff;
}
.box-category  ul > li.active >i{
    color:#f12a2d;
}
.box-category > ul > li:first-child {
    border:0;
}
.box-category > ul > li {
    position:relative;
}
.box-category > ul > li strong {
    display:none;
}
.box-category > ul > li.last {
    border:none;
}
.act-cat {
    position:absolute;
    top:9px;
    right:6px;
}
.box-heading{
    font-size:18px;
    line-height:24px;
    color:#333;
   
    text-transform:uppercase;
    padding:5px 10px 6px 14px;
    background:#ececec;

    margin-bottom:30px;
}
.box-heading {
    margin-bottom:0;
    color:#fff;
    background: #353434;
    font-family: "HelveticaNeueLTStd-BdCn";
/*    background:#e92629;
    border-bottom: 1px solid #801212;*/
}


.sf-menu-block,.sf-menu-block-footer{  position: relative; width: 100%; margin: 0; padding: 10px 15px;  display: none; }
.sf-menu-block a{ position: absolute; right: 0px; top: -13px; font-size: 18px; color: #fff;}
.sf-menu-block h1,.sf-menu-block-footer h1{ font-size: 14px; margin: 0;} 

.sf-menu-block-footer a{ position: absolute; right: 0px; top: -8px; font-size: 18px; color: #d9d8d8;}

.navbar-collapse-sidebar{ width: 100%;}
.navbar-wrapper .navbar-inverse{ background-color: #056e87}
.navbar-wrapper .navbar-inverse i{color: #fff;}
.navbar-wrapper .navbar-inverse ul{ }
.navbar-wrapper .navbar-inverse ul li {font-family: "HelveticaNeueLTStd-BdCn"; font-size: 16px;}
.navbar-wrapper .navbar-inverse ul li a{color: #fff;}
.navbar-wrapper .navbar-inverse .navbar-nav > .active > a, .navbar-wrapper .navbar-inverse .navbar-nav > .active > a:hover, .navbar-wrapper  .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #353434;
}
ul.navbar-nav li{font-family:"Roboto",sans-serif; text-transform: uppercase; /*border-right: 1px solid #fff;*/}



/* News  & Event */
#news-and-event{margin-top: 15px; margin-bottom: 15px;}
#news-and-event .latest-items{ padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc;} 
#news-and-event .latest-items h2{ margin-top: 0;  color: #2d2d2d; font-size: 22px; font-weight: normal; line-height: 25px; margin-bottom: 0; text-transform: none; padding-bottom: 10px;}
#news-and-event .latest-items h2 a{color:#2d2d2d; text-decoration: none;}
#news-and-event .latest-items h2 a:hover{color:#056e87;}

#news-and-event .latest-items .item-img img{ margin: 0 auto;}
#news-and-event .latest-items p{color: #333; line-height: 1.3em; padding-bottom: 5px; margin: 0;}
#news-and-event .latest-items p.item-published{color: #056e87; font-size: 14px; font-weight: bold;}

/* Viedo */
#viedo-clip{ margin-top: 20px ; margin-bottom: 20px;}
#viedo-clip figure{position:relative; margin-bottom: 10px;}
#viedo-clip figure .video_icon{display:block;position:absolute;	left:0;	top:0;	width:100%;height:100%;	background: url(../images/video_icon.png) no-repeat 50% 50%;z-index:1;	opacity: 0;}
#viedo-clip figure .opacity1 {opacity: 1;}
#viedo-clip figure img{ max-height: 130px;}
#viedo-clip .item { margin-bottom: 15px;}
#viedo-clip .item  h2 { color: #2d2d2d; font-size: 16px; font-weight: normal; line-height: 25px;; margin-bottom: 0; text-transform: none;  margin-top: 0;padding-bottom: 10px; text-transform: uppercase; overflow:  hidden; height: 80px;  }
#viedo-clip .item  h2 a{color:#2d2d2d; text-decoration: none;}
#viedo-clip .item  h2 a:hover{color:#056e87;}

#viedo-clip .embed-responsive{margin-top: 10px;}

/* Gallery */
#gallery{ margin-top: 20px ; margin-bottom: 20px;}
#gallery figure{position:relative; margin-bottom: 10px;}
#gallery figure .video_icon{display:block;position:absolute;	left:0;	top:0;	width:100%;height:100%;	background: url(../images/video_icon.png) no-repeat 50% 50%;z-index:1;	opacity: 0;}
#gallery figure .opacity1 {opacity: 1;}
#gallery .item  h2 { color: #2d2d2d; font-size: 18px; font-weight: normal; line-height: 25px;; margin-bottom: 0; text-transform: none;  margin-top: 0;padding-bottom: 10px; text-transform: uppercase; }
#gallery .item  h2 a{color:#2d2d2d; text-decoration: none;}
#gallery .item  h2 a:hover{color:#056e87;}




#slider1_container{ margin-bottom: 20px;}



#about-us,#news-event{width: 80%;}

/* About Us */
#about-us h1{ border-bottom: 1px solid #056e87; color: #056e87; font-size: 24px; line-height: 1.3em;font-family: "HelveticaNeueLTStd-BdCn";  margin-bottom: 15px; overflow: hidden; padding: 0 0 17px;  text-transform: uppercase; text-align: center;}
#about-us h2{font: 20px/130% "Roboto",sans-serif; color: #387e00;}
#about-us p{ font-size: 16px; padding-bottom: 20px; text-align:center;}

h1.title{ border-bottom: 1px solid #056e87; color: #2d2d2d; font: 18px/130% "Roboto",sans-serif;  margin-top: 0; margin-bottom: 15px; padding-bottom: 10px;   text-transform: uppercase;}
.view-img-item{ margin: 20px auto;}
.view-img-item img{ margin: 0 auto; }
.view-item-published{ text-align:  right; padding: 10px; font-size: 12px !important; color:#056e87 !important; }

#error_404{text-align: center; margin: 20px 0;}
#error_404 h1{color: #000;}
#error_404 p{ font-size: 16px;}
#error_404 h1,#error_404 p{font-weight: bold;}

h1.header-content{border-bottom: 1px solid #056e87; color: #056e87; font-size: 24px; line-height: 1.3em;font-family: "HelveticaNeueLTStd-BdCn"; margin-bottom: 15px; overflow: hidden; padding: 0 0 17px;  text-transform: uppercase; text-align: center;}

/* Reservation */
#reservation{}
#reservation ul{list-style-type: none; margin-top: 30px;}
#reservation ul li{ margin-bottom: 10px;}
#reservation .type-text{ display: block; text-align: center;}
#reservation h3{ margin: 0 0 10px 0;font-family: "HelveticaNeueLTStd-BdCn";}
#reservation p {font-size: 16px; color: #393939;}

#reservation em.bg-orange{background: #b52d0c;}
#reservation em.bg-green{background: #31952d;}
#reservation em.bg-pink{background: #a31f5b;}
#reservation em.bg-blue{background: #1e52a5;}

#reservation em {    
    width: 90px;
    height: 90px;
    margin: 3px auto 10px 0;
    font-size: 50px;
    color: white;
    line-height: 90px;
    text-align: center;
    background: #056e87;
    //background: #fe2a2a;
    //background: #91bd88;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px; 
}

#our-service{}
#our-service .our-service-activities ul{list-style-type: none; margin: 20px 0;}
#our-service .our-service-activities ul li div p{text-align: center;font-size: 16px;}

#our-service .our-service-activities ul li img{margin: 0 0 10px 0;} 
#our-service .our-service-activities ul li .type-text{ display: block; text-align: center;}
#our-service .our-service-activities ul li .type-text ul { margin: 0 0 15px 0px; }
#our-service .our-service-activities ul li .type-text ul li{text-align:  left !important; padding: 0 0 5px 15px; list-style-type: disc; font-size: 14px;  }


#our-service h3{ margin: 0 0 10px 0; font-family: "HelveticaNeueLTStd-BdCn";}
em.bg-green{background: #28c200;}
em.bg-pink{background: #b9095f;}
em.bg-orange{background: #c27000;}
em.bg-blue{background: #0d6fb4;}
em.bg-purple{background: #693b86;}
em.bg-blue-1{background: #1e52a5;}


#our-service em {    
    width: 90px;
    height: 90px;
    margin: 3px auto 10px 0;
    font-size: 50px;
    color: white;
    line-height: 90px;
    text-align: center;
    //background: #fe2a2a;
    //background: #91bd88;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px; 
}
#our-service p{text-align: left;}
#our-service .type-text{ display: block; text-align: center;}

.content{ padding: 20px 0;}

#contact-us{}
#contact-us ul{list-style-type: none; display: block;}
#contact-us ul li{margin-bottom: 25px; text-align: center;}
#contact-us em{
    width: 90px;
    height: 90px;
    margin: 0px 0px 10px 0px;
    font-size: 40px;
    color: white;
    line-height: 90px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px; 
    /*float: left;*/
}
#contact-us .type-text {
    overflow: hidden;
}
#contact-us .type-text p{ font-size: 18px;  display: table-cell; vertical-align: middle; color: #5b5a5a; text-align: center; display: block;}

.action > .previous a {
    background-color: #666 !important;
    color: #fff !important;
}
h2.title-detail{color: #056e87; font-size: 20px; margin: 0 0 10px 0;}

#brochur{ margin: 20px 0;}
#brochur .item{ margin-bottom: 20px;}   
#brochur .item img{ align:center;}   
#brochur h1{ font-size: 22px; font-family: "HelveticaNeueLTStd-BdCn"; text-align: center;}

#pat-talk{ }
#pat-talk ol{ padding: 10px  20px;}
#pat-talk ol li{ padding-bottom: 10px; font-size: 16px;}

#articles-link{ padding: 20px 0;}
#fb_like{ margin-bottom: 20px;}
#fb_comment{}

#google-maps{ width: 700px; margin: 0 auto;}

p.partner{ text-align: right; font-size: 10px; color: #f3f3f3; margin: 0; padding: 0;}
p.partner a{color: #f3f3f3;text-decoration: none;}