/* codeDESIGN - slider_swiper_folder_static.css */ @charset "utf-8"; /* SLIDER SWIPER FOLDER STATIC */ .slider_swiper_folder_static { margin: 60px 0px 0px 0px; padding: 20px 0px 20px 60px; /* border-top: 4px solid var(--ci_color_1); */ background: #141414; } @media only screen and (max-width: 991px) { .slider_swiper_folder_static { margin: 100px 0px 40px 0px; } } .codedesign_responsive_slider_swiper_stripe_below { background: var(--ci_color_accent_1); width: 120px; height: 3px; left: 50%; transform: translateX(-50%); margin: 60px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; display: inline-block; } .codedesign_responsive_slider_swiper_content_above h2:hover + div.codedesign_responsive_slider_swiper_stripe_below { background: var(--ci_color_accent_1); width: 300px; height: 2px; } /* SLIDER SWIPER FOLDER STATIC CONTENT */ .codedesign_responsive_slider_swiper_content_above { text-align: center; margin: 0px 0px 60px 0px; padding: 0px 0px 0px 0px; } .codedesign_responsive_slider_swiper_content_above div.title_sub_1 { font: normal 18px/18px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: italic; font-weight: 700; color: var(--ci_color_black); margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: inline-block; } .codedesign_responsive_slider_swiper_content_above h2 { font: normal 38px/38px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: italic; font-weight: 600; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; } @media only screen and (max-width: 991px) { .codedesign_responsive_slider_swiper_content_above h2 { font: normal 24px/24px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: italic; font-weight: 600; } .codedesign_responsive_slider_swiper_content_above div.title_sub_1 { font-weight: 600; margin: 0px 0px 0px 0px; } } .codedesign_responsive_slider_swiper_content_above h2:after { background: var(--ci_color_accent_1); width: 120px; height: 3px; bottom: -1px; content: ""; left: 50%; transform: translateX(-50%); margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .codedesign_responsive_slider_swiper_content_above h2:hover:after { background: var(--ci_color_accent_1); width: 300px; height: 2px; } .codedesign_responsive_slider_swiper_content_above h3 { font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: var(--ci_color_font_dark); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .codedesign_responsive_slider_swiper_content_above h3:after { display: none; } /* OVERLAY */ .slider_swiper_folder_static div.swiper-slide a, .slider_swiper_folder_static div.swiper-slide a, .slider_swiper_folder_static div.swiper-slide a { color: #ffffff; text-decoration: none; } .slider_swiper_folder_static div.swiper-slide span.swiper-slide-img-overlay { background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .slider_swiper_folder_static div.swiper-slide:hover span.swiper-slide-img-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .slider_swiper_folder_static div.swiper-slide span.swiper-slide-img-overlay i { font-size: 30px; color: #ffffff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* NAVIGATION AND PAGINATION */ .swiper_slide_slider_swiper_folder_static_navigation { position: relative; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* .slider_swiper_folder_static:hover div.swiper_slide_slider_swiper_folder_static_navigation { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } */ .swiper_slide_slider_swiper_folder_static_navigation_prev, .swiper_slide_slider_swiper_folder_static_navigation_next { /*background: var(--ci_color_accent_1);*/ width: 40px; height: 40px; display: block; color: #ffffff; position: absolute; bottom: 0px; overflow: hidden; cursor: pointer; margin: 8px 8px 8px 8px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* .swiper_slide_slider_swiper_folder_static_navigation_prev:hover, .swiper_slide_slider_swiper_folder_static_navigation_next:hover { background: #ffffff; } */ .swiper_slide_slider_swiper_folder_static_navigation_prev { left: -60px; bottom: calc(50% + 70px); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .swiper_slide_slider_swiper_folder_static_navigation_next { left: -60px; bottom: calc(50% + 30px); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); } @media only screen and (max-width: 991px) { .swiper_slide_slider_swiper_folder_static_navigation_prev { bottom: calc(50% + 5px); } .swiper_slide_slider_swiper_folder_static_navigation_next { bottom: calc(50% - 25px); } } .swiper_slide_slider_swiper_folder_static_navigation_prev:before, .swiper_slide_slider_swiper_folder_static_navigation_next:before, .swiper_slide_slider_swiper_folder_static_navigation_prev:after, .swiper_slide_slider_swiper_folder_static_navigation_next:after { content: "\f077"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .swiper_slide_slider_swiper_folder_static_navigation_prev:before, .swiper_slide_slider_swiper_folder_static_navigation_next:before { margin: 8px 0px 0px 10.5px; } .swiper_slide_slider_swiper_folder_static_navigation_prev:after, .swiper_slide_slider_swiper_folder_static_navigation_next:after { margin: 40px 0px 0px 10.5px; } .swiper_slide_slider_swiper_folder_static_navigation_prev:hover:before, .swiper_slide_slider_swiper_folder_static_navigation_next:hover:before { color: var(--ci_color_white); margin: -40px 0px 0px 10.5px; } .swiper_slide_slider_swiper_folder_static_navigation_prev:hover:after, .swiper_slide_slider_swiper_folder_static_navigation_next:hover:after{ color: var(--ci_color_white); margin: 8px 0px 0px 10.5px; }