.slide-caption {
    color: white;
    margin-bottom: -60px;
}
#_testimonial {
    width: 240px;
    height: 240px;
}
@media only screen and (max-device-width: 480px) { 
    .slide-caption {
    color: red !important;
    text-shadow: none !important;
    margin-bottom: -20px !important;
    }

    .lang{
        padding-left:7px;
        padding: 0px 60px 0px 40px !important;
        float:right !important;
		width:100px;
		text-align: right;
    }
	
	.f-center {
    text-align: center;
	}
}
@media only screen and (max-width: 1140px) {
    .lang{
        padding-left:7px;
        padding: 0px 60px 0px 40px !important;
        float:right !important;
		width:100px;
		text-align: right;
    }
}
@media only screen and (max-device-width: 414px) { 
    .slideshow{
        height:175px !important;
    }
}
@media only screen and (min-device-width: 812px) and (orientation : landscape) {
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 60%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    div.slide-caption_{opacity: 1;background:none!important;color:white;z-index:9999;}
    div.slide-caption_>div{
        z-index:9999;
        width:1% !important;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
} 
@media only screen and (min-device-width: 813px) {
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 60%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    div.slide-caption_{opacity: 1;background:none!important;color:white;z-index:9999;}
    div.slide-caption_>div{
        z-index:9999;
        width:1% !important;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
} 
@media only screen and (min-device-width: 768px) and (orientation : portrait) {  
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 60%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    div.slide-caption_{opacity: 1;background:none!important;color:white;z-index:9999;}
    div.slide-caption_>div{
        z-index:9999;
        width:1% !important;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
   
} 
@media only screen and (max-device-width: 1024px) and (orientation : landscape) {
   
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 60%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    div.slide-caption_{opacity: 1;background:none!important;color:white;z-index:9999;}
    div.slide-caption_>div{
        z-index:9999;
        width:1% !important;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
} 

@media only screen and (min-device-width: 240px) and (orientation : portrait) {
    div.slideshow>div>div.bg:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0px;
        padding: 0;
        padding-bottom: 30%;
        background-size: contain!important;
        background:none !important;
        z-index: 10;
    }
    video{
        width:100% !important;
    }
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }


    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    .slideshow{
        background-image:none !important;
        background:none !important;	
    }
    div.slide-caption_{opacity: 1;background:none! important;color:white;z-index:9999;}
    div.slide-caption_>div:first-child{z-index:9999;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
   
}

@media only screen and (min-device-width: 375px )
and (max-device-width : 667px)  
and (orientation : landscape){
    div.slideshow>div>div.bg:before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0px;
        padding: 0;
        padding-bottom: 30%;
        background-size: contain!important;
        background:none !important;
        z-index: 10;
    }
    video{
        width:100% !important;
    }
    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
        margin: 0px 5px;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }


    .slick-slide {
        transition: all ease-in-out .3s;
        opacity: .2;
    }

    .slick-active {
        opacity: .5;
    }

    .slick-current {
        opacity: 1;
    }
    .slick-slider {
        margin:0px !important;
    }
    .slideshow{
        background-image:none !important;
        background:none !important;	
    }
    div.slide-caption_{opacity: 1;background:none! important;color:white;z-index:9999;}
    div.slide-caption_>div:first-child{z-index:9999;
    }
    div.slide-caption_>h1{
        margin-top:100px !important;
    }
    .slideshow{
        height:285px !important;
    }

}


@media only screen and (min-width: 768px) {
    figure.larticle.open div.ac{ max-height: 4000px !important; }
} 

@media only screen and (min-width: 1025px) {
    
     ._adm{
        height: 712.571px !important;
        max-height: 662.571px !important;
    }
}

.wa-i{
    display: block;
    position: fixed !important;
    width: 80px !important;
    height: 80px !important;
    bottom: 80px !important;
    right: 20px !important;
    z-index:9999;
    color: #FFFFFF !important;
    text-align: center !important;
}

@media only screen and (max-device-width: 767px) {
    .wa-i{
        display: block;
        position: fixed !important;
        width: 60px !important;
        height: 58px !important;
        bottom: 60px !important;
        padding-top: 5px;
        right: 20px !important;
        z-index:9999;
        color: #FFFFFF !important;
        text-align: center !important;
    }
}

.campuses{
    display:inline-table;
}

#_initial{
    background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-OUTLINE.png") !important;
    background-repeat: no-repeat;
    background-size: 400px 400px; float:left;margin-right:50px;
    margin-top:10px;
}
#_initial:hover{
    background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-COLOR.png") !important;
    background-repeat: no-repeat;
    background-size: 400px 400px;float:left;margin-right:50px;
    color:#ba252d;
    text-align:center;
    cursor:pointer;
    margin-top:10px;
}

#_initial2{
    float:left;
    background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-OUTLINE.png") !important;
    background-repeat: no-repeat;
    background-size: 400px 400px;
    margin-top:10px;
    margin-left:50px;
}

#_initial2:hover{
    background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-COLOR.png") !important;
    background-repeat: no-repeat;   
    background-size: 400px 400px;
    color:#ba252d;
    text-align:center;
    cursor:pointer;margin-left:50px;
    margin-top:10px;
}

#_initial,#_initial2{
    width:400px;
    height:400px;
    text-align:center !important;
    font-weight: bold;
    color: #7b7b7a;
}

@media only screen and (max-device-width: 1024px)and (orientation : landscape) {
        #_initial{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-OUTLINE.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px; float:left;margin-right:50px;
            margin-top:10px;
        }
        #_initial:hover{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-COLOR.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px;float:left;margin-right:50px;
            color:#ba252d;
            text-align:center;
            cursor:pointer;
            margin-top:10px;
        }

        #_initial2{
            float:left;
            background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-OUTLINE.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px;
            margin-top:10px;
            margin-left:50px;
        }

        #_initial2:hover{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-COLOR.png") !important;
            background-repeat: no-repeat;   
            background-size: 250px 250px;
            color:#ba252d;
            text-align:center;
            cursor:pointer;margin-left:50px;
            margin-top:10px;
        }

        #_initial,#_initial2{
            width:250px;
            height:250px;
            text-align:center !important;
            font-weight: bold;
            color: #7b7b7a;
        }
}

@media only screen and (max-device-width: 1024px) {
        #_initial{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-OUTLINE.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px; float:left;margin-right:50px;
            margin-top:10px;
        }
        #_initial:hover{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-COLOR.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px;float:left;margin-right:50px;
            color:#ba252d;
            text-align:center;
            cursor:pointer;
            margin-top:10px;
        }

        #_initial2{
            float:left;
            background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-OUTLINE.png") !important;
            background-repeat: no-repeat;
            background-size: 250px 250px;
            margin-top:10px;
            margin-left:50px;
        }

        #_initial2:hover{
            background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-COLOR.png") !important;
            background-repeat: no-repeat;   
            background-size: 250px 250px;
            color:#ba252d;
            text-align:center;
            cursor:pointer;margin-left:50px;
            margin-top:10px;
        }

        #_initial,#_initial2{
            width:250px;
            height:250px;
            text-align:center !important;
            font-weight: bold;
            color: #7b7b7a;
        }
}

@media only screen and (max-device-width: 480px) {

    .campuses{
        margin-left:0px !important;
    }
    #_initial,#_initial2{
        display:block !important;
    }

    #_initial{
        background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-OUTLINE.png") !important;
        background-repeat: no-repeat;
        background-size: 100% 100%; 
        float:left;
        background-position:center;margin-right:13px !important;
    }
    #_initial:hover{
        background-image: url("https://swa-jkt.com/uploads/media/SWA-BSD-CAMPUS-COLOR.png") !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color:red;
        text-align:center;
        cursor:pointer;
        float:left;
        background-position:center;margin-right:13px !important;
    }

    #_initial2{
        background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-OUTLINE.png") !important;
        background-repeat: no-repeat;
        background-size: 100% 100%; 
        float:right;
        background-position:center;margin-left:13px !important;
    }
    #_initial2:hover{
        background-image: url("https://swa-jkt.com/uploads/media/SWA-THAMRIN-CAMPUS-COLOR.png") !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color:red;
        text-align:center;
        cursor:pointer;
        float:right;
        background-position:center;margin-left:13px !important;
    }
    #_initial,#_initial2{
    width:150px;
    height:150px;
    text-align:center !important;
    font-weight: bold;
    color: #7b7b7a;
}
}


@media only screen and (min-device-width: 768px )and (orientation : landscape) {  
    div.slideshow { min-height:675px; }
    div.slideshow>div>div.bg { position:absolute; }
    div.slideshow>div, div.slideshow>div>div.bg, div.page-banner { width:100%; min-height:675px; background-repeat:no-repeat; background-position: center center; background-size:cover;  }
    div.slideshow>div>div.bg>video { width: auto; height: auto; min-height: 100%; min-width: 100%; max-width: none; max-height: none; position: absolute; /*left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */z-index: 0; }
}

@media only screen and (max-device-width: 480px) {
    #admission-contact div.cinfo h2{
        font-size:16px !important;
    }
    #admission-contact div.cinfo p{
        font-size:12px !important;
    }
}



@media only screen and (max-device-width: 1140px ) {  
	#nav-7,#nav-8,#nav-9,#nav-10,#nav-11,#nav-12,#nav-13,#nav-14,#nav-15,#nav-16,#nav-21,#nav-22,#nav-23,#nav-24,#nav-25,#nav-26,#nav-29,#nav-30,#nav-31,#nav-44,#nav-61,#nav-64,#nav-55,#nav-69,#nav-58,#nav-76{
		display:none;
	}
}

/*remark by RP 20 dec 2021*/
.bubble-chat {
    display: flex;
    position: fixed !important;
    bottom: 50px !important;
    right: 0px !important;
    z-index: 6;
}
.bubble-chat p {
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    width: 250px !important;
    color: #424242 !important;
    background: #feffc5;
    font-size: 14px;
    padding: 10px 10px;
    line-height: 20px;
    font-weight: bolder;
	height: 45px;
    margin-top: 12px;
}
.bubble-chat img {
	/*width: 60px !important;
	height: 58px !important;*/
	float: right;
}
@media only screen and (max-device-width: 767px) {
	.pop-up-sm {
		display:none !important;
	}
}
@media only screen and (min-device-width: 768px) {
.pop-up-sm {
    display: block;
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 9999;
    padding: 10px;
    background: #e5e5e5;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
	-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
}
.pop-up-sm .left{
	float: left;
}
.pop-up-sm .right{
    float: right;
    width: 130px;
    padding: 0px 10px;
}
.pop-up-sm p {
    border-radius: 10px;
    color: #424242 !important;
    font-size: 13px;
    padding-bottom: 5px;
    line-height: 20px;
    font-weight: bold;
}
.pop-up-sm button{ 
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 5px !important;
    line-height: initial;
    background: #f9aa31;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pop-up-sm img {
	width: 100px !important;
}

.pop-up-sm .close{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #424242;
    font-size: 12px;
    line-height: 13px;
    display: inline-block;
    padding: 0px 0px 0px 30px;
    text-transform: uppercase;
}
}



html {
	overflow-x:hidden
}

@media only screen and (max-device-width: 1024px){
.zbtn-01 {
     padding: 10px 0px !important;
     background: #f9aa31;
     color: black !important;
     border-radius: 10px;
     margin: 40px 10px 10px 10px;
}
.zbtn-01 a{
     color: black !important;
}
 .zbtn-02{
     background: #5480ff;
     padding: 10px 0px !important;
     border-radius: 10px;
     margin:0px 10px 10px 10px;
}
 .zbtn-02 a{
     color: white !important;
	 font-size: 12px !important;
}
}
@media only screen and (min-device-width: 1025px){
.main-nav .zbtn-01{
	display:block;
	border-radius: 10px;
    background: #f9aa31;
    margin-left: 20px;
    padding: 10px 10px;
    margin-top: -13px;
}

.main-nav .zbtn-01 a{
	color:black !important;
}

.main-nav .zbtn-02{
	display:block;
    border-radius: 10px;
    background: #5480ff;
    margin-left: 5px;
    border-radius: 10px;
	padding: 10px 10px;
    margin-top: -13px;
}

.main-nav .zbtn-02 a{
    color:white !important;
}
.life-at-seb {
	width:130px !important;
}
}


@media only screen and (max-device-width: 480px) { 
#admission-contact { background-size: contain; }
div.slide-caption{
	background:none
}
}

.wi{
height:90px;
width:90px	
}

.slide-caption_ {
	background:none !important;
}