|
/* Under minified css inside style tag */ |
|
|
|
.carousel-footer {pointer-events: none;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;} |
|
@media screen and (min-width: 1024px){ |
|
html,body{height: 100%;} |
|
#Project {min-height:initial;height: 100%;position: relative;} |
|
.carousel-wrap, .carousel-wrap .cont, |
|
div[class^='carousel-banner-group-'] {position: relative;min-height: initial;height: 100%;} |
|
.slick-prev, .slick-next {top: 40%; transform: translateY(-60%);z-index: 20;} |
|
.carousel-footer {height: initial; padding-bottom: 50px;} |
|
.carousel-footer .description.-left, |
|
.carousel-footer .description.-right { |
|
padding: 65px 25px 90px;}} |
|
@media screen and (max-width: 1024px){ |
|
div[class^=carousel-banner-group-] .img-wrap { position: relative; } |
|
div[class^=carousel-banner-group-] .img-wrap:after { |
|
content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; |
|
pointer-events: none;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; |
|
background: linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);}} |
|
@media screen and (max-width: 820px){ |
|
div[class^=carousel-banner-group-] .img-wrap:after { height: 53%; } |
|
.carousel-footer .description.-left, |
|
.carousel-footer .description.-right { |
|
padding: 90px 25px 40px;}} |
|
@media screen and (max-width: 768px){ |
|
div[class^=carousel-banner-group-] .img-wrap:after { height: 40%;} |
|
.carousel-footer .description.-left, |
|
.carousel-footer .description.-right { |
|
padding: 20px 15px 10px;}} |
|
.carousel-footer .description.-left{padding-top: 100px;} |
|
@media screen and (max-width: 667px){ |
|
.carousel-footer .description.-left, |
|
.carousel-footer .description.-right { |
|
padding: 20px 15px 20px;}} |
