/************
   Settings
*************/
.mosaic-settings-radio{ text-align:center}
.mosaic-settings-template { padding-right: 30px; float: left }
.mosaic-settings-link-image { border: 2px #eee solid; border-radius: 10px; padding: 10px; display:inline-block}
.mosaic-settings-link-image span{width:100%;text-align:center;display:table}
.mosaic-settings-numbers { list-style-type: none; float: left; }
.mosaic-settings-numbers li { background-color: #1b5c91; color: #fff; margin: 10px; height: 67px; font-size: 30px; font-weight: bold; line-height: 67px; } 
.mosaic-settings-numbers li span{padding:0 20px 0 20px}
.mosaic-settings-link { list-style-type: none; float: left }
.mosaic-settings-link li { margin: 10px; height: 67px }
.mosaic-settings-link .title{ width:270px; display:inline-block;padding-left:10px}
.field-validation-error{ color:red; display:inline-block}



/***************************************************
	DESIGNER TEST
***************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);*/

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

/*
Red		- #cc0033
Blue	- #003366
Gray	- #333333
*/

/***************************************************
	BLOCKS SEVEN
***************************************************/
.blocksSeven { display: block; /*padding:10px 33px;*/ padding: 3px; background: #fff; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.blocksSeven .row { margin-left: 0; margin-right: 0; }
.blocksSeven .row > div { padding: 0; }
.blocksSeven .blockEach { display: block; position: relative; background: #0c274b; border: 3px solid #fff; }
.blocksSeven .blockEach h2 { position: absolute; bottom: 20px; left: 20px; z-index: 5; color: #fff; text-shadow: 2px 2px 3px #000; margin: 0; padding: 0; font-weight: 500; }
.blocksSeven .blockEach img { opacity: .3; }
.blocksSeven .blockEach:hover img { opacity: .9; }


/******************************************************************
	RESPONSIVE STYLING
******************************************************************/
@media (min-width: 979px) and (max-width: 1199px) {
    .blocksSeven .blockEach h2 { font-size: 26px; }
}

@media (min-width: 769px) and (max-width: 979px) {
    .blocksSeven .blockEach h2 { font-size: 26px; }
    .blocksSeven .blockEach img { opacity: .7; }
}

@media (max-width: 768px) {
    .blocksSeven .blockEach h2 { font-size: 30px; }
    .blocksSeven .blockEach img { opacity: .7; }
}

/***************************************************
	.end
***************************************************/