.emailh1 {
color: rgb(0, 0, 0);
text-align: center;
font-size: 32px;
line-height: 44px;
font-family: 'Philosopher', sans-serif;
}

.emailh2 {
color: rgb(0, 0, 0);
text-align: center;
margin-bottom: 50px;
font-size: 22px;
line-height: 30px;
font-family: Roboto, arial;
}

.phh3 {
letter-spacing: 5px;
}
.article-intro-image.float-none {
width: 40%;
display: inline-block;
}

.article-body {width: 57%;
float: right;
display: inline-block;}


.col-md-12 .article .article-body .article-header h2 a {
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
line-height: 30px;
font-family: 'Philosopher', sans-serif;
}

.article-body .article-header h2 a {
margin-top: 0px;
margin-bottom: 20px;
font-size: 22px;
line-height: 30px;
font-family: 'Philosopher', sans-serif;
}

.article-body .readmore a {background-color: #373737;
color: #FFFFFF !important;
padding: 15px 40px 15px 40px;
font-size: 16px;

display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
line-height: 1.25;
border-radius: 4px;
transition: all .15s ease-in-out;

 }

.article-body .readmore a:hover {
background-color: #646464;
color: #FFFFFF;
}

.article-details .article-full-image {
padding: 10px 10px;
max-width: 50%;
margin-right: 20px;
}

.article-header {
text-align: center;
}

.article-body .article-header h2 {text-align: left; padding:0px;}

.col-md-4 .article  {
display: inline-block;
border: 1px solid #858585 ;
min-height: 650px;
}

.col-md-4 .article .article-body {float: left !important;
width: 100% !important;
}

.article-intro-image.float-left {padding: 30px;}

.blog  h2 {
padding: 20px;
text-align: center;
font-size: 32px;
font-family: 'Philosopher', sans-serif;
}

.blog  .article-list .row .col-md-12  h2 {
padding: 0px;
text-align: left;
font-size: 32px;
}


.article-header h2 { border:0px;}


.blog .article-list .article .article-intro-image {
margin: -0px -20px 0px -20px;
}



.field-value {
font-size: 24px;
line-height: 32px;
}

.fields-container {display: inline-block;
margin-top: 20px;width: 45%;
min-height: 490px;
}



.col-md-4 .article .article-body .readmore a {background-color: rgb(76, 76, 76);
color: RGB(255, 255, 255);
padding: 10px 20px 10px 20px;
font-size: 16px;}

.col-md-4 .article .article-body .readmore a:hover {background-color: rgb(0, 140, 255);
color: RGB(255, 255, 255);}

.col-md-12 .article-introtext p span {line-height: 100%;}

.body-innerwrapper #sp-main-body {
  padding: 0px;
}

#sp-component.col-lg-12  .sp-column .article-details {padding: 70px;}

.ph-price {
box-shadow: 0 0 0 0 #ffffff;
border-width: 1px;
border-color: #000000;
border-style: dashed;
margin: 30px auto 0px auto;
}
.field-entry.ph-price .field-value p {line-height: 50px;
margin: 0;
text-align: center;
}

.field-entry .field-value ul {
padding-left: 60px;
}

#sp-bottom .zakonrf label a {color: #1e7be2;}


#sp-bottom .zakonrf label a:hover {color: #023b85;}

.phbutton {
    border-color: #1E7BE2;
    background-color: transparent;
    color: #1E7BE2;
    padding: 10px 30px 10px 30px;
    font-size: 18px;
    border: 1px solid;
    text-align: center;
    border-radius: 4px;
    transition: all .15s ease-in-out;
    line-height: 1.25;
}

.phbutton:hover {
    border-color: #1E7BE2;
    background-color: #1E7BE2;
    color: #ffffff;
    padding: 10px 30px 10px 30px;
    font-size: 18px;
}

.article-list {
padding-top: 100px;
}

#sp-footer1 {
text-align: center;
font-size: 115%;
}

#sp-footer .menu li a {
margin-bottom: 20px;
padding-top: 7px;
padding-right: 17px;
padding-bottom: 7px;
padding-left: 17px;
font-size: 16px;
line-height: 24px;
text-transform: none;
letter-spacing: 1px;
font-family: Roboto;
color: #ffffff;
}

#sp-footer .menu li a:hover {
background-color: #2771fb;
}

.content-foter {
float: right;
text-align: right;
}

#sp-footer .sp-copyright p a, #sp-footer .sp-copyright .content-foter a {color: #1e7be2;}

#sp-footer .sp-copyright p a:hover, #sp-footer .sp-copyright .content-foter a:hover {color: #023b85;}


#sp-footer1 .custom p a:hover {color: #00c5c3;}

#sp-footer {margin-top: 80px;}

.blog {padding-top: 50px;}



@media (max-width:800px) {
.article-intro-image img{
width: 100%;
}
.article-intro-image.float-none {
width: 100%;
}
.article-full-image.float-left {
max-width: 100%;
}

.article-body {
width: 100%;
}
.fields-container {width: 100%;
min-height: auto;
}
.col-md-4 .article {
min-height: auto;
}
.field-entry .field-value ul {
    padding-left: 20px;
}
#sp-component.col-lg-12 .sp-column .article-details {
    padding: 30px;
}

.blog .article-list .article .article-intro-image {
	margin: -0px -20px -0px 0px;
}
.article-header {
    text-align: center;
    margin-bottom: 0px;
	font-size: 22px;
line-height: 30px;
}
.article-list .article .readmore {
text-align: center;
margin-top: 15px;
}
.article-list .article {
padding: 10px;
}

.col-md-12 .article .article-body .article-header h2 a {
font-size: 28px;
}

.col-md-12 .article .article-body .article-introtext p span {
font-size: 16px;
line-height: 20px;
}
.article-list {
padding-top: 30px;
}


}
@media (max-width:995px) {

.col-md-4 {flex: 100%;
max-width: 100%;
}

}


#flake {
color: #cde8ff;
position: absolute;
font-size: 25px;
top: -50px;
z-index: 10000;
font-family:inital;
}