.preference-projects-section { margin-bottom: 40px; }

@media (min-width: 768px) { .preference-projects-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } }

@media (min-width: 1200px) { .preference-projects-section { margin-bottom: 100px; } }

.preference-projects-section .text-holder { width: 100%; margin-bottom: 40px; }

@media (min-width: 768px) { .preference-projects-section .text-holder { max-width: 50%; margin-bottom: 0; padding-right: 20px; } }

@media (min-width: 1600px) { .preference-projects-section .text-holder { padding-right: 70px; } }

.preference-projects-section .text-holder .title-section { margin-bottom: 20px; }

.preference-projects-section .text-holder .text-block { font-size: 14px; }

@media (min-width: 1200px) { .preference-projects-section .text-holder .text-block { font-size: 16px; } }

.preference-projects-section .box-holder { width: 100%; padding: 20px; border: 1px solid #D32D23; }

@media (min-width: 768px) { .preference-projects-section .box-holder { max-width: 50%; } }

@media (min-width: 1200px) { .preference-projects-section .box-holder { max-width: 400px; padding: 40px 25px 40px 50px; } }

.preference-projects-section .title-box { font-size: 18px; font-style: italic; font-weight: 800; font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color: #D32D23; margin-bottom: 20px; text-transform: uppercase; }

@media (min-width: 1200px) { .preference-projects-section .title-box { margin-bottom: 30px; font-size: 22px; } }

.preference-projects-section .btn { padding: 11px 25px 9px; }

.preference-projects-section .project-slider { margin: 40px -10px 0; }

@media (min-width: 768px) { .preference-projects-section .project-slider { margin-top: 60px; } }

@media (min-width: 1200px) { .preference-projects-section .project-slider { margin-top: 40px; } }

.preference-projects-section .project-slider .project-item { padding: 0 10px; float: none; }

@media (min-width: 1200px) { .preference-projects-section .project-slider .project-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 620px; } }

@media (min-width: 1200px) { .preference-projects-section .project-slider .project-item.slick-current + .slick-active .project-box { width: 560px; height: 580px; }
  .preference-projects-section .project-slider .project-item.slick-current + .slick-active .project-box .text-block { opacity: 1; -webkit-transition: opacity 0.3s linear 0.3s; transition: opacity 0.3s linear 0.3s; } }

.preference-projects-section .project-slider .slick-list { overflow: visible; }

.preference-projects-section .project-slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.preference-projects-section .project-box { display: block; width: 100%; height: 270px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; text-decoration: none; position: relative; }

@media (min-width: 768px) { .preference-projects-section .project-box { width: 280px; } }

.preference-projects-section .project-box:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(56, 56, 56, 0.33); }

.preference-projects-section .project-box .text-block { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; background: rgba(56, 56, 56, 0.55); color: #fff; margin: 0; z-index: 10; font-size: 20px; }

@media (min-width: 1200px) { .preference-projects-section .project-box .text-block { padding: 30px 40px; font-size: 32px; opacity: 0; } }

.preference-projects-section .project-box .text-block span { font-size: 0.6em; }

/*# sourceMappingURL=block-projects-slider.css.map */
