/*
Theme Name: TGEU
Theme URI: http://www.rocan.net
TGEU Custom Design Template
Author: Romano Casellini
Author URI: http://rocani.net/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/


@import url('bootstrap/css/bootstrap.css'); 
/*@import url('bootstrap/css/bootstrap-responsive.css');*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700); 
body { 
	font-family: 'Merriweather', sans-serif; font-weight: 400;
	background-color: #fff;
}

* { transform: all 0.6s ease-in-out; }

/**** BOOTSTRAP *****/
header, article time, h1, h2, h3, h4, h5, .breadcrumbs, #meta, aside, .pagination, .read-more, .footer-categories, .footer-menu, #mc-embedded-subscribe, #mce-EMAIL { font-family: 'Lato', sans-serif; font-weight: 400; }
h1 { font-weight: 300; }
h2, h3, h4, h5 { font-weight: 400; }
h2 { font-size: 24px; }
header { font-weight: 300; }
ul, ol { padding-left: 0; }
p, li { line-height: 24px; color: #505050; }

a, a:hover, a:focus, a:visited, .read-more { color: #02A3DA; outline: 0; text-decoration: none; transition: text-decoration 0.5s; }
a:focus { outline: none; }

.clear { clear:both; }
.table_ { display: table; }

#content ul, #content ol { padding-left: 20px; }
#content img { max-width: 100%; height: auto; }





/**** HEADER ****/

header#site-header { background-color: #4D4A47; }


/**** TOP NAV ****/

.navbar { border-radius: 0; height: auto; min-height: 40px; margin-bottom: 0; }

.navbar-brand.hidden-xs { width: 220px; height:122px; background-size: cover; background-image: url(images/tgeu-logo.png); display: block; margin-top: -24px; }
.visible-xs .navbar-brand { margin-left: -15px; padding-left: 0; width: 100px; height: 58px; /*width: 156px; height: 55px;*/ background-image: url(images/tgeu-logo-xs.png); background-size: cover; }


.top-menu { background-color: rgba(0,0,0,0.2); }
#menu-top-menu.navbar-nav { margin-right: 0px; }
#menu-top-menu.navbar-nav > li > a, .footer-menu .navbar-nav > li > a, footer .copyright { color:#fff; font-size: 14px; padding: 10px; }
#menu-top-menu.navbar-nav > li > a:hover, #menu-top-menu.navbar-nav > li.current-menu-item > a, .footer-menu .navbar-nav > li > a:hover { background-color: rgba(0,0,0,0.2); }

#menu-blue-top-menu-buttons.navbar-nav { margin-right: 0px; }
#menu-blue-top-menu-buttons.navbar-nav > li > a { color:#fff; font-size: 12px; padding: 3px 10px; margin: 7px 0 0 10px; background-color: #17A1E6; border-radius: 20px; text-transform: uppercase; }
#menu-blue-top-menu-buttons.navbar-nav > li > a:hover { background-color: #17A1E6; }

.social-menu { margin-left: 0; margin-right: 0; }
.social-menu li a { width: 27px; height: 26px; display: block; background-size: cover !important; padding: 0px !important; margin: 7px 0 0 10px; }
.social-menu li a.facebook { background-image: url(images/icon-fb.png); }
.social-menu li a.facebook:hover, .social-menu li a.facebook:focus { background-image: url(images/icon-fb-over.png); }
.social-menu li a.twitter { background-image: url(images/icon-twitter.png); }
.social-menu li a.twitter:hover, .social-menu li a.twitter:focus { background-image: url(images/icon-twitter-over.png); }
.social-menu li a.rss { background-image: url(images/icon-rss.png); }
.social-menu li a.rss:hover, .social-menu li a.rss:focus { background-image: url(images/icon-rss-over.png); }


.main-menu .navbar-nav > li > a { color:#fff; font-size: 15px; padding: 10px 15px; }
.main-menu .navbar-nav > li.current-menu-ancestor > a { color: #f27900; }
.main-menu { padding-right: 0; }
.main-menu .navbar-form { float: right; padding-right: 0; margin: 0; }
.main-menu .navbar-form .form-control { background: none; border: none; height: auto; }
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus { background: none; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; }
.menu-mobile-menu-container { display: none; }

.dropdown-menu { opacity: 0.94; background: #FFFFFF; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.50); border-radius: 4px !important; border: none; }
.navbar-right .dropdown-menu { left: -10px; right: auto; padding: 10px 0; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: none; color: #17A1E6; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: none; color: #17A1E6; }

.dropdown-menu .dropdown-menu { left: 97%; margin-top: -32px; }

#searchform { margin-top: 41px; border-left: 1px solid #fff; margin-left: 6px; }
#searchform .search-submit { width: 20px; height: 20px; background: none; background-image: url(images/lupe.png); background-size: cover; border:none; float: right; margin-top: 7px; }
#searchform .search-field { background: none; border:none; color:#fff; font-size: 22px; font-weight: 300; width: 100px; transition: all 0.6s ease-in-out; }
#searchform .search-field:focus { width: 180px; box-shadow: none; outline: none; }
#searchform label { margin-bottom: 0; }

/**** MOBILE NAV ****/
.navbar-toggle { border: 2px solid #f27900; margin-right: 0; border-radius: 100px; padding: 10px 8px; float: none; margin-top: 13px; margin-left: 13px; }
.navbar-toggle .icon-bar { background-color: #f27900; }
.navbar-collapse.collapse .main-menu .menu-main-menu-container { float: none; }
.navbar-toggle .icon-bar { width: 18px; }
.navbar-toggle-container { background-color: #33312F; width: 65px; height: 65px; float: right; margin-right: -15px; }

/**** BREADCRUMBS ****/
.breadcrumbs { background-color: #FFF2E6; line-height: 32px; font-size: 13px; }
.breadcrumbs .home { width: 11px; height: 13px; display: inline-block; background-image: url(images/home.png); background-size: cover; }
.breadcrumbs strong { font-weight: 400; }

.single .breadcrumbs { background-color: #F2DAE8; }

/***** PRIMARY *****/

header.primary-header { background-color: #f27903; color: #fff; margin-bottom: 10px; }
header.primary-header h1 { margin: 20px 0 50px; }
header.primary-header h1 a, header.primary-header h1 a:hover, header.primary-header h1 a:active, header.primary-header h1 a:focus { color: #fff; text-decoration: none; } 

/**** FRONT PAGE ****/

a.teaser-box { width: 100%; height: 200px; background-color: #303030; display: block; text-align: center; }
a.teaser-box.teaser-protrans { background-image: url(images/protrans-bg.jpg); background-size: cover; }
a.teaser-box.teaser-tvt { background-image: url(images/tvt-bg.jpg); background-size: cover; }
a.teaser-box img { max-width: 80%; height: auto; }
a.teaser-box span { text-transform: uppercase; display: block; margin-top: 20px; }

.section-heading { border-top: 1px solid #f27903; }
.section-heading h2 { text-transform: uppercase; color: #f27903; font-size: 31; font-weight: 300; margin: 7px 0 3px; display: inline-block; }
.section-heading a.read-more { float: right; text-transform: uppercase; font-size: 20px; margin-top: 8px; font-weight: 300; }

.home section { margin-bottom: 50px; }
.home footer { margin-top: -50px; }

#front-banner { width: 100%; background-image: url(images/background-image.jpg); background-size: cover; }
#front-banner > .container { padding-top: 20px; padding-bottom: 20px; }

#front-banner article { float: left; background-color: rgba(61,153,107,0.7); position: relative; transition: background-color 0.4s; }
#front-banner article:hover { background-color: rgba(61,153,107,0.9); }
#front-banner article img { max-width: 100%; height: auto; float: right; margin-left: 10px; }
#front-banner article.article1 { background-color: rgba(179,71,134,0.7); }
#front-banner article.article1:hover { background-color: rgba(179,71,134,0.9);  }

#front-banner article h2 { font-size: 15px; line-height: 18px; margin: 0; color: #fff; padding: 10px; transition: opacity 0.3s; }
#front-banner article h2.in { display: block; opacity: 1; }
#front-banner article.article1 h2 { font-size: 29px; line-height: 35px; }

.table-row-full { display: table; width: 100%; table-layout: fixed; }
.table-row-full .table-cell { display: table-cell; vertical-align: middle; }
.table-row-full .table-cell.spacer { width: 2%; }
.table-row-full .table-cell .read-more { display: block; text-transform: uppercase; margin: 20px 0; }
.table-row-full .table-cell.subprojects img { max-width: 80%; height: auto; margin-top: 20px; }
.table-row-full .table-cell.subprojects { text-align: center; }


.table-cell.tvt { background-image: url(images/tvt-bg.jpg); background-size: cover;  }
.table-cell.protrans { background-image: url(images/protrans-bg.jpg); background-size: cover; }

.container.sm { margin-bottom: 30px; }
.table-cell.sm img { margin: 20px; float: left; }
.table-cell.sm span { display: block; }
.table-cell.sm span.hl { margin-top: 14px; font-size: 21px; font-weight: 700; }
.table-cell.sm span.sl { margin-top: 3px; font-size: 18px; }
.table-cell.facebook { background-color: #435C9E; }
.table-cell.twitter { background-color: #309AC3; }


/*** PAGE ****/
.page #content h2 { margin-top: 0; padding-top: 20px; }
.page #content *:first-child { padding-top: 0; }



/**** SINGLE ****/

.single-post header.primary-header { background-color: #b34786; }

#meta .meta-top { width: 100%; border-bottom: 1px solid #E6E6E6; }
#meta p { margin: 15px 0; line-height: 20px; }
#meta { margin-bottom: 15px; }

.yarpp-related { margin-top: 50px; }

.sharebar { margin-top: 20px; }
.social_share_privacy ul { border-top: 1px solid #e6e6e6; }



/**** CATEGORY ****/
.category-description { padding-bottom: 30px; /*border-bottom: 1px solid #4D4A47;*/ }

/**** GRID ****/
section.tgeu-featured-posts { margin-bottom: 35px; }
.featured-posts-description { margin: 5px 0 10px; }

.post-grid { margin: 15px -1%; overflow: hidden; }
.post-grid article { transition: background 0.5s; float: left; background: #f2f2f2; margin: 0% 1% 2% 1%; position: relative; transition: background 0.5s; }
.post-grid article.in { }
.post-grid article:hover { background: #e6e6e6; }
.post-grid article h2 { font-size: 18px; line-height: 22px; margin: 0px 0 5px; padding: 10px; }
.post-grid article h2 a { color: #333333; }
.post-grid article h2 a:hover { text-decoration: none; }
.post-grid article .entry { margin-bottom: 15px; }
.post-grid article .entry img { padding-bottom: 20px; }
.post-grid article .entry p { padding: 0 10px 10px 10px; }
.post-grid article .entry p { font-size: 13px; line-height: 20px; color: #4D4D4D; }
.post-grid article time { opacity: 0; text-transform: uppercase; color: #808080; font-size: 12px; display: block; position: absolute; bottom: 10px; left: 10px; }
.post-grid article.in time { opacity: 1; transition: opacity 0.5s; }
.post-grid article.in .entry  { margin-bottom: 15px; position: absolute; bottom: 0; }
.post-grid article .entry.bottom { position: absolute; bottom: 0; padding-right: 10px; }

.post-grid.grid-3 article, .post-grid.grid-4 article, .post-grid.grid-5 article { width: 48%; }

.post-grid article .attachment-post-thumbnail { width: 100%; max-width: 100%; height: auto; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
.post-grid article.highlight .attachment-post-thumbnail { border-left: 1px solid #f27903; border-right: 1px solid #f27903; }

.post-grid article.highlight { background-color: #f27903; }
.post-grid article.highlight h2 a, .post-grid article.highlight .entry p, .post-grid article.highlight time { color: #fff; }

article .overlay_link { top: 0; left: 0; right: 0; bottom: 0; text-indent: 200%; position: absolute; opacity: 0; }


/**** PAGINATION ****/

.pagination-nav { width: 100%; text-align: center; }
.pagination > li > a, .pagination > li > span { background: none; border: none; font-size: 20px; padding: 6px; }
.pagination > li > a { color: #02A3DA; }
.pagination > li > a:hover, .pagination > li > a:focus { background: none; }
.pagination > li > span { color: #B8B8B8; }
.pagination > li > span:hover, .pagination > li > span:focus { background: none; }

/*** ABOUT ****/
.page-about pre { border: none; background: none; padding: none; white-space: normal; }

.team-member { /*display: table-row;*/ margin-bottom: 20px; }
.team-member figure { margin-right: 20px; margin-bottom: 20px; }
.team-member .avatar { max-width: 150px !important; }
.team-member > div { display: table-cell; vertical-align: top; }
.team-member > div h3 { margin-top: 0; font-size: 20px; margin-bottom: 0; }
.team-member .team-member-text { margin-top: 10px; }
.team-member .role { margin-bottom: 0; }

.page-about h5 { background-color: #f0f0f0; line-height: 20px; margin: 5px 0; }


/**** SIDEBAR ****/

#secondary.sticky { position: fixed; }
/*#secondary { transition: top 0.2s ease-out; }*/

aside { margin-bottom: 50px; }
aside h3 { font-size: 20px; color: #f27903; border-top: 1px solid #f27903; text-transform: uppercase; padding: 12px 0 20px 0; margin: 0; }
aside.listing h3 { border-bottom: 1px solid #d3d3d3; }
aside ul li { list-style: none; display: block; }
aside.listing ul li a { line-height: 20px; padding: 10px 0; display: block; transition: all 0.2s ease-in-out; font-size: 15px; border-bottom: 1px solid #d3d3d3; }
aside.listing ul li a:hover, aside ul li a:focus, aside ul li a.active { background-color: #e6f7ff; text-decoration: none; color: #17A1E6; text-indent: 10px; }
aside.listing ul.children li a { text-indent: 20px; }
aside.listing ul.children li a:hover { text-indent: 30px; }

aside.listing.back li a { border-top: 1px solid #d3d3d3; }
aside.pillows ul li { width: auto; display: inline-block; margin-bottom: 10px; margin-right: 10px; }
aside.pillows ul li a { border-bottom: 0; border-radius: 20px; background-color: #e6f7ff; line-height: 24px; padding: 4px 15px; margin-bottom: 10px; }
aside.pillows ul li a:hover { text-decoration: underline; }


aside h3 a { color: #f27903; }
aside.category h3 { padding-bottom: 5px; }

aside .tagcloud { margin-top: -20px; }

#sidebar-anchorlinks { opacity: 0; transition: all 0.5s ease-in-out; display: none; }
#sidebar-anchorlinks.visible { opacity: 1; display: block; }
#sidebar-anchorlinks.hidden { display: none; }

/**** FOOTER ****/

footer { margin-top: 50px; }

footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus, footer .copyright { color: #fff; }

/*.footer-logos { border-top: 1px solid #a5a5a5; }*/
.footer-logos h2 { text-transform: uppercase; color: #a5a5a5; font-weight: 300; margin-top: 20px; }

.hl-section { margin:auto; text-align: center; font-size: 28px; margin-top: 20px; }

#mc_embed_signup { background-color: #F27900; padding: 10px 0; }
#mc_embed_signup h2 { font-size: 17px; color: #fff; display: inline-block; padding: 0 10px; margin: 10px 0; }
#mc_embed_signup .mc-field-group { display: inline-block; }
#mc_embed_signup #mc_embed_signup_scroll { text-align: center; }
#mc_embed_signup #mce-EMAIL { line-height: 28px; padding: 0 20px 0 12px; border-top-left-radius: 14px; border-bottom-left-radius: 14px; border: none; }
#mc_embed_signup #mc-embedded-subscribe { margin-left: -14px; line-height: 28px; padding: 0 12px; text-transform: uppercase; color: #fff; background-color: #33312F; border-radius: 14px; border: none;  }

.footer-categories { background-color: #4D4A47; padding: 20px 0; }
.footer-categories ul {  }
.footer-categories li { list-style: none; }
.footer-categories li.categories > a { font-weight: 700; text-transform: uppercase; }


#menu-footer-menu { margin-left: -10px; }
.footer-menu { background-color: #33312F;  }
.navbar.footer-menu { background-image: none; }

/* standart image align code */

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/*** RETINA ***/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .visible-xs .navbar-brand { background-image: url(images/tgeu-logo-xs@2x.png); }
    .navbar-brand.hidden-xs { background-image: url(images/tgeu-logo@2x.png); }

	.social-menu li a.facebook { background-image: url(images/icon-fb@2x.png); }
	.social-menu li a.facebook:hover, .social-menu li a.facebook:focus { background-image: url(images/icon-fb-over@2x.png); }
	.social-menu li a.twitter { background-image: url(images/icon-twitter@2x.png); }
	.social-menu li a.twitter:hover, .social-menu li a.twitter:focus { background-image: url(images/icon-twitter-over@2x.png); }
	.social-menu li a.rss { background-image: url(images/icon-rss@2x.png); }
	.social-menu li a.rss:hover, .social-menu li a.rss:focus { background-image: url(images/icon-rss-over@2x.png); }

	.breadcrumbs .home { background-image: url(images/home@2x.png); }

	#searchform .search-submit { background-image: url(images/lupe@2x.png); }
}

/* LAYOUT MOBILE */
@media (max-width: 480px) {
	.post-grid article { width: 100% !important; margin-bottom: 20px; }
}

/* LAYOUT TABLET */
@media (max-width: 768px) {

	body { font-size: 12px; }

	h1, .h1 { font-size: 18px; }
	h2 { font-size: 16px; }

	.breadcrumbs { display: none; }

	#front-banner article h2 { width: 100% !important; }

	.table-row-full .table-cell { display: table-row; }
	.table-row-full .table-cell.spacer { height: 20px; }

	.navbar { background-image: url(images/headermap-xs.png); background-repeat: no-repeat; background-position: top right; min-height: 65px; }

	.main-menu .navbar-nav > li > a { background-color: #33312F; border-bottom: 1px solid #4D4A47; }
	.navbar-nav { margin-top: 0; margin-bottom: 0; }
	.navbar-nav > li > a { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 40px; }
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #33312F; }
	.navbar-nav > li > .dropdown-menu { padding: 0; }
	.dropdown-menu > li > a { color: #fff; font-weight: 300; border-bottom: 1px solid #4D4A47;  }
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding-left: 15px; line-height: 25px; }
	.navbar-nav .open .dropdown-menu { background-color: #202020; }
	.menu-mobile-menu-container { display: block; }
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-bottom-color: #4d4a47; }

	.dropdown-menu .dropdown-menu { left: 0; position: relative; display: block; padding: 0; }
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a { padding-left: 25px; }
	.dropdown-menu { border-radius: 0 !important; }

	.navbar-inner.visible-xs.mobile-sm { margin-left: -15px; background-color: #33312f; }
	.nav.navbar-nav.navbar-right.social-menu > li { display: inline-block; }
	.nav.navbar-nav.navbar-right.social-menu > li a { background-color: #33312f; border: none; }

	#menu-blue-top-menu-buttons-1 { margin-right: 5px; margin-bottom: 5px; }
	#menu-blue-top-menu-buttons-1 li { display: inline-block; }
	#menu-blue-top-menu-buttons-1.navbar-nav > li > a { line-height: 27px; color:#fff; font-size: 12px; padding: 3px 10px; margin: 7px 0 0 10px; background-color: #17A1E6; border-radius: 20px; text-transform: uppercase; }
	#menu-blue-top-menu-buttons-1.navbar-nav > li > a:hover { background-color: #17A1E6; }

	.social-menu li a { margin-left: 5px; }

	.blue-buttons { float: left; }

	.main-menu .navbar-form { float: none; }
	.main-menu { overflow: hidden; }
	#searchform { margin-left: -15px; border-left: none; margin-top: 0; background-color: #4D4A47; }
	#searchform .search-field { font-size: 16px; }
	#searchform .search-submit { margin-top: 2px; margin-right: 10px; }
	.navbar-form { border-top: none; }

	header.primary-header h1 { margin-bottom: 30px; }
	#meta { margin-top: -15px; margin-bottom: 10px; }

	.copyright { padding-left: 0 !important; }
	.section-heading { background-color: #f27903; margin: 0 -15px; padding: 5px 15px 20px 15px; }
	.section-heading h2 { margin-top: 6px; font-weight: 400; color: #fff; font-size: 18px; }
	.section-heading a.read-more { margin-top: 0px; font-size: 30px; color: #fff; font-weight: 400; line-height: 20px; }
	.post-grid { margin-bottom: 0; }
	.table-cell.sm span.hl { font-size: 16px; margin-top: 18px; }
	.table-cell.sm span.sl { margin-top: 0; font-size: 10px; }

	.lshowcase-logos { margin: 0 -15px !important; }
	.team-member > div { display: block; }

	#front-banner article { margin-bottom: 20px; max-width: 100%; }
	#front-banner article img { margin-left: 0; padding-bottom: 10px; }
	#front-banner article h2, #front-banner article.article1 h2 { font-size: 20px; line-height: 28px; }


}

@media (min-width: 768px) {

	/* HEADER */
	header#site-header { height: 170px; background-size: contain; background-image: url(images/headermap@2x.png); background-position: top right;  background-repeat: no-repeat; }

	header.primary-header { margin-bottom: 50px; }

	/* NAVI */
	.main-menu .menu-main-menu-container { float: left; padding-top: 37px; }
	.main-menu .navbar-nav > li > a { padding: 10px; font-size: 22px; font-weight: 400; }
	.dropdown:hover > .dropdown-menu { display: block; }
	.dropdown-menu > li > a { color: #303030; }

	.navbar .dropdown-menu::after { position: absolute; top: -5px; left: 30px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; }
	.navbar .dropdown-menu .dropdown-menu::after { position: absolute; top: 12px; left: -5px; display: inline-block; border: none; border-top: 6px solid transparent; border-right: 6px solid white; border-bottom: 6px solid transparent; content: ''; }

	#front-banner article.article1 { width: 100%; }
	#front-banner article.article2 { width: 50%; }
	#front-banner article.article3 { width: 50%; }

	#front-banner article.article img { float: right; }

	#front-banner article.article1 img { max-height: 300px; width: auto; }
	#front-banner article.article2 img { max-height: 140px; width: auto; }
	#front-banner article.article3 img { max-height: 140px; width: auto; }

	#meta { margin-bottom: 15px; margin-top: -50px; }


	/* FOOTER */
	footer .copyright { float: right; }

}

@media (min-width: 768px) and (max-width: 992px) {
	#front-banner article.article2 { width: 49%; margin: 2% 1% 0 0; }
	#front-banner article.article3 { width: 49%; margin: 2% 0 0 1%; }
	.table-cell.sm span.sl { font-size: 16px; margin-top: 4px; }
}

@media (max-width: 992px) {
	#secondary.sticky { position: relative; top: 0 !important; }
	#front-banner .row { margin: 0; }
}

@media (min-width: 992px) {
	#front-banner article.article img { height: auto; }
	#front-banner article.article1 { width: 610px; margin-left: 15px; }
	#front-banner article.article2 { width: 310px; margin-left: 20px; margin-bottom: 20px; }
	#front-banner article.article3 { width: 310px; margin-left: 20px; }

	.post-grid.grid-3 article { width: 48%; }
	.post-grid.grid-4 article { width: 31.3%; }
	.post-grid.grid-5 article { width: 23%; }
	.post-grid.grid-3 article:last-child { display: none; }
	.post-grid.grid-4 article:last-child { display: none; }
	.post-grid.grid-5 article:last-child { display: none; }
}

@media (min-width: 1200px) {

	#front-banner .row { }
	#front-banner article.article1 { width: 700px; }
	#front-banner article.article2 { width: 420px; }
	#front-banner article.article3 { width: 420px; }

	.post-grid.grid-3 article { width: 31%; }
	.post-grid.grid-4 article { width: 23%; }
	.post-grid.grid-5 article { width: 18%; }
	.post-grid.grid-3 article:last-child { display: block; }
	.post-grid.grid-4 article:last-child { display: block; }
	.post-grid.grid-5 article:last-child { display: block; }
	.category-description { width: 99%; }

	.lshowcase-boxInner-normal { width: 180px !important; }
}