/*body {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}*/

.container {width: 100%}

.grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1000px;
  padding: 15px 10px 10px;
}

.grid-item {
  height: auto/*250px*/;
  flex-basis: 20%;
  -ms-flex: auto;
  width: 250px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
}

.grid-row a {
  /*text-decoration: none;*/
}

.wrapping-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: currentColor;
}

.grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  /*background: #efefef;*/
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);
  transition: padding 0.15s cubic-bezier(0.4,0,0.2,1), margin 0.15s cubic-bezier(0.4,0,0.2,1), box-shadow 0.15s cubic-bezier(0.4,0,0.2,1);
  position: relative;
}

.grid-item-container {
  /*height: 100%;
  width: 100%;
  position: relative;
  padding: 0 10px;*/
}

.grid-image-top {
  height: 45%;
  width: 120%;
  background-size: cover;
  position: relative;
  background-position: 50% 50%;
  left: -10.5%;
  top: -4.5%;
  display: none;
}

.grid-image-top .centered {
  text-align: center;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 54.5%;
  left: 50%;
  width: 60%;
  height: 60%;
  background-position: center;
}

.grid-item-content {
  padding: 0 20px 20px 20px;
}

.item-title {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
}

.item-category {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}

.item-excerpt {
  margin-bottom: 20px;
  display: block;
  font-size: 14px;
}

.more-info i {
  padding-left: 5px;
  transition-duration: .5s;
}

.grid-item:hover .more-info i {
  padding-left: 20px;
  transition-duration: .5s;
}

.more-info i::before {
  font-size: 16px;
}

.grid-item:hover .grid-item-wrapper {
  
}


/* ===== min-width: 1443px ===== */

@media only screen and (min-width: 1443px) {
	.main {width: calc(100% - 20%);margin-left: 10%;margin-right: 10%}
	.main aside {width: calc(30% - (10% - 20px));right: 10%;padding-left: 20px}
}


/* ===== min-width: 1069px ===== */

@media only screen and (min-width: 1069px) {
	.first {width: 32%;padding: 0}
	.second {width: 32%;padding: 0 2%}
	.third {width: 32%;padding: 0}
	.second-end {width: 66%;padding: 0 0 0 2%}
	/*.fifty-left {width: 49%!important;padding-right: 1%!important;}
	.fifty-right {width: 49%!important;padding-left:1%!important;}*/
	.seventy-left {width: 64%;padding-right: 1%}
	.thirty-right {width: 34%;padding-left:1%}
	.one-liner {line-height: 40px}
	.three-liner {min-height: 60px}
	.mh100 {min-height: 100px;}
	.mh150 {min-height: 150px;}
}	


/* ===== min-width: 736px ===== */

@media only screen and (min-width: 736px) {
	.grid-item {flex-basis: 33.33%}
	.grid-item-75 {flex-basis: 69%;margin-right: 2%;margin-bottom: 2em}
	.grid-item-25 {flex-basis: calc(29% - 4px);background-color: transparent;padding-left: 0;margin-bottom: 2em;border-left: 4px double #999}
	.grid-item-25 .grid-item-container {margin: 0 0 2em;padding: 0 0 0 15px !important;}
	.columns2 {
		column-count: 2;
		column-gap: 2%;
		column-fill: balance;
		-webkit-column-count: 2;
		-webkit-column-gap: 2%
	}
	
	.columns3 {
		column-count: 3;
		column-gap: 2%;
		column-fill: balance;
		-webkit-column-count: 3;
		-webkit-column-gap: 2%
	}
	
	section img {width: auto !important;max-width: 100%}
	.title {float: left}
	.c-header img {margin-top: 0}
	.footer-container footer .social {float: right;text-align: right}
}


/* ===== max-width: 735px ===== */

@media only screen and (max-width: 735px) {
/*@media (max-width: 815px) {*/
	.grid-item {flex-basis: 50%}
	.grid-item-75 {flex-basis: 69%;margin-right: 1%;margin-bottom: 2em}
	.grid-item-25 {flex-basis: calc(30% - 4px);background-color: transparent;padding-left: 0;margin-bottom: 0;border-left: 4px double #999;}
	.grid-item-25 .grid-item-container {margin: 0 0 2em;padding: 0 10px !important;}
}


/* ===== min-width: 481px ===== */

@media only screen and (min-width: 701px) {
	.mobile {display: none!important}
	.pc {display: block; !important}
	aside {background-color: transparent}
	aside ul {/*padding-top: 1.5em!important;*/border: none;}
	aside ul li a {color: #77716a;line-height: 1.2;padding: 5px 10px;border-left: 5px solid transparent}
	aside ul li a:hover {background-color: transparent;color: #000; font-weight: 400;border-left: 5px solid #cfcfcf}
	aside ul li a.active {background-color: #dfdfdf;color: #4f4b46; font-weight: 700;cursor: default;border-left: 5px solid #737373;}
	aside ul.dropdown {background-color: #f6f6f6;padding-top: 0!important;/*border-bottom: 1px solid #cfcfcf*/}
	aside ul.dropdown li a {color: #77716a;line-height: 1.2;padding: 5px 10px;border-left: 5px solid #cfcfcf}
	aside ul.dropdown li a:hover {background-color: transparent;color: #000; font-weight: 400;border-left: 5px solid #afafaf}
	aside ul.dropdown li a.active {background-color: #dfdfdf;color: #4f4b46; font-weight: 700;cursor: default;border-left: 5px solid #737373;}
	aside ul li.host {background-color: #eaeaea;border-bottom: none}
	aside ul li.subnav {font-size: .85em;}
	aside ul li.subnav a {padding-left: 1.5em;}
	aside ul li.subnav a:hover {background-color: transparent;color: #000; font-weight: 400;border-left: 5px solid #afafaf}
	aside ul li.subnav a.active {background-color: #dfdfdf;color: #4f4b46; font-weight: 700;cursor: default;border-left: 5px solid #737373;}
	
	aside .button-container {padding: 1.35em 0}
	
	section img.left {float: left;width: auto;max-width: 50%;margin-right: 1em}
	section img.right {float: right;width: auto;max-width: 50%;margin-left: 1em	}
	
	.button {display: block;text-align: left}
	
	.footer-container {margin-top: 2em;vertical-align: bottom}
	.footer-container footer {padding: 0 0 .25em;margin: 0;width: 100%;border-top: 1px dotted #aaa}
	.footer-container footer p {font-size: .7rem;line-height: 1.4;margin-bottom: 0;padding-left: 10px}
	.footer-container footer .company {width: 100%;margin-bottom: .25em}
	.footer-container footer .address {margin-bottom: .5em}
	.footer-container footer .address p, .footer-container footer .contacts p {margin-top: 0}
	.footer-container footer .contacts {margin-bottom: .5em;float: left;word-break: break-all}
	.footer-container footer .social p {margin-top: 0}
	.footer-container footer .copyright {clear: both;width: 100% !important;border-top: 1px dotted #aaa}
	
	
	/* ===== INTERMEDIATE: IE Fixes ===== */
	nav ul li {display: inline}
	.oldie nav a {margin: 0 0.7%}


	/* ===== Main ===== */
	.main article {width: 70%;float: left;padding-bottom: 20px}
	
}


/* ===== max-width: 480px ===== */

@media only screen and (max-width: 700px) {
	.col {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto !important;
	}
	
	.grid-item, 
	.grid-item-75, 
	.grid-item-25 {flex-basis: 100%!important}
	.grid-item-25 {background-color: #efefef;border: none;padding: 0}
	.grid-item-container {margin-bottom: 0!important;}
}