@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@100;500;900&display=swap');

html { scroll-behavior: smooth; } 
body { font-family: 'Source Sans Pro', sans-serif; } 
h1,h2,h3,h4,h5,h6 { font-family: 'Source Sans Pro', sans-serif; } 
a { color: #e20200; transition: all 0.5s ease 0s; outline: none;} 
a:hover { color: #333; text-decoration: none; transition: all 0.5s ease 0s; } 
p{ font-family: 'Source Sans Pro', sans-serif;}
.line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0;}	

/* Linear icons style */
.mnurgt .mnucol .mnuflex3 li a::after{font-family: 'Linearicons-Free'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.main-wrapper, .inner-wrapper { position: relative; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.content-wrapper{ min-height: 650px;} 
.scrollToTop { width:30px; height:30px; padding:2px; text-align:center; font-weight:bold; color:#e20200; text-decoration:none; position:fixed; bottom: 38px; right:45px; display:none; font-size:20px; background-color:transparent; border: 1px solid #e20200; border-radius:50%; } 
.scrollToTop:hover { text-decoration:none; color: #e20200; border: 1px solid #e20200; background-color: transparent;} 
.scrollToTop:focus { color: #e20200; border: 1px solid #e20200;} 
.fancybox-content{ width: 80% !important; height: calc(100% - 88px) !important;}

/* Maximum width for main section */
.max-cntr { max-width: 1500px; margin: 0 auto; padding: 0 120px;} 

/* Page animation frame */
.pageld{content: ""; position: fixed; height: 100%; width: 100%; background-color: #e20200; left: 100%; top: 0; z-index: 9999; overflow: hidden; -webkit-animation: anim-page 1s cubic-bezier(0.2, 1, 0.3, 1) forwards; animation: anim-page 1s cubic-bezier(0.2, 1, 0.3, 1) forwards; box-shadow: -20px 0px 0px rgba(0,0,0,0.4);}
.pageld::after { content: ""; position: fixed; height: 100%; width: 100%; background-color: #0662b0; left: 100%; top: 0; z-index: 9999; overflow: hidden; -webkit-animation: anim-page 2s cubic-bezier(0.2, 1, 0.3, 1) forwards; animation: anim-page 2s cubic-bezier(0.2, 1, 0.3, 1) forwards; }

@-webkit-keyframes anim-page {
	0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	35%, 65% {	-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-300%, 0, 0); visibility: hidden;}
}
@keyframes anim-page {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	35%, 65% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); visibility: hidden;}
}

::-webkit-scrollbar { width:5px; height: 12px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); }

/* Sidebar Overlay */
.noscroll {overflow: hidden;}
.preview-open { overflow: hidden !important;}
.js .loading::before{ content:''; position:fixed; z-index:100000; top:0; left:0; width:100%; height:100%; background:var(--color-bg)}
.js .loading::after{content:''; position:fixed; z-index:100000; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; pointer-events:none; border-radius:50%; opacity:.4; background:var(--color-link); animation:loaderAnim .7s linear infinite alternate forwards}
@keyframes loaderAnim{to{opacity:1; transform:scale3d(.5,.5,1)}}
.ovelay-hidden{ position:absolute; overflow:hidden; width:0; height:0; pointer-events:none}
.overlay-close .icon{ display:block; width:1.5em; height:1.5em; margin:0 auto; fill:currentColor; cursor: pointer;}
.codrops-icon{ display:inline-block; margin:.15em; padding:.25em; }

.menu-overlay{ pointer-events:none; width:100%; height:100vh; position:fixed; top:0; right:0; z-index:1100; overflow:hidden; transition: all ease-in 0.4s;}
.menu-overlay-open{ pointer-events:auto; transition: all ease-in 0.4s;}
.menu-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; right:0; background-color:#fff; opacity:0; padding:0px;  text-align:left; overflow:scroll; overflow-x: hidden; z-index: 0; transition: all ease-in 0.2s; animation-name: fadeIn; scrollbar-width: thin; scrollbar-color:#d9d9d9 #fff; transition: all 500ms ease-in-out; clip-path: circle(30px at calc(100% - 65px) 65px);}
.menu-oly .overlay-item::before{ background-color:#eea947; position:absolute; content: ""; width:100%; height:40%; top:0; left:0; z-index:-1;}
::-webkit-scrollbar .menu-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; right:0; background-color:#eea947; opacity:0; padding:0px;  text-align:left; overflow:scroll; overflow-x: hidden; z-index: 0; transition: all ease-in 0.4s; animation-name: fadeIn; scrollbar-width: thin; scrollbar-color:#d9d9d9 #fff;}
.menu-oly .overlay-item[style="opacity: 1;"]{ z-index: 99; clip-path: circle(100%);}
.menu-oly .overlay-item .item-pad{ padding:0px; width: 100%; transition: all ease-in 0.4s; border-radius:10px;}

.menu-oly .overlay-close{ position: absolute; cursor:pointer; top: 40px; right: 40px; color:rgba(0, 0, 0, 0.7); border: 0; opacity: 0; z-index: 999; background-color: transparent !important; transition: all ease-in 0.5s; font-size:40px;}
.menu-oly .overlay-close:hover{ color:rgba(0, 0, 0, 0.8); transition: all ease-in 0.5s; transform: rotate(180deg);}
.menu-oly .overlay-close:focus{ outline: 0 }

/* Mobile Menu */
.mbl-menu{ width: 100%; /* height: 100vh; */ background-color: #fff;}
.mbl-menu .mbl-menu-box{ width: 100%; height: 100vh;}
.mbl-menu-box .mbl-menu-head{ padding: 30px 20px 25px 20px;     margin-bottom: 80px;}
.mbl-menu-box .mbl-menu-head span{ display: flex; align-items: center;}
.mbl-menu-box .mbl-menu-head span a img{ max-width:100px;}
.mbl-menu-box .mbl-menu-head .spinner-prt { left: 50px; }
.mbl-menu-box .mbl-menu-bdy{ display: flex; align-items: center; width: 100%; padding: 15px 20px 15px 20px; text-align: center; justify-content: center; background-color: #e20200; flex-wrap: wrap;}
.mbl-menu-box .mbl-menu-bdy .enq-link{ display: flex; align-items: center; margin: 0px 15px; width: 100%; justify-content: center; flex-wrap: wrap;}
.mbl-menu-box .mbl-menu-bdy .enq-link span {margin-right: 25px;}
.mbl-menu-box .mbl-menu-bdy .enq-link a{ font-size:18px; color: #fff; font-weight: 400;}
.mbl-menu-box .mbl-menu-bdy .enq-link a:hover{ color: #f5a04d;}
.mbl-menu-box .mbl-menu-bdy .enq-link span.lnr{ font-size: 18px; color: #f5a04d; margin: 0px 8px;}

.mbl-menu-lnk{ padding:30px 20px 25px 20px;}
.mbl-menu-lnk .menu-lnk{ width: 100%;}
.menu-lnk .tit{ width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom:15px;}
.menu-lnk .tit h2{ font-size: 18px; color: #1a1a1a; font-weight: 600; margin: 0px 20px 0px; padding-right: 0px; text-transform: uppercase;}
.menu-lnk .main-lnk{ width: 100%;}
.menu-lnk .main-lnk ul{ display: flex; padding: 0px; margin: 0; justify-content: center; flex-wrap: wrap;width: 100%; }
.menu-lnk .main-lnk ul li{ list-style: none; position: relative; padding: 5px 0px; width: 30%; text-align: center; display: flex; flex-wrap: wrap;  background: #eee; margin-right: 5px; margin-bottom: 5px; align-items: center;}
.menu-lnk .main-lnk ul li a{ font-size:20px; color: #333; position:relative; padding: 0px 10px 8px; display: inline-block; width: 100%; font-weight: 600; }
.menu-lnk .main-lnk ul li a:hover{ color: #e20200;}
.menu-lnk .main-lnk ul li:last-child a{ border: 0 none;}
.menu-lnk .main-lnk ul.msubmenu{ background-color: #eee; padding: 5px 10px; }
.menu-lnk .main-lnk ul.msubmenu li{ background-color: #fff;  list-style: none; position: relative; padding: 5px 5px; margin: 0 0 5px 0; width: 100%; text-align: center;  display: flex; flex-wrap: wrap;}
.menu-lnk .main-lnk ul.msubmenu li a{font-size:20px; color: #646464; position:relative; padding: 0px 10px 8px; display: inline-block; width: 100%; font-weight: 300; }

.menu-box{ width: 100%; margin:35px 0px 10px;}
.menu-box .tit{ width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom:25px;}
.menu-box .tit h2{ font-size: 18px; color: #1a1a1a; font-weight: 300; margin: 0px 20px 0px; padding-right: 0px; text-transform: uppercase;}
.menu-box .box-lnk{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px;}
.menu-box .box-lnk .lnk-box{ border-radius:20px; overflow: hidden; position: relative; z-index: 0;}
.menu-box .box-lnk .lnk-box a{ position: relative; z-index: 0; display:flex; align-items: center; justify-content: center; transition: all ease 0.4s; overflow: hidden;}
.menu-box .box-lnk .lnk-box a:before{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; content: ""; z-index: 0; transition: all ease 0.4s;}
.menu-box .box-lnk .lnk-box a:hover{ transition: all ease 0.4s; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);}
.menu-box .box-lnk .lnk-box a:hover::before{ transition: all ease 0.4s; background-color: rgba(0, 0, 0, 0.7);}
.menu-box .box-lnk .lnk-box a span{ display:flex; justify-content: center; min-height:280px;}
.menu-box .box-lnk .lnk-box a span img{ object-fit: cover;}
.menu-box .box-lnk .lnk-box a small{ position: absolute; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 500; text-align: center; padding: 10px 60px; line-height: 30px;}

.mbl-cpywrit{ padding:20px 20px 20px 20px; text-align: center; font-size:16px; color: #575757; display: flex; align-items: center; justify-content: center; border-top: 1px solid #cdd1d5; width: 100%; background-color: #fff;}
.mbl-cpywrit span{ display: flex; align-items: center; justify-content: center; padding-left:3px;}

/* Navbar styles */
.mnu-topbar{ width: 100%; position: relative; top: 0; z-index:999; background-color: rgba(255, 255, 255, 0.9);}
.nav-bg {position: absolute; width: 100%; z-index: 11; top: 0px; width: auto;} 
.nav-bg .navbar { padding-left: 0; padding-right: 0; padding-bottom: 25px; display: block !important; text-align: center;} 
.nav-bg .navbar .navbar-brand{margin:20px 0 40px 0;}
.nav-bg .navbar .navbar-brand .mlogo1{max-width: 100px;}
.inner-wrapper .nav-bg .navbar{background-color: transparent; text-align: left;} 
.enav-bg .navbar{ padding:15px 0px 15px; justify-content: space-between; background-size:auto;}
.navbar .nav-left{ width: 12%;}
.navbar .nav-left .navbar-brand{ position: absolute; 	background: #fff; border-radius: 50%; padding: 5px; 	top: 10px; box-shadow: 15px 8px 30px rgba(0, 0, 0, 0.36);}
.navbar .nav-left .navbar-brand img{ max-width: 130px; position: relative; z-index: 9; width: 130px;}
/* .navbar .nav-left .navbar-brand::before{ width: 452px; height: 328px; left: -110%; top: -140%; position: absolute; background-image: url(../images/logo-wht-bg.png); background-repeat: no-repeat; content: ""; z-index:1;} */
.navbar .nav-right{ width: 100%; margin-top: 40px;}
/* .enav-bg .navbar .navbar-brand img{ max-height: 51px;} */

/* Header Links */
.head-lnks{display: flex; justify-content: flex-end; align-items: center; width:250px; position: relative;}
.crtlnk{ display: flex; justify-content:center; align-items: center;}
.crtlnk .sregbox{display: flex; width: 100%; justify-content:flex-end;}
.crtlnk .sregbox .sreglnk{ color: #fff; text-align: left; line-height: 1.1;}
.crtlnk .sregbox .sreglnk > span{display:flex; align-items: center;}
.crtlnk .sregbox .sreglnk span a:nth-child(1){ color: #ec151d;}
.crtlnk .sregbox .sreglnk span a:nth-child(1):hover{ color: #333;}
.crtlnk .sregbox .sreglnk span > a{ color: #333; font-weight:400; font-size: 14px; text-transform: uppercase;}
.crtlnk .sregbox .sreglnk span > a:hover{color: #ec151d;}
.crtlnk .sregbox .sreglnk span .sep{ width:1px; background-color:rgba(0,0,0,0.5); margin:0 10px; height:15px; display:inline-block; transform:rotate(15deg);}

.crtlnk-top{ display:none; justify-content:center; align-items: center;}
.crtlnk-top .sregbox{display: flex; width: 100%; justify-content:flex-end;}
.crtlnk-top .sregbox .sreglnk{ color: #fff; text-align: left; line-height: 1.1;}
.crtlnk-top .sregbox .sreglnk > span{display:flex; align-items: center;}
.crtlnk-top .sregbox .sreglnk span a:nth-child(1){ color: #ec151d;}
.crtlnk-top .sregbox .sreglnk span a:nth-child(1):hover{ color: #333;}
.crtlnk-top .sregbox .sreglnk span > a{ color: #333; font-weight:400; font-size: 14px; text-transform: uppercase;}
.crtlnk-top .sregbox .sreglnk span > a:hover{color: #ec151d;}
.crtlnk-top .sregbox .sreglnk span .sep{ width:1px; background-color:rgba(0,0,0,0.5); margin:0 10px; height:15px; display:inline-block; transform:rotate(15deg);}

.crtlnk .crt-btn{ color: #fff; font-size: 20px; font-weight: 300; position: relative; display:flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.3); border-radius: 50px; padding:4px 6px 4px 12px; margin:0px;}
.crtlnk .crt-btn:hover{ background-color:rgba(0, 0, 0, 0.6);}
.crtlnk .crt-btn span.lnr{font-size:20px; transition: all ease 0.4s;}
.crtlnk .crt-btn small{ background-color:rgba(0, 0, 0, 0.3); color: #fff; border-radius:50px; font-size:15px; font-weight: 400; margin: 0px 0px 0px 5px; min-height:20px; min-width: 20px; text-align: center; padding: 0px 7px; transition: all ease 0.4s;}
.crtlnk .crt-btn:hover small{ background-color:rgba(0, 0, 0, 0.6); color: #fff; transition: all ease 0.4s;}

/* Navication  Style*/
.menu-btm-box .sreglnk{ color: #fff; text-align: left; line-height: 1.1; margin-left:10px;}
.menu-btm-box .sreglnk > span{ display: flex; background-color: #fff; border-radius: 50px;}
.menu-btm-box .sreglnk span > a{ color: #fff; font-weight:600; padding:10px 15px 10px 20px; border-radius: 50px; font-size: 13px; text-transform: uppercase;}
.menu-btm-box .sreglnk span > a:nth-child(1){ background-color:#eea947; color: #fff; border-radius: 50px 0px 0px 50px;}
.menu-btm-box .sreglnk span > a:nth-child(2){ background-color:#fff; color: #130b04; padding:10px 15px 10px 10px;}
.menu-btm-box .sreglnk span > a:nth-child(2):hover{ background-color:#fff; color: #eea947;}
.menu-btm-box .sreglnk span > a:hover{color: #333;}
.menu-btm-box .sreglnk span .sep{width:1px; background-color:#fff; margin:0 5px; height:10px; display:inline-block; transform:rotate(15deg);}

/* Menu Bottom */
.menu-btm{ background-color:#e2a143; z-index: 0;}
.menu-btm-box { display: flex; justify-content: flex-end; align-items: center;}
.menu-btm-box .navbar-expand-lg{ justify-content: flex-start; padding: 0; margin-right:10px;}
.menu-btm-box .navbar-expand-lg li.nav-item{ padding:0px 0px; position: relative !important; border-right: 1px dotted rgba(0, 0, 0, 0.2); border-width: 4px;}
.menu-btm-box .navbar-expand-lg li.nav-item:last-child .nav-link{ border-right: 0; margin-right: 0; }
.menu-btm-box .navbar-expand-lg li.nav-item:last-child .nav-link::before{ background-color: transparent;}
.menu-btm-box .navbar-expand-lg li.nav-item.mega-dropdown:nth-child(1) .mega-dropdown-menu{ min-width:250px; width:auto !important; left: 0; right: auto;}
.menu-btm-box .navbar-expand-lg li.nav-item.mega-dropdown:nth-child(1) .mega-dropdown-menu .megalink{ padding:20px 15px;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ padding: 5px 10px 0px; margin:0px 5px; font-size:16px; font-weight:400; color: #0a4fac; position: relative; text-transform: uppercase; font-family: 'Fira Sans', sans-serif;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.actives{ color: #fff; background: #e20200; border-radius: 25px; padding: 5px 12px;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link:hover{ color: #e20200;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.actives:hover{ color: #fff;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link span.crncy{ margin-right: 5px; font-weight:400;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after{ color: rgba(0, 0, 0, 0.5); margin: 0px 0px 0px 15px;}

.menu-btm-box .support{width: 31%; text-align: right; display: flex; align-items: center; justify-content:flex-end;}
.menu-btm-box .support ul{margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-end;}
.menu-btm-box .support ul li{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.menu-btm-box .support ul li:last-child a{ margin-right: 0; padding-right: 0; border-right: 0 none;}
.menu-btm-box .support ul li a{ color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 15px; margin-right: 15px;}
.menu-btm-box .support ul li a:hover{color: #333;}
.menu-btm-box .support ul li a span.lnr{ font-size: 14px; margin-right: 5px; padding-top: 3px;}
.menu-btm-box .support ul li.csdwn{position: relative;}
.menu-btm-box .support .csdrop{position: relative; padding-right: 10px;}
.menu-btm-box .support ul li a:hover::after{background-color: #005aab;}
.menu-btm-box .support .csdrop-menu{display: none; position: absolute; right: 0; top: 27px; background-color: #e9951e; padding:10px 10px; width: 180px; z-index: 999; box-shadow:0 6px 20px rgba(0,0,0,0.15); border-radius: 3px;}
.menu-btm-box .support .csdrop-menu a{display: block; color: #222; padding: 4px 10px !important; border-bottom: 1px dotted rgba(0,0,0,0.1); font-size: 14px; text-transform: none; text-align: left; font-weight: normal;}
.menu-btm-box .support .csdrop-menu a:hover{ color: #ed0c6e;}
.menu-btm-box .support .csdrop-menu a:last-child{border: 0 none;}

.nav-head{ width: 100%; display: flex; padding-top: 5px;}
.nav-head .navbar-nav li:first-child .nav-link{ margin-left: 0; padding-left: 0;}
.inner-wrapper .nav-bg .navbar .navbar-brand .mlogo1{max-width: 80px;}
.nav-bg .navbar-nav{display: block; margin: 0 auto;}
li.nav-item { padding: 0px; position: relative;}
li.nav-item:first-child{border: 0 none;}
li.nav-item:last-child { padding-right: 0; border-right: none !important;}
.navbar-dark .navbar-nav .nav-link { font-family: 'Source Sans Pro', sans-serif; font-size:18px; color: #222; padding:5px 15px; position: relative; letter-spacing: normal; margin: 0px 10px; font-weight:400; text-align: center; line-height: 1.1;}
.navbar-dark .navbar-nav .nav-link.actives{ color:#e2a143}
li.nav-item:first-child a.nav-link::before{ background: transparent;}
.navbar-dark .navbar-nav .nav-link.actives::before{ width: 50%; transition: all ease 0.4s; opacity: 0.5;}
.navbar-dark .navbar-nav .nav-link.dropdown-toggle::after{ color: #fff; display: none;}
.navbar-dark .navbar-nav .nav-link span.lnr{font-size:18px;}
.navbar-dark .navbar-nav .nav-link:hover { color:#333;} 
.navbar-dark .navbar-nav .nav-link:hover span img{ opacity: 0.7; transition: all ease-in 0.4s;}
.navbar-dark .navbar-nav .actives .nav-link { color:#fff; } 
#navbarNavDropdown{display: block !important;}
.navbar-dark .navbar-nav .actives > .nav-link, .navbar-dark .navbar-nav .nav-link.actives, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #e2a143;}

/* Top links and full view menu styles */
.top-links{ position: absolute; right: 0; left: 0; top: 40px; width: 100%; margin: auto; padding: 0 60px; z-index: 9;}
.top-links .topflex{ display: flex; justify-content: flex-end; position: relative; display: none;}
.top-links.sticky .topflex{ display:block;}
.top-links .topflex .dropdown-toggle::after{display: none;}
.top-links .topflex .navbar-nav {align-items: center;}
.top-links .topflex li.nav-item { padding: 0px; position: relative;}
.top-links .topflex li.nav-item:first-child{border: 0 none;}
.top-links .topflex li.nav-item:last-child { padding-right: 0; }
.top-links .topflex li.nav-item:last-child:after{ background-color: transparent;}
.top-links .topflex .navbar-nav .nav-link { font-size:16px; color: #fff; padding:20px 7px; position: relative; letter-spacing: normal; margin: 0px 8px; text-transform: uppercase; font-family: 'Fira Sans', sans-serif;}
.top-links .topflex .navbar-nav .nav-link.actives{ color: #fff; background: #e20200; border-radius: 25px;padding: 5px 12px;} 
.top-links .topflex .navbar-nav .nav-link span.lnr{ font-size:20px;}
.top-links .topflex .navbar-nav .nav-link:hover { color:#fff;} 
.top-links .topflex .navbar-nav .nav-link:hover span.lnr{color:#fff; }
.top-links .topflex .navbar-nav .actives .nav-link { color:#fff; }
.lang-box{ position: absolute; right: 0; top: 0px; width: 430px; height: 40px; color: #fff; border-radius: 0px 0px 22px 22px; content: ''; background: #e20200; display: flex; justify-content: center; align-items: center;}
.lang-box1 { left: 30%; }

/* Sticky Menu Right Button  */
.grid-nav{ display: flex; justify-content: flex-end;}
.grid-nav-top{ display:none;}
.xbutton{ display: flex; font-size: 24px; color: #fff; width: 48px; height: 48px; border-radius: 50%; justify-content: center; align-items: center; border: 1px solid rgb(85, 85, 85); position: relative; transition: all 0.5s ease 0s;}
.xbutton:hover{ color: #e2a143; transition: all 0.5s ease 0s;}
.xbutton span:hover{ color: #e2a143; width: auto; transition: all 0.5s ease 0s;}
.mnln1{ content: ""; width:15px; height:1px; background-color:#363636; position: relative; transition: all 0.5s ease 0s;}
.mnln1::before{content: ""; width:20px; height:1px; background-color:#363636; position: absolute; right:0; left:-3px; margin: 0 auto; top:-8px; transition: all 0.5s ease 0s;}
.mnln1::after{content: ""; width:23px; height:1px; background-color:#363636; position: absolute; left:-4px; bottom:-7px; transition: all 0.5s ease 0s;}
.xbutton:hover .mnln1::before{ background-color: #fff; width:23px; transition: all 0.5s ease 0s; right: 0; left: 0;}
.xbutton:hover .mnln1::after{ background-color: #fff; width: 23px; transition: all 0.5s ease 0s; left: 0; right: 0;}
.xbutton:hover .mnln1{ background-color: #fff; width:23px; transition: all 0.5s ease 0s;}
.umenu-drp{ margin-right: 25px; position: relative;}
.usrmenu{display: flex; font-size: 20px; color: #fff; background-color: rgba(255,255,255,0.4); width: 46px; height: 46px; border-radius: 50%; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s ease 0s;}
.umenu-drp:hover .usrmenu{background-color: rgba(255,0,0,0.7); color: #fff;}
.umenu-drp .udrop-menu{display: none; position: absolute; right: 0; top: 46px; background-color: rgba(255,255,255,0.9); padding: 10px 0; width: 190px; border-radius: 8px; z-index: 999; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.umenu-drp .udrop-menu a{display: block; color: #222; padding: 4px 10px; border-bottom: 1px dotted rgba(0,0,0,0.1); font-size: 14px;}
.umenu-drp .udrop-menu a:hover{color: #e20200; background-color: #fff;}
.umenu-drp .udrop-menu a:last-child{border: 0 none;}

.sticky .mnln1{ background-color: #fff;}
.sticky .mnln1::before{ background-color: #fff;}
.sticky .mnln1::after{ background-color: #fff;}

.sticky .xbutton:hover .mnln1{ background-color: #b37f35;}
.sticky .xbutton:hover .mnln1::before{ background-color: #b37f35;}
.sticky .xbutton:hover .mnln1::after{ background-color: #b37f35;}
.sticky .usr-box .usr-drop-menu{ top: 52px;}


/* Language box */
.lang-box .mega-dropdown-menu{width: 125px; max-width: 175px; top: 39px; left: 53px;}
.lang-box .ml-auto, .mx-auto{margin-left: 0 !important; display: flex; justify-content: center; width: 100%;}
.lang-box .nav-link{ color: #fff !important;}
.lang-box .nav-link i{ font-size: 16px; padding: 0px 0px 0px 25px;}
.lang-box .menu{ background-color: rgba(10, 93, 172, 0.95) ;}
.lang-box .menu > li > a{border-bottom: 1px dotted rgba(255, 255, 255, 0.6);}

/* Top Bar */
.top-bar { position: absolute; z-index: 10; width: 100%; font-size: 14px; color: #ffffff; bottom:-68px;} 
.top-bar .top-bar-lnk{ text-align:right; position: relative; display:flex; align-items: center; justify-content:flex-end; padding:15px 15px;}
.top-bar .top-bar-lnk small{ margin: 0px 20px;}
.top-bar .top-bar-lnk small:last-child{ margin-right: 0;}
.top-bar .top-bar-lnk span.lnr{ color: rgba(0, 0, 0, 0.3); font-size: 18px; padding-right:10px;}
.top-bar .top-bar-lnk .tp-phone{ color: #0f7eb5; font-size:24px; font-weight: 300; display: flex; align-items: center;}
.top-bar .top-bar-lnk .tp-phone a{ color: #0f7eb5;}
.top-bar .top-bar-lnk .tp-phone a:hover{ color: #e20200;}
.top-bar .top-bar-lnk .tp-email{ color: #0f7eb5; font-size:24px; }
.top-bar .top-bar-lnk .tp-email a{ color: #0f7eb5; font-weight: 300; display: flex; align-items: center;}
.top-bar .top-bar-lnk .tp-email a:hover{ color: #e20200;}

/* Top links sticky menu styles */
.top-links.sticky{position: fixed; background-color: #242424; top: 0; padding:0px 30px; z-index:999; box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.20); -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration:0.4s; animation-duration:0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay :0.4s; border-bottom:1px solid rgba(255,255,255,0.05);}
.top-links.sticky .mega-dropdown-menu{ top: 50px;}
.top-links.sticky .topflex{max-width:1290px; margin: auto;}
.top-links.sticky .topflex .navbar{ padding: 0px 0px;}
.top-links.sticky .topflex .navbar .stky-left{ width:20%; }
.top-links.sticky .topflex .navbar img{ max-height:50px;}
.top-links.sticky .stklogo{display: unset;}
.top-links.sticky .topflex .navbar .stky-right{ width:100%; display: flex; align-items: center; justify-content: flex-end;}
.progress-container { width: 100%; height:1px; background: #58585a; display: none; position: absolute; left: 0; bottom: 0;}
.top-links.sticky .progress-container{ display: block;}
.top-links.sticky .progress-bar { height:1px; background:linear-gradient(90deg, rgb(88, 88, 90), rgb(255, 255, 255)) !important; border-radius: 0px 50px 50px 0px; width: 0%;}
.top-links.sticky .usrmenu{background-color: #ccc; color: #fff;}
.top-links.sticky .umenu-drp:hover .usrmenu{background-color: #aaa;}
.top-links.sticky .topmail{color: #e20200;}
.top-links.sticky .topmail:hover{color: #222;}
.top-links.sticky .topphone{color: #888;}
.top-links.sticky .topphone::after{background-color: #999;}
.top-links .stklogo{display: none; position: absolute; left: 60px; top: 0;}
.top-links .stklogo img{max-width: 60px;}
.inner-wrapper .top-links .stklogo{left: 20px;}

.stky-right .sreglnk{ color: #fff; text-align: left; line-height: 1.1; margin-left:5px;}
.stky-right .sreglnk > span{ display: flex; background-color: #fff; border-radius: 50px; overflow: hidden;}
.stky-right .sreglnk span > a{ color: #fff; font-weight:600; padding:8px 10px 8px 15px; font-size: 12px; text-transform: uppercase;}
.stky-right .sreglnk span > a:nth-child(1){ background-color:#e2a143; color: #fff; }
.stky-right .sreglnk span > a:nth-child(2){ background-color:#fff; color: #130b04; padding:8px 10px 8px 10px;}
.stky-right .sreglnk span > a:nth-child(2):hover{ background-color:#fff; color: #eea947;}
.stky-right .sreglnk span > a:hover{ color: #130b04; background-color: #e2a143;}
.stky-right .sreglnk span .sep{width:1px; background-color:#fff; margin:0 5px; height:10px; display:inline-block; transform:rotate(15deg);}

.crt-box{ margin-left:10px;}
.crt-box a.crt-btn{ position: relative; display: flex; align-items: center; justify-content: center;}
.crt-box a.crt-btn:nth-child(1){ margin-right: 1px;}
.crt-box a.crt-btn:hover span.lnr{ color:#e2a143;}
.crt-box a.crt-btn span.lnr{ font-size:28px; transition: all ease 0.4s; position: relative; color: #fff;}
.crt-box a.crt-btn small{ background-color:rgb(226, 161, 67); color: #fff; border-radius: 50px; font-size:9px; font-weight: 400; margin: 0px 0px 0px 0px; min-height: 18px; min-width:18px; text-align: center; padding: 0px 4px; transition: all ease 0.4s; position: absolute; top:-5px; right:-5px; display: flex; align-items: center; justify-content: center; z-index: 1;}

.cart-box{ display: none;}
.cart-box a.crt-btn{ position: relative; display: flex; align-items: center; justify-content: center;}
.cart-box a.crt-btn:nth-child(1){ margin-right: 1px;}
.cart-box a.crt-btn:hover span.lnr{ color:#e2a143;}
.cart-box a.crt-btn span.lnr{ font-size:26px; transition: all ease 0.4s; position: relative; color: #fff;}
.cart-box a.crt-btn small{ background-color:#333; color: #fff; border-radius: 50px; font-size:9px; font-weight: 400; margin: 0px 0px 0px 0px; min-height: 18px; min-width:18px; text-align: center; padding: 0px 4px; transition: all ease 0.4s; position: absolute; top:-5px; right:-5px; display: flex; align-items: center; justify-content: center; z-index: 1;}

/* MegaMenu  */
/* .mega-dropdown { position: static !important; } */
.mega-dropdown-menu { padding:15px 5px 10px; width:320px; top: 40px; max-width:1366px; box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.07); margin: 0 auto; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); border-radius: 0 0 3px 3px; border: 0 none; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } 
.mega-dropdown-menu > li ul { padding: 0; margin: 0; } 
.mega-dropdown-menu > li ul > li { list-style: none; } 
.mega-dropdown-menu > li ul > li > a { display:flex; align-items: center; color:#0662b0; padding:6px 5px 4px 10px; position:relative; font-size:17px; font-weight: 400;} 
.mega-dropdown-menu > li ul > li > a::after { position: absolute; content: ""; height:1px; width:2px; left:1px; transition: all 0.5s ease 0s; z-index: -1; background-color: #0662b0; opacity: 0;} 
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #e20200; background-color: #f1f5f9;} 
.mega-dropdown-menu > li ul > li > a:hover::after { height:60%; background-color:#0662b0; z-index:0; transition:all 0.5s ease 0s; opacity:1;} 
.megalink:last-child { border-right: 0 none; } 
.megalink li { border-top:1px solid rgba(6, 98, 176,0.05); } 
.megalink li:first-child { border-top: 0 none; } 
.drpcol { padding-left: 30px; padding-right: 30px;} 

.menu-container { width:100%; margin: 0 auto; padding: 20px 0;}
.menu { width: 100%; font-weight: 400; font-size: 15px; position: relative; padding: 10px 0; margin: 0; background-color: #e2a143; border-radius: 0px 0px 15px 15px;}
.menu a, .menu a:link, .menu a:visited, .menu a:focus { color: #fff; text-decoration: none; }
.menu a:hover { color: #e20200; text-decoration: none;}
.menu > li { display: block; text-align: left; margin-left: 0; padding: 0 18px;}
.menu > li > a { padding:5px 0; display: block; border-bottom: 1px dotted rgba(0, 0, 0, 0.3); position: relative; display: flex; align-items: center; justify-content: space-between;}
.menu > li > a i{ color: rgba(255,255,255,0.6); font-size:12px;}
.menu > li:last-child > a { border-bottom: 0 none;}
.menu > li > a span{ transition: all 0.5s ease 0s;}
.menu > li:hover > a span{ color: #222; font-weight: 500;}
.menu > li:hover > a::after{ color: #e20200; text-shadow: 0 0 3px rgba(50, 106, 232, 0.3);}

/* Megadrop width dropdown */
.menu > li > .megadrop { opacity: 0; visibility: hidden; position: absolute; list-style: none; top: 0px; left: 100%; width:100%; min-height: 100%; text-align: left; padding:20px 25px 15px; z-index: 99; overflow-x: hidden; display: grid; box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.08); min-width: 250px; }
.menu > li:hover .megadrop { opacity: 1; visibility: visible; margin-top: 0px; background-color: #f5f5f5;}
.menu ul li:hover:after { color: #e20200; }
.menu .vmcol { color:white;}
.menu .vmcol ul { padding: 0; margin: 0; }
.menu .vmcol ul li { padding: 0; list-style: none; }
.menu .vmcol h3 { font-size: 15px; padding: 0; font-weight: bold; margin: 0 0 5px; color: #444; }
.menu .vmcol ul li a { display: inline-block; padding: 2px 0 2px 0; color: #333; font-size: 15px; position: relative;}
.menu .vmcol ul li a:hover { color: #111;}
.menu .vmcol ul li a::after{content: ""; position: absolute; bottom: 7px; right: 0px; width: 6px; height: 8px; background-color: #e20200; -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%); clip-path: polygon(0 0, 0 100%, 100% 50%); visibility: hidden; opacity: 0; transition: all 0.5s ease 0s;}
.menu .vmcol ul li a:hover::after{opacity: 1; visibility: visible; right: -12px;}
.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > ul, .menu > li { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-outs; }

/* Carousel Banner  */
.banner-bg{ position: relative; z-index: 0; }
/* .banner-bg::before{ width: 100%; height: 100%; left: -10%; top: 0; position: absolute; background-image: url(../images/logo-wht-bg.png); background-repeat: no-repeat; content: ""; z-index:1;} */

.carousel-control-next, .carousel-control-prev{ padding-top:80px; align-items: flex-end; bottom: 50%;}

.banner-img{ width:31%; position: relative; z-index: 0; display: flex; align-items: center; justify-content: center;}
.banner-img span{ display:flex; align-items: center; justify-content:center;}
.banner-img span img{ max-height:680px !important;}
.banner-img::after{ width:620px; height:620px; position: absolute; background: url(../images/banner-circle.png); content: ""; z-index:-1; background-size: contain;}

/* Home Welcome */
.hom-wel-sctn { width: 100%; position: relative; }
/* .hom-wel-sctn::before { position: absolute; width: 36.7%; height: 55%; background-color: #e20200; bottom: 0; left: 0px; content: ""; z-index: -1; } */
.hom-wel-box{ width: 100%; display: flex; padding: 50px 0px 50px; flex-wrap: wrap;}
.hom-wel-box .hom-wel-tit{ width: 100%; margin-bottom: 30px;}
.hom-wel-box .hom-wel-tit h1{ font-size: 62px; color: #333; font-weight: 700; margin-bottom: 0;}
.hom-wel-box .hom-wel-tit h5{ font-size: 30px; color: #e20200; font-weight: 200; position: relative; padding-left: 60px; margin-bottom: 0;}
.hom-wel-box .hom-wel-tit h5::before{ position: absolute; content: ''; width: 3%; height: 1px; background-color: #e20200; top: 20px; left: 0;}
/* .hom-wel-box .hom-wel-lft{ width: 40%;}
.hom-wel-box .hom-wel-lft .hom-wel-box-vdo{ width: 100%;}
.hom-wel-box .hom-wel-lft .hom-wel-box-vdo span{ display: flex; position: relative; max-width: 570px;} */

.hom-wel-box .hom-wel-rht{ width: 100%; margin-left: 0px;}
.hom-wel-box .hom-wel-rht h3{ font-size: 48px; font-weight: 200; color: #010101; line-height: 30px; margin-bottom: 40px;}
.hom-wel-box .hom-wel-rht p{ font-size: 18px; font-weight: 300; line-height: 1.3; color: #333333;}
.hom-wel-box .hom-wel-rht b { font-size: 30px;  font-weight: 800; color: #e20200; }

.wel-btn-p{ margin-bottom: 30px;}

/* Inner banner */
.tok-bdy{ width: 100%; position: relative; z-index: 0; margin-bottom:0px; position: relative;}
.tok-bdy-banner{ width: 100%; position: relative; z-index: 0; overflow: hidden;}

.tok-bdy-part .bnr-item{ transition: transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height: 382px; position:relative; z-index:1;}
.tok-bdy-part .bnr-item .bnr-img{ position: relative; width: 100%; z-index: 0; height: 100%; background-color: #d4d4d4;}
/* .tok-bdy-part .bnr-item .bnr-img:before{ position:absolute; content:""; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.85); top: 0; left: 0; z-index: 1;} */

.tok-bdy-part .bnr-item .bnr-img img{ width:100%; margin: 0 auto; background-size: cover; height: 100%; object-fit: cover;}
.tok-bdy-bnr { position: absolute; padding:0px 30px; bottom:15px; z-index:2; left: 0; right: 0; margin: auto; margin-top: auto; width: 100%; max-width:1500px;} 
.tok-bdy-bnr .tok-bdy-bnrtxt{ width:100%; position: relative; padding-left:0px; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay : 0.5s;} 
.tok-bdy-bnr h1{ color:rgb(255, 255, 255); font-size: 25px; font-weight:800; margin-bottom:15px; line-height:1.1; padding-bottom:0px; text-transform: uppercase; text-align:right; margin: 0; font-family: 'Orbitron', sans-serif;}
.tok-bdy-bnr h2{ color:#333; font-size:54px; font-weight:100; margin-bottom:0px; line-height:35px; padding-left: 5px;}

/* ----- Inner Page Styles ----- */
.inr-banner{ width: 100%; position: relative;}
.inr-page{ width: 100%;}
.inr-page .breadcrumb-top{ background-color: #dbdbdb;}
.inr-page .breadcrumb-top .hd-tools-bar .breadcrumb li{ color: #555;}
.inr-page .breadcrumb-top .hd-tools-bar .breadcrumb li a{ color: #0a5dac; transition: 0.4s;}
.inr-page .breadcrumb-top .hd-tools-bar .breadcrumb li a:hover{ color: #e20200; transition: 0.4s;}

/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(232, 147, 67, 0.3), 0 0 0 8px rgba(232, 147, 67, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(232, 147, 67, 0.3), 0 0 0 0px rgba(232, 147, 67, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(232, 147, 67, 0.3), 0 0 0 0px rgba(232, 147, 67, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(232, 147, 67, 0), 0 0 0 27px rgba(232, 147, 67, 0); transform: scale(1); } 
 }

/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0), 0 0 0 27px rgba(255, 255, 255, 0); transform: scale(1); } 
 }

/* Menu Top */
.menu-top{ background-color: #e2a143; padding:0px 0px; min-height: 45px;}
.menu-top-box{ display: flex; justify-content: space-between; align-items: center;}

/* Hover Dropdown */
.usr-lnks{display: flex; justify-content:flex-start; align-items: center; width:100%; position: relative;}
/* .usr-lnks .usr-box:first-child span{ margin-right:30px;} */

/* Breadcrump */
.mc-box{ position: relative;}
.hd-tools-bar { padding: 10px 0px;}
.hd-tools-bar .breadcrumb { background: #fff; padding: 0; margin: 0; display: flex; align-items: center; background-color: transparent;}
.hd-tools-bar .breadcrumb li { color: #666; padding: 0px 3px; font-size: 14px; font-weight: 300;}
.hd-tools-bar .breadcrumb li i{ font-size: 12px; padding-right: 5px; color: #aaa;}
.hd-tools-bar .breadcrumb li a{ text-decoration: none; color: #666; font-size: 14px;}
.hd-tools-bar .breadcrumb li a:hover{ color: #e20200;}
.hd-tools-bar .breadcrumb li:first-child {padding-left: 0px;}
.hd-tools-bar .breadcrumb .fa-chevron-right{font-size: 11px; color: #ccc; padding-right:5px;}

.wcnt-sctn .wcnt-box { background: #ddd;position: relative; z-index: -1; }
.wcnt-sctn .wcnt-box span { display: flex; padding: 10px 20px; align-items: center; }
.wcnt-sctn .wcnt-box span b { background: #e20200; padding: 5px 10px; width: 25%; color: #fff; clip-path: polygon(0 1%, 77% 0, 100% 100%, 0% 100%);}
.wcnt-sctn .wcnt-box span marquee { margin-left: 10px; }


.welimg-sctn{ background:#e20200 url(../images/project-bg.png) center no-repeat; position: relative; z-index: 0; display: flex; align-items: center; background-size: cover;}
.welimg-bg { display: flex; justify-content: center; padding: 80px 0;}
.welimg-sctn .welimg-bg span { display: block; position: relative;	width: 75%; background-color: #fff; border: 1px solid #e5e5e5;padding: 20px; position: relative;z-index: 0; transition: all ease-in 0.5s;  }
.welimg-sctn .welimg-bg span::before { position: absolute; content: ""; width: 0%; height: 100%; left: 0; right: 0; margin: 0 auto; top: 0px; background-color: #111; z-index: -9; transition: all ease-in 0.6s; }
.welimg-sctn .welimg-bg span:hover::before { transition: all ease-in 0.6s; width: 100%; }



/* Home Established Companies*/
.glry-cmpnys{ background-color: #eee; padding: 50px 0px 50px;}
.glry-cmpnys-box{ width: 100%;}
.glry-cmpnys-lst{ padding: 0px 75px;}
.glry-cmpnys-lst .owl-carousel{ z-index: 0;}
.glry-cmpnys .cmpnys-box { margin: 0; display: flex; justify-content: center;border-radius: 25px;   transition: all ease-in 0.3s; background-color:#fff; } 
.glry-cmpnys .cmpnys-box a {  padding:10px;  height: 200px; width:100%; }
.glry-cmpnys .cmpnys-box a img{ height: 100%;object-fit: cover;  border-radius: 25px;  margin: 0 auto; -webkit-filter:grayscale(0); filter: grayscale(0); transition:all ease-in 0.3s; transition: all ease-in 0.3s;}
/* .glry-cmpnys .cmpnys-box:hover img{ transition: all ease-in 0.3s; -webkit-filter: grayscale(1); filter: grayscale(1);} */

.glry-cmpnys-lst .owl-carousel .owl-nav.disabled{ display:flex; justify-content:space-between; position:absolute; width:100%; top: 75px; z-index:-1;}
.glry-cmpnys-lst .owl-carousel .owl-nav button{ outline: 0;}
.glry-cmpnys-lst .owl-carousel .owl-nav button span.lnr{ font-size: 48px; color: rgba(0, 0, 0, 0.2); transition: all ease 0.4s;}
.glry-cmpnys-lst .owl-carousel .owl-nav button span.lnr:hover{ color: #005aab; transition: all ease 0.4s;}
.glry-cmpnys-lst .owl-carousel .owl-nav button.owl-prev{ position: relative; left: -70px;}
.glry-cmpnys-lst .owl-carousel .owl-nav button.owl-next{ position: relative; right: -70px;}

/* Footer Section */
.footer-wrapper { background: #242424 url(../images/footer-bg.png) right top no-repeat; clear: both; background-size: cover; position: relative;} 
.footr-main{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 50px 0px 50px; flex-wrap: wrap;}
.ft-logo{ display:flex; justify-content:center; width: 100%; align-items: center;}
.ft-logo img{ max-height: 50px;}
.footr-main p{ width:100%; text-align:center; font-size:18px; font-weight:400; margin: 10px 0px; color: rgba(255, 255, 255, 0.6);}
.cont-info{ width:100%; display: flex; justify-content: center; margin-top: 0px; padding:20px 0px; color: #fff; border-radius: 50px; flex-wrap: wrap;}
.cont-info span{ font-size:24px; padding: 0px 35px 0px 0px; color: #e20200; font-weight:300; align-items: center; display: flex;}
.cont-info span i{ font-size: 16px; margin-right: 5px; color: #fff; background: #d81820; width: 40px; height: 40px; border-radius: 25px;  display: flex; align-items: center; justify-content: center;}
.cont-info span a{ display: flex; align-items: center; color: #fff; font-weight:300; font-size: 15px;}
.cont-info span a:hover{ color: #fff; transition: all ease 0.4s; text-decoration: none;}
.cont-info span a b {  color: #fff; font-weight: 600; margin-left: 5px;font-size: 20px;} 
.cont-info small { display: flex; align-items: center; font-size: 15px; margin-right: 15px; }
.footr-main .cnt-mail { width: 20%; display: flex; justify-content: center; }
.footr-link{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 0px 0px  5px;}
.footr-link ul{ width: 100%; display: flex; padding: 0; justify-content: center; margin-bottom: 0;}
.footr-link ul li{list-style: none; margin: 0; padding: 0px 23px; position: relative;}
.footr-link ul li::before { position: absolute; width: 10px; height: 10px; content: ""; left: 0px; background-color: #b9b9b9; top: 10px; border-radius: 50px; }
.footr-link ul li a{ color: #fcaf17; font-size:20px; font-weight:700; text-transform: uppercase; }
.footr-link ul li a:hover{ color: #fff;}

.ft-copyright{ width:100%; display:flex; justify-content: center; align-items:center; padding-top:20px; border-top:1px dashed rgba(255,255,255,0.2); margin-top: 20px;}
.ft-copyright span{ font-weight: 200; color: #fff; text-transform: capitalize;}


/* Footer Social */
.social-icons{display: flex; }
.social-icons a:first-child i{ margin-left: 0;}
.social-icons i{ width:41px; height:41px; font-size:20px; border-radius: 50%; margin: 0 4px; transition: all ease-in 0.4s; /* box-shadow: 0px 7px 7px rgba(0,0,0,0.06); */}
.social-icons i.fa-facebook-f{background-color:#fff; color:#4b69b1; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-twitter{background-color:#fff; color:#37b1e2; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-linkedin-in{background-color:#fff; color:#0678b6; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-whatsapp{background-color:#fff; color:#2fa73e; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-youtube{background-color:#fff; color:#ed1c24; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-instagram{background-color:#fff; color:#abb1b9; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}
.social-icons i.fa-envelope{background-color:#fff; color:#ed1c24; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.7);}

/* .soccnt-slct i{ width:41px; height:41px; font-size:20px; border-radius: 50%; margin: 0 4px; transition: all ease-in 0.4s; box-shadow: 0px 7px 7px rgba(0,0,0,0.06);} */

.soccnt-slct i.fa-phone-volume{background-color:#fff; color:#333; display: flex; justify-content: center; align-items: center; margin-left: 4px !important; }

.social-icons a:nth-child(1) i:hover{ color: #abb1b9; transition: all ease-in 0.4s; background-color: #fff; box-shadow: none;}
.social-icons a:nth-child(2) i:hover{ color: #abb1b9; transition: all ease-in 0.4s; background-color: #fff; box-shadow: none;}
.social-icons a:nth-child(3) i:hover{ color: #abb1b9; transition: all ease-in 0.4s; background-color: #fff; box-shadow: none;}
.social-icons a:nth-child(4) i:hover{ color: #abb1b9; transition: all ease-in 0.4s; background-color: #fff; box-shadow: none;}
.social-icons a:nth-child(5) i:hover{ color: #abb1b9; transition: all ease-in 0.4s; background-color: #fff; box-shadow: none;}

/*  */
.donarsh-prt { padding: 50px 0; }
.donarsh-prt h2 { font-size: 30px; font-weight: 900; color: #0a5dac; text-transform: uppercase; width: 100%; text-align: center; }
.donarsh-cnt { position: relative;  display: flex; width: 100%; justify-content: center; flex-wrap: wrap; }
.donarsh-schbox { position: absolute; top: 20px; background-color: #ededed; padding: 20px; width: 90%; transition: 0.4s; border-radius: 0px; margin: 5px 0px 15px; }
.donarsh-schbox  .cnt-frm { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; width: 100%;}
.donarsh-schbox  .cnt-frm .form-group{ width: 100%; position: relative; margin-bottom: 0px; }
.donarsh-tble { background: #fff; padding: 100px 40px 40px 40px; box-shadow: 9px 8px 30px rgba(0, 0, 0, 0.22); margin-top: 80px; width: 100%;}
/*  */
.donarsh-tble1 { margin-top: 50px !important;padding: 40px 40px 40px 40px !important; }

/*  */
.allocate-prt h2 {font-size: 35px;}
.allocate-prt .donarsh-tble .cnt-frm { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; width: 100%;}
.allocate-prt .donarsh-tble .cnt-frm .form-group{ width: 100%; position: relative; margin-bottom: 0px; }
.allocate-prt .donarsh-tble .contact-frmlnk { justify-content: center;}

/*  */
.membership-prt h2 {font-size: 30px;}
.mnsp-titcnt { display: flex; align-items: flex-end; }
.mnsp-titcnt .form-group { width: 35.3%;}
.mnsp-titcnt p { padding: 0 0 0 25px; font-weight: 700;}
.membership-prt .donarsh-tble { margin-top: 50px ;padding: 40px 40px 40px 40px !important; }
.membership-prt .donarsh-tble .cnt-frm { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%;}
.membership-prt .donarsh-tble .cnt-frm .form-group{ width: 100%; position: relative; margin-bottom: 0px; }
.membership-prt .donarsh-tble .contact-frmlnk { justify-content: center;}
.captcha-prt {width: 33%; margin-top: 20px; background: #eee;	padding: 10px; }



/* ----- கொடை ----- */
.inr-arch-sctn { width: 100%; position: relative; background-color: #fff;}
.inr-arch-box{ width: 100%; display: flex; padding: 60px 0px 40px; flex-wrap: wrap; position: relative; z-index: 9;}
.inr-arch-box h1{ font-size: 30px; font-weight: 900; color: #0a5dac; text-transform: uppercase; width: 100%; text-align: center;}

.kodai-prt { width: 100%; display: flex; flex-wrap: wrap; padding: 50px 0; }
.kodai-prt .kodai-cnt-box:nth-child(2n) { flex-direction: row-reverse; }
.kodai-prt .kodai-cnt-box:nth-child(2n) .image-block { right: 0;left: auto; }
.kodai-prt .kodai-cnt-box:nth-child(2n) .image-block .bg { right: 0;left: auto; }
.kodai-cnt-box{ display: flex; justify-content:flex-end; align-items: center; position: relative; width: 100%;}
.kodai-cnt-box .image-block{ position: absolute; height: 100%; left:0; top: 0; width:50%; background-size: cover; background-position: center top; z-index: 0;}
.kodai-cntbox-rht{ width:50%; background-color: #fff; padding:100px 70px 100px 40px; z-index:1; min-height:600px; display: flex; align-items: center;  flex-wrap: wrap;}
.kodai-cntbox-rht .kodai-cntbox-rhtbox{ width: 100%;}
.kodai-cntbox-rht .kodai-cntbox-rhtbox ul li {position: relative; list-style: none;}
.kodai-cntbox-rht .kodai-cntbox-rhtbox ul li::before {position: absolute; content: '\e840';font-family: 'Linearicons-Free'; left: -23px; top: 3px; color: #e20200;}
.kodai-box-tit{ width: 100%; position: relative; border-left: 6px solid #ed1846; padding-left:25px; padding-top: 10px;}
.kodai-cntbox-rhtbox h1{ color: #005aab; font-size:40px; font-weight: 800; margin-bottom:25px; line-height:40px; letter-spacing: -0.50px; position: relative; padding-bottom:0px; width: 100%;}
.kodai-cntbox-rhtbox h2{ color: #444; font-size:30px; font-weight: 100; margin-bottom:25px; line-height: 35px; letter-spacing: -0.50px; position: relative; padding-bottom:0px; width: 100%;}
.kodai-cntbox-rhtbox p{ color:#333; font-size:18px; font-weight:200; line-height:26px; margin:10px 0px 20px;}
.kodai-cntbox-rhtbox p:last-child{ margin-bottom: 5px;}

.clip{ clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; z-index: -1;}
.bg{ left: 0px; top: 0px; width:50%; height: 100%; overflow: hidden;  background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; position: fixed; background-attachment: scroll; }

.kodai-cont-prt { display: flex; justify-content: center; align-items: center; position: relative; width: 100%;padding: 10px; margin-top: 50px;  }
.kodai-cont-prt span {  margin-right: 50px; background: #ddd ; padding: 5px 15px;font-size: 20px; }
.kodai-cont-prt span:last-child {margin-right: 0;}
.kodai-cont-prt b {padding-left: 15px;}
/* contact Us Form */
.cnt-tit-prt { padding: 50px 0 75px 0; display: flex; flex-wrap: wrap; justify-content: center;  }
.cnt-tit-prt h1 { font-size: 30px; font-weight: 900; color: #0a5dac; 	text-transform: uppercase; width: 100%; text-align: center; }
.cnt-tit-prt p{text-align: center;}

.contact-sctn{ width: 100%; padding:0px 0px 50px; position: relative; z-index: 0;}
.contact-sctn .cnt-dtls{ width: 100%; display: flex;  flex-wrap: wrap;}
.cnt-dts-main{display: flex; justify-content: space-between;}
.cnt-dtls .cnt-dtls-box{ width:48%; background-color: #e20200; display: flex;  flex-wrap: wrap;}
.cnt-dtls .cnt-dtlsl{ background-color: #e20200; padding: 7px 40px; width:100%; min-height: 406px;}

.cnt-dtls .cnt-dtlsl h2{ color:rgba(255, 255, 255,1); font-size: 25px; font-weight:900; letter-spacing: -0.50px; margin:30px 0px; width: 100%; text-align: center;}
.cnt-dtls .cnt-dtlsl .cnt-add{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.cnt-dtls .cnt-dtlsl .cnt-add p{ margin: 0; color:rgba(255, 255, 255,0.9); font-size: 18px; line-height: 24px; font-weight: 200; letter-spacing: -0.10px;}

.cnt-dtls .cnt-dtlsl .cnt-lnk{ padding:5px 0px; margin:25px 0px 20px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk p{ color:rgba(255, 255, 255,0.8); font-size:19px; margin-bottom:5px; line-height: 24px; font-weight: 200; letter-spacing: -0.20px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-phn{ display:block; color:rgba(255, 255, 255,1); font-size:24px; font-weight:700; letter-spacing: -0.20px; margin-bottom:8px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail{ display:block; margin:3px 0px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail small{ font-size:19px; color:rgba(255, 255, 255,0.5); font-weight: 100;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail a{ color: rgba(255, 255, 255,1); font-weight: 500;}

.cnt-dtls .cnt-dtlsr{ width: 100%; margin-top: 50px;}
.cnt-dtlsr .contact-frm{ width: 100%; padding: 50px; background-color: #ececec; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.cnt-dtlsr .contact-frm form { width: 50%;}
.cnt-dtlsr .contact-frm h2{ color: #e20200; font-size:35px; font-weight:200; margin-bottom:40px; line-height: 1; letter-spacing: -0.90px; text-align: center;}
.cnt-dtlsr .contact-frm .cnt-frm{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.cnt-dtlsr .contact-frm .form-group{ width: 100%; position: relative; margin-bottom:30px;}
/* .cnt-dtlsr .contact-frm .form-group .form-control{ border-radius:0px; position:relative; border: 1px solid #fff;  font-weight: 200; color: #333; background-color: #ddd; padding:10px 15px 10px 15px; min-height:50px;} */
.cnt-dtlsr .contact-frm .form-group .form-control::placeholder{ color: #888;}
.cnt-dtlsr .contact-frm .form-group span.lnr{ position: absolute; left:15px; z-index: 1; top:14px; font-size: 16px; color:#333;}
.cnt-dtlsr .contact-frm .form-group textarea{ border-radius:0px !important;}
.cnt-dtlsr .contact-frm .form-group .custom-select{ border-radius:0px; padding: 0px; font-size:16px; background-color:transparent; position:relative; border:1px solid #fff; padding-left:35px; background-color:#ddd; font-weight: 200; min-height:50px;}
.cnt-dtlsr .contact-frm .form-group span.lnr{ top: 14px;}
.cnt-dtlsr .contact-frm .form-group .custom-select span.lnr{ top: 14px;}
.cnt-dtlsr .contact-frm .form-group .custom-select::placeholder{ color: #999;}
.contact-enq-rht {width: 44%;}
.contact-enq-rht span { width: 100%; height: auto; display: flex; justify-content: center; } 
.contact-enq-rht span img { object-fit: contain; width: 100%; 	height: 100%; max-height: 470px; padding: 0; margin: 0 auto; }

.contact-frmlnk{ display: flex; align-items: center; margin-top:25px; margin-bottom: 10px; justify-content: center; }
.contact-frmlnk button.btn-contact{ background-color: #e20200; border: 1px solid #e20200; display: flex; justify-content: center; align-items: center;border-radius:0px;color:#fff;font-size:16px; font-weight:200; text-transform:uppercase; padding:8px 30px; transition:all ease-in 0.4s; margin-right:20px;}
.contact-frmlnk button.btn-contact:hover{  background-color:transparent; border: 1px solid #e20200; color: #e20200;}
.contact-frmlnk button.btn-contact-cnl{ background-color: #777; border: 1px solid #777; display: flex; justify-content: center; align-items: center;border-radius:0px;color:#fff;font-size:16px;font-weight:200;text-transform:uppercase;padding:8px 30px; transition:all ease-in 0.4s;}
.contact-frmlnk button.btn-contact-cnl:hover{ border:1px solid #666; color:#555; background-color:transparent; transition:all ease-in 0.4s;}
.cnt-dtlsr .contact-frm .cnt-frm:nth-child(3) .form-group{ width: 100%;}
.cnt-dtlsr .contact-frm .cnt-frm:nth-child(4) .form-group{ width: 100%;}
.cnt-add-logo{width: 150px; display: flex; height: 150px; margin-top: -80px;}
.cnt-add-logo img{object-fit: contain; width: 100%; height: 100%;}
.chat-screen .chat-mail small {line-height: 15px;}

.cont-map{ width:100%; margin-bottom:0px;}
.cont-map .contact-map{ width: 100%; position: relative; background-color: #fff;}
.cont-map .contact-map-bg{ width: 100%; position: relative;}
.cont-map .contact-map-bg iframe{ width: 100%; border: 0; min-height:350px; display: block;}
.cnt-add-new{width: 100%; display: flex; align-items: center; margin-bottom: 30px;}
.cnt-add-new i{font-size: 28px; margin-right: 30px; color: #fff;}
.cnt-pho-new{width: 100%; display: flex; align-items: center; width: 100%; justify-content: space-between;}
.cnt-pho-new i{font-size: 28px; margin-right: 30px; color: #fff;}
.cnt-pho-new .bx{width: 48%; display: flex; align-items: center;}
.cnt-pho-new .bx p{margin-bottom: 0 !important; font-weight: 400 !important;}
.cnt-pho-new .bx:last-child{justify-content: flex-end;}
.cnt-pho-new .bx:first-child{justify-content: flex-start;}
.social-icons{justify-content: center;}

/*  */

.user-pfleprt .modal-dialog{ position: relative;}
.user-pfleprt .modal-dialog button.close{ position:absolute; right:-10px; top:-10px; opacity: 1; transition: all ease 0.5s; outline:0;}
.user-pfleprt .modal-dialog button.close span.lnr{ color: #fff; font-size:19px; width:33px; height:33px; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; background-color: #484848; padding:7px; border-radius:50px; outline:0; box-shadow: none;}
.user-pfleprt .modal-dialog button.close:hover span.lnr{ transform: rotate(180deg); transition: all ease 0.5s; background-color: #222;}
.user-pfleprt .modal-content{ border: 0 none; border-radius: 20px; padding:7px;}
.user-pfleprt .modal-dialog { max-width: 800px;}
.user-pfleprt .frm-title h4 { font-weight: 900; color: #0a5dac; text-transform: uppercase; width: 100%; text-align: center; font-size: 25px; }
.user-pfleprt .box-cnt {position: relative;}
.user-pfleprt .box-cnt span{ position: absolute; top: 0; left: 0; right: 0; display: flex; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom:20px; border:10px solid #fff; background-color: #fff;}
.user-pfleprt .box-cnt span img{ margin: 0 auto;}
.user-pfleprt .box-rht{ background-color: #eee; border: 1px solid #ededed; width: 100%; padding:80px 20px 20px 20px; border-radius: 20px; display: flex; align-items: center; flex-wrap: wrap; margin: 70px auto 0 auto;}
.user-pfleprt .box-dtls{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 5px;}
.user-pfleprt .box-dtls .usr-lst{width: 100%; background: #e20200; padding: 3px 10px;	text-align: center; border-radius: 10px;}
.user-pfleprt .box-dtls .usr-lst span{ text-align: left; color: #fff; font-weight:300; text-transform: uppercase; font-size: 14px; letter-spacing: 0.2px;}
.user-pfleprt .box-dtls .usr-lst p{ font-weight: 800; color: #fff; line-height: 22px; margin:0px 0px; font-size: 16px;}
.user-pfleprt .box-dtls .usr-lst p a{ color: #333;}
.user-pfleprt .box-dtls .usr-lst p a:hover{ color: #e20200;}

.sred { color: #ee1c25; margin: 0 4px; }

/* Subscribe box */
.chat-screen { position: fixed; bottom: 80px; right: 20px; z-index: 9999; width: 500px; background: #fff; box-sizing: border-box; border-radius: 25px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1); visibility: hidden; transition: all 0.5s ease;}
.chat-screen.show-chat { -moz-transition: bottom 0.5s linear; -webkit-transition: bottom 0.5s linear; transition: bottom 0.5s linear;
visibility: visible; bottom: 100px;}
.chat-screen .chat-header {	background: #242424; border-radius: 25px 25px 0 0; padding: 15px; display: flex; justify-content: space-between; align-items: center;}
.chat-screen .chat-header span {display: block; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 0;}
.chat-screen .chat-header .overlay-close1 {background: #fff; border: 0; border-radius: 25px;	padding: 7px 8px;}
.chat-screen .chat-header .overlay-close1 .lnr-cross {color: #717171 !important;}
.chat-screen .chat-header .chat-header-option { display: inline-block; width: 44px; color: #fff; font-size: 14px; text-align: right; }
.chat-screen .chat-header .chat-header-option .dropdown .dropdown-toggle svg { color: #fff;}
.chat-screen .chat-mail { padding: 30px; display: block; }
.chat-screen .chat-mail p {font-size: 14px; line-height: 1.2;}

.chat-screen .chat-inpt { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;	width: 100%; }

.chat-screen .chat-mail .form-group {	margin-bottom: 10px; }
.chat-screen .chat-body {	padding: 25px; display: inline-block; min-height: 382px; max-height: 382px;	background: #fbfbfb; }

.chat-bot-icon { position: fixed; bottom: 100px; right: 25px; height: 80px; width: 80px; background-color: rgb(216, 24, 32);	z-index: 999; border-radius: 50px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);	text-align: center; line-height: 50px;cursor: pointer; transition: all 0.5s ease; border: 1px solid rgba(255, 255, 255,0.2);}
.chat-bot-icon span { color: #fff;	-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: transform 0.5s linear;
position: absolute; left: 0; right: 0;	top: 19px; z-index: -1; font-size: 40px; margin: 0 auto; animation: beat .25s infinite alternate;}
.chat-bot-icon span.animate {-moz-transform: rotate(360deg);	-webkit-transform: rotate(360deg); transform: rotate(360deg);	opacity: 1;	z-index: 1;}
.chat-bot-icon:hover::after { animation: ripple 1.2s ease-out infinite; animation-delay: 1s; }
@keyframes ripple { 0%, 35% { transform: scale(0); opacity: 1; } 50% { transform: scale(1); opacity: 0.8; } 100% { opacity: 0; transform: scale(2); }}
.btn-slct {position: relative;}
.sign-slct { position: fixed; width: 150px; right: 115px;bottom: 130px; z-index: 99;}
.sign-slct small { background: #fff; padding: 10px 20px; border-radius: 25px; line-height: 25px; transform-origin: center; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); font-size: 16px; text-transform: capitalize;}
.sign-slct small::after {content: ''; position: absolute; top: 2px; clip-path: polygon(100% 49%, 0 0, 0 100%); background-color: #fff; right: -3px; width: 23px; height: 23px;}
.sign-slct:hover .sign-close {visibility: visible;}
.sign-slct .sign-close { background: #333; border: 0; border-radius: 25px; padding: 7px 8px; position: absolute; left: -8px; top: -5px;
	right: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; visibility: hidden;}
.sign-slct .sign-close i {color: #fff; font-size: 7px; }

.hover-sign {display: block !important;}

@keyframes beat{
	to { transform: scale(1.2); }
}


/* Subscribe box */
.join-prt .join-screen { position: fixed; bottom: 80px; left: 20px; z-index: 9999; width: 800px; background: #fff; box-sizing: border-box; border-radius: 25px; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1); visibility: hidden; transition: all 0.5s ease;}
.join-prt .join-screen.show-join { -moz-transition: bottom 0.5s linear; -webkit-transition: bottom 0.5s linear; transition: bottom 0.5s linear;
visibility: visible; bottom: 100px;}
.join-prt .join-screen .join-header {	background: #242424; border-radius: 25px 25px 0 0; padding: 15px; display: flex; justify-content: space-between; align-items: center;}
.join-prt .join-screen .join-header span {display: block; text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 0;}
.join-prt .join-screen .join-header .join-overlay-close1 {background: #fff; border: 0; border-radius: 25px;	padding: 7px 8px;}
.join-prt .join-screen .join-header .join-overlay-close1 .lnr-cross {color: #717171 !important;}
.join-prt .join-screen .join-header .join-header-option { display: inline-block; width: 44px; color: #fff; font-size: 14px; text-align: right; }
.join-prt .join-screen .join-header .join-header-option .dropdown .dropdown-toggle svg { color: #fff;}
.join-prt .join-screen .join-mail { padding: 30px; display: block; }
.join-prt .join-screen .join-mail p {font-size: 14px; line-height: 1.2;}

.join-prt .join-screen .join-inpt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;	width: 100%; }

.join-prt .join-screen .join-mail .form-group {	margin-bottom: 10px; }
.join-prt .join-screen .join-body {	padding: 25px; display: inline-block; min-height: 382px; max-height: 382px;	background: #fbfbfb; }

.join-prt .join-chat-bot-icon { position: fixed; bottom: 100px; left: 25px; height: 80px; width: 80px; background-color: rgb(5, 119, 32);	z-index: 999; border-radius: 50px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);	text-align: center; line-height: 50px;cursor: pointer; transition: all 0.5s ease; border: 1px solid rgba(255, 255, 255,0.2);}
.join-prt .join-chat-bot-icon span { color: #fff;	-moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: transform 0.5s linear;
position: absolute; left: 0; right: 0;	top: 19px; z-index: -1; font-size: 40px; margin: 0 auto; animation: beat .25s infinite alternate;}
.join-prt .join-chat-bot-icon span.animate {-moz-transform: rotate(360deg);	-webkit-transform: rotate(360deg); transform: rotate(360deg);	opacity: 1;	z-index: 1;}
.join-prt .join-chat-bot-icon:hover::after { animation: ripple 1.2s ease-out infinite; animation-delay: 1s; }
@keyframes ripple { 0%, 35% { transform: scale(0); opacity: 1; } 50% { transform: scale(1); opacity: 0.8; } 100% { opacity: 0; transform: scale(2); }}
.join-prt .join-btn-slct {position: relative;}
.join-prt .join-sign-slct { position: fixed; width: 90px; left: 125px;bottom: 130px; z-index: 99;}
.join-prt .join-sign-slct small { background: #fff; padding: 10px 20px; border-radius: 25px; line-height: 25px; transform-origin: center; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); font-size: 16px; text-transform: capitalize;}
.join-prt .join-sign-slct small::after {content: ''; position: absolute; top: 2px; clip-path: polygon(100% 49%, 0 0, 0 100%); background-color: #fff; left: -13px; width: 23px; height: 23px; rotate: 180deg;}
.join-prt .join-sign-slct:hover .join-sign-close {visibility: visible;}
.join-prt .join-sign-slct .join-sign-close { background: #333; border: 0; border-radius: 25px; padding: 7px 8px; position: absolute;  top: -5px; right: -7px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; visibility: hidden;}
.join-prt .join-sign-slct .join-sign-close i {color: #fff; font-size: 7px; }

.join-prt .hover-sign {display: block !important;}

@keyframes beat{
	to { transform: scale(1.2); }
}

/*  */

/*  */
.spinner-prt {position: absolute;top: 20px; right: 230px; margin-top: 0; margin-left: 0px; max-height: 130px; max-width: 130px; width: 50%;  }
.spinner-prt img { width: 100%; border: 4px solid #fff; border-radius: 50%; object-fit: cover;}
.spinner-cnt { -webkit-perspective: 3000; 	-moz-perspective: 3000; -ms-perspective: 3000; perspective: 3000; }
.spinner-front, .spinner-back { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
	transform-style: preserve-3d; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards;	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards; animation-fill-mode: forwards;
  }
.spinner-front { -webkit-animation-name: cardFlipFront; -moz-animation-name: cardFlipFront; -ms-animation-name: cardFlipFront; animation-name: cardFlipFront;  }
.spinner-back { -webkit-animation-name: cardFlipBack; -moz-animation-name: cardFlipBack; -ms-animation-name: cardFlipBack; animation-name: cardFlipBack; }
 @keyframes cardFlipFront {
	0% {
	  -moz-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	22.5% {
	  -moz-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	27.5% {
	  -moz-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	  transform: rotateY(180deg);
	}
	72.5% {
	  -moz-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	  transform: rotateY(180deg);
	}
	77.5% {
	  -moz-transform: rotateY(0deg);
	  -o-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	100% {
	  -moz-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
  }
  /* This one animates the front card in webkit */
  @-webkit-keyframes cardFlipFront {
	0% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	22.5% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	27.5% {
	  -webkit-transform: rotateY(180deg);
	  transform: rotateY(180deg);
	}
	72.5% {
	  -webkit-transform: rotateY(180deg);
	  transform: rotateY(180deg);
	}
	77.5% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	100% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
  }
  /* This one animates the back card */
  @keyframes cardFlipBack {
	0% {
	  -moz-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	22.5% {
	  -moz-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	27.5% {
	  -moz-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	72.5% {
	  -moz-transform: rotateY(0deg);
	  -ms-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	77.5% {
	  -moz-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	100% {
	  -moz-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
  }
  /* This one animates the back card in webkit */
  @-webkit-keyframes cardFlipBack {
	0% {
	  -webkit-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	22.5% {
	  -webkit-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	27.5% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	72.5% {
	  -webkit-transform: rotateY(0deg);
	  transform: rotateY(0deg);
	}
	77.5% {
	  -webkit-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
	100% {
	  -webkit-transform: rotateY(-180deg);
	  transform: rotateY(-180deg);
	}
  }
  .spinner-front, .spinner-back { -webkit-backface-visibility: hidden; 	-moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;	position: absolute; top: 0; left: 0; }
  .spinner-front { z-index: 2; }
  .spinner-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }


  .soc-hours { position: absolute; top: 50px; right: 100px; margin-top: 0; margin-left: 0px; font-size: 30px; font-weight: 900; color: #fff; animation: beat .25s infinite alternate;}
  
  
  .soc-prt { position: absolute; bottom: 50px; right: 100px; margin-top: 0; margin-left: 0px; width: 50px; }
  .soc-prt .social-icons {flex-wrap: wrap; align-items: center;}
  .soc-prt .social-icons a {width: 100%; margin-bottom: 5px; color: #333;  font-size: 18px;}
  .soc-prt .social-icons a b { font-size: 18px; color: #333; }
  .soc-prt .social-icons a.dropdown-toggle::after { content: none;}
  .soc-prt .dropdown-menu {  left: -40px !important; top: -20px !important;  background-color: transparent; box-shadow: none !important; border: none; }
.soc-prt .dropdown-menu .cont-info-box { background-color: #fff; height: 180px; padding: 4px 10px;  border-radius: 50%; width: 180px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; align-content: center;
    text-align: center; border: 2px solid #2e2e2e; box-shadow: 0 5px 30px #00000052;}
	.soc-prt .dropdown-menu .cont-info-box a:hover b { color: #e20200;}

	.mb-menuhme {display: none; }
	.mb-menuhme a { color: #fff; background: #e20200; border-radius: 25px; padding: 5px 12px;  }
	.mb-menuhme a i { font-size: 18px; }


	.navbar-nav {align-items: center;}
/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
	.tok-bdy-part .bnr-item { height: 280px; }
}

@media (max-width: 1250px) { 
	.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link {     padding: 5px 5px 0px;      font-size: 14px;}
	.lang-box1 { left: 0; } 
	.spinner-prt {     max-height: 90px; max-width: 90px;     right: 220px;}
	.social-icons i { width: 31px; height: 31px; font-size: 14px;  }
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
	.navbar-dark .navbar-nav .nav-link{ margin:0px 8px; font-size: 14px; padding: 5px 8px;}
	.lang-box .nav-link{ font-size: 16px !important;}
	.navbar-dark .navbar-nav .nav-link span img{ max-width: 48px;}
	.navbar .nav-left a img{ max-height: 100%;}
	.top-cartlnk{ margin: 0px 10px 0px 20px;}
	.mega-dropdown-menu{ top: 38px;}
	.mbl-menu-top{ display: none;}
	.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ margin: 0px 5px; font-size: 13px;}
	.menu-btm-box .sreglnk span > a{ font-size: 12px; padding: 10px 10px 10px 15px;}
	.menu-btm-box .sreglnk span > a:nth-child(2){ padding: 10px 15px 10px 7px;}	.top-links.sticky .topflex .navbar img{ max-height: 75px;}
	.top-links .topflex .navbar-nav .nav-link{ padding: 20px 5px; font-size: 16px; margin: 0px 5px;}
	.navbar .nav-right{width: 100%;}
	.lang-box1 { left: 18%;}
	.lang-box  { font-size: 12px;}
	.wcnt-sctn .wcnt-box span b { width: 30%; }
	.hom-wel-box .hom-wel-tit h5 { font-size: 25px; }
	.hom-wel-box .hom-wel-tit h1 { font-size: 40px; }
	.hom-wel-box .hom-wel-lft {width: 40%;}
	.hom-wel-box .hom-wel-rht { width: 100%; margin-left: 0; }
	.hom-wel-box .hom-wel-rht p { font-size: 14px; }
	.hom-wel-box .hom-wel-rht b {font-size: 30px;}
	
	.spinner-prt {  right: 190px;  max-height: 80px; max-width: 80px; }
	.soc-hours {font-size: 20px;}
	.social-icons i { width: 30px; height: 30px; font-size: 12px; }

	
	.footr-link ul li a {font-size: 16px;}
	.cont-info span a {font-size: 16px;}
	
	.inr-arch-box { padding: 40px 0px 40px;}
	.inr-arch-box h1 { font-size: 25px; }
	.kodai-cntbox-rht { padding: 30px 30px 30px 30px; }
	.kodai-cntbox-rhtbox h2 {font-size: 20px;}

	.donarsh-prt h2 {font-size: 25px;}
	.donarsh-tble1 { margin-top: 30px !important; }
	
	.cnt-tit-prt h1 { margin-top: 0px !important;}
	.cnt-tit-prt { padding: 30px 0 30px 0; }
	.cnt-tit-prt h1 { margin-top: 10px !important; font-size: 30px;}
	.cnt-tit-prt p { font-size: 14px; text-align: center;}
	.cnt-dtls .cnt-dtlsl h2 {font-size: 16px;}
	.cnt-dtls .cnt-dtlsl .cnt-add p {font-size: 14px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-phn {font-size: 16px;}
	.max-cntr{padding: 0 50px;}
	.navbar .nav-left .navbar-brand{width:110px; height: 110px; display: flex;}
	.navbar .nav-left .navbar-brand img{object-fit:contain; max-width: 100%; width: 100%;}
	.spinner-prt { top: 20px; }

	.cnt-dts-main {margin-top: 50px;}
	
	
}


/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {

	.navbar-dark .navbar-nav .nav-link{ margin: 0px 6px; padding: 5px 6px; font-size: 13px;}
	.navbar-dark .navbar-nav .nav-link span img{ max-height:45px;}
	.menu-sctn .drpcol{ padding: 20px;}
	.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ font-size:12px; margin: 0px 3px;}
	.navbar-dark .navbar-nav .nav-link span.lnr{ font-size:16px;}
	.arch-vdo-rht .arch-box-vdo span audio{ bottom: -30px;}
	
	.lang-box1 { left: 15%; font-size: 12px;}
	.wcnt-sctn .wcnt-box span b { width: 30%; }
	.kodai-cntbox-rhtbox h2 { line-height: 25px; }
	.mega-dropdown-menu > li ul > li > a { font-size: 12px;}
	.table td, .table th {font-size: 14px;}

	.top-links .topflex .navbar-nav .nav-link {font-size: 14px;}

	.menu-btm-box .navbar-expand-lg { margin-right: 0px;}
	

	.tok-bdy-part .bnr-item {height: 180px; }
	 
	.menu-lnk .main-lnk ul li a { width: 100%; }
	.menu-lnk .main-lnk ul li a { font-size: 16px; }
	
	.soc-hours { right: 65px; top: 10px;} 
	.soc-prt { right: 60px;  bottom: 30px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
	.fancybox-content{ width:90% !important;}
	.enav-bg .navbar{ padding:5px 0px 5px;}
	.nav-head{ display: none;}
	.top-crt-lnk{ display: flex; width: 38%; margin: 0px 5px;}
	.grid-nav-top{ display: flex; margin-left: 15px;}
	.menu-btm{ display: none;}
	.menu-btm-box .sreglnk span > a{ padding: 10px 15px 10px 20px;}
	.menu-btm-box .sreglnk span > a:nth-child(2){ padding: 10px 20px 10px 15px;}
	.lang-box .collapse:not(.show) { display: unset; }
	.crtlnk-top{ display: flex; margin-right:10px;}
	.arch-vdo-rht .arch-box-vdo span audio { width: 65%; }
	.top-links.sticky{ padding: 12px 30px;}
	.stky-right .sreglnk span > a{ padding: 8px 20px 8px 20px; font-size:12px;}
	.stky-right .sreglnk span > a:nth-child(2){ padding: 8px 20px 8px 15px;}
	.top-links.sticky .topflex .navbar img{ max-height: 40px;}
	
	.tok-bdy-part .bnr-item {height: 190px; }
	.tok-bdy-bnr h1 { font-size: 20px; }
	.lang-box1 { width: 270px;}
	.lang-box { width: 320px;}
	.cnt-dtls .cnt-dtlsl .cnt-add {flex-wrap: wrap;}
	.wcnt-sctn .wcnt-box span b {width: 50%;}

	.hom-wel-box { padding: 30px 0px 30px;}
	.hom-wel-box { justify-content: center; }
	.hom-wel-box .hom-wel-tit h5 { text-align: center;}
	.hom-wel-box .hom-wel-tit h1 { text-align: center;}
	.hom-wel-box .hom-wel-tit h5::before { left: 40%; }
	.hom-wel-box .hom-wel-lft {width: 50%;}
	.hom-wel-box .hom-wel-rht { width: 100%;margin-left: 0px; margin-top: 30px; text-align: justify; } 

	.cont-info {flex-wrap: wrap; justify-content: center;}
	.donarsh-schbox .cnt-frm { grid-template-columns: repeat(2, 1fr);}
	.donarsh-tble { margin-top: 230px; }
	.allocate-prt .donarsh-tble { margin-top: 60px; }
	.allocate-prt .donarsh-tble .cnt-frm {grid-template-columns: repeat(3, 1fr);}
	
	.user-pfleprt .modal-dialog { max-width: 650px; }
	.user-pfleprt .frm-title h4 {font-size: 20px;}

	.mbl-menu-box .mbl-menu-bdy .enq-link span i { color: #fff; margin-right: 5px;}
	.sign-slct small{padding: 5px 10px; font-size: 14px;}
	.sign-slct{right: 70px; bottom: 120px; }
	.sign-slct small::after{right: 25px;}


	.chat-bot-icon { height: 60px; width: 60px; }
	.chat-bot-icon span {font-size: 25px;}
	
	.join-chat-bot-icon { height: 60px !important; width: 60px !important; }
	.join-chat-bot-icon span {font-size: 25px !important;}
	.join-prt .join-sign-slct { left: 105px;}

	.join-sign-slct small{padding: 5px 10px !important; font-size: 14px !important;}
	.join-sign-slct{right: 70px; bottom: 120px !important; }
	
	
	.spinner-prt {margin-left: 0px; top: 0px;}

	.mbl-menu-box .mbl-menu-head { padding: 20px;}
	.mbl-menu-box .mbl-menu-head span a img { max-width: 60px; }

	.navbar .nav-left .navbar-brand { width: 90px; height: 90px; }
	.cnt-dtlsr .contact-frm form {width: 100%;}
	.contact-enq-rht {width: 100%;}

	.spinner-prt { top: 20px; right: 120px; max-height: 60px; max-width: 60px; }
	.spinner-prt img { border: 2px solid #fff; }
	.soc-prt { right: 60px; bottom: 10px; }
	.soc-hours { font-size: 13px; right: 75px; }

	.menu-lnk .main-lnk ul.msubmenu li a {font-size: 14px;}
	.mbl-menu-box .mbl-menu-bdy .enq-link a {font-size: 16px;}
	
	.xbutton { width: 38px; height: 38px; }

	.mb-menuhme {display: block;}
	.menu-btm-box { justify-content: space-between; }
	.top-links.sticky .topflex .navbar .stky-right   { justify-content: space-between; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
	
	.xbutton{ width: 38px; height: 38px;}
	.top-crt-lnk{ width:39%;}
	.donarsh-prt h2 { font-size: 20px; }
	.membership-prt .donarsh-tble .cnt-frm { grid-template-columns: repeat(2, 1fr); }
	
	.kodai-prt { padding: 10px 0; }
	.kodai-cntbox-rht .kodai-cntbox-rhtbox ul li {font-size: 14px;}
	.spinner-prt {margin-left: -10px;}
	
	.cnt-dts-main {flex-wrap: wrap;}
	.cnt-dtls .cnt-dtls-box {width: 100%;}
	.cnt-dtls .cnt-dtls-box:last-child {margin-top: 90px;}
	.mnsp-titcnt { flex-wrap: wrap;}
	.mnsp-titcnt p { padding: 0 0 0 0px; }

	.join-prt .join-screen {width: 600px; }
}

@media (max-width: 767px) {
	
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
	.max-cntr{ padding: 0px 15px;}
	.top-links.sticky{ padding:7px 15px;}
	.top-links.sticky .topflex .navbar img{ max-height:30px;}
	.top-cartlnk{ width: 100%; display: flex; justify-content: flex-end; padding-right: 10px; display: none;}
	.top-crt-lnk{ width:100%; display: flex; justify-content: flex-end;}	
	.navbar .nav-left{ width:40%;}
	.navbar .nav-left .navbar-brand{ margin-right: 0;top: 46px; left: 25px;  width: 50px; height: 50px;}
	
	.navbar .nav-left a img{ max-height: 65px;}
	.enav-bg .navbar{ padding:10px 0px 10px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom:0px;}
	.arch-vdo-rht .arch-box-vdo span audio {bottom: -30px;}
	/* .top-links.sticky .topflex .navbar .stky-left{ width:35%;}
	.top-links.sticky .topflex .navbar .stky-right{ width:65%;} */

	.mbl-menu-box .mbl-menu-head span a img { max-width: 50px; }
	.mbl-menu-box .mbl-menu-head { padding: 10px 10px; margin-bottom: 40px;} 
	.menu-lnk .main-lnk ul li {width: 100%;}
	.menu-oly .overlay-close { top: 10px; right: 20px; font-size: 25px;}
	.mbl-menu-box .mbl-menu-head .spinner-prt { left: 30px; max-height: 60px; max-width: 60px;	} 

	.mbl-cpywrit { font-size: 12px;}
	.welimg-sctn .welimg-bg span {padding: 10px;}
	.wcnt-sctn .wcnt-box span marquee {font-size: 12px;}	
	
	
	.hom-wel-box .hom-wel-tit h5 { padding-left: 0px; }
	.hom-wel-box .hom-wel-tit h5::before { left: 26%; }
	.welimg-bg { padding: 30px 0; }
	
	.lang-box {width: 155px;  font-size: 11px; text-align: center; line-height: 12px; }
	.lang-box1{ left: 0; }
	.wcnt-sctn .wcnt-box span {flex-wrap: wrap;}
	.wcnt-sctn .wcnt-box span b {width: 100%; }
	.hom-wel-box .hom-wel-tit h1 { font-size: 25px; }
	.hom-wel-box .hom-wel-rht b { font-size: 20px; }
	
	.cont-info {border-radius: 0; width: 100%; padding: 20px 20px}
	.cont-info span a {flex-wrap: wrap;}

	.footr-main {padding: 30px 0px 30px;}
	.ft-copyright span {text-align: center; font-size: 12px;}

	.membership-prt .donarsh-tble .cnt-frm { grid-template-columns: repeat(1, 1fr); }
	.captcha-prt {width: 100%;}
	
	.cnt-tit-prt h1{font-size: 20px; }
	.cnt-dtls .cnt-dtlsl {width: 100%;}
	.cont-map { width: 100%; }
	.cnt-dtlsr .contact-frm .form-group {width: 100%;}
	.allocate-prt .donarsh-tble .cnt-frm { grid-template-columns: repeat(1, 1fr); }
	.donarsh-schbox {position: relative; width: 100%;}
	.allocate-prt .donarsh-tble { margin-top: 0px; padding: 40px 40px 40px 40px;}
	.donarsh-schbox .cnt-frm { grid-template-columns: repeat(1, 1fr); }
	.donarsh-tble { margin-top: 0px !important; padding: 40px 40px 40px 40px;}

	.clip { position: relative; top: auto; height: auto; }
	.bg{ width:100%; background-size:cover; position: relative; height:200px;}
	.kodai-cnt-box { flex-wrap: wrap; padding: 20px 0px 20px; }
	.kodai-cntbox-rht {  width: 100%; padding: 20px 20px 20px 20px; border-bottom: 1px solid #eee; align-items: flex-start; min-height: auto;}
	.kodai-cnt-box .image-block{ position: relative; width: 100%; top: auto; height: auto; display: flex; justify-content: center;}
	.kodai-cntbox-rhtbox h2 {font-size: 18px; list-style: 18px; }
	.cont-info span a { font-size: 14px; }

	.inr-arch-box { padding: 40px 0px 0px; }
	.tok-bdy-bnr h1 { font-size: 12px;	}
	.hd-tools-bar .breadcrumb li {font-size: 12px;}
	.user-pfleprt .box-dtls { grid-template-columns: repeat(1,1fr);}
	.tok-bdy-part .bnr-item { height: 100px; }
	.donarsh-prt { padding: 20px 0; } 

	.chat-screen { width: 320px; }
	.chat-screen.show-chat {bottom: 10px;}
	.chat-screen .chat-mail {padding: 20px;}
	.chat-screen .chat-inpt { grid-template-columns: repeat(1, 1fr);  }
	.chat-screen .chat-mail .form-group {margin-bottom: 2px;}
	.chat-screen .chat-mail .form-group label { font-size: 12px;}
	.chat-screen .contact-frmlnk button.btn-contact {font-size: 14px;}
	.chat-screen .chat-mail small {font-size: 12px;}


	.join-prt .join-chat-bot-icon { bottom: 250px; }
	.join-prt .join-sign-slct { bottom: 270px !important; }

	.join-prt .join-screen { width: 320px; }
	.join-prt .join-screen.show-chat {bottom: 10px;}
	.join-prt .join-screen .join-mail {padding: 20px;}
	.join-prt .join-screen .join-inpt { grid-template-columns: repeat(1, 1fr); height: 300px; overflow-y: scroll; }
	.join-prt .join-screen .join-mail .form-group {margin-bottom: 2px;}
	.join-prt .join-screen .join-mail .form-group label { font-size: 12px;}
	.join-prt .join-screen .contact-frmlnk button.btn-contact {font-size: 14px;}
	.join-prt .join-screen .join-mail small {font-size: 12px;}
	.join-prt .join-screen.show-join {	bottom: 50px; }
	
	.cnt-add-logo { width: 110px; height: 110px; }
	.cnt-pho-new i {font-size: 12px; margin-right: 10px;}
	.cnt-dtlsr .contact-frm {padding: 20px; }
	.cnt-dtlsr .contact-frm h2 {font-size: 18px; font-weight: 500; margin-bottom: 20px;}
	.cnt-dtlsr .contact-frm .form-group { margin-bottom: 5px; }

	.donarsh-prt h2 { font-size: 16px;	}
	.cont-info span {padding: 0;}
	.cont-info span i  { width: 30px; height: 30px; }


	.spinner-prt { top: 0px; right: 10px; max-height: 55px;max-width: 55px; }
	.soc-hours { font-size: 7px; right: 17px;top: 60px; }
	.soc-prt { position: relative; right: 0; bottom: 0; width: 100%; background: #eee;     padding: 7px 5px;}
	.soc-prt .dropdown-menu {left: 20px !important; border-radius: 10px;  z-index: 999 !important;}
	.soc-prt .social-icons a {width: auto; display: flex; }
	.content-wrapper {margin-top: 20px;}

	.kodai-cont-prt {flex-wrap: wrap;}
	.kodai-cont-prt span {width: 100%; margin-right: 0; margin-bottom: 10px; font-size: 14px;}
	
	

}

@media (max-width: 375px) {
	
	
}

/* Alert */
.alert { position: fixed; top:65px; right:0px; z-index: 9999; width:400px; height: auto; }
.alert-success { color:#fff; background-color:rgba(16, 170, 5, 0.85); border-color:#0ca101; font-weight:300; padding:3px 15px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center; }
.alert-success button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; transition: all 0.4s; }

.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding:3px 15px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content:space-between; align-items:center;}
.alert-danger button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; transition: all 0.4s; }

.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #e20200; font-weight:400; transition: all 0.4s; }
.error { color: #ec2029 !important; font-size: 13px !important; }