/* THEME STYLES */ #wideSlider { max-width: 1920px; margin: 0 auto 24px; background: #fff !important; } #wideSlider .rsOverflow, #wideSlider .rsSlide, #wideSlider .rsVideoFrameHolder, #wideSlider .rsThumbs { background: #fff; } #wideSlider .heroSlider { width: 100%; overflow: hidden; } #wideSlider .rsOverflow { width: 100% !important; } #wideSlider .rsContent > img { position: absolute; top: 0; left: 0; } #wideSlider .container-fluid { position: relative; margin: 0 auto; height: 100%; } #wideSlider h2, #wideSlider h3 { color: #fff; font-weight: 300; line-height: 1; } #wideSlider .title, #wideSlider .subtitle, #wideSlider .btn { left: 5%; } #wideSlider .title { font-size: 72px; top: 20%; width: 100%; } #wideSlider .subtitle { font-size: 22px; line-height: 25px; width: 60%; top: 45%; } #wideSlider .btn { top: auto; padding-top: 8px; padding-bottom: 8px; bottom: 22%; display: none; } #wideSlider .rsBullets { background: none; line-height: 20px; } #wideSlider .rsBullets .rsBullet { cursor: pointer; } #wideSlider .rsBullets .rsBullet span { background-color: #fff; -webkit-transition: background linear 0.2s; transition: background linear 0.2s; } #wideSlider .rsBullets .rsBullet.rsNavSelected span { background-color: #86BC04; } #wideSlider .rsArrow { width: 10%; } #wideSlider .rsArrow .rsArrowIcn { margin-top: -18px; margin-left: -18px; background: #000; background: rgba(0, 0, 0, 0.2); } #wideSlider .rsArrow .rsArrowIcn:hover { background-color: #86BC04; } #wideSlider .rsArrow .rsArrowIcn:before { content: " "; display: block; z-index: 1; } #wideSlider .rsArrow .rsArrowIcn, #wideSlider .rsArrow .rsArrowIcn:before { width: 36px; height: 36px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; background: #000; background: rgba(0, 0, 0, 0.2); } #wideSlider .rsArrow .rsArrowIcn:hover:before { opacity: 0; background-color: #86BC04; -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -moz-transition-duration: .7s; -webkit-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; } #wideSlider .rsArrow .rsArrowIcn:after { font-size: 36px; line-height: 36px; width: 36px; height: 36px; text-align: center; display: inline-block; font-family: "FontAwesome"; position: relative; z-index: 2; color: #fff; } #wideSlider .rsArrow .rsArrowIcn:hover:after { color: #fff; } #wideSlider .rsArrow.rsArrowLeft .rsArrowIcn:after { content: "\f104"; margin-left: -2px; } #wideSlider .rsArrow.rsArrowRight .rsArrowIcn:after { content: "\f105"; margin-left: 2px; } @media (min-width: 768px) and (max-width: 979px) { #wideSlider .title { font-size: 50px; } #wideSlider .subtitle { width: 80%; } #wideSlider .btn { bottom: 12%; } } @media (max-width: 767px) { #wideSlider .heroSlider, #wideSlider .heroSlider .rsOverflow { height: 270px !important; } #wideSlider .title { font-size: 45px; top: 25%; width: 80%; } #wideSlider .subtitle { display: none !important; } #wideSlider .btn { font-size: 14px; padding: 5px 10px; bottom: 12%; } } @media all and (max-width: 640px) { #wideSlider .title { font-size: 37px; } #wideSlider .rsArrowIcn { display: none; } } @media all and (max-width: 640px) and (orientation: landscape) { #wideSlider .heroSlider, #wideSlider .heroSlider .rsOverflow { height: 230px !important; } } @media (min-width: 1200px) { .heroSlider, .heroSlider .rsOverflow { height: 380px !important; } #wideSlider .title, #wideSlider .subtitle, #wideSlider .btn { left: 0; } }