body,html{
/*font-family: Arial, 'Prompt', sans-serif;
*/
font-family: Arial, sans-serif;
color: #333;
}
body .fsz_m{
font-size: 14px;
line-height: 28px;
}
body .fsz_l{
font-size: 16px;
line-height: 33px;
}
.banner_page figure{
text-align: center;
}
.banner_page figure img{
margin: 0 auto;
}
.btn_galldownload{
background: none;
border: 0;
background-color: #472608;
border-radius: 25px;
height: 33px;
padding: 0 25px;
color: #fff;
float: right;
cursor: pointer;
}
.boxsignup{
width: 360px;
}
.nopad{
padding-left: 0;
padding-right: 0;
}
.linetop{
width: 100%;
height: 7px;
background: rgba(255,255,255,0.5);
position: absolute;
z-index: 9;
}
.caption_homebanner{
position: absolute;
z-index: 9;
color: #fff;
top: 30%;
left: 5%;
width: 40%;
}
.caption_homebanner h1{
text-transform: uppercase;
letter-spacing: 1px;
}
.caption_homebanner div{
font-size: 20px;
line-height: 33px;
margin-bottom: 20px;
}
.btn_watchvdo{
background-color: #ffe6cb;
border-radius: 25px;
color: #472608;
display: inline-block;
padding: 5px 30px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
.btn_watchvdo:hover{
text-decoration: none;
color: #472608;
}
.wrap_contenthome{
margin-top: 2px;
background-image: url(../images/bg_home.jpg);
background-repeat: repeat;
text-align: center;
padding: 50px 0;
}
.wrap_contenthome h6{
text-transform: uppercase;
color: #a19c90;
letter-spacing: 1px;
}
.wrap_contenthome.fsz_m h6{
font-size: 1rem;
}
.wrap_contenthome.fsz_l h6{
font-size: 1.2rem;
}
.wrap_contenthome h5{
font-style: italic;
color: #472608;
font-weight: 700;
line-height: 33px;
margin: 7px 0;
}
.wrap_contenthome.fsz_m h5{
font-size: 1.25rem;
}
.wrap_contenthome.fsz_l h5{
font-size: 1.35rem;
}
.wrap_highlighupdates{
background-image: url(../images/bg_homecalendar_03.jpg);
background-repeat: no-repeat;
text-align: center;
padding: 60px 45px 29px;
border-right: 7px solid rgba(255,255,255,0.2);
}
.wrap_highlighupdates h5{
text-transform: uppercase;
color: #fff;
letter-spacing: 0.5px;
}
.line_bottom{
width: 25px;
height: 1px;
background-color: #fff;
margin: 15px auto 20px;
}
.highlight_date{
color: #f4e7c5;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 24px;
}
.highlight_title{
color: #fff;
font-size: 18px;
height: 60px;
margin: 10px 0;
}
.link_highlightupdate:hover{
text-decoration: none;
}
.highlight_detail{
color: #fff7e3;
height: 140px;
margin-bottom: 15px;
}
.wrap_vdohighlight{
padding: 0;
}
.wrap_vdohighlight iframe{
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.wrap_vdohighlight figure{
height: 468px;
margin-bottom: 0;
position: relative;
display: block;
}
.wrap_vdoupdate{
padding: 0;
}
.wrap_vdoupdate iframe{
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.wrap_vdoupdate figure{
height: 403px;
margin-bottom: 0;
position: relative;
display: block;
opacity: 0.8;
}
.wrap_vdoslidetop iframe{
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.wrap_vdoslidetop figure{
height: 403px;
margin-bottom: 0;
position: relative;
display: block;
opacity: 0.8;
}
.desc_updatevdo{
position: absolute;
z-index: 9;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
color: #fff;
}
.desc_updatevdo h3{
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 25px;
}
.desc_updatevdo h5{
margin-top: 20px;
}
.wrap_highlightslide{
margin-top: 1px;
background-image: url(../images/bg_square_03.jpg);
background-repeat: repeat;
padding: 40px 0 30px;
}
.wrap_highlightslide h3{
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 25px;
font-weight: bold;
}
.topic_highlight2{
color: #000;
font-size: 17px;
height: 60px;
}
.desc_highlight2{
height: 115px;
}
.link_highlightslide{
display: block;
text-align: center;
color: #666;
}
.link_highlightslide:hover{
text-decoration: none;
color: #333;
}
.link_highlightslide figure{
position: relative;
height: 186px;
overflow: hidden;
}
.link_highlightslide figure span{
position: absolute;
border: 5px solid rgba(255,255,255,0.5);
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_highlightslide .btn_morehl{
opacity: 0;
position: absolute;
background-color: #666;
color: #fff;
border-radius: 25px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 11;
font-size: 12px;
padding: 5px 20px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: nowrap;
}
.link_highlightslide:hover .btn_morehl{
opacity: 1;
}
.link_highlightslide:hover span{
background: rgba(255,255,255,0.7);
width: 100%;
height: 100%;
}
.wrap_socialfooter{
background-image: url(../images/bg_social_02.jpg);
padding: 40px 0 30px;
}
.title_socialbottom{
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #472608;
margin-bottom: 10px;
font-size: 24px;
}
.wrap_boxlink{
background-color: #26170a;
padding: 7px;
}
.boxllink_border{
border: 1px solid rgba(255,255,255,0.5);
padding: 15px;
}
.namelinks{
position: relative;
color: #f1e6db;
padding:10px 0 10px 19px;
display: block;
border-bottom: dotted 1px #988d80;
}
.namelinks:before{
content: "";
background-image: url(../images/arrow_link_03.png);
width: 9px;
height: 15px;
position: absolute;
top: 15px;
left: 0;
}
.linkstarget:hover .namelinks{
color: #fff;
}
.linkstarget:hover{
text-decoration: none;
}
.thump_gall{
padding: 10px;
}
.thump_gall img{
border: 1px solid #fff;
}
.box_thumpgall{
margin: -10px -10px 0;
}
.active_content{
vertical-align: top;
padding: 30px 0 60px;
}
.active_contentmain{
vertical-align: top;
padding: 30px 0;
}
.active_content h5, .active_contentmain h5{
color: #472608;
text-transform: uppercase;
font-weight: bold;
}
.active_content p, .active_contentmain p{
margin-bottom: 7px;
}
.active_content img, .active_contentmain img{
max-width: 100%;
height: auto;
}
.articles_content{
padding: 20px 0 50px;
}
.articles_content h4{
color: #333;
}
.articles_content img{
max-width: 100%;
height: auto;
}
.articles_content p{
margin-bottom: 7px;
}
.desc_onslide{
position: absolute;
z-index: 11;
top: 40%;
left: 5%;
color: #fff;
width: 40%;
}
.box_tag{
background-color: #ffe6cb;
padding: 5px 20px 4px;
color: #3f2c13;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
display: inline-block;
font-weight: bold;
}
.desc_onslide h2{
margin: 20px 0 15px;
}
.desc_careonslide{
font-size: 20px;
line-height: 30px;
}
.box_latestarticles{
background-color: #f1f1f1;
padding: 30px 0;
}
.box_allarticles{
padding: 30px 0;
}
.btn_allarticles{
float: right;
border-radius: 25px;
color: #fff;
padding: 5px 20px;
background-color: #333;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-size: 13px;
letter-spacing: 0.5px;
}
.btn_allarticles:hover{
text-decoration: none;
background-color: #3f2c13;
color: #fff;
}
.box_articles{
background-color: #fff;
display: block;
margin-bottom: 30px;
}
.box_articles figure{
height: 154px;
overflow: hidden;
margin-bottom: 7px;
}
.box_articles figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_articles:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box_articles:hover{
text-decoration: none;
}
.box_articles01{
background-color: #fff;
display: block;
margin-bottom: 30px;
border: 1px solid #eee;
}
.box_articles01 figure{
height: 154px;
overflow: hidden;
margin-bottom: 7px;
}
.box_articles01 figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_articles01:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box_articles01:hover{
text-decoration: none;
}
.text_comment{
color: #979696;
position: relative;
font-size: 14px;
padding-left: 20px;
}
.text_comment:before{
content: "";
position: absolute;
background-image: url(../images/icon_comment_07.png);
width: 16px;
height: 16px;
top: 3px;
left: 0;
}
.box_detailarticles{
padding: 0 13px 5px;
color: #666;
line-height: 25px;
}
.topic_article{
color: #000;
font-weight: bold;
height: 50px;
font-size: 15px;
line-height: 24px;
}
.topic_article_center{
color: #fff;
font-weight: bold;
line-height: 26px;
height: 30px;
font-size: 16px;
}
.desc_articles{
margin: 4px 0 7px;
height: 75px;
line-height: 24px;
font-size: 14px;
}
.text_readmore{
position: relative;
font-size: 14px;
color: #603813;
font-weight: 500;
}
.text_readmore:before{
content: "";
background-image: url(../images/icon_arrow1_07.jpg);
width: 22px;
height: 5px;
position: absolute;
top: 11px;
right: 0;
}
.text_readmore:hover{
text-decoration: none;
color: #472709;
}
.text_readmore2{
position: relative;
font-size: 14px;
color: #603813;
font-weight: 500;
padding-right: 30px;
}
.text_readmore2:after{
content: "";
background-image: url(../images/icon_arrow1_07.jpg);
width: 22px;
height: 5px;
position: absolute;
top: 11px;
right: 0;
}
.text_readmore2:hover{
text-decoration: none;
color: #472709;
}
.text_readmore3{
position: relative;
font-size: 14px;
color: #603813;
font-weight: 500;
padding-right: 30px;
cursor: pointer;
}
.text_readmore3:before{
content: "";
background-image: url(../images/icon_arrow1_07.jpg);
width: 22px;
height: 5px;
position: absolute;
top: 11px;
left: 70px;
}
.text_readmore3:hover{
text-decoration: none;
color: #472709;
}
.text_readmore4{
position: relative;
font-size: 14px;
color: #603813;
font-weight: 500;
cursor: pointer;
}
.text_readmore4:before{
content: "";
background-image: url(../images/icon_arrow1_07.jpg);
width: 22px;
height: 5px;
position: absolute;
top: 11px;
left: 75px;
}
.text_readmore4:hover{
text-decoration: none;
color: #472709;
}
.wrap_topicarticles{
margin-bottom: 15px;
}
.box_gardiantarticles{
height: 32%;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 15px;
vertical-align: bottom;
}
.box_gardiantplc{
width: 100%;
height: 24%;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 15px;
vertical-align: bottom;
}
.box_articles_center{
display: block;
color: #fff !important;
cursor: pointer;
}
.box_articles_center figure{
position: relative;
overflow: hidden;
height: 328px;
}
.box_articles_center figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_articles_center:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box_plc{
display: block;
color: #fff !important;
cursor: pointer;
margin-bottom: 30px;
}
.box_plc figure{
position: relative;
overflow: hidden;
height: 212px;
}
.box_plc figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_plc:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.plc_gallery{
border: 1px solid #eee;
padding: 15px 30px 0;
margin: 30px 0 15px;
}
.desc_articles_center{
height: 70px;
line-height: 24px;
}
.bg_vdoupdate{
background-image: url(../images/bgvideoupdate_02.jpg);
background-repeat: no-repeat;
padding: 30px 0;
background-size: cover;
}
.bg_vdoslide{
background-image: url(../images/bgvdoslide_02.jpg);
background-repeat: no-repeat;
padding: 0 0 60px;
margin-bottom: 25px;
}
.bg_vdoslide_details{
background-image: url(../images/bgvideoupdate_02.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
padding: 0;
}
.owl-vdoupdate .desc_updatevdo img{
width: auto;
}
.link_vdoupdate{
display: block;
color: #fff;
padding:60px 50px 0 5px;
}
.link_vdoupdate h3{
text-transform: uppercase;
line-height: 33px;
}
.link_vdoupdate h5{
margin: 10px 0 15px;
}
.link_vdoupdate:hover{
text-decoration: none;
color: #fdfdfd;
}
.btn_allvdo{
position: absolute;
bottom: 30px;
left: 1.5%;
z-index: 99;
color: #fff;
border-radius: 25px;
background: rgba(80,61,48,0.9);
border: 1px solid rgba(255,255,255,0.5);
display: block;
font-size: 13px;
letter-spacing: 1px;
padding: 5px 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btn_allvdo:hover{
background: #503d30;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
.wrap_galleryupdate{
padding: 40px 0;
}
.wrap_allgallery{
padding: 0 0 40px;
}
.link_photoupdate{
display: block;
margin-bottom: 40px;
}
.link_photoupdate:hover{
text-decoration: none;
}
.link_photoupdate figure{
height: 224px;
overflow: hidden;
}
.link_photoupdate:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.link_photoupdate figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.gallery_name{
position: relative;
color: #000;
font-size: 17px;
padding-left: 25px;
line-height: 26px;
height: 55px;
}
.gallery_name:before{
content: "";
background-color: #000;
position: absolute;
width: 15px;
height: 2px;
top: 14px;
left: 0;
}
.boxgallery_desc{
margin-left: 25px;
}
.boxgallery_desc div{
display: inline-block;
}
.boxgallery_desc span{
padding: 0 7px;
color: #666;
}
.wrap_boxcomment{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 25px 0 45px;
}
.wrap_boxcomment_gall{
border-top: 1px solid #ccc;
padding: 25px 0 45px;
}
.toptext_comment{
color: #333;
font-size: 20px;
font-weight: 500;
}
.username_comment{
font-size: 17px;
color: #512e0d;
font-weight: 500;
}
.username_comment span{
color: #ada397;
font-size: 12px;
font-weight: normal;
padding-left: 7px;
}
.box_comment{
color: #666;
border-bottom: dotted 1px #ccc;
padding: 15px 0;
}
.box_comment p{
margin-bottom:0;
}
.btn_sendcomment{
border-radius: 25px;
color: #f4ebe4;
background-color: #472608;
border: 0;
padding:0 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
}
.space_texttopic{
margin: 30px 0 7px;
}
.wrap_morearticles{
padding: 30px 0 5px;
}
.wrap_morearticlesall{
margin: 0 -30px;
padding-bottom: 20px;
}
.wrap_moreupdates{
padding: 30px 0 5px;
border-top: 1px solid #ccc;
}
.wrap_slidevdo{
margin-top: 40px;
}
.link_slidevdo{
background-color: #fff;
text-align: center;
height: 425px;
display: block;
color: #666;
}
.link_slidevdo:hover{
text-decoration: none;
color: #666;
}
.wrap_vdoslidetop figure{
height: 434px;
overflow: hidden;
}
.owl-vdoslide.owl-carousel .owl-item .link_slidevdo img{
width: auto;
text-align: center;
margin: 0 auto;
}
.top_contentvdo{
padding: 45px 40px 35px 30px;
}
.txt_vdo{
color: #bbb;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 14px;
}
.txt_vdo01{
color: #333;
font-size: 30px;
font-weight: 500;
margin: 10px 0;
}
.desc_textvdo{
height: 135px;
line-height: 26px;
}
.text_bottomvdo{
margin-top: 50px;
}
.text_bottomvdo div{
display: inline-block;
}
.top_vdodate{
float: left;
}
.top_vdobtn{
float: right;
border-radius: 25px;
background-color: #686868;
color: #fff;
padding: 0 15px;
font-size: 13px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_slidevdo:hover .top_vdobtn{
background-color: #321a0a;
}
.space_vdoframe{
padding-right: 0;
}
.space_vdodetails{
padding-left: 0;
}
.link_recentvdo{
display: block;
text-align: center;
color: #333;
}
.link_recentvdo:hover{
text-decoration: none;
color: #000;
}
.photo_recentvdo figure{
height: 199px;
overflow: hidden;
}
.photo_recentvdo{
position: relative;
}
.recent_iconplay{
position: absolute;
z-index: 9;
bottom: -24px;
left: 50%;
transform: translate(-50%, 0);
}
.wrap_recentvdoupdate{
border-bottom: 1px solid #ccc;
padding:10px 0 35px;
}
.wrap_recentvdoupdate h4{
margin-bottom: 15px;
}
.recent_vdodate{
color: #bbb;
font-size: 14px;
letter-spacing: 0.5px;
margin: 32px 0 0;
}
.more_vdodate{
color: #bbb;
font-size: 14px;
letter-spacing: 0.5px;
}
.topic_recentvdo{
font-weight: 500;
font-size: 17px;
height: 60px;
}
.link_recentvdo:hover .photo_recentvdo figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.photo_recentvdo figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.topic_morevdo{
font-weight: 500;
height: 50px;
line-height: 24px;
}
.wrap_morevdo{
margin-bottom: 35px;
}
.box_morevdo{
padding: 30px 0;
}
.box_morevdo h4{
margin-bottom: 15px;
}
.link_morevdo{
display: block;
color: #333;
}
.link_morevdo:hover{
text-decoration: none;
color: #000;
}
.link_morevdo figure{
margin-bottom: 5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
height: 124px;
}
.link_morevdo:hover figure > img{
opacity: 0.5;
}
.iconplay_hover{
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_morevdo:hover .iconplay_hover{
opacity: 1;
}
.wrap_vdoiframe:before{
display: block;
content: "";
padding-top: 40%;
}
.details_insidevdo{
border-bottom: 1px solid #ccc;
padding-bottom: 25px;
}
.details_insidevdo div{
color: #aeaeae;
font-size: 13px;
letter-spacing: 0.5;
margin-bottom: 10px;
}
.details_insidevdo p{
margin-bottom: 9px;
}
.wrap_vdocomment{
padding: 30px 0 60px;
}
.box_listvdo{
vertical-align: top;
display: block;
margin-bottom: 23px;
color: #333;
}
.box_listvdo:hover{
color: #333;
text-decoration: none;
}
.box_listvdo figure{
width: 47%;
display: inline-block;
position: relative;
margin-bottom: 0;
vertical-align: top;
height: 93px;
overflow: hidden;
}
.box_listvdo .desc_listvdo{
display: inline-block;
width: 50%;
vertical-align: top;
padding-left: 10px;
}
.icon_playblack{
position: absolute;
z-index: 9;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.listvdo_right{
padding: 40px 0 30px;
}
.topic_Gallery_lg{
color: #fff;
font-size: 20px;
height: 60px;
}
.btn_viewmoregall{
background: rgba(255,255,255,0.3);
border: 1px solid #fff;
color: #fff;
border-radius: 25px;
padding: 0 25px;
display: inline-block;
margin-top: 10px;
}
.box_gardiantgallery{
height: 43%;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 15px;
vertical-align: bottom;
}
.box_gallerylg{
display: block;
color: #fff !important;
}
.box_gallerylg figure{
position: relative;
overflow: hidden;
height: 328px;
}
.box_gallerylg figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_gallerylg:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery_content{
padding: 20px 0 50px;
text-align: center;
}
.gallery_content h4{
color: #333;
}
.gallery_content img{
max-width: 100%;
height: auto;
}
.gallery_content p{
margin-bottom: 7px;
}
.text_gallery{
color: #d0bca6;
font-weight: 500;
margin-bottom: 7px;
}
.thumpgallery{
padding:10px;
float: none;
display: inline-block;
vertical-align: top;
}
.all_thumpgall{
text-align: center;
align-items: center;
}
.wrap_contactform{
background-image: url(../images/bg_maps_02.jpg);
background-repeat: no-repeat;
text-align: center;
padding: 40px 0 60px;
}
.wrap_contactform address{
margin-bottom: 5px;
}
.banner_contact figure{
margin-bottom: 0;
}
.text_contact{
color: #222;
font-weight: 500;
}
.wrap_contactform h4{
text-transform: uppercase;
color: #472608;
letter-spacing: 1px;
font-weight: 700;
margin: 15px 0;
}
.wrap_contactform h6{
color: #000;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin: 40px 0 20px;
}
.wrap_contactform form{
text-align: left;
}
.wrap_contactform form label{
margin-bottom: 0;
}
.wrap_btncontact button{
border-radius: 25px;
color: #f4ebe4;
text-transform: uppercase;
border: 0;
font-size: 13px;
letter-spacing: 1px;
width: 100px;
text-align: center;
margin: 15px 3px 0;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 5px 0;
}
.wrap_btncontact button:hover{
background-color: #333;
}
.wrap_btncontact .btn_reset{
background-color: #666;
}
.wrap_btncontact .btn_send{
background-color: #472608;
}
.contact_link{
display: block;
}
.contact_link figure{
position: relative;
overflow: hidden;
margin-bottom: 1px;
}
.contact_link figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contact_link:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.content_contactlink{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
text-align: center;
width: 100%;
}
.btn_contactlink{
border-radius: 25px;
background: rgba(255,255,255,0.3);
color: #fff;
display: inline-block;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
padding: 5px 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contact_link:hover .btn_contactlink{
background-color: #fff;
color: #472608;
}
.text_contactlink01{
font-size: 27px;
font-weight: bold;
}
.text_contactlink02{
font-size: 24px;
font-weight: bold;
font-style: italic;
margin: 7px 0 15px;
}
.text_contactlink03{
font-size: 30px;
font-weight: bold;
}
.text_contactlink04{
font-size: 22px;
font-weight: bold;
font-style: italic;
margin: 7px 0 15px;
}
.text_contactlink05{
font-size: 20px;
font-weight: bold;
font-style: italic;
margin: 7px 0 15px;
}
.wrap_contactlink{
padding: 0 1px;
}
.desc_topcareer{
text-align: center;
padding: 25px 0;
}
.desc_topcareer h4{
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
.wrap_photocareer{
background-image: url(../images/photo_career_04.jpg);
background-repeat: no-repeat;
background-position: top center;
color: #fff;
margin-top: 70px;
}
.desc_bottomcareer{
text-align: center;
float: right;
padding: 50px 90px 50px 0;
}
.topic_careerbottom{
text-transform: uppercase;
letter-spacing: 1px;
font-size: 25px;
font-weight: bold;
line-height: 40px;
}
.txt_careermail{
color: #f3eed0;
font-style: italic;
text-decoration: underline;
letter-spacing: 0.5px;
margin-top: 10px;
}
.postposition{
color: #000;
font-size: 16px;
}
.postposition_number{
color: #896f5f;
font-size: 13px;
}
.desc_topiccareer{
color: #333;
font-size: 14px;
font-weight: 500;
position: relative;
padding-left: 22px;
}
.desc_topiccareer:before{
content: "";
position: absolute;
background-color: #333;
width: 15px;
height: 2px;
top: 12px;
left: 0;
}
.banner_volunteer figure{
position: relative;
}
.text_volunteertop{
position: absolute;
color: #fff;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50%,-50%);
text-align: center;
}
.text_volunteertop h1{
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 12px;
}
.text_volunteertop h4{
font-style: italic;
opacity: 0.8;
letter-spacing: 0.5px;
}
.topic_volunteer{
color: #222;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
margin-top: 15px;
position: relative;
padding-left: 30px;
}
.topic_volunteer:before{
content: "";
background-image: url(../images/icon_topic_06.png);
width: 55px;
height: 51px;
position: absolute;
top: -13px;
left: 0;
}
.link_volunteer:hover{
text-decoration: none;
color: #000;
}
.topic_volunteer2{
color: #603813;
font-size: 18px;
margin: 25px 0 10px;
}
.btn_volunteer{
background-color: #603813;
color: #fff;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
padding: 5px 15px;
display: inline-block;
font-weight: 500;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_volunteer:hover .btn_volunteer{
background-color: #333;
}
.desc_topicvolunteer{
height: 175px;
margin-bottom: 25px;
color: #666;
}
.link_volunteer figure{
height: 400px;
overflow: hidden;
}
.wrap_volunteer{
border-bottom: 1px solid #ccc;
padding: 40px 0 30px;
}
.desc_needhelp{
text-align: center;
padding: 35px 0 25px;
}
.desc_needhelp h4{
color: #000;
letter-spacing: 1px;
}
.desc_needhelp h5{
color: #603813;
font-style: italic;
margin: 17px 0;
}
.bg_frmvolunteer{
background-image: url(../images/bg_frmvolunteer_10.jpg);
background-repeat: no-repeat;
color: #fff;
padding: 0;
}
.volunteer_border{
margin: 15px 0;
border-top: dotted 1px #e8d5c5;
border-bottom: dotted 1px #e8d5c5;
padding: 25px 0 35px;
}
.topic_newvolunteer{
font-size: 18px;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.topic_newvolunteer span{
font-style: italic;
font-size: 13px;
opacity: 0.9;
}
.volunteer_border label{
margin-bottom: 0;
}
.wrap_btnvolunteer button{
background-color: #e8d5c5;
color: #543c29;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
border-radius: 25px;
width: 100px;
text-align: center;
border: 0;
text-transform: uppercase;
margin:10px 5px 0 0;
padding: 5px 0;
}
.wrap_qtymoney .box_qtymoney{
display: inline-block;
}
.box_qtymoney{
background-image: url(../images/bg_qtymoney_05.jpg);
background-repeat: no-repeat;
width: 125px;
height: 65px;
color: #666;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
position: relative;
font-size: 20px;
vertical-align: top;
margin:7px 15px 0 0;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.wrap_qtymoney .box_qtymoney.box_active, .box_qtymoney:hover{
background-image: none;
background: #603813;
color: #fff;
}
.box_qtymoney span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
white-space: nowrap;
}
.wrap_support{
padding: 25px 0 50px;
}
.box_numqty{
margin-top: 35px;
}
.box_numqty label{
color: #666;
font-weight: 500;
font-size: 17px;
}
.box_billinginfo{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 50px;
padding: 40px 0 30px;
}
.box_billinginfo .form-group label{
margin-bottom: 0;
}
.box_billinginfo h4{
margin-bottom: 20px;
}
.box_paymentinfo{
padding-top: 40px;
font-size: 14px;
}
.box_paymentinfo .form-group label{
margin-bottom: 0;
}
.box_paymentinfo h4{
margin-bottom: 20px;
}
.btn_donate{
background-color: #603813;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
border: 0;
color: #fff;
padding: 5px 30px;
display: inline-block;
margin-top: 10px;
border-radius: 25px;
cursor: pointer;
}
.wrap_totalamount{
display: inline-block;
margin:10px 0 0 15px;
color: #989898;
vertical-align: top;
line-height: 26px;
}
.wrap_totalamount span{
color: #000;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.5px;
}
.link_downloads{
display: inline-block;
border-radius: 25px;
background: rgba(80,61,48,0.9);
border: 1px solid #eee;
color: #fff;
font-size: 13px;
padding: 2px 30px;
margin-top: 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_downloads:hover{
background-color: #3d2d21;
color: #fff;
text-decoration: none;
}
.wrap_download{
padding: 30px 0;
text-align: center;
}
.link_downloadslide{
display: block;
text-align: center;
color: #666;
}
.link_downloadslide:hover{
text-decoration: none;
color: #333;
}
.link_downloadslide figure{
position: relative;
height: 264px;
overflow: hidden;
}
.link_downloadslide:hover figure img{
opacity: 0.3;
}
.link_downloadslide .btn_morehl{
opacity: 0;
position: absolute;
background-color: #503d30;
color: #fff;
border-radius: 25px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
font-size: 12px;
padding: 5px 20px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
white-space: nowrap;
}
.link_downloadslide:hover .btn_morehl{
opacity: 1;
}
.topic_download{
color: #000;
font-size: 16px;
height: 75px;
line-height: 24px;
}
.link_moredownload{
display: inline-block;
margin: 0 auto;
padding: 3px 30px;
color: #fff;
background-color: #666;
border-radius: 25px;
font-size: 14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_moredownload:hover{
background-color: #503d30;
color: #fff;
text-decoration: none;
}
.wrap_photolessons{
padding: 0;
margin: 25px 0;
}
.wrap_photolessons figure{
position: relative;
}
.desc_toplessons{
position: absolute;
color: #fff;
text-align: center;
z-index: 9;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.topic_lessdw{
border-top: 1px solid #eee;
margin-top: 15px;
padding-top: 20px;
}
.box_listdownload{
display: block;
border-bottom: dotted 1px #ccc;
padding: 12px 5px;
cursor: pointer;
}
.topic_listdownload{
color: #000;
}
.btn_listdownload{
float: right;
background-color: #666;
color: #fff;
border-radius: 25px;
font-size: 13px;
padding: 0 25px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_listdownload:hover .btn_listdownload{
background-color: #333;
color: #fff;
}
.page_listdownload{
margin: 20px 0 80px;
}
.bg_calendar{
background-image: url(../images/bg_calebdar_02.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
}
.bg_datepicker{
background-color: #fff;
padding: 20px;
border-radius: 7px;
}
.wrap_bgdatepicker{
padding: 10px;
background: rgba(0,0,0,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 7px;
}
.wrap_listcalendar h4{
color: #fff4e8;
text-transform: uppercase;
letter-spacing: 1px;
}
.box_calendar{
padding:15px 18px;
color: #fff;
margin-bottom: 7px;
display: block;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.box_calendar:nth-child(even){
background-color: #694a2f;
}
.box_calendar:nth-child(odd) {
background-color:rgba(255,230,203,0.1);
}
.box_calendar:hover{
color: #fff;
text-decoration: none;
background-color: #26170a;
}
.link_calendar{
display: block;
margin-bottom: 40px;
}
.link_calendar:hover{
text-decoration: none;
}
.link_calendar figure{
height: 163px;
overflow: hidden;
}
.link_calendar:hover figure img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.link_calendar figure img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.topic_calendar{
position: relative;
color: #000;
padding-left: 25px;
line-height: 26px;
}
.topic_calendar:before{
content: "";
background-color: #ccc;
position: absolute;
width: 15px;
height: 2px;
top: 14px;
left: 0;
}
.btn_readmoreclr{
padding-left: 25px;
color: #908984;
font-size: 14px;
text-decoration: underline;
}
.active_main{
text-align: center;
}
.active_main h4{
color: #472608;
font-weight: bold;
}
.link_activedetails{
display: block;
vertical-align: top;
color: #666;
border-bottom: dotted 1px #ccc;
padding-bottom: 15px;
margin-bottom: 30px;
}
.link_activedetails:hover{
text-decoration: none;
color: #666;
}
.link_activedetails:last-child{
border-bottom: 0;
}
.activename_topic{
color: #222;
font-weight: bold;
margin-top: -7px;
}
.activename_topic.fsz_m{
font-size: 18px;
}
.activename_topic.fsz_l{
font-size: 20px;
}
.active_learnmore{
background-color: #472608;
color: #fff;
text-transform: uppercase;
font-size: 12px;
border-radius: 25px;
white-space: nowrap;
padding: 5px 25px;
display: inline-block;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.link_activedetails:hover .active_learnmore{
background-color: #333;
}
.desc_titleactive{
height: 90px;
margin: 5px 0 10px;
}
.desc_titleactive.fsz_l{
line-height: 25px;
}
.wrap_reply_comment{
display: block;
}
.wrap_reply_comment .wrap_blog_reply{
display: none;
clear: both;
}
.btn_replycomment{
color: #8f775d;
cursor: pointer;
font-size: 15px;
margin: 7px 0 5px;
}
.btn_replycomment i{
font-size: 16px;
vertical-align: top;
margin-top: 3px;
}
.btn_replycomment:hover{
text-decoration: underline;
color: #472608;
}
.box_commentreply{
background-color: #fffcf4;
border: 1px solid #f1f1f1;
padding:10px 15px;
margin: 10px 0;
}
.wrap_sharesocialsite2{
padding: 20px 0 0;
}
.wrap_sharesocialsite{
padding:10px 15px 0;
text-align: left;
}
.wrap_sharesocialsite a, .wrap_sharesocialsite2 a{
margin-left: 5px;
}
.txt_sharesite{
display: inline-block;
color: #000 !important;
font-size: 14px !important;
font-weight: bold;
padding-right: 5px;
}
.icon_sharesite{
display: inline-block;
}
.text_postby{
color: #a19c90;
margin-bottom: 10px;
}
.m_signin{
display: inline-block;
font-size: 14px;
margin-right: 7px;
}
.m_signin a{
padding-right: 7px;
color: #666;
}
.text_signin{
color: #472608;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 15px;
}
.wrap_signin{
font-size: 13px;
}
.wrap_signin label{
margin-bottom: 2px;
}
.wrap_signin i{
font-size: 16px;
vertical-align: top;
}
.wrap_signin input,
input::-webkit-input-placeholder{
font-size: 13px;
}
.wrap_signin input[type="checkbox"]{
margin-top: 3px;
}
.link_forgotpass{
float: right;
color: #666;
text-decoration: underline;
}
.btn_signin{
display: block;
width: 100%;
border-radius: 4px;
margin: 15px 0;
border: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 13px;
height: 30px;
background-color: #666;
color: #fff;
}
.text_or{
text-align: center;
margin-bottom: 10px;
}
.text_forgot{
margin-bottom: 15px;
font-size: 14px;
line-height: 28px;
}
.social_login div{
width: 48%;
margin: 0 5px;
display: inline-block;
line-height: 30px;
}
.social_login div:first-child{
margin-left: 0;
}
.social_login div:last-child{
margin-right: 0;
}
.btn_fb{
background-color: #3b5999;
color: #fff;
border-radius: 5px;
text-align: center;
height: 30px;
}
.btn_gg{
background-color: #de4b39;
color: #fff;
border-radius: 5px;
text-align: center;
height: 30px;
}
.signin_register{
border-top: dotted 1px #ccc;
margin-top: 15px;
padding-top: 10px;
}
.signin_register a{
color: #666;
}
.signin_register a:hover{
text-decoration: none;
color: #000;
}
.wrap_histat{
margin-bottom: 30px;
}
.txt_countdownload{
font-size: 14px;
display: block;
margin-top: 7px;
color: #a1a1a1;
}
.txt_countdownload i{
font-size: 18px;
vertical-align: top;
color: #8b8b8b;
padding-top: 4px;
}
.wrap_downloaddetail{
margin-bottom: 50px;
}
.wrap_downloaddetail .topic_lessdw{
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.wrap_downloaddetail .box_listdownload:last-child{
border-bottom: 0;
}
.donate_topicname{
font-size: 18px;
color: #000;
}
.desc_donate{
color: #666;
margin-top: 5px;
line-height: 27px;
}
.wrap_donatesection{
margin-bottom: 20px;
}
.icon_bank{
display: inline-block;
}
.bank_name{
display: inline-block;
padding-left: 15px;
}
.bank_info{
padding-top: 15px;
text-align: center;
}
.wrap_bankinfo{
border-bottom: dotted 1px #ccc;
padding: 10px 0;
}
.wrap_bankinfo:last-child{
border-bottom: 0;
}
.topic_faq{
color: #fff;
font-weight: bold;
background-color: #472608;
border-radius: 5px;
font-size: 19px;
margin-bottom: 7px;
padding: 6px 15px;
}
.faq_question{
margin-bottom: 50px;
}
.text_phonecontact span{
padding: 0 15px;
}
@media (max-width: 1440px) {
.caption_homebanner{
width: 40%;
}
.highlight_detail{
height: 90px;
}
.wrap_vdohighlight figure{
height: 395px;
}
.wrap_highlighupdates{
height: 397px;
}
.link_highlightslide figure{
height: 170px;
}
}
@media (max-width: 1299px) {
.wrap_highlighupdates{
height: 374px;
}
.wrap_vdohighlight figure{
height: 374px;
}
}
@media (max-width: 1199px) {
.photo_recentvdo figure{
height: 171px;
}
.desc_textvdo{
height: 80px;
}
.wrap_vdoslidetop figure{
height: 355px;
}
.link_slidevdo{
height: 355px;
}
.box_gardiantplc{
height: 28%;
}
.box_plc figure{
height: 176px;
}
.link_calendar figure{
height: 135px;
}
.title_socialbottom{
font-size: 20px;
}
.desc_updatevdo img{
display: none;
}
.wrap_highlighupdates{
height: 303px;
padding: 15px;
}
.wrap_vdohighlight figure{
height: 303px;
}
.caption_homebanner{
width: 60%;
}
.box_gardiantgallery{
height: 48%;
}
.box_gallerylg figure{
height: 273px;
}
.link_downloadslide figure{
height: 207px;
}
.text_contactlink05{
font-size: 18px;
margin-top: 0;
}
.text_contactlink04{
font-size: 20px;
margin-top: 0;
}
.text_contactlink03{
font-size: 20px;
}
.text_contactlink01{
font-size: 20px;
}
.text_contactlink02{
font-size: 20px;
margin-top: 0;
}
.link_photoupdate figure{
height: 186px;
}
.box_articles figure{
height: 127px;
}
.active_content{
padding: 15px 0 30px;
}
.box_articles01 figure{
height: 126px;
}
.desc_onslide{
top: 30%;
width: 50%;
}
.box_articles_center figure{
height: 273px;
}
.box_gardiantarticles{
height: 38%;
}
.text_readmore:before{
display: none;
}
.text_comment span{
display: none;
}
.desc_articles{
height: 48px;
}
}
@media (max-width: 992px){
.desc_needhelp h4{
font-size: 20px;
}
.topic_volunteer2{
margin: 10px 0;
}
.topic_volunteer{
font-size: 20px;
}
.listvdo_right{
display: none;
}
.link_morevdo figure{
height: 89px;
}
.photo_recentvdo figure{
height: 125px;
}
.text_bottomvdo{
margin-top: 20px;
}
.desc_textvdo{
height: 55px;
}
.top_contentvdo{
padding: 15px;
}
.txt_vdo01{
font-size: 22px;
margin: 5px 0;
}
.desc_updatevdo{
display: none;
}
.link_slidevdo{
height: 265px;
}
.wrap_vdoslidetop figure{
height: 265px;
}
.box_plc figure{
height: 200px;
}
.wrap_listcalendar h4{
font-size: 20px;
}
.wrap_boxlink{
margin-bottom: 35px;
}
.link_highlightslide figure{
height: 142px;
}
.wrap_highlightslide h3{
font-size: 20px;
}
.desc_updatevdo h3{
font-size: 20px;
}
.desc_updatevdo h4{
font-size: 19px;
}
.desc_updatevdo h5{
font-size: 18px;
margin-top: 0;
}
.wrap_highlighupdates h5{
font-size: 18px;
}
.highlight_title{
font-size: 16px;
margin-bottom: 20px;
}
.highlight_date{
font-size: 16px;
}
.wrap_vdohighlight figure{
height: 227px;
}
.wrap_highlighupdates{
height: 227px;
}
.highlight_detail{
display: none;
}
.caption_homebanner h1{
font-size: 20px;
}
.box_gallerylg figure{
height: 200px;
}
.box_gardiantgallery{
height: 65%;
}
.link_downloadslide figure{
height: 145px;
}
.text_volunteertop h1{
font-size: 28px;
}
.text_volunteertop h4{
font-size: 20px;
}
.hide_mb{
display: none;
}
.desc_topcareer{
padding: 25px 15px;
}
.btn_allvdo{
display: none;
}
.wrap_galleryupdate .text_comment span{
display: none;
}
.link_photoupdate figure{
height: 135px;
}
.btn_allvdo{
left: 2.5%;
bottom: 20px;
}
.link_vdoupdate{
padding-top: 0;
}
.link_vdoupdate h3{
font-size: 22px;
}
.wrap_vdoupdate figure{
height: 255px;
}
.box_articles figure{
height: 91px;
}
.desc_onslide h2{
font-size: 24px;
margin-bottom: 5px;
}
.desc_onslide{
top: 15%;
}
.box_articles_center figure{
height: 200px;
}
.box_gardiantarticles{
height: 52%;
}
.box_articles01 figure{
height: 89px;
}
.topic_article{
font-size: 14px;
line-height: 22px;
height: 45px;
}
.desc_articles{
display: none;
}
.text_comment{
margin-top: 3px;
}
.text_comment span{
display: inline-block;
}
}
@media (max-width: 767px){
.topbar_mb{
padding-left: 0;
}
.m_signin a{
padding-right: 0;
}
.imagetotop{
position: absolute;
top: 0;
padding: 0;
}
.contentimgtotop{
padding: 0;
}
.contentlocal{
position: relative;
}
.topic_volunteer{
font-size: 17px;
}
.photo_recentvdo figure{
height: 91px;
}
.link_slidevdo{
height: 240px;
}
.wrap_vdoslidetop figure{
height: 299px;
}
.text_bottomvdo div{
padding-left: 15px;
}
.box_gardiantplc{
height: 33%;
}
.box_plc figure{
height: 146px;
}
.link_calendar figure{
height: 154px;
}
.wrap_topicarticles h4{
font-size: 17px;
font-weight: bold;
margin-bottom: 0;
}
.box_calendar{
padding: 10px;
}
.wrap_listcalendar h4{
font-size: 18px;
}
.box_thumpgall{
margin-bottom: 25px;
}
.title_socialbottom{
font-size: 18px;
}
.link_highlightslide figure{
height: 162px;
}
.highlight_title{
font-size: 14px;
}
.line_bottom{
display: none;
}
.highlight_date{
font-size: 14px;
margin-top: 7px;
}
.wrap_highlighupdates h5{
font-size: 15px;
}
.desc_updatevdo h3{
font-size: 16px;
}
.desc_updatevdo h4{
font-size: 15px;
}
.desc_updatevdo h5{
font-size: 14px;
}
.wrap_vdohighlight figure{
height: 189px;
}
.wrap_highlighupdates{
height: 190px;
}
.caption_homebanner{
width: 80%;
}
.btn_viewmoregall{
font-size: 13px;
}
.box_gardiantgallery{
height: 80%;
}
.topic_Gallery_lg {
font-size: 16px;
line-height: 20px;
}
.box_gallerylg figure{
height: 145px;
}
.topic_faq{
font-size: 17px;
}
.wrap_download h4, .desc_toplessons h4. .topic_lessdw h4{
font-size: 20px;
}
.desc_toplessons{
position: static;
color: #222;
top: 0;
left: 0;
transform: translate(0,0);
}
.link_downloadslide figure{
height: 136px;
}
.link_downloads{
padding: 4px 30px;
}
.box_paymentinfo h4{
font-size: 17px;
}
.text_volunteertop h1{
font-size: 20px;
}
.text_volunteertop h4{
font-size: 17px;
line-height: 24px;
}
.wrap_contactform h4{
font-size: 18px;
}
.desc_bottomcareer{
padding-right: 10px;
}
.topic_careerbottom{
font-size: 20px;
line-height: 34px;
}
.desc_topcareer h4{
font-size: 17px;
}
.box_articles.box_articlefirst figure{
height: 300px;
}
.box_articles.box_articlefirst .desc_articles{
display: block;
}
.box_articles figure{
height: 146px;
}
.box_tag{
margin-top: 20px;
}
.articles_content h4{
font-size: 19px;
}
.toptext_comment{
font-size: 17px;
}
.wrap_morearticles h4{
font-size: 18px;
}
.box_articles_center figure{
height: 300px;
}
.box_gardiantarticles{
height: 34%;
}
.box_articles01 figure{
height: 144px;
}
.active_main h4{
font-size: 19px;
}
.active_content{
padding-top: 10px;
}
.active_content h5, .active_contentmain h5{
font-size: 17px;
}
.desc_onslide h2{
font-size: 18px;
color: #000;
margin: 20px 0 0;
}
.desc_careonslide{
font-size: 14px;
}
.desc_onslide{
position: static;
padding:0 15px 15px;
width: 100%;
color: #666;
border-bottom: 1px dotted #ccc;
}
.mobile_nopad{
padding-left: 5px;
}
.desc_titleactive{
margin: 3px 0;
}
.active_contentmain{
padding: 15px 0;
}
.active_main{
margin-bottom: 15px;
}
body .fsz_m{
line-height: 24px;
}
.desc_titleactive{
height: 52px;
}
.link_vdoupdate h3{
font-size: 18px;
line-height: 24px;
}
.link_vdoupdate h5{
font-size: 16px;
}
.link_vdoupdate h4{
font-size: 15px;
}
.desc_updatevdo{
top: 43%;
left: 55%;
}
.desc_updatevdo img{
width: 50% !important;
}
}
@media (max-width: 575px){
.wrap_logomb{
padding-right: 0;
}
.boxsignup{
width: 305px;
}
.social_login div{
width: 100%;
margin: 0 0 10px;
}
.desc_needhelp h4{
font-size: 18px;
}
.link_volunteer figure{
height: auto;
}
.topic_recentvdo {
margin-bottom: 25px;
}
.photo_recentvdo figure{
height: 188px;
}
.wrap_recentvdoupdate h4{
font-size: 20px;
}
.txt_vdo01{
font-size: 20px;
}
.desc_textvdo{
padding-left: 15px;
}
.wrap_vdoslidetop figure{
height: 197px;
}
.link_calendar{
margin-bottom: 25px;
}
.link_calendar figure{
height: 96px;
margin-bottom: 5px;
}
.bg_calendar{
padding: 30px 0;
}
.wrap_socialfooter{
padding: 30px 0 15px;
}
.title_socialbottom{
font-size: 16px;
margin-bottom: 5px;
}
.link_highlightslide figure{
height: 101px;
}
.wrap_highlightslide{
padding: 30px 0 15px;
}
.wrap_highlightslide h3{
font-size: 18px;
margin-bottom: 15px;
}
.wrap_vdohighlight figure{
height: 159px;
}
.wrap_highlighupdates{
height: auto;
padding-bottom: 0;
}
.highlight_title{
margin-top: 5px;
}
.highlight_date{
margin-top: 0;
}
.caption_homebanner div{
font-size: 16px;
line-height: 28px;
}
.caption_homebanner{
position: static;
color: #222;
padding: 20px 15px;
width: 100%;
}
.caption_homebanner h1{
font-size: 16px;
font-weight: bold;
line-height: 24px;
}
.box_gardiantgallery{
height: 64%;
}
.box_gallerylg figure{
height: 200px;
}
.topic_faq{
font-size: 15px;
}
.postposition{
font-size: 14px;
}
.wrap_downloaddetail{
padding: 0;
}
.btn_listdownload{
float: left;
margin-top: 10px;
}
.link_downloadslide figure{
height: 197px;
}
.bank_info{
text-align: left;
}
.desc_topcareer{
padding-bottom: 0;
}
.link_photoupdate figure{
height: 96px;
}
.box_articles figure{
height: 91px;
}
.box_articles.box_articlefirst figure{
height: 200px;
}
.box_articles01 figure{
height: 90px;
}
.box_gardiantarticles{
height: 51%;
}
.box_articles_center figure{
height: 200px;
}
.activename_topic.fsz_m{
font-size: 15px;
}
.activename_topic.fsz_l{
font-size: 17px;
}
.active_learnmore{
font-size: 11px;
}
}