header.dpipage {
    background: #335c7d none repeat scroll 0 0;
    color: #ffffff;
    font-size: 110%;
    height: 4.5em;
    padding: 0 0 0 0.2em;
    position: fixed;
    text-align: left;
    transition: all 0.4s ease 0s;
    width: 100%;
}
header.dpipage.sticky {
    background: #efc47d none repeat scroll 0 0;
    font-size: 95%;
    height: 3em;
    line-height: 2.6em;
    padding: 0 0 0 0.5em;
    text-align: left;
    transition: all 0.4s ease 0s;
}
header.dpipage.sticky h3 {
    display: none;
}
section.dpipage {
    float: left;
    margin: 0 0 2.5em;
    padding: 6em 1em 0;
}
.dpipage h1, .dpipage h3 {
    float: left;
    font-family: "Montserrat",sans-serif !important;
    width: 100%;
}
.dpipage h2 {
    float: left;
    font-family: "Montserrat",sans-serif !important;
    width: 100%;
}
.dpipage h1 {
    margin: 0;
}
.dpipage h2 {
    margin: 0.5em 0 0;
}
.dpipage h3 {
    margin: 0 0 1.5em;
}
.dpipage .dpi {
    float: left;
}
.dpipage label {
    float: left;
    font-family: "Josefin Sans",sans-serif !important;
    font-size: 135%;
    height: 2.2em;
    font-weight: lighter;
    margin: 0 0.2em 0 0.5em;
    padding: 0.4em 0 0;
    vertical-align: bottom;
    width: 4em;
}
.dpipage input.android, .dpipage input.ios {
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 130%;
    height: 2em;
    margin-right: 0.2em;
    width: 5em;
}
.area img {
    display: block;
    margin: 0.5em 0;
    border: 0.1em solid #CCCCCC;
}
.selectimg {
    float: left;
    margin: 1.5em 0 1em;
    clear: both;
}
.selectimg input {
    visibility: hidden;
    height: 0;
}
.selectimg span {
    color: #FFF;
    display: inline;
    padding: 0.5em;
    text-align: center;
    background: #038A7B;
    border-radius: 0.2em;
    cursor: pointer;
}
.area .listimg {
    width: 100%;
    float: left;
}
footer.dpipage {
    clear: both;
    float: left;
    font-family: "Montserrat",sans-serif !important;
    margin: 0 0 0 0.5em;
    width: 98%;
}
#cookies {
    background-color: #eeeeee;
    bottom: 0;
    color: #000000;
    display: none;
    padding: 0.5em 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}
#cookies > div {
    margin: 0 1.2em;
}
#cookies > button {
    background-color: rgb(240, 118, 9);
    border: 0.1em solid #999999;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0.1em 0.1em 0.1em #EEEEEE;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0.2em;
    padding: 0.2em;
    position: absolute;
    right: 0.3em;
    top: 1em;
}
#cookies button {
    background-color: rgb(240, 118, 9);
    color: #FFFFFF;
    font-weight: bold;
    border: 0.1em solid #999999;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0.1em 0.1em 0.1em #EEEEEE;
    margin: 0.2em;
    padding: 0.2em;
}
.socialnetworks-header {
    float:right;
    margin:-42px 0 0;
}
.socialnetworks-footer {
    float:right;
    margin:-45px 0 0 0;
}
.clear {
    clear: both;
}
.sharing {
    float: left;
    margin: 2em 0 0;
}
.listimg a {
    background-color: #EEEEEE;
    float: left;
    width: 100%;
    border: 0.1em solid #999999;
    margin: 0 0 0.2em 0;
}
@media (max-width: 1110px) {
    .dpi {
        width: 100%;
    }
    input.android, input.ios {
        width: 65% !important;
    }
}