@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    
    --theme-brown : #a67449; /* wooden Brown*/
    --theme-ivory : ivory;
    
    --theme-body-font: "Ubuntu", sans-serif;
}
body{background: var(--theme-ivory) url(../../images/bg1.webp) repeat center center;font-family: var(--theme-body-font);-webkit-font-smoothing: antialiased;background-attachment: fixed;}

.header{width: 100%;float: left;position: fixed;z-index: 999;/* background: url(../../images/bg1.webp) repeat; *//* background-attachment: fixed; */}
.header .topBar {width: 100%;float: left;position: relative;padding: 0;z-index: 101;/* background: #fff; */height: 20px;}
.header .topBar svg {width: 100%;float: left;fill: var(--theme-brown);transform: rotate(180deg);}
.header .topContainer{width: 100%;float: left;margin-top: 0;position: absolute;top: 0;right: 90px;}
.siteTitle{color: var(--theme-brown);font-family: "Montserrat", sans-serif;font-size: 50px;text-shadow: 1px 1px 0px #ffffff, 2px 2px 4px #00000075;margin: 0 0 10px 0;font-weight: 700;text-transform: uppercase;font-size: 3.3em;}
.siteTitle span{/* font-weight: 300; *//* text-transform: initial; */}
.siteTitle span em{font-weight: 600;/* text-transform: initial; */font-style: normal;font-size: 30px;}

.topBar {width: 100%;float: left;/* background: rgb(255, 255, 255); */position: relative;padding: 35px 0px 15px;z-index: 101;}

.topBar ul { margin: 20px 0px 0px; padding: 0px; text-align: right; font: 400 16px Scada; }
.topBar ul li { list-style-type: none; text-align: right; color: rgb(79, 74, 74); position: relative; }
.topBar ul li span { color: rgb(0, 0, 0); padding: 0px 6px 0px 0px; position: relative; top: 3px; }

section{padding: 100px 0;width: 100%;float: left;position: relative;}

.topMenu {width: 100%;float: left;position: relative;z-index: 100;display: flex;height: 100%;align-items: flex-end;justify-content: flex-end;}
.topMenuWrap{position: relative;z-index: 9;/* display: flex; */background: #a67449;border-radius: 0 0 10px 10px;padding: 10px 20px;}
.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: right;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: #fdf9ec;font-family: var(--theme-body-font);display: block;line-height: 14px;padding: 20px 10px 20px;text-decoration: none;transition: all ease-in-out 300ms;margin: 0 0 0px 0;white-space: nowrap;font-size: 16px;position: relative;z-index: 0;}
#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: #fdffbf;}
#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;}
.selecto{color: #cefa68 !important;}
.selecto:after{/* background: #dfd8ce; */width: 100% !important;color: #222;height: 100%;z-index: -1;}
.selecto:hover {color: #fff !important;}
.selecto span{color: #fff;}
#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: 190px;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: 500;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: 54px;}
#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;}

.sbkContainer{width: 20%;float: right;position: absolute;z-index: 8;bottom: 30px;right: 90px;pointer-events: all;}
.sbk{float: right;position: relative;right: 0;bottom: 0;}
.sbk ul{display: flex;margin: 0;}
.sbk ul li{list-style-type: none;margin-left: 10px;}
.sbk ul li a{border-radius: 5px;padding: 0;display: block;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;text-decoration: none;/* border: 2px solid #e6ae84; *//* background: #fffef0; */transition: all ease-in-out 0.2s;}
.sbk ul li a:hover{background: #fff; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.sbk ul li:nth-child(odd) a{}
.sbk ul li a i{font-size: 26px;}

.twitter{background: #000 !important;color: #fff;}
.linkedin{background: #0c64c5 !important;color: #fff;}
.researchGate{background: #40ba9b !important;color: #fff;}
.academia{background: #41454a !important;color: #fff;}
.vidwan{background: #41454a !important;}
.youTube{background: #ff0033 !important;color: #fff;}
.google{background: #4186f2 !important;color: #fff;}

.footer{width: 100%;float: left;background: #212528;text-align: center;padding: 20px 0;}
.footer p{color: #77787e;margin: 0;}
.footer p a{text-decoration: none;color: #77787e; transition: all ease-in-out 0.3s;}
.footer p a:hover{color: ivory;}