.downloads-block {
border: 2px solid var(--sys-color-grey);
width: 340px;
border-radius: 20px;
margin: 20px !important;
display: block;
overflow: hidden;
}.downloads-block .title {
background-color: #08cc99;
color: white;
text-transform: uppercase;
font-weight: 600;
text-align: center;
padding: 30px 0;
font-size: 15px;
margin: 0 !important;
position:relative;
}.downloads-block .title.red {
background-color:#ff7769;
}.downloads-block .title.dark {
background-color:var(--sys-color-dark);
}.downloads-block .title:before {
content: "\eabb";
font-family: 'icomoon';
font-size: 60px;
width: 60px;
height: 60px;
display: block;
position: absolute;
top: -10px;
right: 10px;
color: white;
font-weight: normal;
filter: alpha(opacity=50);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}.downloads-block .title.red:before {
content:"\ec7f";
}.downloads-block .packages {
padding: 40px 30px;
margin-top: 0;
margin-bottom: 0;
}.downloads-block .packages span:last-child a {
margin-bottom: 0 !important;
}.downloads-block .description {
border-bottom: 2px solid var(--sys-color-grey);
text-align: center;
padding: 20px;
font-size: 15px;
margin: 0 !important;
background-color: white;
}.column-50 {
display: flex;
padding: 0 !important;
margin: 0 !important;
justify-content: center;
}@media (min-width: 736px){.column-50:first-child {
justify-content: flex-end;
}.column-50:last-child {
justify-content: flex-start;
}}.downloads-block .version {
background-color: white;
padding: 10px 20px;
text-align: center;
font-size: 15px;
font-weight: 600;
margin-top: 0 !important;
border-top: 2px solid var(--sys-color-grey);
}@media only screen and (min-width: 1200px){body.triangle section:nth-child(2){
margin-top: -200px;
}}@media only screen and (min-width: 768px){body.triangle section:nth-child(2){
margin-top: -12%;
}}.download_button{
display: block;
text-align: center;
font-size: 15px;
font-weight: 600;
border: 1px solid;
border-radius: 4px;
padding: 5px;
background-color: #faebea;
transition: all 400ms;
}a.download_button:hover {
background-color: rgb(255,132,116);
color: white;
border: 1px solid;
}a.download_button.green:hover {
background-color: rgb(0,204,153);
color: white;
}a.download_button.green {
color: rgb(9,204,153);
background-color: rgba(0,204,153,0.1);
}
a.download_button.dark {
color: white;
border-color: var(--sys-color-darker);
background-color: var(--sys-color-blackborder);
}
.column-50{
width: 33% !important;
padding: 0 6px !important;
}
