/* 1. "Borderless single column" (default one). */
.pswid{ width: 100%; text-align: center; position:relative;}
.pswid a.pswid-linkfull {display: block; width:100%;height:100%; text-decoration: none;position: absolute;left:0;top:0;z-index: 2;}
.pswid .pswid-title {/*text-align: center;*/margin:0;}
.pswid .pswid-image {max-width: 100%;/*text-align: center;*/z-index: 1;}
.pswid .pswid-image a.pswid-linkpart {display: block; width:100%;height:100%;}
.pswid .pswid-body {z-index:1;}
.pswid .pswid-title a {text-decoration: none;}
.pswid .pswid-text {/*text-align: center;*/}
.pswid .pswid-more {/*text-align: center;*/}

/* "2 unequal cells" (small image cell to the left, larger text cell to the right) - no-border - no-bkg -  */
.pswid-2cell-neq .pswid .pswid-wrap:after { content: "";  display: block;  clear: both;}
.pswid-2cell-neq .pswid .pswid-image {width:20%;  float:left; text-align: left;}
.pswid-2cell-neq .pswid .pswid-image img {max-width: 100%;margin:auto;border:0;}
.pswid-2cell-neq .pswid .pswid-body {width:78%; float:right; text-align: left;}
.pswid-2cell-neq .pswid .pswid-text {text-align: left;}
.pswid-2cell-neq .pswid .pswid-more {text-align: right;}

/* "2 equal cells" (small image cell to the left, larger text cell to the right) - no-border - no-bkg - image is assumed to be landscape */
.pswid-2cell-eq {width:100%;background:#01a7f3;}
.pswid-2cell-eq .pswid .pswid-wrap:after { content: "";  display: block;  clear: both; visibility: hidden;}
.pswid-2cell-eq .pswid .pswid-image {width:50%;  float:left; text-align: left;margin:0;padding:0;font-size:0; overflow: hidden;}
.pswid-2cell-eq .pswid .pswid-image img {width:100%;border:0;}
.pswid-2cell-eq .pswid .pswid-body {width:50%; float:right;margin:0;padding:0; text-align: left;}
.pswid-2cell-eq .pswid .pswid-title {color: #ffffff;text-align: left; width: 80%; margin:10% 10% 2% 10%;
    font-size: 22px; letter-spacing:3px; position:relative;text-transform: uppercase;}
.pswid-2cell-eq .pswid .pswid-title a{color: #ffffff;font-size:22px; letter-spacing:3px; text-transform: uppercase;}
.pswid-2cell-eq .pswid .pswid-title:after {
    content:'';background:#ffffff;width:50px; height:4px;margin:auto; left:0;position:absolute;bottom:-50%;
}
.pswid-2cell-eq .pswid .pswid-text {text-align: left; color: #ffffff;width: 80%;padding:2% 10% 2% 10%;font-size: 13px; line-height:22px;}
.pswid-2cell-eq .pswid .pswid-more {text-align: right;margin-right:10%;}
.pswid-2cell-eq .pswid .pswid-more a {color: #ffffff; font-size:12px;}

@media screen and (max-width:1200px), screen and (max-device-width:1280px) {
    .pswid-2cell-eq .pswid .pswid-title {color: #ffffff;text-align: left; width: 90%; margin:5% 5% 2% 5%; font-size:18px;}
    .pswid-2cell-eq .pswid .pswid-text {width: 90%;padding:2% 5% 2% 5%; line-height:20px;}
}
@media screen and (max-width:990px), screen and (max-device-width:1024px){
    .pswid-2cell-eq .pswid .pswid-image {width:100%; max-height: 300px; float:none;display: block;}
    .pswid-2cell-eq .pswid .pswid-image img {}
    .pswid-2cell-eq .pswid .pswid-body {width: 100%; padding-bottom:20px;float:none; }
}
/* "3 cells - full width - colored background - RWD"  */
.pswid-group-01 {width:100%;height:auto;background: #0987c1;}
.pswid-group-01:after{ content: "";  display: block;  clear: both;}
.pswid-group-01 .pswid{float:left;position: relative;width: 33.33%;background: #01a7f3; text-align: center;}
.pswid-group-01 .pswid:after {content: "";display: block; padding-bottom: 100%;}
.pswid-group-01 .pswid:first-child  {background: #01a7f3;}
.pswid-group-01 .pswid:nth-child(2) {background: #0695d7;}
.pswid-group-01 .pswid:nth-child(3) {background: #0987c1;}

.pswid-group-01 .pswid:first-child + div {background: #0695d7;}
.pswid-group-01 .pswid:first-child + div + div {background: #0987c1;}

.pswid-group-01 .pswid .pswid-wrap {position: absolute;width: 100%;height: 100%;left:0;top:0;overflow:hidden;}
.pswid-group-01 .pswid .pswid-image {height:40%;width:100%;text-align:center; position:relative;margin:0;}
.pswid-group-01 .pswid .pswid-image img {height:55%;position:absolute; left: 0; bottom: 0; right: 0;margin:auto;border:0;}
.pswid-group-01 .pswid .pswid-body {height: 60%;}
.pswid-group-01 .pswid .pswid-title {text-align:center;text-transform:uppercase;color: #ffffff;font-size: 22px;
    letter-spacing:3px;padding-top:4%;padding-bottom:0;position:relative;}
.pswid-group-01 .pswid .pswid-title a {text-transform:uppercase;color: #ffffff;font-size:22px;letter-spacing:3px;}
.pswid-group-01 .pswid .pswid-title:after {
    content:'';background:#ffffff;width:50px; height:4px;margin:auto; left:0;right:0;position:absolute;bottom:-50%;
}
.pswid-group-01 .pswid .pswid-text {text-align:center;margin:auto;color: #ffffff;font-size:13px;line-height: 22px;
    padding-top:10%;padding-bottom:2%;max-width:80%;max-height:30%; }
.pswid-group-01 .pswid .pswid-text p {max-width:100%;overflow:hidden;line-height:22px; max-height: 66px;text-overflow: ellipsis;}

@media screen and (max-width:990px), screen and (max-device-width:1024px){
    .pswid-group-01 .pswid .pswid-text p {max-height: 44px;}
}
@media screen and (max-width:768px), screen and (max-device-width:768px){
    .pswid-group-01 .pswid .pswid-text {display:none;}
    .pswid-group-01 .pswid .pswid-image img {height:75%;border:0;}
    .pswid-group-01 .pswid .pswid-title,.pswid-group-01 .pswid .pswid-title a{font-size:18px;}
}
@media screen and (max-width:600px), screen and (max-device-width:600px){}
@media screen and (max-width:480px), screen and (max-device-width:480px){
    .pswid-group-01 .pswid .pswid-title,.pswid-group-01 .pswid .pswid-title a{font-size:14px;}
}
@media screen and (max-width:340px), screen and (max-device-width:340px){
    .pswid-group-01 .pswid .pswid-image img {height:85%;border:0;}
    .pswid-group-01 .pswid .pswid-title,.pswid-group-01 .pswid .pswid-title a{font-size:13px;}
}
/* "4 cells - full width - transparent background - RWD */
.pswid-group-02 {margin:auto;padding-top:2%;max-width:90%;}
.pswid-group-02:after{ content: "";  display: block;  clear: both;}
.pswid-group-02 .pswid {float:left;position: relative;width: 25%;text-align: center;margin:0;}
.pswid-group-02 .pswid:after {content: "";display: block; padding-bottom: 110%;}

.pswid-group-02 .pswid .pswid-wrap {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow:hidden;}
.pswid-group-02 .pswid .pswid-image {height:35%;text-align:center; position:relative;width: 100%;margin:0;padding:0;}
.pswid-group-02 .pswid .pswid-image img { max-height:100%;position:absolute; left: 0; bottom: 0; right: 0;margin:auto;border:0;}
.pswid-group-02 .pswid .pswid-body {height: 65%;}
.pswid-group-02 .pswid .pswid-title {text-align:center; color:#717171; font-size:15px;text-transform:uppercase;
    letter-spacing:2px;padding-top:1%;padding-bottom:1%; }
.pswid-group-02 .pswid .pswid-title a {color:#717171; font-size:15px;text-transform:uppercase;letter-spacing:2px;}
.pswid-group-02 .pswid .pswid-text{text-align:center;margin:auto;color: #717171;font-size: 12px; line-height: 22px;
    padding-top:2%;padding-bottom:4%;max-width:90%;max-height:50%;}
.pswid-group-02 .pswid .pswid-text p {max-width:100%;overflow:hidden;line-height:22px; max-height: 66px;text-overflow: ellipsis;}

@media screen and (max-width:1200px), screen and (max-device-width:1280px){}
@media screen and (max-width:990px), screen and (max-device-width:1024px){
    .pswid-group-02 .pswid {width: 50%;}
    .pswid-group-02 .pswid:after {padding-bottom: 70%;}
}
@media screen and (max-width:768px), screen and (max-device-width:768px){
    .pswid-group-02 .pswid:after {padding-bottom: 85%;}
}
@media screen and (max-width:600px), screen and (max-device-width:600px){
    .pswid-group-02 .pswid:after {padding-bottom: 110%;}
}

@media screen and (max-width:480px), screen and (max-device-width:480px){
    .pswid-group-02 .pswid-text {display:none;}
    .pswid-group-02 .pswid:after {padding-bottom: 80%;}
}
@media screen and (max-width:340px), screen and (max-device-width:340px){}
/* "4 cells - full width - transparent background - RWD */