@charset "utf-8";
.cbp-ig-grid {list-style: none;padding: 0 0 50px 0;margin: 0;}
/* Clear floats */
.cbp-ig-grid:before, .cbp-ig-grid:after { content: " "; display: table; }.cbp-ig-grid:after { clear: both; }
/* grid item */
.cbp-ig-grid li {border-top: 1px solid #ddd;float: left;height: 420px;text-align: center;margin-left: 0 !important; padding: 0 !important; text-indent: 0 !important; width: 33%;}
/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3){border-top: none;margin-left: 0;}.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;margin-left: 0; padding: 0 !important;}
/* anchor style */
.cbp-ig-grid li > div {display: block;height: 100%;color: #47a3da;-webkit-transition: background 0.2s;-moz-transition: background 0.2s;transition: background 0.2s;}
/* the icon with pseudo class for icon font */
.cbp-ig-icon {padding: 30px 0 0 0;display: block;-webkit-transition: -webkit-transform 0.2s;transition: -moz-transform 0.2s;transition: transform 0.2s;}
/* title element */
.cbp-ig-grid .cbp-ig-title {margin: 20px 0 10px 0;padding: 20px 0 0 0;font-size: 2em;position: relative;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cbp-ig-grid .cbp-ig-title:before {content: '';position: absolute;background: #000;width: 160px;height: 6px;top: 0px;left: 50%;margin: -10px 0 0 -80px;-webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s;transition: margin-top 0.2s;}
.cbp-ig-grid .cbp-ig-category {text-transform: uppercase;display: inline-block;font-size: 1em;letter-spacing: 1px;color: #fff;-webkit-transform: translateY(10px);-moz-transform: -moz-translateY(10px);-ms-transform: -ms-translateY(10px);transform: translateY(10px);opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;-webkit-transition: transform 0.3s, opacity 0.2s;}
.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
/* Hover styles */
.cbp-ig-grid li:hover > div {background: #ffcc00;}
.cbp-ig-grid li:hover > div .cbp-ig-icon {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
.cbp-ig-grid li:hover > div .cbp-ig-icon:before,
.cbp-ig-grid li:hover > div .cbp-ig-title {color: #fff;}
.cbp-ig-grid li:hover > div .cbp-ig-title {-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
.cbp-ig-grid li:hover > div .cbp-ig-title:before {background: #fff;margin-top: 80px;}
.cbp-ig-grid li:hover > div .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category {font-weight: 500; opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
@media screen and (max-width: 62.75em) {.cbp-ig-grid li {width: 50%;}/* reset the grid lines */.cbp-ig-grid li:nth-child(-n+3){	border-top: 1px solid #ddd;}.cbp-ig-grid li:nth-child(3n-1),.cbp-ig-grid li:nth-child(3n-2) {box-shadow: none;}.cbp-ig-grid li:nth-child(-n+2){border-top: none;}.cbp-ig-grid li:nth-child(2n-1) {box-shadow: 1px 0 0 #ddd;}}
@media screen and (max-width: 41.6em) { .cbp-ig-grid li {width: 100%;}.cbp-ig-grid li:nth-child(-n+2){border-top: 1px solid #ddd;}.cbp-ig-grid li:nth-child(2n-1) {box-shadow: none}.cbp-ig-grid li:first-child {border-top: none;}}
@media screen and (max-width: 25em) { .cbp-ig-grid {font-size: 80%;}.cbp-ig-grid .cbp-ig-category {margin-top: 20px;}}