@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal; font-family: 'Myriad Pro';}
input[type='email'],input[type='text'],input[type='tel']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 10px; padding-right: 10px; color: #fff;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder{ color: #fff;}
:-moz-placeholder{ color: #fff;}
::-moz-placeholder{ color: #fff;}
:-ms-input-placeholder{ color: #fff;}
::-ms-input-placeholder{ color: #fff;}
:placeholder-shown{ color: #fff;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Page Layout */
body{font-family: 'Myriad Pro';}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ width:100%; margin:0 auto; max-width: 1294px;}
.content{ margin:0 auto; padding:0; width:100%;}

/* Header*/
header{}
header .wrapper{ position:relative;}
header nav{}
header nav ul{}
header nav ul li{}

/* Push */
.push{}

.btn_1{width: 295px; height: 50px; background: #04b9ed; color: #fff; font-size: 20px; font-weight: bold; margin: 0 auto; display: inline-block; border-radius: 11px; transition: 0.5s ease all; margin-top: 20px; line-height: 50px}
.btn_1:hover{background: #081d27; color: #04b9ed;}

/* Footer */
footer{background: #ebebeb; border-top: 1px solid #fff; height: 137px;}
footer .wrapper{ padding-left: 152px; padding-right: 62px; max-width: none}
footer .wrapper p{color: #3c3c3c;  font-size: 24px; line-height: 137px; float: left; font-family: 'Myriad Pro Cn';}
footer .wrapper .social{float: right; padding-top: 50px;}
footer .wrapper .social a{margin-left: 35px;}

.form_section{background: #081d27; padding-top: 115px; padding-bottom: 55px;}
.form_section .wrapper{max-width: 730px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between}
.form_section .wrapper .col{width: 48%;}
.form_section .wrapper .col input:not([type="checkbox"]){width: 100%; border: 1px solid #fff; height: 50px; margin-bottom: 22px; font-size: 18px;}
.form_section h2{font-size:36.88px; color: #fefefe; text-align: center; font-weight: normal; text-align: center; text-transform: uppercase; margin-bottom: 32px;}
select{width: 100%; border: 1px solid #fff; background: none; font-family: 'Myriad Pro'; height: 50px; color: #fff; padding-left: 10px; padding-right: 10px; outline: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; font-size: 18px; background-image: url(../images/site/arrow.png); background-repeat: no-repeat; background-position: right 10px center; margin-bottom: 22px;}
.form_section .wrapper .col label{font-size: 19px; color: #fefefe; padding-left: 22px; display: block; position: relative;}
.form_section .wrapper .col label:after{position: absolute; content: ''; width: 13px; height: 13px; background: #fff; left: 0; top: 4px;}
.form_section .wrapper .col label:before{position: absolute; content: ''; width: 9px; height: 9px; background: #000; left: 2px; top: 6px; opacity: 0; visibility: hidden; z-index: 999;}
.form_section .wrapper .col label.active:before{opacity: 1; visibility: visible;}
.form_section .wrapper .col label input{position: absolute; opacity: 0; visibility: hidden;}
.form_section input[type="submit"]{ width: 295px; height: 50px; background: #04b9ed; color: #fff; font-size: 20px; font-weight: bold; margin: 0 auto; display: block; border-radius: 11px; transition: 0.5s ease all; margin-top: 20px;}
.form_section input[type="submit"]:hover{background: #fff; color: #04b9ed;}

.testimonials {padding-bottom: 150px;}
.testimonials h2{text-align: center; font-size: 50px; text-transform: uppercase; color: #04b9ed; font-family: 'Myriad Pro Cn'; margin-bottom: 40px;}
.testimonials .item .left_image{width: 415px; padding-left: 73px; float: left; padding-right: 35px; padding-top: 50px;}
.testimonials .item .left_image .img_part{position: relative; z-index: 9;}
.testimonials .item .left_image .img_part:after{position: absolute; content: ''; left: -30px; top: -30px; width: 100%; height: 100%; background-image: url(../images/site/bg_dots.png); background-repeat: no-repeat; background-size: 100%; z-index: -1;}
.testimonials .item .left_image img{width: 100%;}
.testimonials .item .right_content{width: calc(100% - 415px); float: left; padding-right: 90px;}
.testimonials .item .right_content h4{font-size: 30px; color: #04b9ed; font-weight: 500; margin-bottom: 15px;}
.testimonials .item .right_content p{font-size: 28px;  color: #000000; font-weight: 300; line-height: normal;}
.testimonials .owl-carousel .owl-nav button.owl-next{position: absolute; font-size: 0; right: 0; width: 31px;  height: 70px; background-image: url(../images/site/right_arrow.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 999; top: 50%; margin-top: -35px; outline: none}
.testimonials .owl-carousel .owl-nav button.owl-prev{position: absolute; font-size: 0; left: 0; width: 31px;  height: 70px; background-image: url(../images/site/left_arrow.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 999; top: 50%; margin-top: -35px; outline: none}
.testimonials .bottom_part{text-align: center; padding-top: 30px;}
.testimonials .bottom_part h3{font-size: 50px; color: #04b9ed;}
.testimonials .bottom_part h5{font-size: 35px; color: #000101;  font-weight: 500;}
.testimonials .bottom_part .btn_1{margin: 30px 10px 0;}

.overlay{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 999; opacity: 0; visibility: hidden; transition: 0.5s ease all;}
.overlay.active{opacity: 1; visibility: visible;}
.poup{position: fixed; overflow: auto; width: 100%; left: 0; top: 40px; bottom: 50px; background: #fff; z-index: 999; max-width: 1388px; right: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: 0.5s ease all;}
.poup.active{opacity: 1; visibility: visible;}
.poup .close{position: absolute; top: 45px; right: 30px; z-index: 9999;}
.poup .content_section{ padding-top: 185px; padding-left: 80px; padding-right: 55px; padding-bottom: 50px; overflow: hidden; position: relative;}
.poup .content_section:after{position: absolute; width: 228px; height: 147px; content: ''; left: 0; top: 0; background-image: url(../images/site/bg_dots.png); background-repeat: no-repeat; background-position: bottom right}
.poup .content_section:before{position: absolute; width: 228px; height: 147px; content: ''; right: 0; bottom: -30px; background-image: url(../images/site/bg_dots.png); background-repeat: no-repeat; background-position: bottom right}
.poup .content_section h3{font-size: 44px; color: #04b9ed; text-transform: uppercase; margin-bottom: 10px;}
.poup .content_section p{font-size: 30px; color: #000000; line-height: normal; margin-bottom: 20px; font-family: 'Myriad Pro Cn'}
.poup .content_section .whole_content{display: block;}


.container{max-width: 1295px;margin: 0 auto;}
.services_wrap{padding-top: 40px;padding-bottom: 70px;}
.services_wrap .sere_list{text-align: center;float: left;margin-right: 11.5%;width: 16%;position:relative;}
.services_wrap .sere_list:last-child{margin-right: 0;}
.services_wrap .sere_list span{width: 167px;height: 167px;border-radius: 50%;display: block;margin: 0 auto;overflow: hidden;    background-size: cover;
    background-position: -33px 0;}
.services_wrap .sere_list h6{
    margin-top: 20px;
    color: #000000;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
}

select option {
    color: #081d27;
}
/* Header*/
header{position: absolute;top: 0;left: 0;right: 0;z-index: 99;}
header a.logo{position: absolute;top: 56px;right: 50px;}
header a.logo {width: 200px;}

header .wrapper{ position:relative;}
.banner_wrap{position: relative;overflow: hidden;}
.banner_wrap .rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.banner_wrap .rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.banner_wrap .rslides li:first-child {position: relative;display: block;float: left;}
.banner_wrap .rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.banner_wrap .rslides .bg_img{width: 100%;height: 685px;background-size: cover;background-position: center;padding-top: 100px;padding-left: 90px;}
.banner_wrap .rslides .bg_img .bann_content{max-width: 1030px;}
.banner_wrap .rslides .bg_img .bann_content h2{color: #000;font-size: 90px;font-weight: 600;line-height:90px;letter-spacing: -4px; margin-bottom: 10px;}
.banner_wrap .rslides .bg_img .bann_content p{color: #000;font-size: 30px;font-weight: 500; line-height: 38px;padding-right: 150px;letter-spacing: -0.8px;}
.banner_wrap .rslides_tabs{position: absolute;z-index: 99;bottom: 185px;left: 0;right: 0;text-align: center;}
.banner_wrap .rslides_tabs li{display: inline-block;width: 18px;height: 18px;margin: 0px 7px;}
.banner_wrap .rslides_tabs li a{font-size: 0px;border-radius: 50%;background-color: #ffffff;width: 14px;height: 14px;display: inline-block;vertical-align: middle;transition: ease background-color 0.5s;-webkit-transition: ease background-color 0.5s;-o-transition: ease background-color 0.5s;-moz-transition: ease background-color 0.5s;}
.banner_wrap .rslides_tabs li.rslides_here a{width: 18px;height: 18px;background-color: #04b9ed;}
.banner_wrap .scroll_down{position: absolute;bottom: 35px;left: 0;right: 0; margin: 0 0 0 20%; color: #081d27;font-size: 30px;z-index: 99;max-width: 180px;display: inline-block;vertical-align: middle;font-weight: 400;}
.banner_wrap .scroll_down img{display: block;margin: 0 auto;padding-top: 10px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.banner_wrap .scroll_down:active img{transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);-moz-transform: scale(0.6);}
.banner_wrap .en_now{position: fixed;right: 0;top: 45%;z-index: 99;right: -20px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;-moz-transition: 0.3s all ease;font-size: 0px;}
.banner_wrap .en_now:hover{right: -10px;}

.video {
    width: 100%;
    height: 500px;
    object-fit: cover;
    cursor: pointer;
}

h3{text-align: center;color: #04b9ed;font-weight: bold;font-size: 50px;text-transform: uppercase;}
.about_tau h3{margin-bottom: 40px;}
.about_tau .video_slider .play_video{position: relative;height: 600px;background-size: cover;background-position: center center;}
.about_tau .video_slider .play_video a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100px;height: 190px;}
.video_slider .owl-controls .owl-controls{display: none;}
.video_slider .owl-controls .owl-dots{text-align: center;margin-top: 25px;margin-bottom: 30px;}
.video_slider .owl-controls .owl-dots .owl-dot{display: inline-block;vertical-align: middle;margin: 0px 6px;}
.video_slider .owl-controls .owl-dots .owl-dot span{background-color: #7f7f7f;width: 20px;height: 20px;border-radius: 50%;display: inline-block;vertical-align: middle;}
.video_slider .owl-controls .owl-dots .owl-dot.active span{background-color: #04b9ed;}

.about_tau{margin-bottom: 75px;}
.about_tau p{color: #000000;font-size: 24px;font-weight: 400;line-height: 30px;}
.about_tau .read_more{margin-top: 30px;}
.btn{width: 190px;line-height: 44px;text-align: center;font-size: 30px;font-weight: 400; border-radius: 10px;background-color: rgb(4, 185, 237);display: inline-block;vertical-align: middle;color: #ffffff;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.btn:hover{background: #081d27;color: #04b9ed;}

.programs .box_wrap{margin-top: 75px;position: relative;margin-bottom: 35px;}
.programs .box_wrap .box:nth-child(3):before{position: absolute;content: '';width: 322px;height: 322px;background-image: url(../images/site/detail_text.png);background-size: contain;background-position: center center;top: -70px;right: -70px;z-index: -1;}
.programs .box_wrap .box:nth-child(7):after{position: absolute;content: '';width: 322px;height: 322px;background-image: url(../images/site/after.png);background-size: contain;background-position: center center;bottom: -70px;left: -70px;z-index: -1;}

.v_center .box:nth-child(1):after{position: absolute;content: '';width: 322px;height: 322px;background-image: url(../images/site/after.png);background-size: contain;background-position: center center;bottom: -70px;left: -70px;z-index: -1;}


.programs .box_wrap .box{width: 30.5%;float: left;margin-right: 4.2%;background-color: #e3f7fd;margin-bottom: 75px;position: relative; height: auto !important;}
.programs .box_wrap .box:nth-child(3n){margin-right: 0;}
.programs .box_wrap .box span{display: block;width: 100%;height: 295px;background-size: cover;}
.programs .box_wrap .box .detail_text{padding: 15px 10px 0px 10px;}
.programs .box_wrap .box .detail_text h5{color: #04b9ed;font-size: 30px;font-weight: 500;margin-bottom: 5px;}
.programs .box_wrap .box .detail_text p{color: #000000;font-size: 25px;font-weight: 400;margin-bottom: 10px;line-height: 36px;}
.programs .box_wrap .box  a{margin: 0 auto;display: block;margin-top: 10px;margin-bottom: 25px;}

.sere_list:hover .sere_content {
    opacity: 1;
    transition: 0.5s ease all;
    cursor: pointer;
}

.sere_content {
    opacity: 0;
    transition: 0.5s ease all;
    background: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.sere_content h6 {
    padding-bottom: 15px;
}

.v_more {
    display: none;
}

img{max-width: 100%;}
.mo_banner{display: none;}
.whole_content{display: none;}
label.error{display: none !important;}
input.error{border-color: rgb(255, 0, 0) !important}
select.error{border-color: rgb(255, 0, 0) !important}

/*thankyou*/
.thankyou{width: 100%;height: 100%;background: #000; background-color: rgba(0,0,0,0.7);opacity: 1;position: fixed;z-index: 999999;}
.thankyou p{color:#fff;font-size: 30px;text-align: center;padding-top: 25%;}
.thankyou a{position: absolute;top:5%;right:5%;}

.video_slider .owl-dots {text-align: center; margin-top: 25px; margin-bottom: 20px;}
.video_slider .owl-dots .owl-dot{display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #7f7f7f; margin:0 6px;}
.video_slider .owl-dots .owl-dot.active{background: #04b9ed;}
.owl-dot:focus {outline:none}
.playpause {
    background-image:url(../images/site/play.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size: 20%;
    background-position: center;
	cursor: pointer;
}

div.alert-box {
display: block;
padding: 6px 7px;
color:#eee;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.7);
position: fixed;
width:100%;
z-index: 9999;
}

div.alert-box a {
  color:#FFF;
  text-decoration:none;
}
.alert-box .alert_text{    padding: 5px 100px;display:block;}
.alert-box a.close { color: #000; position: absolute; right: 30px; top: 0; font-size: 18px; opacity: 0.8; padding: 4px; text-decoration:none; }

.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }

/*.v_center {text-align: center;}
.v_center .box{float:none!important;display:inline-block;}*/