div.news h1, div.news h2, div.news h3, div.news h4 {
text-align: center; 
color: #1A5C9B;
}

.border-gradient {
width: 100px;
height: 100px;
position: absolute;
top: 40%;
left: 5%;
background: linear-gradient(to bottom, #e1bd69, #faf2c6 19%, #faf2c6 29%, #e1bd69 39%, #955f32 70%, #4b2017);
border-radius: 50%;
transform: rotate(34deg);
}
.price-test {
width: 80px;
height: 80px;
background: #b3011b;
border-radius: 50%;
margin-left: 10px;
margin-top: 10px;
transform: rotate(-34deg);
}
.price-test p {
color: white;
font-weight: bold;
font-size: 12px !important;
padding-top: 7%;
text-shadow: -2px 3px 1px black;
}
.price-test p span:nth-of-type(1) {
padding-left: 12px;
}
.price-test p span:nth-of-type(2) {
font-size: 17pt !important;
padding-left: 11px;
}
.price-test p span:nth-of-type(3) {
padding-left: 25px;
}
.region-image {
width: 100% !important;
margin: 0 !important;
display: block;
height: 100% !important;
}
.container-region {
width: 740px;
position: relative;
background: #6a8b9a;
}
.container-region a {
text-decoration: none;
}
.container-region div:not([class|="block"]):not(.price-test):not(.border-gradient):not(.flipper):not(.front):not(.back) {
border: 3px solid white;
box-sizing: border-box;
position: relative;
}
div[class|="block"] {
display: inline-block;
vertical-align: top;
}
div[class$="text"] p:not(.price-regions) {
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 25PX;
line-height: 35px;
padding-left: 2%;
}
.block-first, .block-seventh {
width: 400px;
}
.first-text {
height: 281px;
}
div[class*="text"] {
background: #6a8b9a !important;
position: relative;
transition: all 1s;
}
div[class*="img"] {
transition: all 1s;
transform-style: preserve-3d;
}
.first-text p:not(.price-regions) {
text-align: right;
padding-top: 18%;
padding-right: 3%;
}
img[alt="Princess logo"] {
width: 230px;
padding-top: 5%;
padding-left: 10%;
}
.first-img {
width: 100%;
}
.block-first {
float: left;
}
.block-first:hover .first-img {
transform: translateY(-281px);
}
.block-first:hover .first-text {
transform: translatey(292px);
}
.block-second {
overflow: hidden;
}
.second-img {
width: 100%;
max-width: 340px;
}
.second-text {
height: 180px;
max-width: 340px;
}
.block-second:hover .second-text{
animation: hideandup 2s;
animation-fill-mode: forwards;
}
.block-second:hover .second-img {
animation: downhide 2s;
animation-fill-mode: forwards;
}
.block-third {
width: 340px;
height: 510px;
position: static;
float:right;
}
.block-fourth {
    width: 400px;
}
.gbr {
top: 8%;
left: 56%;
}
.third-img {
width: 340px !important;
height: 100% !important;
overflow: hidden;
}
.block-third.active .front {
transform: rotateY(360deg) !important;
}
.block-fifth {
width: 400px;
position: relative;
height: 334px;
float: left;
}
.fifth-text .border-gradient {
top: 1%;
left: 67%;
}
.fifth-text-second {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fifth-text-first{
z-index: 2;
}
.block-fifth:not(.winter):hover div.fifth-text div.fifth-text-first {
animation: upanddown 10s;
}
.fifth-text-second p {
margin-top: 40px;
}
.block-sixth {
width: 340px;
margin-top: 0px;
float: right;
}
img.second {
transition: all 1s;
}
.block-sixth:hover .sixth-img img.second {
opacity: 0;
}
.block-eighth {
width: 340px;
position: absolute;
top: 1184px;
}
.eighth-text .border-gradient {
top: 8%;
left: 3%;
}
.eighth-text {
height: 150px;
}
.eighth-text p:not(.price-regions){
text-align: right;
}
.block-seventh.active .seventh-img img{
animation: clorschanging 2s;
}
.block-first.winter {
float: right;
}
.block-third.winter {
position: static;
float: left;
}
.block-fifth.winter, .block-seventh.winter {
float: right;
height: 486px;
overflow: hidden;
}
.block-sixth.winter {
float: left;
margin-top: auto;
}
.block-eighth.winter {
position: static;
height:154px;
}
.block-eighth.winter .eighth-text {
height: 100%;
}
.border-gradient.winter{
top: 11%;
left: 66%;
} 
.block-eighth.winter p:not(.price-regions) {
margin-top: 35px;
}
.block-second.winter:hover .second-text{
animation: hideandup-2 2s;
animation-fill-mode: forwards;
}

h2.regions_table {
margin-top: 20px;
font-size: 20pt;
}
.second-text .border-gradient {
top: 20%;
left: 67%;
}
.region-image.second {
position: absolute;
top:0;
left:0;
}
.fifth-text.second {
position: absolute !important;
top: 0;
left:0;
}
.block-fifth.winter .fifth-text {
height: 100%;
}
.block-seventh.winter.active img {
animation: glowing 3s;
}
.fifth-text-first.winter {
height: 215px;
}
.block-fifth.winter:hover .fifth-text-first{
height: 215px;
transition: all 2s;
transform: translateY(100px);
}
.price-regions.threedigit {
margin-left: 3px;
}
.block-second.winter {
float: left;
}
.block-seventh.winter {
height: 270px;
}