@charset "utf-8";
/* CSS Document */

.jcarousel-pagination{
	left:46%;
	bottom:15px;
}

.blog_left{
	width:100%;
	max-width:1300px;
	margin: auto;
}

.blog_left .blog_prev{
	width:100%;
	margin-bottom:32px;
	background-color:#FFF;
}

.blog_left .blog_prev .blog_topwrap{
	height:145px;
	text-align:center;
}

.blog_left .blog_prev .blog_topwrap .blog_title{
	width:486px;
	padding-top:28px;
	margin:0 auto;
}

.blog_left .blog_prev .blog_topwrap .blog_det{
	padding-top:18px;
	font-size:15px;
	font-weight:300;
	color:#959595;
}

.blog_left .blog_prev .blog_pic{
	width:100%;
	height:300px;
}

.blog_left .blog_prev .blog_prevtext{
	padding:0 14px 20px 14px;
}

.blog_left .blog_prev .blog_prevtext .blog_short{
	padding-top:29px;
	padding-bottom:31px;
	font-size:16px;
	color:#434444;
}

.blog_left .blog_prev .blog_prevtext .options_left{
	width:307px;
	height:48px;
	float:left;
	position:relative;
}

.blog_left .blog_prev .blog_prevtext .options_right{
	width:124px;
	height:48px;
	float:right;
	position:relative;
}

.blog_left .blog_prev .blog_prevtext .options_right a{
	width:22px;
	height:22px;
	display:block;
	float:left;
	margin-right:7px;
	background-position:top;
}

.blog_left .blog_prev .blog_prevtext .options_right a:hover{
	background-position:bottom;
}

a.button_more{
	width:148px;
	height:48px;
	line-height:48px;
	display:block;
	background-color:#51bbe8;
	color:#FFF;
	font-size:17px;
	font-weight:500;
	text-align:center;
}

.pager_wrap{
	width:74%;
	padding-top:21px;
	margin: auto;
}

.pager_wrap .pager{
	width:100%;
	margin:0 auto;
}

.pager_wrap .num_zamik a,
.pager_wrap .num_sel{
	width:33px;
	height:38px;
	display:inline-block;
	line-height:42px;
	margin-right:8px;
	border:#7d7d7d 1px solid;
	text-align:center;
	color:#7d7d7d;
	font-size:18px;
	font-weight:500;
	margin-bottom:10px;
}

.pager_wrap .num_sel,
.pager_wrap .num_zamik a:hover{
	border:#00AF8B 1px solid;
	background-color:#00AF8B;
	color:#FFF;
}

.blog_right{
	width:24.6%;
	float:left;
}

.blog_right .side_sec_top{
	background-color:#FFF;
	margin-bottom:26px;
}

.blog_right .side_title{
	text-align:left;
}

.blog_right .side_sec_top .latest_item{
	color:#999999;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;
}

.blog_right .side_sec_top .latest_item .image{
	width:100%;
	height:195px;
	position:relative;
}

.blog_right .side_sec_top .latest_item .image div{
	position: absolute;
	bottom: -10px;
	left: 10px;
	color: #fff;
	font-weight: 500;
	padding: 0px 20px;
}

.blog_right .side_sec_def{
	
	background-color:#FFF;
	margin-bottom:26px;
}

.blog_right .side_sec_def .code_wrap{
	padding-top:25px;
	padding-bottom:28px;
}

.blog_right .side_sec_def .code_wrap a{
	height:27px;
	line-height:23px;
	display:block;
	float:left;
	padding-left:8px;
	padding-right:8px;
	margin-right:7px;
	margin-bottom:14px;
	border:#c2c2c2 1px solid;
	text-align:center;
	color:#959595;
	font-size:13px;
}

.blog_right .side_sec_def .code_wrap a:hover,
.blog_right .side_sec_def .code_wrap a.sel{
	border:#25aae2 1px solid;
	background-color:#25aae2;
	color:#FFF;
}


.blog_content a.blog_item{
	width:48.5%;
	margin-bottom:30px;
}

.blog_content a.blog_item.big{
	margin-left:0px !important;
	width:100% !important;
}

.blog_content{
	height:auto;
}

.cat_menu > a{
	font-size:20px;
	color:#343434;
	font-weight:300;
	padding:10px 0px 10px 0px;
	margin-top:0px;
	border-bottom:1px solid #c2c2c2;
	display: block;
}

.cat_menu .sub_items a{
	font-size:18px;
	display:block;
	color:#cabfa5;
}

.cat_menu .sub_items a::before{
	content:'■';
	float:left;
	color:#fff;
	margin-right:5px;
	margin-top:-2px;
}

.cat_menu .sub_items a.sel{
	font-weight:bold;
}

.cat_menu .sub_items a.sel::before{
	color:#b9b309;
}

.blog_content a.blog_item {
	width: 31.33%;
	margin-left: 3%;
	float: left;
	background-color: #fff;
	color: #003463;
	font-size: 17px;
	text-decoration: none;
	box-shadow: 0px 0px 8px #c8c8c8;
	border-bottom: 5px solid transparent;
	border-bottom-color: transparent;
	transition: all ease-in-out 0.3s;
	text-decoration: none !important;
}

.blog_content a.blog_item .desc {
    height: 280px;
    padding: 20px;
    position: relative;
}

.blog_content a.blog_item {
    width: 48.5%;
    margin-bottom: 30px;
}

.blog_content a.blog_item .image {
	padding-top:100%;
	width: 100%;
	position: relative;
}

.blog_content a.blog_item .desc .title {
	font-size: 24px;
	color: #cabfa5;
	margin: 5px 0px 20px 0px;
	font-weight: 600;
}

.blog_content a.blog_item.big .desc .title{
	font-size:24px !important;
}

.blog_content a.blog_item {
    color: #cabfa5;
    font-size: 18px;
}

.blog_content a.blog_item .button{
    font-family: "Amatic SC", sans-serif;
    background: url(/images/green_button_bg.png) center center no-repeat;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding:0px 25px;
    font-size: 20px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
	margin-top:20px;
}

.blog_content a.blog_item .short{
	max-height:75px;
	overflow:hidden;
}

.blog_content a.blog_item:hover{
	transform:scale(1.02);
}

.code_wrap{
	padding-top:25px;
	padding-bottom:28px;
}

.code_wrap a{
	height:27px;
	line-height:26px;
	display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-right:7px;
	margin-bottom:14px;
	border:#7d7d7d 1px solid;
	text-align:center;
	color:#7d7d7d;
	font-size:13px;
}

.code_wrap a:hover,
.code_wrap a.sel{
	border:#a62d92 1px solid;
	background-color:#a62d92;
	color:#FFF;
}

.blog_content a.blog_item .date{
	font-size:18px;
	color:#cabfa5;
}

.search_container{
	margin-bottom:80px;
}

.search_container .category_holder,
.search_container .date_holder{
	width:33.33%;
	display: inline-block;
	vertical-align: top;
	margin-right:20px;
}

.selected_items{
	position: absolute;
	padding-top:25px;
}

.selected_items a{
	font-size:15px;
	line-height: 22px;
	color:#24363F !important;
	padding-right:20px;
	margin-right:20px;
	background: url(/images/remove_selected.png) top right no-repeat;
}