.super-simple-slider-container {
overflow-x: hidden;
overflow: hidden;
width: 100%;
position: relative;
}
#primary .super-simple-slider-container,
.content-area .super-simple-slider-container {
margin-bottom: 1.5em;
}
.super-simple-slider-container.loading {
overflow: hidden;
background: url(//www.edukasg.com/wp-content/plugins/super-simple-slider/library/images/loader.gif) center center no-repeat;
}
.super-simple-slider-container.loading .super-simple-slider { 
visibility: hidden;
}
.super-simple-slider-container .super-simple-slider { 
padding: 0;
margin: 0 !important;
list-style: none;
width: 100000px;
}
.super-simple-slider-container .super-simple-slider .slide {
float: left;
position: relative;
max-width: 100vw;
width: 100vw;
margin: 0;
}
.super-simple-slider-container .super-simple-slider .slide .opacity {
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay {
position: relative;
height: 100%;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay.constrained {
max-width: 1140px;
margin: 0 auto;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-left-container,
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-right-container {
width: calc( 50% - 570px );
height: 100%;
position: relative; 
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-left-container {
float: left;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-right-container {
float: right;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-left-container .opacity-left,
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-right-container .opacity-right {
position: absolute;
width: 100%;
height: 100%;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity {
letter-spacing: 1px;
text-align: center;
word-wrap: break-word;
z-index: 8;
margin: 0 auto;
position: absolute;
width: 60%;
min-height: 0%;
padding: 3.5%;
height: auto;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
left: 0;
right: 0;	
} @media screen and (min-width: 1215px) {
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.no-left-padding {
padding-left: 0;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.no-right-padding {
padding-right: 0;
}
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.boxed-left-padding {
padding-left: 22px;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.boxed-right-padding {
padding-right: 22px;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.expanded {
width: 100% !important;
}
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.constrained {
top: 0 !important;
transform: none !important;
}  .super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-left-container .opacity-left.half,
.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-right-container .opacity-right.half,
.super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.half,
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity .vertical-aligner.half {
top: 50%;
transform: translateY(-50%);
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity h1,
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity h2 {
font-size: 40px;
line-height: 1.2em; margin: 0;
text-transform: none;
}
.super-simple-slider-container .slide .overlay .opacity h1,
.super-simple-slider-container .slide .overlay .opacity h2,
.super-simple-slider-container .slide .overlay .opacity h3,
.super-simple-slider-container .slide .overlay .opacity h4,
.super-simple-slider-container .slide .overlay .opacity h5,
.super-simple-slider-container .slide .overlay .opacity h6 {
color: #FFFFFF;
}
.super-simple-slider-container .slide .overlay .opacity .text,
.super-simple-slider-container .slide .overlay .opacity .buttons {
display: flex;
justify-content: center;
width: 100%;
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity p {
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 1.3em;
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity a.button,
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity button {
margin-top: 1.4em;
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity .text.no-title > *:first-child {
margin-top: 0 !important;
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity .text > *:last-child {
margin-bottom: 0 !important;
}
.super-simple-slider-container .super-simple-slider .slide .overlay .opacity img.slide-image {
width: auto;
min-width: 0;
}
.super-simple-slider-container .super-simple-slider .slide .overlay a {
color: #fff;
}
.super-simple-slider-container .super-simple-slider .slide .overlay a.button,
.super-simple-slider-container .super-simple-slider .slide .overlay button {
line-height: 1;
min-width: 140px;
margin-right: 2%;
-webkit-transition: background-color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
}
.super-simple-slider-container .super-simple-slider .slide .overlay a.button:last-of-type,
.super-simple-slider-container .super-simple-slider .slide .overlay button:last-of-type {
margin-right: 0;
}
.super-simple-slider-container .super-simple-slider .slide .overlay a.button.no-bottom-margin,
.super-simple-slider-container .super-simple-slider .slide .overlay button.no-bottom-margin {
margin-bottom: 0 !important;
}
.super-simple-slider-container .super-simple-slider .slide img.slide-image {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.super-simple-slider-container .slide .background-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.super-simple-slider-container .slide .background-image .placeholder {
width: 100%;
height: auto;
}
.super-simple-slider-container .scroll-to-content {
bottom: 7%;
font-size: 60px;
position: absolute;
text-align: center;
width: 100%;
z-index: 10;
color: #FFFFFF;
}
.super-simple-slider-container .super-simple-slider-pagination {
bottom: 2.1%;
height: 30px;
position: absolute;
text-align: center;
width: 100%;
z-index: 10;
}
.super-simple-slider-container .super-simple-slider-pagination a.selected span {
background-color: #FFFFFF;
position: relative;
}
.super-simple-slider-container .super-simple-slider-pagination a {
border: none;
display: inline-block;
vertical-align: middle;
padding: 4px 4px;
}
.super-simple-slider-container .super-simple-slider-pagination span {
border: 2px solid rgba(255, 255, 255, 0.6) !important;
border-radius: 8px;
border-radius: 50%;
display: inline-block;
height: 15px;
line-height: 0;
overflow: hidden;
text-indent: -100px;
width: 15px;
font-size: 0px;
}
.super-simple-slider-container .controls-container {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
}
.super-simple-slider-container .controls-container .controls {
position: relative;
height: 100%;
}
.super-simple-slider-container .prev,
.super-simple-slider-container .next {
position: absolute;
height: 49px;
width: 49px;
text-align: center;
opacity: 0;
cursor: pointer;
z-index: 9;
transform: scale(0.7);
border: 1px solid #FFFFFF;
color: #FFFFFF;
will-change: opacity; outline: 1px solid transparent;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.super-simple-slider-container .prev.half,
.super-simple-slider-container .next.half {
top: 50%;
transform: scale(0.7) translateY(-50%);
}
.super-simple-slider-container .prev {
left: 4.5%;
}
.super-simple-slider-container .next {
right: 4.5%;
}
.super-simple-slider-container .prev.square:hover,
.super-simple-slider-container .next.square:hover,
.super-simple-slider-container .prev.round:hover,
.super-simple-slider-container .next.round:hover {
background-color: rgba(255, 255, 255, 0.65);
}
.super-simple-slider-container:hover .prev,
.super-simple-slider-container:hover .next {
opacity: 1;
}
.super-simple-slider-container:hover .prev.half,
.super-simple-slider-container:hover .next.half {
transform: scale(1) translateY(-50%);
}
.super-simple-slider-container:hover .prev.disabled,
.super-simple-slider-container:hover .next.disabled {
opacity: 0.4;
cursor: default;
}
.super-simple-slider-placeholder {
margin: 0 0 83px 0;
} .super-simple-slider-container .slide .overlay-container {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
}
.super-simple-slider-container .slide .overlay-container .overlay {
position: relative;
height: 100%;
}
.super-simple-slider-container .slide .overlay-container .overlay .opacity {
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
word-wrap: break-word;
z-index: 8;
margin: 0 auto;
position: absolute;
min-height: 0%;
height: auto;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
left: 0;
right: 0;	
} @media only screen and (max-width: 1000px) {
.slider-placeholder {
display: none;
}
}
@media only screen and (max-width: 960px) { .super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity {
top: 20% !important;
transform: none !important;
width: 80% !important;
min-height: 100%;
}
.super-simple-slider-container .super-simple-slider-pagination {
display: none !important;
}
}
@media only screen and (max-width: 800px) {  }
@media (max-width: 767px) {
.super-simple-slider-container .prev {
left: 2.5%;
}
.super-simple-slider-container .next {
right: 2.5%;
}
}
@media (max-width: 500px) {
.super-simple-slider-container .super-simple-slider .slide .overlay a.button,
.super-simple-slider-container .super-simple-slider .slide .overlay button {
min-width: 100px;
}
}