@charset "utf-8";
/* CSS Document */
/*CSS Import*/
/*@import url("fonts.css");*/
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');
/*Light 300, Regular 400, Medium 500, Semi-bold 600, Bold 700*/
@import url("back-to-top.css");
@import url("helper-class.css");

body {font-family: 'Prompt', sans-serif; font-weight:300; font-size: 16px; line-height: 1.6; line-height: 25px; color: #666666;}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/Spinner-1s-118px.gif) 50% 50% no-repeat rgba(249, 249, 249, 1);}
button, input, optgroup, select, textarea {font-family: 'Prompt'; font-weight: 400;}
h1,h2,h3 {font-family: 'Prompt'; font-weight:700;}

/* ////////// Main Class ////////// */


.wrap-homeslider {position: relative;}
#carousel-homeslideshow {position: relative;/* top: -2px;*/}
#carousel-homeslideshow .carousel-inner > .item > img, 
#carousel-homeslideshow .carousel-inner > .item img,
#carousel-homeslideshow .carousel-inner > .item.active {margin: 0 auto; width: 100%;}
#carousel-homeslideshow {}

#carousel-homeslideshow .carousel-inner > .item .slide-img-link {position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0;}

#carousel-homeslideshow .carousel-caption {left: 0; right: 0; bottom: 50%; margin-bottom: -125px; text-align: left;}
#carousel-homeslideshow .carousel-caption h3 {font-size: 46px; letter-spacing: 1px;}
#carousel-homeslideshow .carousel-caption p {line-height: 1.25; letter-spacing: 1px;}
#carousel-homeslideshow .btn-slide {background: #087abe; /*border-bottom: 2px solid #f79433;*/ color: #ffffff; text-align: center; border-radius: 0px; display: inline-block; min-width: 180px; padding: 10px; margin-top: 15px; transition: all 0.2s; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
#carousel-homeslideshow .btn-slide:hover,
#carousel-homeslideshow .btn-slide:focus {text-decoration: none; background: #0066A3; /*border-bottom: 2px solid #da7411;*/}

/*.carousel-inner:before {content:""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/slider-circle.png); background-repeat: no-repeat; background-size: cover;}
.carousel-inner > .item:after {content:""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/slider-shadow.png); background-repeat: no-repeat; background-size: cover;}
*/
.carousel-control {opacity: 1; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
.carousel-control.left,
.carousel-control.right {z-index: 3; background: none}
.carousel-control:hover .glyphicon[class*="glyphicon-chevron-"]:before,
.carousel-control:focus .glyphicon[class*="glyphicon-chevron-"]:before {color:rgba(255,255,255,1);}

.glyphicon {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.glyphicon:before {line-height:38px}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {font-size: 34px;}
.glyphicon-chevron-left:before {content: "\f104"; margin-left: -5px;}
.glyphicon-chevron-right:before {content: "\f105"; margin-right: -5px;}

.glyphicon[class*="glyphicon-chevron-"]:before {color: #58585a;} 

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {width: 40px; height: 40px; border-radius: 50px; background: rgb(0,0,0,0.55); margin-top: -20px;}
.carousel-caption {position: absolute; z-index: 5; text-align: left;}

/*shortcut*/
.bg-shortcut {background: rgb(69,196,222); background: -moz-linear-gradient(90deg, rgba(69,196,222,1) 50%, rgba(243,112,157,1) 50%); background: -webkit-linear-gradient(90deg, rgba(69,196,222,1) 50%, rgba(243,112,157,1) 50%); background: linear-gradient(90deg, rgba(69,196,222,1) 50%, rgba(243,112,157,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45c4de",endColorstr="#f3709d",GradientType=1);}
.wrap-home-shortcut {}
.wrap-home-shortcut [class*="col-"] {padding-left: 0; padding-right: 0;}
.wrap-home-shortcut .item {padding: 35px 35px; color: #ffffff; position: relative; transition: all 0.1s; min-height: 336px;}
.wrap-home-shortcut .item .shortcut-link {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.wrap-home-shortcut .item h3 {font-weight: 500;}
.wrap-home-shortcut .item.item-1 {background-color: #45c4de;}
.wrap-home-shortcut .item.item-1:hover {background-color: #04A5C5;}
.wrap-home-shortcut .item.item-2 {background-color: #2b76c0;}
.wrap-home-shortcut .item.item-2:hover {background-color: #1160AD;}
.wrap-home-shortcut .item.item-3 {background-color: #f3709d;}
.wrap-home-shortcut .item.item-3:hover {background-color: #DF4278;}

/*Common*/
.sec-content {position: relative;}
.sec-bg-image-1 {background-image: url(../images/sec-bg-pattern-1.jpg);}
.sec-bg-image-2 {background-image: url(../images/sec-bg-pattern-2.jpg); background-repeat: repeat-x;} 
.sec-bg-prop-1 {background-image: url(../images/sec-bg-prop-01.avif); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; left: 30px; width: 290px; height: 375px;}
.sec-bg-prop-2 {position: absolute; z-index: 0;} 
.sec-bg-prop-3 {position: absolute; z-index: 0; bottom: 0; left: 0; right: 0;}
.sec-color-1 {background-color: #caf9ff}
.sec-color-2 {background-color: #f6f6f6;}
.content-inner {padding-top: 80px; padding-bottom: 80px;}
.sec-title {}
.sec-title.mt0 h2 {margin-top: 0;}
.sec-title span {font-size: 14px; color: #eb3133; position: relative;}
.sec-title span:before,
.sec-title span:after {content: ""; position: absolute; display: block; height: 1px; width: 50px; top: 10px; margin: 0 auto; background: #eb3133;}
.sec-title span:before {left: -140px; right: 0;}
.sec-title span:after {left: 0; right: -140px;} 		
.sec-title h2 {font-size: 34px; color: #1c3d62;}
.sec-title.custom-1 {}
.sec-title.custom-1 span:before {}
.sec-title.custom-1 span:after {}
.sec-title.custom-2 {}
.sec-title.custom-2 span:before {left: -160px;}
.sec-title.custom-2 span:after {right: -160px;}
.sec-title.custom-3 {}
.sec-title.custom-3 span:before {left: -110px;}
.sec-title.custom-3 span:after {right: -110px;}
.col-control {}
.col-control.pad-left {padding-left: 30px;}
.col-control.pad-right {padding-right: 30px;}

.subtile-page {}
.subtile-page h4 {position: relative; font-size: 22px; color: #404040; font-weight: 600;	margin-top: 0; padding-bottom: 10px; margin-bottom: 0px; border-bottom: 1px solid #cccccc;}
.subtile-page h4:before {content: ""; position: absolute; bottom: -1px; display: block; width: 60px; height: 1px; background: #eb3133;}		
.subtile-page a {float: right; font-size: 14px; font-weight: 400; display: inline-block; padding: 5px 10px; border-radius: 50px; background: #eeeeee; text-decoration: none; transition: all 0.2s;}
.subtile-page a:hover,
.subtile-page a:focus {background: #087abe; color: #ffffff;}

.wrap-side {}
.wrap-side .side-menu {background: #efefef;}
.wrap-side .side-menu li {}
.wrap-side .side-menu li a {text-decoration: none; position: relative; color: #666666; display: block; padding: 10px 15px 10px 25px; border-bottom: 1px dashed #dbdbdb; font-weight: 400; transition: all 0.2s;}
.wrap-side .side-menu li a:before {content: "\f105"; position: absolute; top: 50%; left: 10px; margin-top: -10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}		
.wrap-side .side-menu li a:hover,
.wrap-side .side-menu li a:focus {background: #e6e6e6; color: #ed5188;}
.wrap-side .side-menu li a.active-menu-right {background: #ed5188; color: #ffffff;}
.wrap-side .side-wrap {background: #ffffff; border-radius: 5px; padding: 15px; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);}
.wrap-side .side-wrap p {font-size: 15px; line-height: 22px;}
.wrap-side .side-wrap ul {font-size: 14px;}
.wrap-side .side-wrap ul li {border-bottom: 1px dashed #d1d1d1; padding-bottom: 5px;}

.editor-control {}
.editor-control img {display: inline-block; max-width: 100%; height: auto; /*margin-top: 20px;*/ margin-bottom: 20px;}
.editor-control h2 {margin-bottom: 20px;}
.editor-control h3 {font-size: 26px; margin-bottom: 10px;}
.editor-control h4 {margin-bottom: 20px;}
.col-border-pad {border: 1px solid #e0efff; padding: 15px;}
.col-border-pad.color {-webkit-box-shadow: 0 1px 1px rgb(0,0,0,0.05);box-shadow: 0 1px 1px rgb(0,0,0,0.05); background: rgb(255,255,255);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eef5fc",GradientType=1);}
.editor-control ol {padding-left: 20px;}

.wrap-heading-page {position: relative; padding: 50px 0; color: #ffffff; background-repeat: no-repeat;  background-position: center; background-color: #4f4f4f;}
.wrap-heading-page:before {content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(40,93,146,0.80)}
.wrap-heading-page h1 {font-weight: 600; font-size: 42px; margin-bottom: 10px;}    
.wrap-heading-page .breadcrumb {background: none; font-size: 14px; margin-bottom: 20px;}
.wrap-heading-page .breadcrumb > li {}
.wrap-heading-page .breadcrumb > li > a {color: #ffffff; transition: all 0.2s;}
.wrap-heading-page .breadcrumb > li > a:hover,
.wrap-heading-page .breadcrumb > li > a:focus {color: #45c4de; text-decoration: none;}
.wrap-heading-page .breadcrumb > li.active {color: #45c4de;}

.owl-theme .owl-dots .owl-dot span {width: 8px; height: 8px; background: #ffffff; border: 3px solid #d6d6d6; transition: all 0.2s; box-sizing: content-box;}
.owl-theme .owl-dots .owl-dot.active span {background: #eb3133; border: 3px solid #b2b2b2;}		
.owl-theme .owl-dots .owl-dot:not(.active):hover span {background: #E9E9E9;}		


/*Button*/
a.btn-custom-1,
button.btn-custom-1 {background: #087abe; color:#ffffff; min-width: 180px; display: inline-block; padding: 10px; font-size: 16px; font-weight: 400; transition: all 0.2s; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);}
button.btn-custom-1 {box-shadow: none; border-radius: 0;}
a.btn-custom-1:hover,
a.btn-custom-1:focus,
button.btn-custom-1:hover,
button.btn-custom-1:focus,
button.btn-custom-1:active,
button.btn-custom-1:active:hover,
button.btn-custom-1:active:focus {background: #0066A3; text-decoration: none; color: #ffffff; outline: 0;}


.btn-with-icon {background: #eeeeee; display: inline-block; padding: 7px 15px 7px 7px; border-radius: 60px; min-width: 275px; color: #ffffff; transition: all 0.2s;}
.btn-with-icon:hover,
.btn-with-icon:focus {color: #ffffff; text-decoration: none;}
.btn-with-icon span {float: left; width: 44px; height: 44px; border-radius: 50px; background: #ffffff; color: #979797; line-height: 48px;}
.btn-with-icon small {vertical-align: middle; line-height: 40px; font-size: 100%}		
.btn-with-icon span i {    font-size: 20px;}
.btn-with-icon.style1 {background: #087abe;}
.btn-with-icon.style1 span i {}
.btn-with-icon.style1:hover,
.btn-with-icon.style1:focus {background: #016098;}
.btn-with-icon.style1:hover span i,
.btn-with-icon.style1:focus span i {color: #016098;}
.btn-with-icon.style2 {background: #e94844;}
.btn-with-icon.style2:hover,
.btn-with-icon.style2:focus {background: #c72521;}
.btn-with-icon.style2:hover span i,
.btn-with-icon.style2:focus span i {color: #c72521;}



/*wrap-award-slide*/
.wrap-award-slide {position: relative;}
.wrap-award-slide:before {content: ""; position: absolute; z-index: -1; left: -100px; top: 50px; display: block; background-image: url(../images/sec-bg-prop-03-1.png); background-repeat: no-repeat;ackground-size: cover; width: 113px; height: 113px;}
.wrap-award-slide:after {content: ""; position: absolute; z-index: -1; right: -55px; top: -100px; display: block; background-image: url(../images/sec-bg-prop-03-2.png); background-size: cover; background-repeat: no-repeat; width: 165px; height: 615px;}

/*News*/
#carousel-news .item .grid figure.effect-jazz {height: 250px;}
#carousel-news .item .grid figure.effect-jazz img {opacity: 1; object-fit: cover; flex-shrink: 0; position: relative; top: -50%;}
#carousel-news .item .grid figure figcaption, .grid figure figcaption:before {content: ""; display: block; background: rgba(0,0,0,0.50); transition: all 0.2s;}
#carousel-news .item .grid figure:hover figcaption, .grid figure figcaption:before,
#carousel-news .item .grid figure:focus figcaption, .grid figure figcaption:before {background: rgba(0,0,0,0.75)}

#carousel-news .item .grid figure figcaption {padding: 25px;}
#carousel-news .item .grid figure figcaption {text-align: left;}
#carousel-news .item .grid figure figcaption .top {font-size: 16px;}
#carousel-news .item .grid figure figcaption .top label {border-radius: 50px; background: #0a0a0a; padding: 5px 20px; font-weight: 300;}
#carousel-news .item .grid figure figcaption .top .linkto {position: relative; z-index: 1200; border-radius: 50px; background: #ffffff; padding: 5px 20px; float: right; display: none;}
#carousel-news .item .grid figure figcaption .top label.news {background-color: #62c47b;}
#carousel-news .item .grid figure figcaption .top label.act {background-color: #2b68ad;}
#carousel-news .item .grid figure figcaption .bottom {position: absolute; bottom: 25px;}
#carousel-news .item .grid figure figcaption .bottom span {font-size: 14px;}
#carousel-news .item .grid figure figcaption .bottom h2 {    padding-top: 5px; font-size: 17px; font-weight: 400;}
#carousel-news .item figure.effect-jazz:hover figcaption::after {display: none;}


/*Contact us*/
.contact-page {}
.contact-page h4 {position: relative; font-size: 22px; color: #404040; font-weight: 600;	margin-top: 0; padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #cccccc;}
.contact-page h4:before {content: ""; position: absolute; bottom: -1px; display: block; width: 60px; height: 1px; background: #eb3133;}		
.contact-page ul {padding-left: 0px; list-style: none;}
.contact-page ul li {position: relative; padding-left: 26px;}
.contact-page ul li img {position: absolute; left: 0; top: 2px;}
.contact-page ul li a {color: inherit;}
.contact-page ul li a:hover {color: #eb3133; text-decoration: none;}

/*Map*/
.info_content {}
.info_content h3 {font-weight: 500; font-size: 18px; color: #087abe;}
.info_content p {}
.info_content p a {outline: none; color: #000000;}

/*PAGE*/
.list-contact {list-style: none;
    padding-left: 0;}
.list-contact .contact {margin-bottom: 5px;}
.list-contact .contact:before {content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 18px; height: 19px; background-repeat: no-repeat; background-size: cover;}
.list-contact .contact.time:before {background-image: url(../images/icon-list-contact-03.png);}
.list-contact .contact.tel:before {background-image: url(../images/icon-list-contact-01.png);}
.list-contact .contact.email:before {background-image: url(../images/icon-list-contact-02.png);}

/*Page News*/
.wrap-news-list {}
.wrap-news-list .post-news-item {position: relative; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);}
.wrap-news-list .post-news-item > a {display: block; overflow: hidden; position: relative;}
.wrap-news-list .post-news-item > a:before {content: ""; position: absolute; z-index: 100; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4990371148459384) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4990371148459384) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4990371148459384) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.wrap-news-list .post-news-item img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.wrap-news-list .post-news-item:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);}
.wrap-news-list .post-news-item a label,
.news-tag label {position: absolute; z-index: 200; color: #ffffff; top: 15px; left: 15px; font-size: 14px; border-radius: 50px; background: #0a0a0a; padding: 0px 15px; font-weight: 300;}
.news-tag label {position: relative; top: 0; left: 0;}
.wrap-news-list .post-news-item a label.news,
.news-tag label.news {background-color: #62c47b;}
.wrap-news-list .post-news-item a label.act,
.news-tag label.act {background-color: #2b68ad;}
.wrap-news-list .post-news-item .post-news-body {padding: 15px 20px 0;}
.wrap-news-list .post-news-item .post-news-body h6 {font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.wrap-news-list .post-news-item .post-news-body h6 a {color: #eb3133; text-decoration: none; transition: all 0.2s;}
.wrap-news-list .post-news-item .post-news-body h6 a:hover,
.wrap-news-list .post-news-item .post-news-body h6 a:focus {color: #1c3d62} 
.wrap-news-list .post-news-item .post-news-footer {padding: 0 20px 15px; font-size: 13px; font-style: italic; font-weight: 300; color: #404040;}

.news-title {position: relative; font-size: 26px; line-height: 36px; margin-top: 0; font-weight: 600; color: #1c3d62; padding-bottom: 10px;}
.news-title:after {content: ""; position: absolute; display: block; bottom: 0; width: 60px; height: 3px; background: #eb3133;}		
.news-date {font-size: 13px; font-style: italic; font-weight: 300; color: #404040;}	

.wrap-other-news {}	
.wrap-other-news .media {border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.wrap-other-news .news-tag label.news,
.wrap-other-news .news-tag label.act {font-size: 12px; line-height: 1; padding: 3px 6px;}
.wrap-other-news .media-object {width: 120px;}
.wrap-other-news .media-heading  {font-size: 14px; margin-bottom: 5px; line-height: 20px; font-weight: 400; color: #1c3d62;}

.wrap-news-gallery {}
.wrap-news-gallery .item {position: relative; cursor: pointer; /*display: inline-block;*/ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrap-news-gallery .item:before {content: "\f00e"; font-size: 22px; color: #ffffff; position: absolute; z-index: 10; top: 50%; left: 50%; margin-left: -10px; margin-top: -11px; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
.wrap-news-gallery .item:after {content: ""; position: absolute; display: block; background: rgba(0,0,0,0.50); z-index: 1; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
.wrap-news-gallery .item:hover:after {opacity: 1;}
.wrap-news-gallery .item:hover:before {opacity: 1;}
.wrap-news-gallery .item img {}
.wrap-news-gallery .item:hover img {}

/*Page Academic calendar*/
.wrap-calendar-tab {}
.wrap-calendar-tab .tab-header {font-size: 20px; color: #1c3d62; padding-bottom: 13px; border-bottom: 4px solid #e6e6e6; margin: 0;}
.wrap-calendar-tab .item {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.wrap-calendar-tab .item .media {background: #ffffff;}
.wrap-calendar-tab .item .btn-media {font-size: 14px; font-weight: 400;}
.wrap-calendar-tab .item .media-body {padding: 20px 15px 15px 15px;}
.wrap-calendar-tab .item .media-body .media-heading {color: #1c3d62; font-size: 17px;}
.wrap-calendar-tab .item .media-body p {font-size: 15px;}
.wrap-calendar-tab .item .media-left {position: relative; vertical-align: middle; text-align: center; min-width: 90px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; 
background: rgb(240,105,154);
background: -moz-linear-gradient(118deg, rgba(240,105,154,1) 0%, rgba(179,100,159,1) 32%, rgba(38,150,215,1) 100%);
background: -webkit-linear-gradient(118deg, rgba(240,105,154,1) 0%, rgba(179,100,159,1) 32%, rgba(38,150,215,1) 100%);
background: linear-gradient(118deg, rgba(240,105,154,1) 0%, rgba(179,100,159,1) 32%, rgba(38,150,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0699a",endColorstr="#2696d7",GradientType=1);}
.wrap-calendar-tab .item .media-left .date {color: #ffffff;}
.wrap-calendar-tab .item .media-left .date span {font-size: 18px;}
.wrap-calendar-tab .item .media-left .date h4 {margin: 0; font-size: 30px; font-weight: 600;}
.wrap-calendar-tab .item .media-right {min-width: 140px; text-align: center; vertical-align: middle;}
.wrap-calendar-tab .item .media-right {position: relative;}
.wrap-calendar-tab .item .media-right:before {content: ""; display: block; position: absolute; top: 50%; width: 2px; height: 60px; margin-top: -30px; background: #eeeeee;}		

/*Article page*/
.title-tab {background: #e1f0ff; padding: 10px 15px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgb(0,0,0,0.05); box-shadow: 0 1px 1px rgb(0,0,0,0.05);}
.title-tab h3 {margin: 0; font-size: 20px; color: #087abe; font-weight: 600;}	
.title-tab h3 i {font-size: 18px;}
.panel-custom-1 {}
.panel-custom-1 .panel-heading {background: rgb(236,75,71);
background: -moz-linear-gradient(0deg, rgba(236,75,71,1) 0%, rgba(198,36,32,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(236,75,71,1) 0%, rgba(198,36,32,1) 100%);
background: linear-gradient(0deg, rgba(236,75,71,1) 0%, rgba(198,36,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec4b47",endColorstr="#c62420",GradientType=1); color: #ffffff;}
.panel-custom-1 .panel-heading .panel-title {font-size: 17px; font-weight: 500; margin-bottom: 0;}

.wrap-img-caption .capt {border: 2px solid #dedede; margin-top: 10px; line-height: 20px; font-size: 14px; padding: 5px 15px; min-width: 100%; border-radius: 5px; font-weight: 500; color: #087abe; display: inline-block;}			
.wrap-img-caption .capt {}
.wrap-img-caption .item {/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);*/}

.wrap-pride-list {}
.wrap-pride-list .post-pride-item {position: relative; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 18%);}
.wrap-pride-list .post-pride-item a {display: block; overflow: hidden; position: relative;}	
.wrap-pride-list .post-pride-item img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}		
.wrap-pride-list .post-pride-item:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);}			
.post-pride-item .post-pride-body {padding: 15px 15px 15px 0px;}
.post-pride-item .post-pride-body h6 {font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.post-pride-item .post-pride-body h6 a {color: #eb3133; text-decoration: none; transition: all 0.2s;}
.post-pride-item .list-footer {margin-bottom: 0; font-size: 13px; font-style: italic; font-weight: 300; color: #404040;}		
.post-pride-item .post-pride-body h6 a:hover,
.post-pride-item .post-pride-body h6 a:focus {color: #1c3d62;}				

.btn-regis {background: #eb3133; color: #ffffff; display: inline-block; padding: 15px 15px; min-width: 250px; transition: all 0.2s;}
.btn-regis:hover,
.btn-regis:focus {background: #D90A0D; color: #ffffff; text-decoration: none;}

.wrap-teacher-list {}
.wrap-teacher-list .media-item {    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);
    background: -webkit-linear-gradient(
0deg
, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);
    background: linear-gradient(
0deg
, rgba(255,255,255,1) 0%, rgba(238,245,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eef5fc",GradientType=1); -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.wrap-teacher-list .media-item .media-left {}
.wrap-teacher-list .media-item .media-left img {width: 120px;}
.wrap-teacher-list .media-item .media-body {    padding: 15px 15px 15px 10px;}
.wrap-teacher-list .media-item .media-body h4 {color: #087abe; margin-bottom: 5px;}
.wrap-teacher-list .media-item .media-body h4:after {content: ""; display: block; width: 40px; height: 2px; background: #eb3133; margin-top: 10px;}
.wrap-teacher-list .media-item .media-body span {}

/*Page Admissions*/
.wrap-register-form {background: #ffffff; border-radius: 5px; padding: 15px; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);}
.wrap-register-form .list-radio {border: 1px solid #e8e8e8; margin-left: 0px; margin-bottom: 18px;}
@media (max-width: 767px) { .wrap-register-form .list-radio {padding-left: 7px; padding-right: 7px;}}
.wrap-register-form .list-radio li {padding-right: 7px; padding-left: 7px;}
.wrap-register-form .list-radio .radio {margin-top: 8px; margin-bottom: 8px;}

/*//////////////////Media Query//////////////////*/
/*col-xs (Extra small devices)*/
@media (max-width: 767px) { 
	 /*Homeslide*/	
	 #carousel-homeslideshow .carousel-caption .caption {padding-left: 14%;} 
	
	.glyphicon[class*="glyphicon-chevron-"]:before {position: relative; top: 9px;}
	
	.carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {width: 25px; height: 25px; margin-top: -13px;}
	.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {font-size: 15px;}
	.glyphicon[class*="glyphicon-chevron-"]:before {top: -7px; font-size: 26px; text-shadow: none;}
	.glyphicon.glyphicon-chevron-left:before,
	.glyphicon.glyphicon-chevron-right:before {margin-left: -3px;}
	
	#carousel-homeslideshow .carousel-caption {margin-bottom: -78px;}
	#carousel-homeslideshow .carousel-caption h3 {font-size: 20px; margin-bottom: 5px;}
	#carousel-homeslideshow .carousel-caption p {font-size: 13px;}
	
	#carousel-homeslideshow .btn-slide {min-width: 110px; font-size: 14px; padding: 5px 0; margin-top: 0;}   
	
	/*Common*/
	.sec-content {}
	.content-inner {padding-top: 60px; padding-bottom: 60px;} 
	
	/*wrap-award-slide*/
	.wrap-award-slide:before {width: 87px; height: 87px; left: -30px; top: -30px;}
	.wrap-award-slide:after {right: -10px; top: -40px;width: 110px; height: 460px;}
	
	/*news*/
	#carousel-news .item .grid figure:hover figcaption .top .linkto {display: block;}
	
	/*PAGE*/
	/*Page Academic calendar*/
	.wrap-calendar-tab .item .media-left {vertical-align: top;}
	
	/*Article page*/
	.post-pride-item .post-pride-body {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
	
	
	
}

@media (max-width: 575px) {
	#carousel-homeslideshow .carousel-inner > .item img {height: 300px;	object-fit: cover;}
	#carousel-homeslideshow .carousel-caption {margin-bottom: -90px !important;}	
}
/*IE Only*/
@media (max-width: 575px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.carousel-inner > .item {height: 300px;}
	#carousel-homeslideshow .carousel-inner > .item img {position: absolute; top: 0; left: auto; right: 0; min-width: 700px; min-height: 300px; height: auto; width: auto; margin-right: -25%;}
}

/*col-sm (Small devices Tablets)*/	
@media (min-width: 768px) and (max-width: 991px) {
	#carousel-homeslideshow .carousel-caption .caption {padding-left: 13%;}	
	#carousel-homeslideshow .carousel-caption h3 {font-size: 38px;}
}
@media (min-width: 768px) {
	
	
}
@media (max-width: 991px) {
	/*Common*/	
	.col-control {}
	.col-control.sm-unpad-left {padding-left: 0px;}
	.col-control.sm-unpad-right {padding-right: 0;} 
	
	/*shortcut*/
	.wrap-home-shortcut .item {padding: 25px 20px; color: #ffffff; min-height: auto;}	
	.wrap-home-shortcut .item h3 {font-size: 20px;}
	
	/*PAGE*/
	.wrap-side.affix {position: relative; top: 0; width: auto !important;}
	/*Page News*/
}

/*col-md (Medium devices Desktops)*/
@media (min-width: 992px) and (max-width: 1199px) {
  #carousel-homeslideshow .carousel-caption .caption {padding-left: 12%;}
}
@media (min-width: 992px) {
	/*PAGE*/
	.wrap-side.affix {position: fixed !important; top: 100px; z-index: 500; border-top: none; border-right: none;}
	/*Page News*/
}
	
/*col-lg (Large devices Desktops)*/
@media (min-width: 1200px) {
	#carousel-homeslideshow .carousel-caption .caption {padding-left: 0;}  
}


/* ////////////// for Screen Size 18.5 ////////////*/
/*for Screen Size 18.5*/

@media (max-height: 768px) {
  #carousel-homeslideshow .carousel-caption .caption {padding-left: 10%;}
}

/*for Screen Size 18.5 (xs)*/
@media (max-height: 768px) and (max-width: 767px) { 
  #carousel-homeslideshow .carousel-caption .caption {padding-left: 20%;}
}

/*for Screen Size 18.5 (sm)*/
@media (max-height: 768px) and (min-width: 768px) and (max-width: 991px) { 
   #carousel-homeslideshow .carousel-caption .caption {padding-left: 13%;}
}

/*for Screen Size 18.5 (md)*/
@media (max-height: 768px) and (min-width: 992px) and (max-width: 1199px) { 
   #carousel-homeslideshow .carousel-caption .caption {padding-left: 10%;}
}

/*for Screen Size 18.5 (lg)*/
@media (max-height: 768px) and (min-width: 1200px) { 
  
}

/*i6*/
@media (min-height: 480px) and (max-height: 667px) and (min-width: 320px) and (max-width: 414px) {

}





/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 5; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}


/* caption-animate */
.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.7s;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}

/*IE Only*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.caption-animate .item .carousel-caption.fadeIn,
	.caption-animate .item .carousel-caption.fadeInDown,
	.caption-animate .item .carousel-caption.fadeInDownBig,
	.caption-animate .item .carousel-caption.fadeInLeft,
	.caption-animate .item .carousel-caption.fadeInLeftBig,
	.caption-animate .item .carousel-caption.fadeInRight,
	.caption-animate .item .carousel-caption.fadeInRightBig,
	.caption-animate .item .carousel-caption.fadeInUp,
	.caption-animate .item .carousel-caption.fadeInUpBig{
		opacity:1;
	}
}