/* CSS Document */

body{ background:#d5d3d1; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px;font-family: calibri; color:#393939}
/*FONTS*/
@font-face {font-family: chaparralpro; src: url(../fonts/ChaparralPro-Regular.otf);}
@font-face {font-family: calibri; src: url(../fonts/calibri.ttf);}
.clearer{ clear:both;}

.wrap{}
.container{ width:1170px; margin:0 auto; padding:0px;}

#header{ width:100%; float:left;}
.banner{ background:#393939 url(../images/bg-banner.jpg) center bottom no-repeat; height:460px; background-size:cover;}
.logo a{ float:left; background:#5dcdd1; color:#fff;font-family: chaparralpro; text-align:center; font-size:48px; padding:28px;-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75); text-decoration:none}

.address{ float:right; color:#FFFFFF; text-align:right;font-size:26px;}
.address p{ margin:8px 0;}
.address p a{ text-decoration:none; color:#FFFFFF; font-size:26px;}
.address p a:hover{color:#5dcdd1 }

#sticky_navigation_wrapper { width:100%; height:44px; }
#menu { width:100%; background:#393939; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; z-index:1 ;height:46px;}
#menu ul { list-style:none; margin:0; padding:0px;}
#menu ul li { margin:0; padding:0; display:inline; }
#menu ul li a { display:inline-block; color:#333333; font-size:20px; text-decoration:none; background-color:#FFFFFF; padding:10px 45px; text-align:center; text-transform:uppercase;}
#menu ul li a:hover, #sticky_navigation ul li a.selected { background:#393939; color:#fff }
#menu ul li a.active{ background:#393939; color:#fff }



.welcome { padding:15px 0; font-size:18px;}
.welcome p{ font-size:26px; margin:10px 0;font-family: chaparralpro;}
.boxcontent{ margin-bottom:25px; width:100%; float:left;}

.boxcalendar{ width:100%; float:left; margin-bottom:20px;}
.boxcalendar .calendar-item-style{width:25%; float:left; background:transparent;}
.boxcontent .item{ width:32%; float:left; background:#fff; margin-right:2%}
.boxcontent .item .cover{ height:250px; overflow:hidden;}
.boxcontent .item .cover img{ width:100%}
.boxcontent .item:last-child{ float:right; margin-right:0px;}
.boxcontent .calendar-item{ width:23%; float:left; background:transparent; margin-right:2%}
.boxcontent .calendar-item-style{width:25%; float:left; background:transparent;}
.detail{ background-color:#FFFFFF; padding:15px; font-size:20px;}
.detail p{ margin-bottom:15px; margin-top:0px; min-height:112px;}
.btn{ margin:5px;}
.btn a{ margin:10px 0; background:#5dcdd1; color:#FFFFFF; padding:10px 15px; text-decoration:none; display:block; text-align:center; font-size:22px; width:180px; margin: 0 auto;}
.btn a:hover{ background:#393939; color:#FFFFFF;}

.footer{ background:#393939; color:#fff; text-align:center; padding:10px; margin-top:20px;font-family: chaparralpro;}
.footer p{ font-size:36px; margin:3px;}
.footer .menufooter{ margin:20px 0;}
.footer .menufooter a{ color:#FFFFFF; text-decoration:none; padding:0 8px; border-right:solid 1px #fff; display:inline-block;}
.footer .menufooter a:hover{ color:#5dcdd1; text-decoration:underline;}
.footer .menufooter a:last-child{ border-right:none}



.slider-pro {
    font-family: "Open Sans",Arial;
}
#example1 .sp-thumbnail {
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding: 8px;
    width: 100%;
}
#example1 .sp-thumbnail-title {
    color: #333;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#example1 .sp-thumbnail-description {
    color: #333;
    font-size: 14px;
}
@media (max-width: 860px) {
#example1 .hide-medium-screen {
    display: none;
}
}
@media (max-width: 640px) {
#example1 .sp-layer {
    font-size: 12px;
}
#example1 .hide-small-screen {
    display: none;
}
}
@media (max-width: 500px) {
#example1 .sp-thumbnail {
    text-align: center;
}
#example1 .sp-thumbnail-title {
    font-size: 12px;
    text-transform: uppercase;
}
#example1 .sp-thumbnail-description {
    display: none;
}
}
#example3 .sp-selected-thumbnail {
    border: 4px solid #5dcdd1;
}
#example4 .sp-slides-container {
    background-color: #f4f4f4;
}
#example4 h3 {
    margin: 0 0 10px;
}
#example4 p {
    margin: 0 0 30px;
}
#example4 .sp-thumbnail-container {
    height: 130px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 200px;
}
#example4 .sp-image-text {
    background: rgba(80, 80, 80, 0.5) none repeat scroll 0 0;
    color: #fff;
    padding: 20px;
}
.links {
    margin-top: 10px;
    text-align: center;
}
#example5 .sp-thumbnail-image-container {
    float: left;
    height: 80px;
    overflow: hidden;
    width: 100px;
}
#example5 .sp-thumbnail-image {
    height: 100%;
}
#example5 .sp-thumbnail-text {
    background-color: #f0f0f0;
    box-sizing: border-box;
    float: right;
    padding: 8px;
    width: 170px;
}
#example5 .sp-thumbnail-title {
    color: #333;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#example5 .sp-thumbnail-description {
    color: #333;
    font-size: 14px;
}
@media (max-width: 500px) {
#example5 .sp-thumbnail {
    text-align: center;
}
#example5 .sp-thumbnail-image-container {
    display: none;
}
#example5 .sp-thumbnail-text {
    width: 120px;
}
#example5 .sp-thumbnail-title {
    font-size: 12px;
    text-transform: uppercase;
}
#example5 .sp-thumbnail-description {
    display: none;
}
}