/*----------------------------------------------------------------------------------
	1. Structure and Layout
----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'DSNAsa';
    src: url('http://www.volunteerspirit.org/files/font/dsnpatpong-webfont.eot');
    src: url('http://www.volunteerspirit.org/files/font/dsnpatpong-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.volunteerspirit.org/files/font/dsnpatpong-webfont.woff') format('woff'),
         url('http://www.volunteerspirit.org/files/font/dsnpatpong-webfont.ttf') format('truetype'),
         url('http://www.volunteerspirit.org/files/font/dsnpatpong-webfont.svg#DSNPatPongRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#propertyform #post_city_id { display: none; }
.company_info .edit-link { z-index: 999;background-color: #daed73; margin-bottom: 0px !important; padding: 10px !important; }
.recent_comments .clearfix img { float: left; margin-right: 12px;border: 1px solid #eee; }
.recent_comments .clearfix .bottom li a { font-size: 13px; }
.bottom #eventcal a.event_title { color: #00A3D3; }

.fbox4 .pull-left { margin-right: 20px; }
.fbox4 img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; }
.fbox4 p { color: #fff; display: block; font-size: 14px; line-height: 1.5em; }
.fbox2 .fbox3 h3 { font-size: 17px; line-height: 1.2em; margin-bottom: 10px; }
.fbox-title { display: inline-block; position: relative; }
.fbox-title a,.fbox3 h3 { color: #fff; }
.fbox2 .fbox3 .fbox-title { border-bottom: 2px solid #fff; }
.fbox-title::before { border-bottom: 2px solid #f5f219; bottom: 5px; left: 0; position: absolute; }

.articlefront h4 { font-family: kanit,tahoma; font-size: 28px !important; font-weight: 500; }
.sidehead h4 { font-family: kanit,tahoma; font-size: 24px !important; font-weight: 500; }
.left .list .post p.address { height: 0; overflow: hidden; width: 0; }
.titlef h4 { font-family: edpensooknormaltone,tahoma,ariel;color: #fff; font-size: 30px !important; }
.ftitle h2 { background-color: #1bb9e0; border-radius: 30px; color: #fff; font-weight: 400; font-family: kanit, edpensooknormaltone,tahoma,ariel; font-size: 28px; line-height: 1.25em; margin: 0 auto; max-width: 270px; padding: 5px 0; text-align: center; }
.ftitle a { color: #fff; }
.ftitle a:hover { color: #ffff00; }
.ftitle2 h2 { background-color: #FAFB64; border-radius: 30px; color: #111;border-bottom: 2px solid #FAFB64; font-family: kanit, edpensooknormaltone,tahoma,ariel;font-weight: 400; font-size: 28px; line-height: 1.25em; margin: 0 auto; max-width: 170px; padding: 5px 0; text-align: center; }
.ftitle2 a { color: #111; }
.ftitle2 a:hover { color: #1bb9e0; }

.form_hid { display: none; }
.post-content .alignnone { width: 100%;height: auto; }
.inf_vsn { background-color: #F1F2F1; height: auto; margin: -40px auto 0; width: 100%; }
.inf_vsn2 { background-color: #fff; margin: -155px auto 0; padding: 130px 0 0; width: 100%; }
.vc_custom_heading h4 { font-size: 14px !important; margin: 0 0 5px !important; }
.vc_custom_heading p { margin: 0 !important; font-size: 12px; line-height: 1.5em !important; }
.vc_btn3-left .vc_btn3-size-md { font-size: 12px !important;padding: 3px 10px !important; }
.vc_gitem-post-data-source-post_excerpt { max-height: 71px; overflow: hidden; }
.vc_gitem-zone { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); }
#post_22891 .vc_btn3-container { display: none; }
#post_22891 .vc_gitem-post-data-source-post_title h4 {  background-color: #f4524d; border-radius: 5px; color: #fff; padding: 1px 7px; text-align: center !important; width: auto; }
#post_23587 .tagcloud code a { background-color: #eee; border-radius: 4px; font-size: 14px !important; line-height: 40px; padding: 5px 15px; text-decoration: none; }
.library .vc_gitem-post-data-source-post_excerpt { display: none; }
.library .vc_gitem-zone { background-color: #ffffff !important; }
#footor { height: 185px;max-width: 100%; text-align: center; margin: 0 auto; background: url(http://www.volunteerspirit.org/wp-content/uploads/2015/09/hands2.jpg) repeat-x center bottom #fff scroll; margin: 20px auto -125px; }
.fbox1 { clear: both; display: table; line-height: 0; margin: 0 auto 30px; position: relative; max-width: 1170px; }
.fbox2 { position: relative; width: 100%; }
.fbox3 { background-color: #1BB9E0; box-sizing: border-box; clear: both; display: table; padding: 0px; position: relative; z-index: 100; }
.fbox3 .last { background-color: #058FD0; clear: right; margin-right: 0px !important; }
.fbox4 { float: left; margin-bottom: 0px; margin-right: 0; padding: 15px 20px; position: relative; width: auto; }
.pull-left { float: left; }
.post-author a { padding: 2px 5px 2px 7px; margin-right: 5px; border-radius: 3px; background-color: #0792D3; color: #fff; }
#post_27280 #wp-uspcontent-media-buttons { display: none; }
#menu-main_nav li#menu-item-22231 { background-color: #0590D1; }
.ic-is .ico-is { margin: 2px 10px 2px 0; }
.ic-is {  }
.ic-is img { border: 1px solid #eee; }
.ic-is img:hover { border: 1px solid #0893D4; }
.recent_comments li p { max-height: 80px; overflow: hidden; }


/* Mobile (Landscape) ------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.fbox3 .fbox4 { margin: 0; text-align: center; max-width: 28%; }
	.fbox3 { padding: 0px !important; }
	.fbox4 p { width: 100%;font-size: 12px !important; }
	.fbox-title { width: 100%; }
	.fbox2 .fbox3 .fbox-title { font-size: 14px; margin-bottom: 10px; width: 100%; }
	.fbox4 .pull-left { float: none !important; margin-bottom: 15px; text-align: center; }
	.fbox4 { padding: 13px; }
	.inf_vsn {  }
	.inf_vsn2 { background-color: #fff; margin: -67px auto 0; padding: 60px 0 0; width: 100%; }
	#post_22891 .vc_pageable-slide-wrapper .vc_grid-item { float: left; width: 33%; }
	.library .vc_pageable-slide-wrapper .vc_grid-item { float: left !important; width: 33%; }
	.titlef { margin-bottom: 0px !important; }
	#footor { margin: 0px auto -145px; }
	.form_row .form_cat_right { float: left !important; }
	.ft2 .vc_pageable-slide-wrapper .vc_grid-item, .vwork .vc_pageable-slide-wrapper .vc_grid-item {width: 50%; float: left !important;}
	.ft2 .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem_row, .vwork .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem_row {height: 120px; overflow: hidden;}
	.asaf .vc_pageable-slide-wrapper .vc_grid-item, .prf .vc_pageable-slide-wrapper .vc_grid-item {width: 33%; float: left !important;}

}

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


/* Mobile ((Portrait) ------------------------------------- */

@media only screen and (max-width: 479px) {
	.fbox3 .fbox4 { margin-bottom; 0px !important;width: auto; }
	.fbox3 { padding: 0px !important; }
	.fbox4 .pull-left { margin-right: 10px !important;max-width: 65px; }
	.fbox2 .fbox3 .fbox-title { font-size: 14px; }
	.fbox4 p { width: 100%;font-size: 12px !important; line-height: 1.3em !important; }
	.fbox3 .last { margin-bottom: 0px; }
	.inf_vsn {  }
	.inf_vsn2 { background-color: #fff; margin: -45px auto 0px; padding: 55px 0 20px; width: 100%; }
	#post_22891 .vc_pageable-slide-wrapper .vc_grid-item { float: left; width: 50%; }
	.library .vc_pageable-slide-wrapper .vc_grid-item { float: left !important; width: 50%; }
	.titlef { margin-bottom: 10px !important; }
	.form_row .form_cat_right { float: left !important; }
	.post-content img { max-width: 100%; }
	.minimal-light .esg-navigationbutton { padding: 0 8px !important; }
	.svc_post_grid_list {min-height: 160px !important;}
	.articlefront h4 {font-size: 24px !important;}
	.ft2 .vc_pageable-slide-wrapper .vc_grid-item, .vwork .vc_pageable-slide-wrapper .vc_grid-item {width: 50%; float: left !important;}
	.ft2 .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem_row, .vwork .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem_row {height: 120px; overflow: hidden;}
	.asaf .vc_pageable-slide-wrapper .vc_grid-item, .prf .vc_pageable-slide-wrapper .vc_grid-item {width: 33%; float: left !important;}
	.prf .vc_grid-item .vc_custom_heading h4 {font-size: 12px !important;}
	.ft1 .svc_post_grid_list {min-height: 190px !important;}
}


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