/*! * GGF/SLIDER v1 (http://www.georgegf.com/app/ggfslider/) * Copyright 2018 GGF/SLIDER */ div.ggfslider { display: none; padding: 0; margin: 0; margin-top: 100px; width: 100%; height: auto; min-height: 120px; overflow: hidden; } div.ggfslider div.ggfslider-site { padding: 0; margin: 10px 0; width: 100%; height: auto; overflow: hidden; } div.ggfslider-site div.ggfslider-containner { width: 100%; height: inherit; min-height: 980px; padding: 0; margin: 0; overflow: hidden; } div.ggfslider-containner div.ggfslider-carrousel { position: relative; left: 0; list-style-type: none; margin: 0px; padding: 0px; width: 15000px; height: 980px; } div.ggfslider-carrousel div.ggfslider-item { position: relative; width: 1116px; height: auto; min-height: 980px; padding: 0; border: 0; margin: 0; margin-left: 30px; overflow: hidden; float: left; text-align: center; } div.ggfslider-carrousel div.ggfslider-item:first-child { /*margin-left: -680px;*/ filter: alpha(opacity=50); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } div.ggfslider-item:first-child div.ggfslider-content a.ggfslider-navigation { display: none; } div.ggfslider-carrousel div.ggfslider-item:nth-child(3) { cursor: pointer; filter: alpha(opacity=50); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } div.ggfslider-item div.ggfslider-thumbnail { position: relative; padding: 0; margin: 0; border: 0; width: 100%; height: auto; overflow: hidden; text-align: left; } div.ggfslider-thumbnail img.ggfslider-image { padding: 0; margin: 0; border: 0; width: auto; min-width: 1116px; max-width: 1116px; height: auto; min-height: 628px; max-height: 628px; } div.ggfslider-item div.ggfslider-content { position: relative; padding: 0; padding-top: 40px; margin: 0; border: 0; width: 100%; min-width: 1116px; max-width: 1116px; height: auto; min-height: 362px; max-height: 362px; overflow: hidden; text-align: left; } div.ggfslider-content div.ggfslider-text { padding: 0; margin: 0; border: 0; width: 50%; min-width: 558px; max-width: 558px; float: left; text-align: left; font-size: 22px; } div.ggfslider-content a.ggfslider-navigation { position: absolute; bottom: 30px; right: 0; color: #C09B58; text-decoration: none; } div.ggfslider-social { position: absolute; padding: 0; margin: 0; border: 0; width: 100%; height: auto; overflow: hidden; bottom: 0; text-align: right; } div.ggfslider-social ul { padding: 0; margin: 0; border: 0; width: 100%; height: auto; overflow: hidden; } div.ggfslider-social ul li { padding: 15px; margin: 0; border: 0; width: auto; max-width: 100px; height: auto; overflow: hidden; float: right; } div.ggfslider-social ul li a { color: #C09B58; text-decoration: none; } div.ggfslider-social ul li a i { color: #C09B58; } @media(max-width: 992px) { .slide { padding: 0; } div.ggfslider-containner div.ggfslider-carrousel, div.ggfslider-site div.ggfslider-containner { height: auto; min-height: unset; } div.ggfslider-thumbnail img.ggfslider-image { width: auto; max-width: 300px; min-width: 300px; height: auto; min-height: 160px; max-height: 160px; } div.ggfslider-carrousel div.ggfslider-item { max-width: 300px; min-height: 550px; } div.ggfslider-carrousel div.ggfslider-item:first-child, div.ggfslider-carrousel div.ggfslider-item:nth-child(3) { margin-left: 15px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } div.ggfslider-item:nth-child(2) { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } div.ggfslider-social { bottom: 0; text-align: right; background: #00000080; } div.ggfslider-item div.ggfslider-content { padding-bottom: 60px; min-width: 300px; max-height: 9999px; } div.ggfslider-content div.ggfslider-text { width: 100%; min-width: 300px; max-width: 300px; } div.ggfslider-content a.ggfslider-navigation { font-size: 8px; bottom: 0; right: 0; } div.ggfslider-social ul li a i { font-size: 1.5rem; } div.ggfslider-social ul li { padding: 6px; } } @media(max-width: 350px) { .slide { padding: 0; } div.ggfslider-containner div.ggfslider-carrousel, div.ggfslider-site div.ggfslider-containner { height: auto; min-height: unset; } div.ggfslider-thumbnail img.ggfslider-image { width: auto; max-width: 250px; min-width: 250px; height: auto; min-height: 133px; max-height: 133px; } div.ggfslider-carrousel div.ggfslider-item { max-width: 250px; min-height: 550px; } div.ggfslider-carrousel div.ggfslider-item:first-child, div.ggfslider-carrousel div.ggfslider-item:nth-child(3) { margin-left: 15px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } div.ggfslider-item:nth-child(2) { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } div.ggfslider-social { bottom: 0; text-align: right; background: #00000080; } div.ggfslider-item div.ggfslider-content { padding-bottom: 60px; min-width: 250px; max-height: 9999px; } div.ggfslider-content div.ggfslider-text { width: 100%; min-width: 250px; max-width: 300px; } div.ggfslider-content a.ggfslider-navigation { font-size: 8px; bottom: 0; right: 0; } div.ggfslider-social ul li a i { font-size: 1.5rem; } div.ggfslider-social ul li { padding: 6px; } div.ggfslider-carrousel div.ggfslider-item { filter: alpha(opacity=10); -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } div.ggfslider-carrousel div.ggfslider-item div.ggfslider-thumbnail div.opacity { filter: alpha(opacity=00); -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; } div.ggfslider-carrousel div.ggfslider-item:nth-child(2) {} div.ggfslider-item:first-child div.ggfslider-content a.ggfslider-navigation { display: block; } } @media (max-width: 992px) { div.ggfslider-carrousel div.ggfslider-item { filter: alpha(opacity=10); -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; margin-left: 15px !important; } div.ggfslider-thumbnail div.opacity { filter: alpha(opacity=00); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 !important; } div.ggfslider-carrousel div.ggfslider-item:first-child div.ggfslider-thumbnail div.opacity, div.ggfslider-carrousel div.ggfslider-item:nth-child(3) div.ggfslider-thumbnail div.opacity { filter: alpha(opacity=70); -moz-opacity: .7 !important; -khtml-opacity: .7 !important; opacity: .7 !important; } div.ggfslider-item:first-child div.ggfslider-content a.ggfslider-navigation { display: none; } }