.topHeader{width: 100%;margin: 0 auto;background: white;display: flex;padding: 0 20px;justify-content: space-between;position: fixed;z-index: 1021;transition: all ease 0.3s;float: left;}
.topHeader .logo{display: flex;align-items: center;}
.topHeader .logo a{display: block;float: left;padding: 2px 0;}
.topHeader .logo a img{border: 2px solid #000;padding: 10px;width: 130px; transition: var(--theme-transition3);}
.topHeader .logo span{float: left;line-height: 80px;padding: 0 0 0 10px;margin: 0 0 0 10px;border-left: 1px solid #ccc;color: #d6dddd;font-family: 'Rubik', sans-serif; transition: var(--theme-transition3);}

.topMenuWrap{position: relative;z-index: 9;display: flex;align-items: center;}
.topMenuWrap:after {content: '';position: absolute;bottom: -9px;left: 0;width: 100%;height: 9px;}
#main-menu {margin: 0px auto 0;padding: 0;line-height: initial;text-align: center;display: table;}
#main-menu li {display: table-cell;list-style-type: none;margin: 0 0px 0 0px;position: relative;background: none;padding: 0;transition: all ease-in-out 300ms;cursor: pointer;float: left;}
#main-menu li div {padding: 0;margin: 0 0px;position: absolute;top: 29px;right: 5px;margin: 0 0px;text-shadow: none;transition: all 500ms;}
#main-menu li div:after {display: none;content: '\f101';font-family: FontAwesome;}
#main-menu li:hover div {color: #fff;transform: rotate(90deg);}
#main-menu li a {CORNER-SHAPE: SUPERELLIPSE(0.5);color: #555;font-family: 'Rubik', sans-serif;display: block;line-height: 14px;padding: 43px 14px 43px;text-decoration: none;transition: all ease-in-out 300ms;margin: 0 0 0px 0;white-space: nowrap;font-weight: 500;font-size: 14px;position: relative;z-index: 0;text-transform: uppercase;letter-spacing: 0.3px;}
#main-menu li a i{float: right;margin-left: 5px;margin-top: 2px;font-size: 12px;}
#main-menu li a:after{content: '';position: absolute;width: 0;right: 0;left: 0;top: 0px;transition: all ease-in-out 0.3s;}
#main-menu li a.active:after{content: '';position: absolute;width: 100%;right: 0;left: 0;top: 0px;height: 100%;transition: all ease-in-out 0.3s;background: #f6b71e;z-index: -1;}
#main-menu li a.active{color: #000;}
#main-menu li a:hover, #main-menu li:hover a{color: #000;/* font-weight: 400; */}
#main-menu li:hover a:after{/* background: #dfd8ce; */width: 100%;height: 100%;z-index: -1;}
#main-menu li:hover ul li a:after{background: transparent;}
#main-menu li.current-menu-item:hover > a {color:#000;}
#main-menu li:hover > span {color:#000;}
#main-menu li.current-menu-item:hover > span {color:#F00;}
#main-menu li ul, #main-menu li ul li ul {left: 0;opacity: 0;visibility: hidden;padding: 6px 0;position: absolute;top: 79px;margin-top: 10px;text-align: left;width: 280px;z-index: 91;margin: 0;background: #ffffff;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-ms-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;}
#main-menu li ul li ul {top:0; left:100%;}
#main-menu li ul li, #main-menu li ul li ul li {float: left;margin: 0;width: 100%;background: none;border-right: none;padding: 0px;}
#main-menu li ul li:after{content: '';}
#main-menu li ul li:hover{box-shadow: none;}
#main-menu li ul li a, #main-menu li ul li ul li a {margin: 0;float: left;padding: 4% 3% 4% 6%;color: #000 !important;background: transparent !important;text-transform: inherit;font-size: 14px;font-weight: 400;width: 100%;overflow: hidden;border-top: none !important;-webkit-transition: all 100ms ease-in 0s;-moz-transition: all 0.100ms ease-in 0s;-ms-transition: all 100ms ease-in 0s;-o-transition: all 100ms ease-in 0s;transition: all 100ms ease-in 0s;}
#main-menu li ul li a span, #main-menu li ul li ul li a span{color: #0095c6 !important;background-color: transparent !important;border-radius: 0px;padding: 0;}
#main-menu li ul li a:hover {padding: 4% 3% 4% 9%;color: #848484 !important;background: #4B77A5;}
#main-menu li:hover > ul{left: 0;opacity: 1;visibility: visible;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.33);top: 100px;}
#main-menu li:last-child ul:before{display: inline-block;border-left: 10px solid transparent;border-right: 10px solid rgba(255, 255, 255, 0);border-bottom: 10px solid rgba(255, 255, 255, 0);border-bottom-color: #FFFFFF;position: absolute;top: -12px;left: 198px;}
#main-menu li:last-child ul {left: auto;right: 0;}
#main-menu li:hover > ul li:hover ul {left: 100%;}
#main-menu li:last-child ul{right: 0; left: auto;}
.selecto{color: #000 !important;}
.selecto:after{/* background: #dfd8ce; */width: 100% !important;color: #222;height: 100%;z-index: -1;}
.selecto:hover {color: #000 !important;}
.selecto span{color: #fff;}
.selectoSub {font-weight: 500 !important;padding-left: 30px !important;}
.selectoSub:before {content: '\f105';font: 400 14px 'Font Awesome 7 Pro';position: absolute;left: 17px;top: 10px;}

.header_extra > div{ margin-left: 18px; position: relative; }
.header_extra .dropdown a {font-size: 14px;background: #222d35;}
.header_extra .dropdown a img{margin-right: 10px;margin-top: 2px;}
.header_extra .dropdown li{}
.header_extra .dropdown li a{background: #fff;}
.header_extra .dropdown li a:hover{background: #f0f0f0;}

.sliderCont{width: 100%;float: left;margin-top: 100.67px;background: white;position: relative;overflow: hidden;}
.sliderCont .vdoCont{width: 110%;float: left;position: relative;display: flex;align-items: center;justify-content: center;height: 700px;overflow: hidden;margin-left: -5%;}
.sliderCont .vdoCont:before{content: '';position: absolute;background: #00000045;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.sliderCont .vdoCont .video{width: 100%;/* height: auto; *//* margin-top: -90px; *//* height: 344px; *//* height: 695px; */object-fit: cover;float: left;}
.sliderCont .vdoCont .caption{position: absolute;top: 170px;text-align: center;padding: 0 50px;color: White;z-index: 9;width: 910px;}
.sliderCont .vdoCont .caption .heading1{text-transform: uppercase;color: rgb(255 255 255);line-height: 25px;display: inline-block;position: relative;letter-spacing: 2px;font-weight: 400;font-size: 16px;font-family: "Rubik", sans-serif;margin-bottom: 10px;}
.sliderCont .vdoCont .caption .heading1:before, .sliderCont .vdoCont .caption .heading1:after{position: absolute;content: "";width: 30px;height: 3px;top: 10px;left: -45px;background: #fff;}
.sliderCont .vdoCont .caption .heading1:after{left: auto;right: -45px;}
.sliderCont .vdoCont .caption .heading2{font-family: 'Playfair Display', sans-serif;line-height: 73px;letter-spacing: 1px;font-weight: 300;font-size: 67px;text-shadow: 0px 0px 48px #000;margin-bottom: 10px;/* text-align: right; */position: relative;}
.sliderCont .vdoCont .caption .heading2 em{position: absolute; top: -33px; left: 30px; font-size: 80px; opacity: 0.5; z-index: -1;}
.sliderCont .vdoCont .caption .heading3{color: rgb(255 255 255);line-height: 41px;font-weight: 400;font-size: 19px;padding: 0 10px;text-align: center;margin-right: -50px;margin-left: -50px;}

.certificateCont{position: absolute;bottom: 20px;right: 20px;width: 600px;z-index: 1;} 

.bios { width: 100%; float: left; height: 300px; overflow: hidden; display: flex; align-items: center; position: relative; }
.bios .item{position: relative;}
.bios .item:before {content: '';position: absolute;top: 0;width: 100%;height: 100%;background: #000000a1;}

.pageTitleSection {color: #fff;position: absolute;bottom: 90px;left: 0;z-index: 1;right: 0;text-align: center;}
.pageTitleSection .pageTitleContainer{display: flex;flex-direction: column;align-items: center;}
.pageTitleSection .pageTitleContainer .pageTitle{font-family: 'Playfair Display', sans-serif;font-size: 60px;font-weight: 400;line-height: 100px;color: #fbf6f2;}
.pageTitleSection .pageTitleContainer .breadcrumbContainer {}
.pageTitleSection .pageTitleContainer .breadcrumbContainer ol.breadcrumb {padding: 0;margin: 0;}
.pageTitleSection .pageTitleContainer .breadcrumbContainer ol.breadcrumb li{}
.pageTitleSection .pageTitleContainer .breadcrumbContainer ol.breadcrumb li a{color: #ccc;text-decoration: none;transition: all ease-in-out 0.3s;}
.pageTitleSection .pageTitleContainer .breadcrumbContainer ol.breadcrumb li a:hover{color: #fff;}
.pageTitleSection .pageTitleContainer .breadcrumbContainer ol.breadcrumb li:before{color: white;}

.footer{width: 100%;float: left;text-align: center;background: #000;color: rgba(255,255,255,.75)!important;padding: 20px 0;}
.footer a{color: rgba(255,255,255,.75)!important; text-decoration: none; transition: all ease-in-out 0.5s;}
.footer a:hover{color: rgba(255,255,255,.5)!important; text-decoration: none;}

/*for top scroll */
.scroll_top{position: fixed;bottom: 35px;right: 20px;background: #000000;text-align: center;border-radius: 3px;transition: all 300ms ease-in-out;z-index: 9;width: 40px;height: 40px;animation: jump 4s infinite; transition: all ease-in-out 0.5s;}
.scroll_top i{color: #fff;padding: 3px 10px 5px;margin: 0;font-size: 24px;width: 40px;height: 40px;line-height: 34px;}
.scroll_top:hover{background: #0000006b;}
@keyframes jump {
  0% { bottom: 20px; } 50% { bottom: 40px; } 100% { bottom: 20px; }
}

@media (max-width:1366px){
    .sliderCont {overflow: hidden;}
    .sliderCont .vdoCont { width: 110%; height: 640px; overflow: hidden; margin-left: -5%; }
}