.keyresult-foundkey {
margin-bottom: 30px;
max-width: 700px;
}
.keyinfo {
min-height: 200px;
display: flex;
flex-flow: column nowrap;
}
.keyinfo-img {
min-width: 200px;
max-width: 200px;
width: 200px;
height: 200px;
}
.keyinfo img {
max-width: 200px;
max-height: 200px;
}
.keyinfo h1 {
color: #b40000;
font-size: 36px;
margin: 10px 0;
}
.keyinfo h2 {
font-size: 18px;
margin: 10px 0;
}
.keyinfo h1, .keyinfo h2, .keyinfo h4 {
font-weight: 700;
}
.keyinfo h3 {
font-size: 12px;
color: #fff;
font-weight: 700;
display: inline-block;
padding: 10px;
background: #02122e;
}
.keyinfo h4 {
color: #b40000;
font-size: 16px;
margin: 10px 0;
}
.keyinfo h5 {
font-size: 14px;
font-weight: bold;
}
.keyresult-title {
text-align: center;
}
.keyresult-row {
display: flex;
margin-top: 30px;
}
.keyresult-content {
order: 1;
width: 70%;
margin-left: 30px;
}
.keyresult-content hr {
margin-top: -25px !important;
margin-bottom: 30px !important;
}
.dckp_price_warning {
font-size: 12px;
}
.dckp-key-main-info {
display: flex;
flex-flow: row nowrap;
}
.dckp-key-detailt-info {
display: flex;
flex-flow: column;
margin-top: 20px;
}
.dckp-kdi-row-title {
font-weight: bold;
font-size: 1.2em;
padding: 10px 0;
}
.dckp-kdi-row {
display: flex;
flex-flow: row nowrap;
padding: 3px 0;
}
.dckp-kdi-title {
width: 200px;
min-width: 200px;
font-weight: bold;
}
.keyresult-leftsidebar {
order: 0;
width: 30%;
text-align: center;
}
.keyresult-leftsidebar img {
max-width: 189px;
}
.keyresult-leftsidebar h1 {
font-size: 20px;
color: #087e11;
padding: 10px 0;
}
.keyresult-leftsidebar ol {
padding: 0;
margin: 0 30px;
}
.keyresult-leftsidebar ol li {
width: 100%;
padding: 10px !important;
list-style-position: inside;
border: 1px solid #c3c3c3;
-webkit-box-shadow: 0 0 10px 0 rgba(204,204,204,1);
-moz-box-shadow: 0 0 10px 0 rgba(204,204,204,1);
box-shadow: 0 0 10px 0 rgba(204,204,204,1);
margin-bottom: 20px;
font-size: 14px;
}
#singlebadges {
width: 100%;
margin: 30px 0;
min-height: 100px;
}
.singlebadges-col {
width: 25%;
float: left;
text-align: center;
padding: 0;
}
#singlebadges a {
width: 90%;
font-size: 12px;
font-weight: 400;
height: 80%;
padding: 3% 0 4%;
border: 1px solid #ddd;
display: block;
color: #02122e;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 10px 0 rgba(204,204,204,1);
-moz-box-shadow: 0 0 10px 0 rgba(204,204,204,1);
box-shadow: 0 0 10px 0 rgba(204,204,204,1);
cursor: default;
}
#singlebadges i {
margin-right: 10px;
font-size: 20px;
background: #02122e;
color: #fff;
border-radius: 10px;
padding: 10px;
min-width: 40px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media all and (max-width: 1099px) {
.singlebadges-col {
width: 50%;
float: left;
}
}
@media all and (max-width: 768px) {
.keyresult-row {
flex-flow: column nowrap;
}
.keyresult-content {
order: 0;
width: 100%;
margin-left: 0;
}
.keyinfo h3 a {
color: #fff;
}
.keyresult-leftsidebar {
order: 1;
width: 100%;
}
#singlebadges {
margin: 30px 15px;
}
.singlebadges-col {
width: 50%;
float: left;
}
}
@media all and (max-width: 450px) {
.keyinfo {
clear: both;
text-align: center;
flex-flow: column nowrap;
justify-content: center;
}
.dckp-key-main-info {
flex-flow: column nowrap;
}
.dckp-key-detailt-info {
text-align: left;
}
.dckp-kdi-title {
width: 160px;
max-width: 160px;
min-width: 160px;
}
.keyinfo-img {
margin-left: auto;
margin-right: auto;
}
.resultspagebox {
text-align: center;
}
.keyinfo h3 {
margin-left: 0;
}
.keyinfo h2, .keyinfo h5 {
margin-left: 0;
}
.keyinfo h1, .keyinfo h4 {
margin: 10px 0 10px 0;	
}	
.key-call-btn {
margin-left: auto;
margin-right: auto;
}
}
@media all and (max-width: 480px) {
.singlebadges-col {
width: 100%;
float: none;
}
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}