@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap');

html { scroll-behavior:smooth;} 
body { font-family:'Sarabun', sans-serif; overflow-x:hidden;} 
h1,h2,h3,h4,h5,h6 { font-family:'Sarabun', sans-serif; } 
a { color:#da251c; transition:all 0.5s ease 0s; outline:none; text-decoration:none;} 
a:hover { color:#333; text-decoration:none; transition:all 0.5s ease 0s; } 
p{ font-family:'Sarabun', sans-serif;}
ion-icon{ pointer-events:none;}

/* Main wrapper */
.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; overflow:hidden;}
.content-wrapper{ min-height:600px;} 
.fancybox-slide > *{ background-color:transparent;}
.fancybox-content{ width:80% !important; height:calc(100% - 88px) !important; background:transparent;}
.fancybox-container--ready .fancybox-bg{ opacity:1 !important;}
.fancybox-bg{ background:rgba(0, 0, 0, 0.8) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.fancybox-iframe{ background:transparent;}
.modal{ background:rgba(0, 0, 0, 0.4) !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}

/* Alert */
.alert { /* position:fixed; top:190px; */ right:0px; z-index:9999; min-width:320px; height:auto; }
.alert-success { color:#fff; background-color:#04a53c; border-color:#04a53c; font-weight:300; padding:3px 15px 5px; margin-bottom:30px; border-radius:10px; 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; }
.alert-danger { color:#fff; background-color:rgba(249, 60, 66, 0.85); border-color:#ec3840; font-weight:300; padding:3px 15px 5px; margin-bottom:30px; border-radius:10px; 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; transition:all 0.4s; padding:0px 5px 0px;}

/* Maximum width for main section */
.max-cntr { max-width:1600px; margin:0 auto; padding:0 30px;}
.scrolltop { cursor:pointer; width:40px; height:40px; position:fixed; bottom:80px; right:-80px; border-radius:50%; color:#fff; font-size:22px; transition:300ms; display:flex; align-items:center; justify-content:center; background-color:#da291f; box-shadow:0px 6px 6px rgba(0, 0, 0, 0.3);}
.scrolltop i {margin-top:0px;} 
.scrolltop:hover i { animation-name:rotate; animation-duration:300ms; animation-iteration-count:infinite; animation-direction:alternate; }
@keyframes rotate { from {margin-top:15px} to {margin-top:5px} }
.scrvisible { right:15px; transition:all 400ms; transform:rotate(360deg) }
.hidescroll { transition:opacity 0.6s ease-out; }
.inactive { opacity:0;}

/* JS Slide In Section */
.js-slidein { opacity:0; transform:translateY(100px); -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; }
.js-slidein-visible { opacity:1 !important; transform:translateY(0) !important; }

/* Page animation frame */
.pageld{ content:""; position:fixed; height:100%; width:100%; background-color:#db0f2a; 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:#eee  #fff; transition:all 500ms ease-in-out; clip-path:circle(30px at calc(100% - 65px) 65px);}
::-webkit-scrollbar .menu-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; right:0; background-color:#db0f2a; 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:#eee  #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:10px; right:0px; 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:35px;}
.menu-oly .overlay-close:hover{ color:#da251c; transition:all ease-in 0.5s;}
.menu-oly .overlay-close:focus{ outline:0 }

/* Mobile Menu */
.mbl-menu-btm{width:100%;}
.mbl-menu{ width:100%; position:relative;}
.mbl-menu .mbl-menu-box{ width:100%; display:flex; height:100vh; padding:0px; flex-wrap:wrap; position:relative; z-index:0;}
.mbl-menu .mbl-menu-box::before{ position:absolute; content:""; width:100%; height:100%; bottom:0; background:#f3f3f3 url(../images/video-bg.jpg) center no-repeat; background-size:cover; z-index:-1; opacity:0.6;}

.mbl-head-slct { position:fixed; width:100%; z-index:1; top:0;}
.mbl-menu .mbl-head-slct .top-lks { display:flex; align-items:center; width:100%; padding:20px 0; justify-content:space-between;}
.mbl-menu .mbl-head-slct .top-lft { width:10%;}
.mbl-menu .mbl-head-slct .top-rht{ width:85%; display:flex; justify-content:flex-end; padding-right:25px;}
.mbl-menu .mbl-head-slct .top-lks span{ display:flex; align-items:center; justify-content:flex-start; padding-right:25px;}
.mbl-menu .mbl-head-slct .top-lks span a { display:flex;}
.mbl-menu .mbl-head-slct .top-lks span a img{ max-height:60px;}
.mbl-menu .mbl-head-slct .top-lks .top-rht a {text-align:center; text-transform:uppercase; font-weight:bold; font-size:14px; padding:5px 20px; color:#fff;border-radius:50px; display:flex; justify-content:center; background-color:#ed1c24; border:2px solid #ed1c24; transition:all ease-in 0.5s;}
.mbl-menu .mbl-head-slct .top-lks .top-rht a:hover { background:transparent; border:2px solid #ed1c24; transition:all ease-in 0.5s;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span a{ background-color:transparent; font-weight:400; border:none; text-transform:none;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span a:hover{color:rgba(255, 255, 255, 0.3); border:none;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span i{color:#fff;}
.mbl-menu-box .menu-rht{ width:100%; position:relative;}
.mbl-menu-box .menu-rht .top-lks{ width:100%;}
.mbl-menu-box .menu-rht .top-menu-lnk{ width:100%; background-color:rgba(10, 93, 172, 0.1); padding:25px 35px 25px; text-align:center; border-radius:30px;}
.mbl-menu-box .menu-rht h2{width:100%; font-size:24px; font-weight:800; text-transform:capitalize; color:#848484; text-align:center; margin-bottom:20px;}
.mbl-menu-box .menu-rht .top-menu-lnk ul{ padding:0px 0px; margin:0; display:grid; grid-template-columns:repeat(1, 1fr);}
.mbl-menu-box .menu-rht .top-menu-lnk ul li{ width:100%; display:flex; justify-content:left; position:relative; transition:all ease-in 0.5s; padding:5px; align-items:center;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li:last-child{ border-bottom:0 none;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a{ color:#3d3e3e; padding:0px 0px 0 0; position:relative; transition:all ease-in 0.5s; display:flex; align-items:center; justify-content:center; font-weight:300; font-size:18px; }
.mbl-menu-box .menu-rht .top-menu-lnk ul li a::after{ content:""; position:absolute; left:0; bottom:0; height:1px; width:0%; background-color:rgba(12, 3, 107, 0.25);  font-size:11px; transition:all 0.5s ease 0s; opacity:0;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a:hover::after{ -webkit-animation:fline 1s linear 0s; animation:fline 1s linear 0s; opacity:1;}
@-webkit-keyframes fline {  
	0% { left:-10%; width:5%; }
	25% { left:25%; width:25%;}
	50% { left:50%; width:50%;}
	75% { left:75%; width:25%;}
	100% { left:100%; width:0%;}
}   
@keyframes fline {  
	0% { left:-10%; width:5%; }
	25% { left:25%; width:25%;}
	50% { left:50%; width:50%;}
	75% { left:75%; width:25%;}
	100% { left:100%; width:0%;}
}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a:hover{ color:#da251c;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li.active{ position:relative; transition:all ease-in 0.5s;}
.mbl-menu-box .menu-lft{ width:100%; position:relative; padding:20px 0px 40px 0px;}
.menu-lft .top-lks{ padding:20px 70px; margin-bottom: 40px; border-bottom: 1px solid rgb(233, 233, 233); position: fixed; width: 100%; z-index: 1; top: 0; background-color: #fff; box-shadow: 0px 15px 30px 5px rgba(0, 0, 0,0.06);}
.menu-lft .top-lks .top-lft{ position:relative; text-align:left;}
.menu-lft .top-lks img{ max-height:70px;}

.mbl-main-links h2 { font-size:24px; font-weight:800; color:#848484; text-transform:capitalize; width:100%;}
.mbl-main-links .full-sctn { display:flex; flex-wrap:wrap; width:100%; padding-bottom:50px;}
.mbl-main-links .full-list-box:nth-child(1){ width:50%;}
.mbl-main-links .full-list-box h3 { margin-bottom:0; font-size:28px; font-weight:600; color:#da251c;}
.mbl-main-links .full-list-box .bx-lnk b { width:100%;}
.mbl-main-links .full-list-box .bx-lnk b a {color:#50b243; font-size:16px; font-weight:400; text-transform:capitalize;}
.mbl-main-links .full-list-box .bx-lnk b a:hover { color:#0c036b;}
.mbl-main-links .full-list-box .bx-lnk { display:flex; align-items:flex-start; width:100%; list-style:none; padding:30px 0; flex-wrap:wrap;}
.mbl-main-links .full-list-box .bx-lnk ul { list-style:none; margin-bottom:0; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:15px 30px; width:100%; padding-left:0px; position:relative;}
.full-list-box .bx-lnk ul li a { font-size:26px; font-weight:400; color:#333; display:flex; align-items:center; position:relative; display:inline-block;}
.full-list-box .bx-lnk ul li a:hover { color:#da251c;}
.full-list-box .bx-lnk ul li a .lnr { font-size:12px; color:#777; padding-right:5px;}
.full-list-box .bx-lnk ul li a::after{ content:""; position:absolute; left:0; bottom:-2px; height:1px; width:0%; background-color:rgba(12, 3, 107, 0.25); font-size:11px; transition:all 0.5s ease 0s; opacity:0;}
.full-list-box .bx-lnk ul li a:hover::after{ -webkit-animation:fline 1s linear 0s; animation:fline 1s linear 0s; opacity:1;}
@-webkit-keyframes fline {  
	0% { left:-10%; width:5%; }
	25% { left:25%; width:25%;}
	50% { left:50%; width:50%;}
	75% { left:75%; width:25%;}
	100% { left:100%; width:0%;}
}   
@keyframes fline {  
	0% { left:-10%; width:5%; }
	25% { left:25%; width:25%;}
	50% { left:50%; width:50%;}
	75% { left:75%; width:25%;}
	100% { left:100%; width:0%;}
}

.mbl-main-links .list-box{ width:50%;}
.mbl-main-links .list-box h3 { margin-bottom:0; font-size:28px; font-weight:600; color:#da251c; }
.mbl-main-links .list-box .bx-lnk b { width:100%;}
.mbl-main-links .list-box .bx-lnk b a {color:#50b243; font-size:16px; font-weight:400; text-transform:capitalize;}
.mbl-main-links .list-box .bx-lnk b a:hover { color:#0c036b;}
.mbl-main-links .list-box .bx-lnk { display:flex; align-items:flex-start; list-style:none; padding:30px 0; flex-wrap:wrap;}
.mbl-main-links .list-box .bx-lnk ul { list-style:none; margin-bottom:0; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:10px; width:100%; padding-left:0px; position:relative;}
.list-box .bx-lnk ul li{ list-style:none;}
.list-box .bx-lnk ul li a { font-size:18px; font-weight:400; color:#333; display:flex; align-items:center; justify-content:center; position:relative; flex-wrap:wrap; background-color:#fff; border:1px solid #eee; border-radius:15px; padding:30px 10px;}
.list-box .bx-lnk ul li a:hover { color:#da251c; background-color:#fff; border:1px solid #f8c6c3;}
.list-box .bx-lnk ul li a:hover small{ color:#da251c; transition:all ease 0.4s;}
.list-box .bx-lnk ul li a:hover span{ background-color:#fff2f1; transition:all ease 0.4s;}
.list-box .bx-lnk ul li a span{ display:flex; align-items:center; justify-content:center; width:75px; height:75px; border-radius:50%; transition:all ease 0.4s;}
.list-box .bx-lnk ul li a span img{ max-height:75px;}
.list-box .bx-lnk ul li a small{ width:100%; font-size:20px; font-weight:400; color:#1e3480; display:flex; align-items:center; justify-content:center; margin-top:10px; text-transform:uppercase; transition:all ease 0.4s;}

.mbl-main-links { padding-bottom:50px; margin-bottom:65px; padding:140px 70px 100px;}
.mbl-menu-box .full-sctn-rht{ width:35%; background-color:#1c337e; padding:50px 50px;}
.full-sctn-rht .sctn-box{ width:100%;}
.full-sctn-rht .sctn-box h3{ color:#fff; font-size:32px; line-height:34px; font-weight:600; margin-bottom:10px;}
.full-sctn-rht .sctn-box p{ margin:25px 0px; color:rgba(255,255,255,0.8); font-weight:300; font-size:18px; line-height:24px;}
.sctn-box .box1{ width:100%;}
.sctn-box .box1 .foot-adds-cont{ width:100%; text-align:left; margin:40px 0px 10px; }
.sctn-box .box1 .foot-adds-cont p{ font-size:17px; color:rgba(255, 255, 255, 0.9); font-weight:300; margin-bottom:0; line-height:24px; display:flex;}
.sctn-box .box1 .foot-adds-cont p i{ color:rgba(255, 255, 255, 0.3); margin-right:8px; padding-top:4px;}
.sctn-box .box1 .foot-adds-cont2{ width:100%;}
.sctn-box .box1 .foot-adds-cont2 span{ width:100%; display:flex; align-items:center; color:rgba(255, 255, 255, 0.9); justify-content:flex-start; font-size:17px; font-weight:300; margin:8px 0px;}
.sctn-box .box1 .foot-adds-cont2 span a{ color:rgba(255, 255, 255, 0.9); transition:0.4s;}
.sctn-box .box1 .foot-adds-cont2 span a:hover{ color:#94c9ff; transition:0.4s;}
.sctn-box .box1 .foot-adds-cont2 span i{ font-size:18px; margin-right:10px; color:rgba(255, 255, 255, 0.3);}
.full-sctn-rht .rht-lnk{ width:100%; margin:50px 0px 20px;}
.full-sctn-rht .rht-lnk span{ display:flex; align-items:center;}
.full-sctn-rht .rht-lnk span a{ background-color:#fff; border:1px solid #fff; color:#da251c; font-weight:400; padding:8px 30px; border-radius:50px; text-transform:uppercase;}
.full-sctn-rht .rht-lnk span a:hover{ background-color:transparent; color:#fff; border:1px solid #fff;}
.mbl-copy-bg{ position:absolute; bottom:0; width:100%; border-top:1px solid rgba(4, 30, 57, 0.1); padding:40px 70px; background-color:#fff;}

/* Menu Bottom */
.menu-btm{ background-color:#fff; z-index:0;}
.menu-btm-box { display:flex; justify-content:flex-end; align-items:center; padding:2px 0px;}
.menu-btm-box .navbar-expand-lg{ justify-content:flex-start; padding:0; margin-right:30px;}
.navbar-expand-lg .navbar-nav{ position:relative;}
.menu-btm-box .navbar-expand-lg li.nav-item{ padding:0px 0px;}
.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.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:20px 5px; margin:0px 10px; font-size:20px; font-weight:400; color:#222; position:relative;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.active{ color:#da251c;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link:hover{ color:#da251c;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after{ color:rgba(0,0,0,0.2); font-size:16px; margin:0px 0px 0px 6px;}

.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;}

/* MegaMenu  */
.mega-dropdown { position:static !important; } 
.mega-dropdown-menu { padding:0px; width:250px; border-radius:0px !important; max-width:250px; top:70px; background-color:transparent; border:0 none; border-radius:0; display:none; position:absolute; z-index:10; box-shadow:0px 15px 20px rgba(0,0,0,0.09);} 
.menu-container { width:100%; margin:0 auto; padding:20px 0;}
.menu { width:100%; font-weight:400; font-size:16px; position:relative; padding:10px 0; margin:0; background-color:#fff; border-radius:0px; border-bottom:2px solid rgba(217, 38, 28,0.8);}
.menu a, .menu a:link, .menu a:visited, .menu a:focus { color:#222; text-decoration:none; }
.menu a:hover { color:#da251c; text-decoration:none;}
.menu > li { display:block; text-align:left; margin-left:0; padding:0 18px;}
.menu > li > a { padding:4px 0; display:block; border-bottom:1px solid rgba(0, 0, 0, 0.05); position:relative; display:flex; align-items:center; justify-content:space-between;}
.menu > li > a::before{ position:absolute; left:-5px; background-color:rgba(50, 50, 50,0.8); width:0px; height:1px; content:""; transition:all ease 0.4s;}
.menu > li:hover > a{ padding-left:10px; transition:all ease 0.4s;}
.menu > li:hover > a:hover::before{ width:10px; transition:all ease 0.4s;}
.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:#da251c; font-weight:500;}
.menu > li:hover > a::after{ color:#da251c; 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:#da251c; }
.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; }

/* Header Section */
.header-wrapper{ position:relative; background-color:#eee;}
.mnu-tpbr{ width:100%; position:absolute; top:0px; z-index:999; background-color:transparent; }

/* Top */
.lnk-top{ width:100%; background-color:rgba(0, 0, 0, 0.2);}
.bnr-top{ width:100%; display:flex; align-items:center; justify-content:flex-end; text-align:right; padding:13px 0px;}

.social-lnk{ display:flex; align-items:center; justify-content:flex-end; text-align:center; margin-right:25px; padding-right:20px; grid-gap:15px; position:relative;}
.social-lnk::before{ background-color:rgba(255,255,255,0.15); position:absolute; right:0; width:1px; height:20px; content:"";}
.social-lnk h3{ font-size:18px; font-weight:bold; color:#fff; display:block;}
.social-lnk a{ display:flex; align-items:center; justify-content:center; text-align:center;}
.social-lnk a img{ max-height:20px; filter:invert(100%) sepia(0%) saturate(7477%) hue-rotate(42deg) brightness(104%) contrast(105%); transition:all ease 0.4s;}
.social-lnk a:hover{  opacity:0.5;}
.social-lnk a i{ font-size:16px; color:#fff;}

.tp1 { text-align:right; position:relative; color:#fff; display:flex; width:100%; justify-content:flex-end;} 
.tp-phone { margin-right:30px; position:relative; font-size:17px; font-weight:500; display:flex; align-items:center;} 
.tp-phone ion-icon{ padding-right:8px; font-size:20px; color:rgba(255, 255, 255, 0.3);}
.tp-email { margin-right:25px; display:flex; align-items:center;} 
.tp-email ion-icon{ padding-right:8px; padding-top:4px; font-size:20px; color:rgba(255, 255, 255, 0.3);}
.tp-email a { color:#fff; font-size:17px; font-weight:500; display:flex; align-items:center;} 
.tp-email a:hover { color:#da251c;}
.tp-lang { margin-right:0px; position:relative; font-size:20px; font-weight:bold;} 

.gole-tnslt{ position:relative; right:0; bottom:0px; z-index:9; background-color:#1e9823; padding:2px 8px 3px 2px; text-align:center; border-radius:20px; min-width:155px; min-height:28px;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{ color:#fff !important; font-weight:300 !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{ color:rgba(255, 255, 255,0.8) !important; border:none !important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child{ font-size:10px !important;}
.VIpgJd-ZVi9od-xl07Ob-lTBxed img{ margin-left:0 !important;}
.gole-tnslt .goog-te-gadget-simple{ border:0 none !important; background-color:transparent !important;}
.gole-tnslt .goog-te-gadget-simple .goog-te-menu-value{ color:#fff !important}
.gole-tnslt .goog-te-gadget-simple .goog-te-menu-value span{ color:rgb(20, 72, 159) !important;}
.gole-tnslt .goog-te-gadget-icon{ border-radius:50px;}

/* Navbar Section */
.nav-cntlr{ width:100%; background-color:rgba(255, 255, 255,1); position:relative; box-shadow:0px 20px 20px 5px rgba(0, 0, 0, 0.1);}
.nav-cntlr .max-cntr { max-width:1600px;}
.nav-cntlr .navbar{ padding:10px 0px; justify-content:space-between; position:relative;}
.nav-lft{ width:20%;}
.nav-lft .navbar-brand { position:absolute; top:-40px; width:170px; height:170px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:1; box-shadow:0px 60px 20px -40px rgba(0, 0, 0, 0.08);}
.nav-lft .navbar-brand img{ max-height:120px; position:relative; z-index:9;}
.nav-rht{width:90%; display:flex; flex-wrap:wrap; min-height:70px; justify-content:flex-end;}
.nav-rht .navbar-collapse{ justify-content:flex-end; width:100%;}
.inner-wrapper{ position:relative;}
.inner-wrapper .nav-cntlr{ position:relative;}

.xbutton{display:flex; color:#383330; width:38px; height:38px; border-radius:50px; justify-content:center; align-items:center; padding:10px 10px !important; transition:all 0.5s ease 0s;}
.xbutton:hover{color:#da251c; transition:all 0.5s ease 0s;}
.xbutton span:hover{color:#da251c; width:auto; transition:all 0.5s ease 0s;}
.mnln1{content:""; width:10px; height:1px; background-color:rgb(0, 0, 0); position:relative; transition:all 0.5s ease 0s;}
.mnln1::before{ content:""; width:16px; height:1px; background-color:rgb(0, 0, 0); position:absolute; right:-5px; top:-8px; transition:all 0.5s ease 0s;}
.mnln1::after{content:""; width:20px; height:1px; background-color:rgb(0, 0, 0); position:absolute; right:-5px; bottom:-7px; transition:all 0.5s ease 0s;}
.xbutton:hover .mnln1::before{ background-color:#da251c; width:21px; transition:all 0.5s ease 0s;}
.xbutton:hover .mnln1::after{ background-color:#da251c; width:23px; transition:all 0.5s ease 0s;}
.xbutton:hover .mnln1{ background-color:#da251c; width:15px; transition:all 0.5s ease 0s;}
.mob-nav-top{display:none;}

/* Search Box */
.srch-top{ position:relative; margin-left:30px;}
.top-srch { position:relative;}
.srch-main { display:flex; align-items:center; cursor:pointer; color:#fff; background-color:#1d337f; width:40px; height:40px; border-radius:50px; justify-content:center;}
.srch-main  ion-icon{ font-size:20px;}
.top-srch .srch-frm { background:#fff none repeat scroll 0 0; -webkit-box-shadow:1px 1px 7px rgba(0,0,0,.15); box-shadow:1px 1px 7px rgba(0,0,0,.15); border-top:2px solid #fff; padding:15px; position:absolute; right:0px; top:67px; width:400px; z-index:9; opacity:0; visibility:hidden; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; border-radius:0px 0px 10px 10px;}
.srch-frm.active-search { opacity:1; visibility:visible; }
.top-srch .srch-frm:before { border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; content:""; position:absolute; right:15px; top:-10px; }
.top-srch .srch-frm:before { border-bottom-color:#fff;}
.top-srch .srch-frm .search-form{ display:flex; width:100%; margin-bottom:0;}
.top-srch .srch-frm .search-form label{ width:100%;}
.top-srch .srch-frm .search-form label input{ width:100%; border:1px solid #dee3ee; padding:5px 15px; font-size:15px; font-weight:500; color:#222; border-radius:30px 0px 0px 30px;}
.top-srch .srch-frm .search-form label input:focus-visible{ border:0 none; outline:0; border:1px solid #dee3ee;}
.top-srch .srch-frm .search-form label input::placeholder{ font-size:13px; color:#aaa;}
.top-srch .srch-frm .clk-srch{ border:0 none; background-color:#1d337f; display:flex; align-items:center; justify-content:center; color:#fff; padding:5px 8px; border-radius:0px 30px 30px 0px;}
.top-srch .srch-frm .clk-srch ion-icon{ font-size:18px;}

/* UI Auto Complete Dropdown */
.ui-autocomplete { background:rgba(7, 36, 105, 0.9) !important; margin:0 !important; width:100% !important; max-width:370px !important; list-style:none !important; padding:15px !important; border-radius:12px; max-height:80vh; overflow:auto; scrollbar-width:thin; scrollbar-color:#444 #072469; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);} 
.ui-widget.ui-widget-content { border:0 none !important; } 
.ui-autocomplete li { color:#aaa; list-style:none; font-size:14px !important; line-height:1.5; border-bottom:1px solid rgba(225, 255, 255, 0.1); margin-bottom:3px !important; padding:0px !important; font-weight:300; transition:all ease 0.4s;} 
.ui-autocomplete li:last-child { border:0 none; transition:all ease 0.4s; } 
.ui-autocomplete li .ui-state-active { background-color:transparent; border:0 none; margin:0; padding:3px 1em 3px .4em; transition:all ease 0.4s; color:#da251c;}

/* Top links sticky menu styles */
.top-links .topflex { justify-content:flex-end; position:relative; display:none; }
.top-links { position:absolute; right:0; left:0; top:40px; width:100%; margin:auto; padding:0 60px; z-index:9; }
.top-links.sticky{position:fixed; background-color:#fff; top:0; padding:10px 5px; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; z-index:99; box-shadow:0px 20px 20px 5px rgba(0, 0, 0, 0.1);}
.top-links.sticky .mega-dropdown-menu{ top:60px;}
.top-links.sticky .topflex { display:block; }
.top-links.sticky .topflex{max-width:1600px; margin:auto;}
.top-links.sticky .topflex .navbar{ padding:0px 0px; flex-wrap:wrap; width:100%; margin-right:30px;}
.top-links.sticky .topflex .navbar .nav-lft { width:10%; position:relative; top:0; padding:0;}
.top-links.sticky .topflex .navbar img{ max-height:55px;}
.top-links.sticky .stklogo{display:unset;}
.progress-container { width:100%; height:1px; background:#dde2e6; display:none; position:absolute; left:0; bottom:0;}
.top-links.sticky .progress-container{ display:block;}
.top-links.sticky .progress-bar { height:1px; background:#dde2e6; width:0%;}
.top-links.sticky .nav-rht{ min-height:55px; width:90%;}
.top-links.sticky .nav-rht .nav-link{ color:#444; padding:15px 0px 15px !important; margin:0px 15px; font-size:18px;}
.top-links.sticky .nav-rht .nav-link .mnln1{ background-color:rgba(0, 0, 0, 0.4);}
.top-links.sticky .nav-rht .nav-link .mnln1::before{ background-color:rgba(0, 0, 0, 0.4);}
.top-links.sticky .nav-rht .nav-link .mnln1::after{ background-color:rgba(0, 0, 0, 0.4);}
.top-links.sticky .top-srch .srch-frm{ top:58px;}

.top-links.sticky .nav-rht .nav-item .active { color:#da251c !important; }
.top-links.sticky .nav-rht .nav-item a::before{ background-color:#da251c;}
.mega-dropdown-menu a::before{ display:none;}
.top-links.sticky .nav-rht .navbar-toggler{ border-color:rgba(0, 0, 0, 0.5); color:rgba(0,0,0,0.5);}

.top-links.sticky .xbutton:hover .mnln1::before{ background-color:#333; width:17px; transition:all 0.5s ease 0s;}
.top-links.sticky .xbutton:hover .mnln1::after{ background-color:#333; width:21px; transition:all 0.5s ease 0s;}
.top-links.sticky .xbutton:hover .mnln1{ background-color:#333; width:11px; transition:all 0.5s ease 0s;}
.top-links.sticky .menu-btm-box .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after{color:rgba(0, 0, 0, 0.4);}
.top-links.sticky .nav-lft .navbar-brand{ position:relative; justify-content:flex-start; width:auto; height:auto; top:auto;}

/* Footer Section styles */
.footer-wrapper{ position:relative; background-color:#0a122c; padding:0px 0px 0px;}
.fter-cnt-box { display:flex; width:100%; align-items:stretch; justify-content:space-between;} 
.ftr-addrs-box { width:30%; padding:0px; position:relative;}

.fter-max-cntr { max-width:1600px; margin:0 auto; padding:0 30px; }
.footer-wrapper .cpywrght{ width:100%; background-color:#333;}
.ft-cont-box{ display:flex; padding:40px 0; align-items:center;}
.ftr-lgo-rht{ margin-left:0px; width:100%; text-align:center; height:100%; border-right:1px solid rgba(255, 255, 255, 0.1); padding:60px 30px 30px;}
.ftr-lgo-rht .ftr-lgo{ display:flex; justify-content:center; margin-bottom:15px;}
.ftr-lgo-rht .ftr-lgo a{ display:flex; align-items:center; justify-content:center; width:150px; height:150px; background-color:#fff; border-radius:50%;}
.ftr-lgo-rht .ftr-lgo a img{ max-height:110px;}
.ftr-lgo-rht span.ft-logo{ display:block; margin:0px 0px 30px;}

.ftr-lgo-rht .ft-det{ display:flex; justify-content:center;}
.ftr-lgo-rht .ft-det p{ font-size:18px; color:rgb(255, 255, 255); font-weight:200; margin:0; line-height:24px; padding:8px 0px; text-align:center;}
.ftr-lgo-rht .ft-det ion-icon{ font-size:18px; padding-right:12px; padding-top:8px; color:rgb(255, 255, 255);}

.ftr-lgo-rht .ft-lnk{ width:100%; padding:5px 0px;}
.ftr-lgo-rht .ft-lnk .ft-phno{ font-size:20px; color:rgb(255, 255, 255); font-weight:500; display:flex; justify-content:center; align-items:center; margin:5px 0px;}
.ftr-lgo-rht .ft-lnk .ft-phno a{ color:rgb(255, 255, 255);}
.ftr-lgo-rht .ft-lnk .ft-phno a:hover{ color:#07a63f;}
.ftr-lgo-rht .ft-lnk .ft-phno ion-icon{ font-size:18px; padding-right:12px; padding-top:3px;}

.ftr-lgo-rht .ft-lnk .ft-email{ font-size:20px; color:rgb(255, 255, 255); font-weight:500; display:flex; justify-content:center; align-items:center; margin:8px 0px;}
.ftr-lgo-rht .ft-lnk .ft-email a{ color:rgb(255, 255, 255);}
.ftr-lgo-rht .ft-lnk .ft-email a:hover{ color:#07a63f;}
.ftr-lgo-rht .ft-lnk .ft-email ion-icon{ font-size:18px; padding-right:12px; padding-top:3px;}

.ftr-lnk-box{ width:70%; padding:70px 0px 35px;}
.foot-part{ width:100%; padding-left:60px;}
.ftr-lnks{ width:100%; display:flex; grid-gap:25px;}
.ftr-lnks .ftr-menus h5{ font-size:24px; color:rgba(255, 255, 255, 0.3); font-weight:600; margin-bottom:25px;}
.ftr-lnks .ftr-menus ul{ padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(2,1fr);}
.ftr-lnks .ftr-menus ul li{ padding:3px 0px; margin:0; list-style:none;}
.ftr-lnks .ftr-menus ul li a{ font-size:18px; color:#fff; font-weight:200;}
.ftr-lnks .ftr-menus ul li a:hover{ color:#da251c;}

.ftr-lnks .ftr-menus:nth-child(1){ width:42%;}
.ftr-lnks .ftr-menus:nth-child(2){ width:27%;}
.ftr-lnks .ftr-menus:nth-child(2) ul{ grid-template-columns:repeat(1,1fr);}
.ftr-lnks .ftr-menus:nth-child(3){ width:30%;}

.ftr-menus .social-icons{ display:flex; justify-content:flex-start; grid-gap:15px; margin-top:30px;}
.ftr-menus .social-icons a{ color:#6e7b80; border-radius:50%; transition:all ease-in 0.4s; display:flex; align-items:center; justify-content:center; transition:all ease 0.4s;}
.ftr-menus .social-icons a img{ max-height:22px; filter:invert(100%) sepia(0%) saturate(7477%) hue-rotate(42deg) brightness(104%) contrast(105%); transition:all ease 0.4s; opacity:0.8;}
.ftr-menus .social-icons a ion-icon{ font-size:24px; transition:all ease 0.4s;}
.ftr-menus .social-icons a:hover ion-icon{ color:#1d337f; transition:all ease 0.4s;}

/* Copy rights */
.ftr-links3{ width:100%; margin-top:60px; padding-left:60px; padding-top:40px; border-top:1px solid rgba(255,255,255,0.15);}
.copy-rgt{ width:100%; padding:0px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.copy-rgt .cpy-txt { display:flex; }
.copy-rgt .cpy-txt p{ font-size:16px; font-weight:200; color:rgba(255, 255, 255, 0.7); margin-bottom:0; padding-right:0px;}
.pwd-logo { display:flex;}
.pwd-logo span{ display:flex; justify-content:flex-end;}
.product-main .nav-cntlr{ background-color:transparent;}

/* No Record */
.no-record{ width:100%; display:flex; align-items:center; justify-content:center; padding:20px 0px;}
.no-record ion-icon{ font-size:36px; margin-right:6px; color:#333;}
.no-record p{ font-size:25px !important; font-weight:300; color:#444; margin:0;}

/* 404 Page */
.error-page{ width:100%; height:100vh; display:flex; align-items:center; justify-content:center; /* background:#fff url(../images/login-bg.jpg) left no-repeat; */ background-color:#fff; position:relative; z-index:0; background-size:cover;}
/* .error-page::before{ content:""; background-color:#1d337f; right:0; top:0; position:absolute; z-index:-1; width:50%; height:100%;} */
.page-404{ padding:70px 60px; text-align:left; justify-content:space-between; display:flex; align-items:center; box-shadow:0px 2px 40px rgba(0, 0, 0, 0.1); border-radius:30px; background-color:#fff; width:60%; grid-gap:30px;}
.page-404 .lft{ width:55%; }
.page-404 .rht{ width:45%; padding:30px 0px 0px; background-color:#fff; display:flex; align-items:center; justify-content:center;}
.page-404 .logo{ text-align:center; margin-bottom:20px;}
.page-404 .logo img{ max-height:120px;}
.page-404 h1{ font-size:45px; text-align:center; color:#06a63a; font-weight:700; margin:15px 0px 0px; text-transform:uppercase;}
.page-404 small{ font-size:22px; font-weight:700; display:flex; justify-content:center; margin:5px 0px 5px; text-align:center;}
.page-404 p{ margin-bottom:20px; font-size:18px; font-weight:300; text-align:center;}
.page-404 .pge-not-btn{ width:100%; text-align:center; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.page-404 .pge-not-btn a{ background-color:#1d337f; color:#fff; padding:7px 30px; border-radius:25px; border:1px solid #1d337f; transition:0.4s; outline:none; text-decoration:none; font-size:18px; display:flex; align-items:center;}
.page-404 .pge-not-btn a:hover{background-color:transparent; border:1px solid #333; transition:0.4s; color:#333;}
.page-404 .pge-not-btn a ion-icon{ margin-right:10px;}
.page-404 span{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.page-404 span img{ object-fit:contain; width:90%; max-height:315px; background-color:#fff; margin:0 auto;}

/* 500 Page */
.page-500{ padding:70px 60px; text-align:left; justify-content:space-between; display:flex; align-items:center; box-shadow:0px 2px 40px rgba(0, 0, 0, 0.1); border-radius:30px; background-color:#fff; width:60%; grid-gap:30px;}
.page-500 .lft{ width:55%; }
.page-500 .rht{ width:45%; padding:30px 0px 0px; background-color:#fff; display:flex; align-items:center; justify-content:center;}
.page-500 .logo{ text-align:center; margin-bottom:20px;}
.page-500 .logo img{ max-height:120px;}
.page-500 h1{ font-size:45px; text-align:center; color:#06a63a; font-weight:700; margin:15px 0px 0px; text-transform:uppercase;}
.page-500 small{ font-size:22px; font-weight:700; display:flex; justify-content:center; margin:5px 0px 5px; text-align:center;}
.page-500 p{ margin-bottom:20px; font-size:18px; font-weight:300; text-align:center;}
.page-500 .pge-not-btn{ width:100%; text-align:center; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.page-500 .pge-not-btn a{ background-color:#1d337f; color:#fff; padding:7px 30px; border-radius:25px; border:1px solid #1d337f; transition:0.4s; outline:none; text-decoration:none; font-size:18px; display:flex; align-items:center;}
.page-500 .pge-not-btn a:hover{background-color:transparent; border:1px solid #333; transition:0.4s; color:#333;}
.page-500 .pge-not-btn a ion-icon{ margin-right:10px;}
.page-500 span{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.page-500 span img{ object-fit:contain; width:100%; max-height:350px; background-color:#fff; margin:0 auto;}


/* Extra large devices (large desktops, 1368px and up) */
@media (max-width:1366px) { 
.full-sctn-rht .sctn-box p{ font-size:16px; line-height:22px;}
.full-list-box span ul li a{ font-size:17px;}
.ftr-links2{ grid-gap:3px 40px;}
.mbl-copy-bg{ padding:40px 30px;}
.mbl-main-links{ padding:140px 30px 100px;}
.menu-oly .overlay-close{ right:20px;}
.mbl-menu .mbl-menu-box{ height:100%;}
.menu-lft .top-lks{ padding:20px 30px;}

.header-wrapper .max-cntr{ max-width:100%; padding:0px 30px;}
.header-wrapper .nav-cntlr .max-cntr{ max-width:100%; padding:0px 30px;}
.content-wrapper .max-cntr{ max-width:100%; padding:0px 30px; }
.top-links.sticky .topflex{ max-width:100%; padding:0px 0px;}
.top-links.sticky{ padding:5px 30px;}
.fter-max-cntr{ max-width:100%; padding:0px 30px;}

.page-404{ padding:50px 60px; width:80%;}
.page-500{ width:80%; padding:50px 60px;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1200px) {

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width :970px) and (max-device-width :1024px) */
@media (max-width:1024px) {
.nav-lft .navbar-brand{ width:140px; height:140px; top:-30px;}
.nav-lft .navbar-brand img{ max-height:100px;}
.srch-top{ margin-left:10px;}
.menu-btm-box .navbar-expand-lg{ margin-right:10px;}
.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ font-size:17px; padding:15px 5px; margin:0px 5px;}
.menu-btm-box{ padding:0;}
.nav-cntlr .navbar{ padding:5px 0px;}
.top-srch .srch-frm{ top:60px;}
.mega-dropdown-menu{ top:68px;}

.social-lnk a img{ max-height:18px;}
.tp-phone{ font-size:15px;}
.tp-email a{ font-size:15px;}
.top-links.sticky .nav-rht .nav-link{ margin:0px 10px !important;}

.mbl-menu-box .menu-lft{ padding:15px 0px 30px 0px;}
.menu-lft .top-lks img{ max-height:55px;}
.menu-lft .top-lks{ margin-bottom:25px;}
.mbl-main-links{ padding:120px 25px 40px;}
.mbl-main-links .full-list-box h3{ font-size:25px;}
.full-list-box .bx-lnk ul li a{ font-size:20px;}
.mbl-main-links .full-list-box .bx-lnk ul{ grid-gap:10px;}
.mbl-main-links .full-list-box:nth-child(1){ width:40%;}
.mbl-main-links .list-box{ width:60%;}
.mbl-main-links .list-box h3{ font-size:25px;}
.list-box .bx-lnk ul li a{ padding:20px 10px;}
.list-box .bx-lnk ul li a small{ font-size:16px;}

.page-404{flex-wrap: wrap; padding:50px 20px 50px;}
.page-404 .lft{ width:100%; background-color:#fff; padding:40px;}
.page-404 .rht{ width:100%;}
.error-page::before{ top:0; left:inherit; width:100%; height:30%;}
.page-404 .logo{ text-align:center;}
.page-404 h1{ text-align:center;}
.page-404 small{ justify-content:center;}
.page-404 p{ text-align:center;}
.page-404 .pge-not-btn{ justify-content:center;}
.page-404 .rht{ min-height:auto;}

.page-500{flex-wrap: wrap; padding:50px 20px 50px;}
.page-500 .lft{ width:100%; background-color:#fff; padding:40px;}
.page-500 .rht{ width:100%;}
.error-page::before{ top:0; left:inherit; width:100%; height:30%;}
.page-500 .logo{ text-align:center;}
.page-500 h1{ text-align:center;}
.page-500 small{ justify-content:center;}
.page-500 p{ text-align:center;}
.page-500 .pge-not-btn{ justify-content:center;}
.page-500 .rht{ min-height:auto;}

.ftr-addrs-box{ width:40%;}
.ftr-lgo-rht .ft-det p{ font-size:17px;}
.ftr-lgo-rht .ft-lnk .ft-phno{ font-size:18px;}
.ftr-lgo-rht .ft-lnk .ft-email{ font-size:18px;}

.ftr-lnks{ flex-wrap:wrap;}
.foot-part{ padding-left:40px;}
.ftr-lnks .ftr-menus:nth-child(1){ width:60%;}
.ftr-lnks .ftr-menus:nth-child(3){ width:100%;}
.ftr-lnks .ftr-menus h5{ margin-bottom:20px; font-size:22px;}
.ftr-lnks .ftr-menus ul li a{ font-size:17px;}
.ftr-menus .social-icons{ margin-top:20px;}
.ftr-links3{ margin-top:40px; padding-left:40px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width:992px) {
.header-wrapper .max-cntr{ padding:0px 20px;}
.header-wrapper .nav-cntlr .max-cntr{ padding:0px 20px;}
.top-links.sticky{ padding:5px 20px;}
.top-links.sticky .topflex .navbar img{ max-height:50px;}
.nav-rht{ width:100%; min-height:auto;}
.nav-cntlr .navbar{ padding:12px 0px;}
.nav-lft .navbar-brand{ width:120px; height:120px; top:-26px;}
.nav-lft .navbar-brand img{ max-height:80px;}
.tp-phone{ margin-right:20px;}

.mbl-main-links .full-list-box:nth-child(1){ width:100%;}
.mbl-main-links .list-box{ width:100%;}
.menu-oly .overlay-close{ top:0; right:0;}
.top-srch .srch-frm{ top:52px;}

.social-lnk{ display:none;}
.fter-max-cntr{ padding:0px 20px;}
.ftr-addrs-box{ width:100%;}
.ftr-lnk-box{ width:100%;}
.fter-cnt-box{ flex-wrap:wrap;}
.ftr-lgo-rht{ border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.foot-part{ padding-left:0;}
.ftr-lnk-box{ padding:30px 0px 25px;}
.ftr-lgo-rht{ padding:40px 0px 30px;}
.ftr-lnks .ftr-menus:nth-child(1){ width:45%;}
.ftr-lnks .ftr-menus:nth-child(2){ width:22%;}
.ftr-lnks .ftr-menus:nth-child(3){ width:22%;}
.ftr-links3{ padding-left:0; margin-top:30px; padding-top:30px;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:768px) {

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:576px) {
.header-wrapper .max-cntr{ padding:0px 15px;}
.header-wrapper .nav-cntlr .max-cntr{ padding:0px 15px;}
.content-wrapper .max-cntr{ padding:0px 20px;}
.fter-max-cntr{ padding:0px 15px;}
.tp-phone{ display:none;}
.tp-email{ display:none;}
.nav-lft .navbar-brand{ width:90px; height:90px; top:-20px;}
.nav-lft .navbar-brand img{ max-height:65px;}
.nav-cntlr .navbar{ padding:6px 0px;}
.bnr-top{ padding:10px 0px;}
.srch-main{ width:34px; height:34px;}
.srch-main ion-icon{ font-size:18px;}

.mbl-main-links .full-list-box .bx-lnk{ padding:15px 0;}
.full-list-box .bx-lnk ul li a{ font-size:16px;}
.menu-lft .top-lks{ padding:10px 20px;}
.mbl-main-links .full-list-box h3{ font-size:22px;}
.mbl-main-links .list-box h3{ font-size:22px;}
.mbl-main-links .full-list-box .bx-lnk ul{ grid-gap:6px;}
.mbl-main-links .list-box .bx-lnk ul{ grid-template-columns:repeat(1,1fr);}
.mbl-main-links{ padding:90px 25px 40px;}
.menu-oly .overlay-close{ top:0; height:25px; font-size:28px;}
.mbl-copy-bg{ padding:20px 20px;}
.cpy-txt{ text-align:center;}
.menu-lft .top-lks img{ max-height:50px;}
.top-srch .srch-frm{ top:42px; width:240px; padding:7px;}

.error-page{ height:100%; padding:20px 0px;}
.page-404{ padding:20px 20px; width:90%;}
.page-404 .lft{ margin-bottom:0px; padding:0px;}
.page-404 .logo img{ max-height:60px;}
.page-404 h1{ font-size:45px;}
.page-404 p{ font-size:16px;}
.page-404 span img{ width:100%; max-height:250px;}
.page-404 small{ line-height:25px; font-size:20px;}
.page-404 h1{ font-size:38px;}

.page-500{ padding:20px 20px; width:90%;}
.page-500 .lft{ margin-bottom:0px; padding:0px;}
.page-500 .logo img{ max-height:60px;}
.page-500 h1{ font-size:45px;}
.page-500 p{ font-size:16px;}
.page-500 span img{ width:100%; max-height:250px;}
.page-500 small{ line-height:25px; font-size:20px;}
.page-500 h1{ font-size:38px;}

.ftr-lgo-rht{ padding:30px 0px 15px;}
.ftr-lnk-box{ padding:25px 0px 25px;}
.ftr-lnks .ftr-menus:nth-child(1){ width:100%;}
.ftr-lnks .ftr-menus:nth-child(2){ width:100%;}
.ftr-lnks .ftr-menus:nth-child(3){ width:100%;}
.ftr-links3{ margin-top:25px; padding-top:20px;}
.copy-rgt{ grid-gap:10px;}
.copy-rgt .cpy-txt{ justify-content:center;}
.copy-rgt .cpy-txt p{ text-align:center;}
.pwd-logo{ width:100%; justify-content:center;}
.ftr-lnks .ftr-menus h5{ text-align:center;}
.ftr-lnks .ftr-menus ul li{ text-align:center;}
.ftr-menus .social-icons{ justify-content:center;}
.ftr-lnks .ftr-menus{ border-bottom:1px solid rgba(255,255,255,0.15); padding-bottom:25px;}
.ftr-lnks .ftr-menus:last-child{ padding-bottom:0; border-bottom:0;}
}

/* Extra small devices (portrait phones, less than 375px) */
@media (max-width:480px) {

}


