@font-face{font-family:MyriadPro;src:url('../../assets/font/MyriadPro-Regular.otf')}
        
        body {
            margin: 0;
            padding: 0;
        }
        
        nav div {
            display: inline-block; 
            padding: 4px 15px 4px 15px; 
            border-right: 3px solid #04aed2; 
            text-align: center;
        }
        
        nav a {
            transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            text-decoration: none; 
            color: #fff; 
            font-size: 16px; 
            letter-spacing: 1px;
        }
        
        nav a:hover {
            color: #de7481 !important;
        }
        
        .wrapper {
            background: url('../../img/background-fix.jpg') no-repeat;
            background-size: cover;
            background-attachment: fixed;
            text-align: center;
            font-family: 'MyriadPro';
        }
        
        .container {
            display: inline-block;
            background: url('../../img/bg.png');
            width: 1000px;
            margin: 90px 0px;
            text-align: center;
            position: relative;
        }
        
        .capt-program {
            position: absolute; 
            bottom: 0; 
            width: 100%; 
            height: 45%; 
            text-align: left;
        }
        
        .capt-program div {
            width: 60%; 
            display: inline-block; 
            background: #04aed2; 
            padding: 8px 6px 10px 14px; 
            font-size: 16px; 
            font-weight: bold; 
            letter-spacing: 1px; 
            color: #fff;
        }
        
        .readmore {transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
        .readmore:hover {
            color: #de7481 !important;
        }
        
        .review-us {transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
        .review-us:hover {
            opacity: 0.7;
        }
        
        .parents-login {transition: all .3s ease-in;}
        .parents-login:hover {
            background-image: url('../../img/parents-login-hover.png') !important;
        }
        
        .submit {transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);}
        .submit:hover {
            opacity: 0.9;
            box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.4);
        }

        .btn-live-chat {
            transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
            font-size: 16px; 
            background: #679537; 
            color: #fff; 
            border-top-left-radius: 22px; 
            border-bottom-left-radius: 22px; 
            box-shadow: -2px 6px 12px 0px rgba(0,0,0,0.3); 
            padding: 12px 21px; 
            cursor: pointer;
        }
        .btn-live-chat:hover {
            background: #7eb644 !important;
            box-shadow: none; 
        }

        .ui-widget-content {
            width: 95% !important;
            height: 230px !important;
        }

        .ui-datepicker td span, .ui-datepicker td a {
            padding: 0.04em !important;
        }

        .box-menu-kiri ul li a {
            color: #fff;
            text-decoration: none;
            transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        }

    
        
        /*checkbox*/

		input[type=checkbox] + label {
		  display: block;
		  /* margin: 0.2em; */
		  cursor: pointer;
		  padding: 0.2em;
		}

		input[type=checkbox] {
		  display: none;
		}

		input[type=checkbox] + label:before {
		  content: "\2714";
          background: #fff;
		  border-radius: 0.2em;
		  display: inline-block;
		  width: 10px;
		  height: 9px;
		  padding-left: 0.2em;
		  padding-bottom: 0.3em;
		  margin-right: 5px;
		  vertical-align: bottom;
		  color: transparent;
		  transition: .6s;
		}

		input[type=checkbox]:checked + label:before {
          /*background-color: MediumSeaGreen;
		  border-color: MediumSeaGreen;*/
		  color: #000;
          font-size: 11px;
          font-weight: bold;
		}
        /*checkbox*/