File: //proc/self/cwd/wp-content/themes/medialider/less/review.less
#programs_cards {
position: relative;
left: 50%;
margin-left: -180px;
}
#programs_symbol_center .program_title {
color: #f8e424;
}
#programs_block {
position: relative;
width: 100%;
height: 712px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.review-btn-hover{
width: 100%;
height: 100%;
transition: all 200ms linear;
}
.review-btn-left {
position: absolute;
cursor: pointer;
left: 50%;
margin-left: -270px;
top: 185px;
width: 50px;
height: 50px;
background: url("./img/array-left.svg");
z-index: 80;
&:hover{
.review-btn-hover{
opacity: 1;
}
}
.review-btn-hover{
background: url("./img/array-left-hover.svg");
opacity: 0;
}
}
.review-btn-right {
position: absolute;
cursor: pointer;
left: 50%;
margin-left: 200px;
top: 185px;
width: 50px;
height: 50px;
background: url("./img/array-right.svg");
z-index: 80;
&:hover{
.review-btn-hover{
opacity: 1;
}
}
.review-btn-hover{
background: url("./img/array-right-hover.svg");
opacity: 0;
}
}
#programs_left_over {
position: absolute;
z-index: 8;
left: 86px;
top: 202px;
width: 268px;
height: 428px;
cursor: pointer;
}
#programs_right_over {
position: absolute;
z-index: 8;
left: 648px;
top: 202px;
width: 268px;
height: 428px;
cursor: pointer;
}
.programs_card {
z-index: 1;
position: absolute;
}
.programs_card .image {
background-size: cover;
position: absolute;
left: 0;
width: 120px;
height: 120px;
transition: 0.5s;
border-radius: 70px;
}
.programs_card .programs_card_title{
display: none;
opacity: 0;
}
.programs_central {
z-index: 10;
left: 90px;
top: 0;
width: 160px;
opacity: 1.0;
transition: 0.5s;
.programs_card_title{
display: block;
opacity: 1.0;
}
}
.programs_central .image {
background-size: cover;
position: absolute;
left: 10px;
width: 140px !important;
height: 140px !important;
transition: 0.5s;
}
.programs_left {
z-index: 5;
left: 0;
top: 10px;
width: 120px;
opacity: 0.6;
transition: 0.5s;
-webkit-filter: blur(1px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
.programs_card_title{
width: 160px;
}
}
.programs_right {
z-index: 5;
left: 220px;
top: 10px;
width: 120px;
opacity: 0.6;
transition: 0.5s;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
.programs_card_title{
width: 160px;
}
}
.programs_hidden_left {
left: 86px;
top: 10px;
opacity: 0.0;
transition: 0.5s;
}
.programs_hidden_right {
left: 360px;
top: 10px;
opacity: 0.0;
transition: 0.5s;
}
.programs_card_title {
position: absolute;
left: 5%;
top: 155px;
width: 140px;
text-align: center;
//height: 50px;
transition: all 800ms linear;
}
.programs_card_title h1 {
width: 100%;
height: 50px;
color: #222222;
font-size: 24px;
font-family: 'Roboto Condensed';
text-align: center;
line-height: 20px;
}
.programs_card_title .programs_card_title__name{
font-size: 18px;
font-family: "LatoBold";
color: #ffc600;
line-height: 1;
}
.programs_card_title .programs_card_title__company{
color: #5dd062;
font-family: "LatoRegular";
font-size: 12px;
margin-top: 5px;
}
.programs_card_text {
position: absolute;
left: 10%;
top: 55px;
width: 80%;
}
.programs_card_text p {
color: #222222;
font-size: 14px;
text-align: center;
white-space: nowrap;
transition: 0.5s;
line-height: 15px;
}
.programs_left .programs_card_text p {
color: #222222;
font-size: 12px;
text-align: center;
white-space: nowrap;
transition: 0.5s;
}
.programs_right .programs_card_text p {
color: #222222;
font-size: 12px;
text-align: center;
white-space: nowrap;
transition: 0.5s;
}
.programs_hidden_left .programs_card_text p {
font-size: 12px;
}
.programs_hidden_right .programs_card_text p {
font-size: 12px;
}
.review-text-list{
position: relative;
}
.review-list-item {
font-size: 16px;
text-align: center;
position: absolute;
top:265px;
left: 50%;
width: 800px;
margin-left: -400px;
color: #a6addf;
p{
font-size: 18px;
line-height: 1.2;
}
}
.hidden-review{
opacity: 0;
}