/* Default CSS */
.legend {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    background-color: #e0e0e0;
    padding: 2px 5px 2px 2px;
    border-bottom: 1px solid #333;
}

.tag {
    padding: 2px;
    font-size: 10px;
    font-family: Arial;
    color: #333;
    background-color: #f9f9f9;
    border-bottom: 1px solid #333;
}

h3.dnpgrid1-title {
    font-size: 18px;
	color:#333;
	font-weight:600;
	text-transform: uppercase;
}

.dnpgrid1-wrap {
    background: #fafafa;
	cursor: pointer 
}

.dnpgrid1-wrap:hover {
    background: #fff;
}

.dnpgrid1-wrap img {
    max-width: 100%;
    width: 100%;
}

.imgswap img:last-child{display:none;opacity:0}
.imgswap:hover img:first-child{display:none}
.imgswap:hover img:last-child{display:inline-block;opacity:1}

.dnpgrid1-inner {
    padding: 35px 15px 0;
    text-align: center;
}

.dnpgrid1-inner a {
    color: #161616;
}

.dnpgrid1-wrap p {
    margin-top: 22px;
font-size:12px;
}

ul.social {
    margin-top: 18px;
}
ul.social i {color:#505050;}

.moretests h3 {color:#fff;font-size:16px;text-align:center;}
.moretests {padding:25%;background:#4c99cb;color:#fff;}
.moretests2 h3 {color:#fff;font-size:16px;text-align:center;}
.moretests2 {padding:10%;background:#000;color:#fff;}
@media(max-width:1280px) {
.dnpgrid1-inner {
    padding:  0;
    text-align: center;
}
}



@media(max-width:1140px) {
h3.dnpgrid1-title {
    font-size: 18px;

}
ul.social {
    margin-top: 0px;
}

ul.social i {
    font-size: 12px !important;
}
.dnpgrid1-wrap p {
    margin:0px;
font-size:12px;
}
}

@media(max-width:1024px) {
.dnpgrid1-wrap p {
    margin:0px;
font-size:10px;
}

}

@media(max-width:980px) {
.wallfloat{width:100%!important;max-width:100%!important;float:none!important;}
h3.dnpgrid1-title {
    font-size:22px;
}
ul.social {
    margin-top: 0px;
}

ul.social i {
    font-size:22px !important;
}
.dnpgrid1-wrap p {
    margin:0px;
font-size:18px;
}

.dnpgrid1-inner p {
    padding-bottom: 24px;
}
.dnpgrid1-inner {
    padding: 35px!important;
    text-align: center;
}
}

@media(max-width:900px) {
.dnpgrid1-inner {
    padding: 35px 35px 0;
    text-align: center;
}

h3.dnpgrid1-title {
    font-size: 24px;
}

.dnpgrid1-inner p {
    font-size: 16px !important;
}
}