@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,700,800&display=swap');

html{scroll-behavior: smooth;}
body { font-family: 'Montserrat', sans-serif; color:#353535; font-size:0.9rem;}

h1,h2,h3,h4,h5,h6 { font-family: 'Raleway', sans-serif; }
a { color: #0094de; transition: all 0.5s ease 0s; outline:0 none}
a:hover { color: #434e55; text-decoration: none; transition: all 0.5s ease 0s; }
p{ font-family: 'Montserrat', sans-serif; word-break: break-all;}

.main-wrapper { position: relative; overflow: hidden;}
.inner-wrapper { position: relative; background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; overflow: hidden; }
.inner-wrapper .content-wrapper { background: #fff; background-size: 100% auto; background-attachment: fixed;}

.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);}

.max-cntr { max-width: 1300px; margin: 0 auto; }
.header-wrapper{ position: absolute; z-index: 5; width: 100%;}

.head-lang{ width: 100%;  }
.head-lang .lang-box{ width: 100%; display: flex; justify-content: flex-end; }
.head-lang .lang-box span.country{ -webkit-clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%); clip-path: polygon(7% 0, 93% 0, 100% 100%, 0% 100%); background-color: rgba(1, 81, 135, 0.9); padding: 5px 40px; display: flex;}
.head-lang .lang-box span.country a{ display: inline-block; text-transform: uppercase; font-size: 12px; display: flex; align-items: center; border-right: 1px solid #093b5e; margin-right: 11px; padding-right: 10px; transition: 0.4s;}
.head-lang .lang-box span.country a:hover{ transition: 0.4s; color: #ffc070;}
.head-lang .lang-box span.country a.active{ color: #ffc070;}
.head-lang .lang-box span.country a img{ padding-right: 5px;}
.head-lang .lang-box span.country a:last-child{ border-right: 0; padding-right: 0; margin-right: 0;}

.top-bar { font-size: 14px; color: #666; padding:0; top: 0; /* background: url(../images/top-bg.png) left top repeat rgba(0, 148, 222, 0.85); */ margin-top:10px;}
.top-bar a { color: #ffffff; }
.tpbr{margin-bottom: 5px; position: relative; z-index: 6;}
.tpbr:after { position:absolute; height:100%; width: 100%; content: ""; background:rgba(0, 97, 166, 0.6); top: 0; right: -65%; z-index: -1; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%); }
.tp1 { text-align: right; position: relative; padding: 9px 0; }
.tp-phone { margin-right: 30px; position: relative; color: rgba(255, 255, 255, 0.7);}
.tp-email { margin-left: 0; }
.tp-email a { color: rgba(255, 255, 255, 0.7); }
.tp-email a:hover { color:#61c9fe;}
.tp-srch { position: relative;}
.tp-srch .tsrch { width: 320px; border-radius: 15px; border: 0 none; background-color: rgba(0, 0, 0, 0.2); padding: 5px 40px 5px 12px; color: #ffffff; outline: none;  transition: all 0.7s ease 0s;}
.tp-srch .tsrch::placeholder{color: rgba(255, 255, 255, 0.8); opacity: 1;}
.tp-srch a { position: absolute; right: 4px; top: 0; }
.tp-srch a i { font-size: 16px; width: 30px; text-align: center; }
.tp-srch a i:hover { animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }
.tp-srch button { position: absolute; right: 4px; top: -2px; border: 0 none; background: transparent; cursor: pointer; outline: none;}
.tp-srch button i { font-size: 16px; width: 30px; text-align: center;  color: #fff;}
.tp-srch button:hover i { animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.tp2 { text-align: right; }
.tp-social a { border-right: 1px solid rgba(255, 255, 255, 0.3); padding:0 8px; }
.tp-social a:last-child { border-right:0 none; }
.tp-social a i { font-size: 18px; }

.scor-login { width: 100%; font-size: 14px; color: #ffffff; padding: 0; position: relative; text-align: right; margin-top: 10px;}
.scor-login .scbox { padding:2px 20px; display: inline-block; background-color: #fff; border-radius: 20px;}
.scor-login a { color: #222; display: inline-block; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); font-size: 13px; font-weight: 400; text-transform: uppercase;}
.scor-login a:hover { color: #0061a6;}
.scor-login a i { color: #0061a6;}
.scor-login .scbox span{ color: #c4c4c4; display: inline-block; padding: 0 5px;}
.body-bg{ background:rgba(255, 255, 255, 0.8); padding: 25px 0 40px 0px; border-radius: 6px 6px 0 0; margin-top:0px; min-height: 500px; box-shadow:0px -2px 30px 0px rgba(34,34,34,.02)}

/*Top Link */
.top-lnk{ width: 100%; display: flex;}
.top-lnk:before{ position: absolute; background-color: rgba(0, 98, 165, 1); content: ""; width: 650px; height:52px; bottom: -11px; right:-400px;}
.top-lnk .top-mail{ width: 55%; text-align: right; padding-top: 3px;}
.top-lnk .top-mail span{ display: block; color: rgba(255, 255, 255, 0.8); font-weight: 400; position: relative;}
.top-lnk .top-mail span i{ color: rgba(255, 255, 255, 0.7); margin-right: 5px; font-size: 13px;}
.top-lnk .top-mail span a{ color: rgba(255, 255, 255, 0.8); font-size: 14px; font-family: 'Raleway', sans-serif;}
.top-lnk .top-mail span a:hover{ color: #96cdfb; }
/*Top Link */

/* Main Nav Bar */
.navbar-nav{ position: relative; margin-top: 6px; z-index: 1;}
.navbar-nav:before{ position: absolute; background-color: rgba(0, 98, 165, 1); content: ""; left: -50px; width: 650px; height:52px; bottom: -11px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);}
.navbar-brand { position: absolute; z-index: 99999; background-color: #fff; box-shadow: 10px 0 50px rgba(0, 0, 0, 0.1); -webkit-clip-path: polygon(0 0, 100% 0, 83% 100%, 17% 100%); clip-path: polygon(0 0, 100% 0, 83% 100%, 17% 100%); padding: 19px 45px; top:-15px; /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(rgba(255, 255, 255, 0.08)));  */ background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.92));  }
.navbar {padding: 0;}
.navbar-dark .navbar-nav .nav-item{position: relative;}
.navbar-dark .navbar-nav .nav-item::after{position: absolute; content: ""; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.2); left: 0; top: 13px;}
.navbar-dark .navbar-nav .nav-item:first-child::after{display: none;}
.navbar-dark .navbar-nav .nav-link { font-size:14px; color: #fff; padding:8px 12px 6px; position: relative; z-index: 9; font-family: 'Raleway', sans-serif; font-weight: 600}
.navbar-dark .navbar-nav .nav-link i { position: absolute; right: -10; padding:6px 0 0 5px; }
.navbar-dark .navbar-nav .nav-link:hover { color:#fff; }
.navbar-dark .navbar-nav .active .nav-link { color:#fff; /* background:rgba(0, 97, 166, 0.3); */ }
.navbar-dark .navbar-toggler{ outline:0 none; border-color:rgba(255,255,255,.2);}
.navbar-dark .navbar-nav .nav-item.mbmenu{display: none;}
.tnav-bg li.nav-item > a:before { position:absolute; height:0; background:rgba(255, 255, 255, 0.10); width:100%; content:" "; left:0; bottom:0; top: 0; margin: auto; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none;}
.tnav-bg li.nav-item:hover > a:before { left:0; height:100%; opacity: 1; padding: 0; }


/* .mega-dropdown { position: static !important; } */
.mega-dropdown-menu { padding:5px 8px; width: 220px; max-width: 1366px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); margin: 0 auto; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 0 0 3px 3px; border: 0 none; border-top: 4px solid rgba(0, 0, 0, 0); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.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: block; color: #0094de; padding: 4px 5px 4px 10px; position: relative; font-size: 13px;}
.mega-dropdown-menu > li ul > li > a::after { position: absolute; content: ""; height: 0; width: 100%; left: 0px; top: 0; bottom: 0; transition: all 0.5s ease 0s; z-index: -1; border-radius: 2px;}
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #fff; }
/* .mega-dropdown-menu > li ul > li > a:hover::after { height: 100%; width: 100%; background-color: #0094de; top: 0px; z-index: -1; transition: all 0.5s ease 0s; } */
.mega-dropdown-menu > li ul > li > a:hover{background-color: #0094de;}
.mega-dropdown-menu .dropdown-header { font-size: 24px; color: #fff; padding: 0px 10px 5px; line-height: 30px; text-transform: none; font-weight: 300; margin-bottom: 30px; }
.mega-dropdown-menu .drp-tit { font-size: 18px; color: #0061a6; padding: 10px 2px; margin:0; font-weight: 500; }
.megalink { border-right: 1px solid #dddddd; }
.megalink:last-child { border-right: 0 none; }
.megalink li { border-top: 1px dotted rgba(0, 0, 0, 0.2); }
.megalink li:first-child { border-top: 0 none; }

.nav-align .mega-dropdown-menu{ padding: 5px 0px;  }

.drpcol { padding-left: 30px; padding-right: 30px; }

/* Sub Nav bar Navigation */
.nav-bg { background-color:rgba(255, 255, 255, 0.95); width: 100%; box-shadow: 0 15px 50px rgba(2, 43, 72, 0.6)}
.nav-bg .nav{justify-content: flex-end;}
.nav-bg .nav-link { font-size: 15px; color: #0061a6; padding:30px 14px 20px; font-weight: 500; }
.nav-bg .nav-link span{ color: #514f4f; font-size: 18px;}
.nav-bg li.nav-item { padding: 0px; position: relative; font-family: 'Raleway', sans-serif;}
.nav-bg li.nav-item:before{ width:1px; height:20px; right:0; background-color: rgba(0, 0, 0, 0.08); content:""; position:absolute; top:32px;}
.nav-bg li.nav-item:last-child:before { background-color:rgba(255, 255, 255, 0.08)}
.nav-bg li.nav-item:first-child{ background-color:none}
.nav-bg li.nav-item.active .nav-link { background-color: rgba(255, 255, 255, 0.8); color: #0094de;}
.nav-bg li.nav-item:hover .nav-link { background-color: #fff; color: #0094de;}
.nav-bg li.nav-item:hover .nav-link span {color: #0094de;}
.nav-bg li.nav-item:last-child { padding-right: 0; }
.nav-bg .dropdown>.dropdown-menu{ border: 0 none; border-radius: 0; margin-top: 0px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.9); top: 74px !important;}
.sticky2 .dropdown>.dropdown-menu{top:64px !important}
.nav-bg .dropdown:hover>.dropdown-menu { display: block; /* -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/}
.nav-bg .dropdown-menu{width: 291px;}
.nav-bg .dropdown-menu.show{display: none;}
.nav-bg .dropdown:hover>.dropdown-menu.show { display: block; }
.nav-bg .drop-link{margin: 0; padding: 0; list-style: none;}
.nav-bg .drop-link li{margin: 0; padding: 0; list-style: none; line-height: 1.2;}
.nav-bg .drop-link li a{font-size: 15px; display: block; padding: 8px 10px 8px 25px; position: relative; border-bottom: 1px solid #fff;}
.nav-bg .drop-link li:last-child a{border-bottom: 0px none;}

.nav-bg .drop-link li a::before{margin: 0; padding: 0; border-left: 4px solid rgba(0, 0, 0, 0.3); position: absolute; content: ""; height: 10px; left:15px; top: 12px; transition: all 0.5s ease 0s; width: 0; -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%); clip-path: polygon(100% 50%, 0 0, 0 100%);}
.nav-bg .drop-link li a::after { position: absolute; content: ""; height: 0; width: 100%; left: 0px; top: 0; bottom: 0; transition: all 0.5s ease 0s; z-index: -1; border-radius: 2px; }
.nav-bg .drop-link li a:hover { text-decoration: none; color: #fff; }
.nav-bg .drop-link li a:hover::after { height: 100%; width: 100%; background-color: #0094de; top: 0px; z-index: -1; transition: all 0.5s ease 0s; }
.nav-bg .drop-link li a:hover::before{border-left: 4px solid rgba(255, 255, 255);}

/* Sticky Navigation */
.sticky { position: fixed; top: 0; width: 100%;  z-index: 20; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background-color:rgba(255, 255, 255, 0.95);}
.sticky .navbar-brand { position: absolute; }
.sticky .navbar-brand img { max-height: 65px; }
.sticky .navbar-brand { visibility: visible; display: unset; padding:15px 40px; top:0px; background: none;}
.sticky.navbar-dark .navbar-nav .nav-link{ padding: 15px 13px;}
.sticky.navbar-dark .navbar-nav .nav-item::after{ top:20px;}
.sticky2 { position: fixed; top: 80px; width: 100%; box-shadow:  0 15px 20px rgba(0, 0, 0, 0.4); z-index: 19; -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.sticky .navbar-nav:before{ bottom: 0;}
.sticky .top-lnk::before{ bottom: 0;}
.sticky .head-lang .lang-box span.country{ background-color: rgba(3, 69, 113, 0.9);}
/* .sticky .top-lnk .top-mail span:before{ position: absolute; background-color: rgba(97, 91, 91, 0.85); content: ""; width: 335px; height: 37px; right: -65px; top: -8px; z-index: -1; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);  clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);} */
.sticky .top-lnk .top-mail span a{color: rgba(97, 91, 91, 1); }
.sticky .top-lnk .top-mail{width: 54%;}
.sticky .top-lnk .top-mail span i {color: rgba(97, 91, 91, 1); }
.sticky .top-lnk .top-mail span a:hover{color: rgba(0, 98, 165,1);}
.sticky .navbar-nav{ margin-top:-2px; transition: 0.4s;}
.nav-bg.sticky2 .nav-link{ padding: 20px 14px;}
.nav-bg.sticky2 li.nav-item::before{ top: 22px; }
.sticky .head-lang .lang-box span.country{ padding: 5px 40px 8px;}


/* Banner Slide Part */
.carousel-control-prev { opacity: 0; }
.carousel-control-next { opacity: 0; }
.carousel-caption { position: absolute; right: auto; left: 0; text-align-last: left; padding:140px 140px 40px 100px; bottom:25%; /*-webkit-animation-name: zoomInDown; animation-name: zoomInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; */}

.carousel-caption .cardelay:before{ position: absolute; background-color: rgba(255, 255, 255,0.6); content: ""; top: -12px; height: 5px; width: 74px; left:-7px; -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);  }
.carousel-caption .cardelay:after{ position: absolute; background-color: rgba(255, 255, 255,0.6); content: ""; top: -12px; height:74px; width:5px; left:-12px;  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%);}

.cardelay { text-align: left;}

.carousel-caption .cardelay{ position: relative;}

.carousel-caption h1 { font-size: 28px; text-transform: uppercase; padding: 25px 30px 45px 30px; margin: 0 0 0px; line-height: 1; display:flex; background-color: rgba(0, 97, 166, 0.9);  color:#fff; width:530px; font-family: 'Raleway', sans-serif; align-items: center;  -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);  clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%); position: relative; font-weight:bold; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; flex-wrap: wrap;}
.carousel-caption h1 small{font-size: 25px; width: 100%; text-transform: uppercase; font-weight: 200; color: #fff; margin-top: 15px; margin-right: 15px}

.carousel-caption h2 { font-size:40px; font-weight: bold; padding: 20px 35px 20px 35px; margin: 0;  line-height: 1.1; background-color: rgba(53, 55, 67, 0.9); position: absolute; bottom:-70px; z-index: 1; left: 45px; width: 610px; animation-name: slideInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.carousel-caption h2 small{ color: #fff; display: block; font-weight: bold; font-size:40px; }

.carousel-item { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#wowslider-container1:hover .ws_fullscreen{ display: none;}
#wowslider-container1 .ws_fullscreen{ display: none;}

/* inner banner */
.banner-bg2{text-align: center; background-color: #333;}
.banner-bg2 img{margin: 0 auto; max-width: 100%;}
.carousel-caption2{position: absolute; bottom: 40px; max-width: 1300px; margin: 0 auto; left: 0; right: 0; text-align: left;}
/* .carousel-caption2::before{position: absolute; content: ""; width: 24%; height: 80px; top:0; left:0; -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); background-color: rgba(138, 138, 138, 0.9); -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} */
.carousel-caption2 .cardelay-inner h2{font-size: 34px; color: #fff; font-weight: 300; padding: 20px 145px 20px 25px; line-height: 1; display: inline-block; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background-color: rgba(138, 138, 138, 0.9); -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); position: relative; top:10px; left: 10px; }
.carousel-caption2 .cardelay-inner h2::before{position: absolute; content: ""; height:100%; top:7px; left:8px; width: 100%; background-color: rgba(25, 158, 225, 0.8); z-index: -9;}


/* Welcome Part */
.wel-bg { background-color:rgba(255, 255, 255, 0.9); background: url(../images/welcome-bg.jpg)  center no-repeat; background-size: cover; position: relative; z-index: 1;}
.wel-cnt { display: flex; width: 100%; padding: 45px 0 45px;  justify-content: space-between;}
.wel-cnt .wltl { width:60%; padding: 0px; text-align: left;}
.wel-cnt .wltl h1 { color: #625c5c; font-size: 28px; font-weight: 200; position: relative; margin-bottom:8px; padding: 20px 5px 0px 25px; line-height: 38px;}
.wel-cnt .wltl h1 b { color: #0094de; font-size: 36px; font-weight:800; display: block; }
.wel-cnt .wltl h1:before{ width:38px; height:2px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top: 0; left: 0;}
.wel-cnt .wltl h1:after{ width:2px; height:94px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top: 0; left: 0;}
.wel-cnt .wltl .wbox{padding: 10px 0 10px 25px; margin: 0 0 10px; position: relative;}
.wel-cnt .wltl p { color: #333; font-size: 14px; text-align: justify; line-height: 1.6; margin:15px 0px;}
.wel-cnt .wltl .wbtn { width: 100%; margin-top: 15px; background-color: #fff; padding:20px 20px; border-top: 2px solid #ececec;}
.wel-cnt .wltl .wbtn .wbtn-box{ display: flex; justify-content: space-between}
.wel-cnt .wltl .wbtn .wbtn-box span{ display: flex; justify-content: space-between; align-items: center; }
.wel-cnt .wltl .wbtn .wbtn-box span:last-child{ margin-right: 0;}
.wel-cnt .wltl .wbtn .wbtn-box span a{ width: 100%; display:flex; align-items: center; font-family: 'Raleway', sans-serif; color: #999; border-right: 1px solid #efefef; margin-right: 12px; justify-content: space-between}
.wel-cnt .wltl .wbtn .wbtn-box span a:hover{ color: #0094de}
.wel-cnt .wltl .wbtn .wbtn-box span a:hover small{ color: #777}
.wel-cnt .wltl .wbtn .wbtn-box span a:hover b img{ animation-name: flipInX ; animation-duration: 1s;}
.wel-cnt .wltl .wbtn .wbtn-box span:last-child a{ border-right: 0 none; margin-right: 0px;}
.wel-cnt .wltl .wbtn .wbtn-box span a b{ width:22%;}
.wel-cnt .wltl .wbtn .wbtn-box span a b img{ max-height:30px;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2{ width: 78%; margin: 0; text-transform: uppercase; font-size: 16px; color: 999; padding-left: 10px;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2 small{ display: block; color:#333; font-size:16px; text-transform: none; font-weight: 500;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(1){ width: 32%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(2){ width: 30%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(3){ width: 22%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(4){ width: 15%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(1) a h2{ padding-left: 8px;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(2) a h2{ padding-left: 8px;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(3) a h2{ padding-left: 8px;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(4) a h2{ padding-left: 8px;}

.wel-cnt .wltr { width:35%; display: flex; align-items:Center; justify-content:flex-end; position: relative}
.wel-cnt .wltr .wltr-image{ position: absolute; top:15px;}

.wel-cnt .wltr .wel-vdo{ width: 100%; position:relative; z-index:0;}
.wel-cnt .wltr .wel-vdo::before{ width:250px; height:250px; content:""; left:0px; right:0; margin:0 auto; top:-43px; background-color:rgba(255, 255, 255,1); position:absolute; background:url(../images/pattern-1.png) left repeat; z-index:-1;}
.wel-cnt .wltr .wel-vdo::after{ width:250px; height:250px; content:""; left:0px; right:0; margin:0 auto; bottom:-55px; background-color:rgba(255, 255, 255,1); position:absolute; background:url(../images/pattern-1.png) left repeat; z-index:-1;}
.wel-cnt .wltr .wel-vdo span{ display: flex; width: 100%; position: relative;}
.wel-cnt .wltr .wel-vdo span img{ width:100%; max-width:100%; object-fit:cover; max-height:490px;}
.wel-cnt .wltr .wel-vdo span small{ position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.wel-cnt .wltr .wel-vdo span small::before{ width:100%; height:100%; content:""; left:0; bottom:0; background-color:rgba(1, 35, 57, 0.5); position:absolute;}
.wel-cnt .wltr .wel-vdo span small a i{ font-size:30px; color:rgba(255, 255, 255, 0.95); border:2px solid rgba(255, 255, 255, 0.95); border-radius: 50px; width:80px; height:80px; display:flex; align-items:center; justify-content:center; padding-left:10px;}

/* 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); } 
 76% { transform: scale(1); } 
 100% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0), 0 0 0 27px rgba(255, 255, 255, 0); transform: scale(1); } 
 }

/* Welcome Right Animation */
.row-has-animation .wpb_column{position:relative;z-index:1000}
/* .row-has-animation .stm_lms_row_animation{position:absolute;top:50%;right:12%;margin-top:-238px;z-index:100} */
.row-has-animation .stm_lms_row_animation .book1,.row-has-animation .stm_lms_row_animation .book2,.row-has-animation .stm_lms_row_animation .bubblespeech,.row-has-animation .stm_lms_row_animation .magnifier,.row-has-animation .stm_lms_row_animation .moon{position:absolute}
.row-has-animation .stm_lms_row_animation .book1{ top:-15px; right:0px;-webkit-animation:slideDown 5s infinite;animation:slideDown 5s infinite}
.row-has-animation .stm_lms_row_animation .book2{ bottom:25px; right:0px; -webkit-animation:slideUp 5s infinite; animation:slideUp 5s infinite; }

@-webkit-keyframes slideDown{0%,100%,70%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(20px);transform:translateY(20px)}}
@keyframes slideDown{0%,100%,70%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(20px);transform:translateY(20px)}}
@-webkit-keyframes slideUp{0%,100%,60%{ -webkit-transform:translateY(0); transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }30%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
@keyframes slideUp{0%,100%,60%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
@-webkit-keyframes slideUpSmall{0%,100%,60%{-webkit-transform:translateY(0);transform:translateY(0)}30%{  transform:translateY(-10px);}}
@keyframes slideUpSmall{0%,100%,60%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
@-webkit-keyframes circle{from{-webkit-transform:rotate(0) translate(-3px) rotate(0);transform:rotate(0) translate(-3px) rotate(0)}to{-webkit-transform:rotate(360deg) translate(-3px) rotate(-360deg);transform:rotate(360deg) translate(-3px) rotate(-360deg)}}
@keyframes circle{from{-webkit-transform:rotate(0) translate(-3px) rotate(0);transform:rotate(0) translate(-3px) rotate(0)}to{-webkit-transform:rotate(360deg) translate(-3px) rotate(-360deg);transform:rotate(360deg) translate(-3px) rotate(-360deg)}}
/* @media (max-width:769px){.row-has-animation .stm_lms_row_animation{display:none}} */

/* Services and Our Industrial */
.ser-bg { background-color:rgba(255, 255, 255, 0.9); background: url(../images/services-bg.jpg) center no-repeat fixed; background-size: cover; position: relative;}
.ser-bg .ser-scrl { width: 100%; padding: 45px 0 0px; }

.ser-bg .ser-scrl .ser-tit{ position: relative;}
.ser-bg .ser-scrl .ser-tit:before{ width: 50%; height: 1px; content: ""; background-color: #393a44; right: 120px;
bottom: 18px; position: absolute;}

.ser-bg .ser-scrl .ser-tit h1 { color: #d6d5d5; font-size: 32px; font-weight: 200; position: relative; margin-bottom:8px; padding: 20px 5px 0px 25px; line-height: 38px;}
.ser-bg .ser-scrl .ser-tit h1 b { color: #fff; font-size: 40px; font-weight:800; display: block; }
.ser-bg .ser-scrl .ser-tit h1:before{ width: 38px; height: 2px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top: 0; left: 0;}
.ser-bg .ser-scrl .ser-tit h1:after{ width:2px; height:94px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top: 0; left: 0;}

/* Services Box Slide */
.ser-box{  padding: 20px 30px 10px; position: relative; z-index: 1; margin: 20px 0px;}
.ser-box-cnt{ text-align: center; width: 100%; padding: 20px 20px; position: relative; height: 400px;}
.ser-box-cnt:last-child{margin-right: 0;}
.ser-box-cnt:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; bottom: 0%; background-color: rgba(30, 31, 35, 0.7); z-index: 1; transition: all 0.5s ease 0s; visibility: hidden; opacity: 0; border: 1px solid #20222a; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: e-resize; }
.ser-box-cnt:hover::before { top: 0; transition: all 0.5s ease 0s; bottom:0; height: 100%; width: 100%; opacity: 1; visibility: visible; }
.ser-box-cnt span { margin-bottom:20px; height: 190px; overflow: hidden; display: flex; }
.ser-box-cnt span img{object-fit: contain; margin: 0 auto; width: auto; height: auto;}
.ser-box-cnt h2 { font-size: 18px; color: #fff; font-weight:600;  text-transform:uppercase; margin: 20px 0px; position: relative; padding: 0px 30px; display: flex; align-items: center; justify-content: center; min-height: 42px;}
.ser-box-cnt h2:before{ position: absolute; background-color:#3e3f49; left:0; width: 25px; height: 1px; content: ""; }
.ser-box-cnt h2:after{ position: absolute; background-color:#3e3f49; right:0; width: 25px; height: 1px; content: "";}
.ser-box-cnt p { text-align: center; font-size: 14px; color: #d5d5d5; margin-bottom: 5px; line-height:1.5; font-weight: normal; text-transform: none; }
.ser-box-cnt a { color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 500; display: inline-block; position: absolute; top: -40%; z-index: 9; margin: 0 25%; padding: 12px 15px; border-radius: 25px; left: 0; right: 0;transition: all 0.5s ease 0s; visibility: hidden; opacity: 0; background-color: rgba(0, 147, 221, 0.8)}
.ser-box-cnt:hover a{visibility: visible; top: 45%; transition: all 0.5s ease 0s; opacity: 1;}
.ser-box-cnt a:hover { color: #0094de; background-color:rgba(255, 255, 255, 0.85);}

/* Services Box Slide Controls */
.ser-box  .owl-controls{ display: block !important;}
.ser-box .owl-buttons{ position: absolute; right: 0; top: -80px;}
.ser-box .owl-buttons i{ padding:8px; background-color: #3c3d46; height: 28px; width: 28px; border-radius: 50px; color: #fbfbfb;}
.ser-box .owl-controls .owl-buttons div{ background: transparent; padding: 0;}

/* Service Content With Enquiry */
.ser-cont{ width: 100%; padding: 46px 0px 28px; display: flex; justify-content: space-between; position: relative;}
.ser-cont:before{ background-color:rgba(2,140,210,0.6); width:2000px; height: 100%; content: ""; bottom: 0; position: absolute; left: -350px; z-index: -1}
.ser-cont .ser-lft{ width:67%;}
.ser-cont .ser-lft h1 { color: #d6d5d5; font-size: 28px; font-weight: 200; position: relative; margin-bottom:20px; padding: 20px 5px 0px 25px; line-height: 38px;}
.ser-cont .ser-lft h1 b { color: #fff; font-size: 34px; font-weight:800; display: block; text-transform: uppercase }
.ser-cont .ser-lft h1:before{ width: 38px; height: 2px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top: 0; left: 0;}
.ser-cont .ser-lft h1:after{ width:2px; height:94px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); top:0; left:0;}
.ser-cont .ser-lft p{ color: #e2e1e1; line-height: 1.5; text-align: justify; font-size: 14px; margin-bottom: 50px;}
.ser-cont .ser-lft .ser-link{ margin-top: 20px; position: absolute; bottom: 25px;}
.ser-cont .ser-lft .ser-link a{ font-size: 15px; display: inline-block; padding: 5px 20px; background-color:transparent; color: #d3d1d1; font-weight: 300; border:1px solid #e7e7e7; border-radius: 50px; font-family: 'Raleway', sans-serif;}
.ser-cont .ser-lft .ser-link a:hover{color: #56c2ff;}
.ser-cont .ser-lft .ser-link a:hover i{color: #56c2ff;}
.ser-cont .ser-lft .ser-link a i{ padding-left: 5px; font-size:14px; color: #80b4d1;}
.ser-cont .ser-rht{ width:30%; background-color: #f7f7f7; position: relative; text-align: center; padding:40px 25px 40px; }
.ser-cont .ser-rht:before{ width:100%; height:126%; position:absolute; content:""; background-color:#f7f7f7; top: -46px; left: 0; z-index: -1;}
.ser-cont .ser-rht h2{ font-size: 20px; color: #625c5c; font-weight: 400; line-height: 1.4; width: 100%; margin-bottom: 25px;}
.ser-cont .ser-rht h1{ font-size: 30px; color: #0094de; font-weight: 600; letter-spacing: 0; line-height: 1.2; width: 100%; }
.ser-cont .ser-rht .ser-link{ margin-top: 35px;}
.ser-cont .ser-rht .ser-link a{ display: inline-block; background-color: #0094de; color: #fff; font-size: 18px; text-align: center; font-family: 'Raleway', sans-serif; padding: 10px 30px; border-radius: 50px; font-weight: 400; border: 1px solid #0094de;}
.ser-cont .ser-rht .ser-link a:hover{ color: #0094de; border: 1px solid #0094de; background-color: transparent}

/* Industry Home */
.indst-bg{ background: url(../images/industry-bg.jpg) center no-repeat fixed; background-size: cover; padding: 30px 0px 45px;}
.indst-title{ display: flex; justify-content: center; align-items: center; font-size: 36px; text-transform: uppercase; color: #0094de; font-weight:800; padding-bottom:15px; position: relative; margin-bottom: 40px;}
.indst-title:before{ position: absolute; bottom: 0; border-bottom: 2px dotted #b8b8b8; width: 210px; height: 2px;
content: "";}
.indst-title:after{ position: absolute; bottom: -5px; border: 1px solid #b8b8b8; width: 14px; height: 14px; content: ""; border-radius: 50px; background-color: #fff;}

.indst-box{ width: 100%;}
.indst-box .indst-box-cnt{ text-align: center; position: relative; display: flex; justify-content: center;}
.indst-box .indst-box-cnt:before{ background:linear-gradient(rgba(255, 255, 255, 0) 20%, #333 100%); transition: all 0.2s ease-in-out 0s; content: ''; width:98%; height: 50%; opacity: 0.7;  position: absolute; bottom: 0; left:3px;}
.indst-box .indst-box-cnt a{ position: absolute; bottom: 10px; width:90%; color: #fff; background-color: rgba(28, 28, 28, 0.6); padding: 10px 15px; border: 1px solid rgba(28, 28, 28, 0.4); font-family: 'Raleway', sans-serif;}
.indst-box .indst-box-cnt a small{ font-size: 14px; color: #ddd; font-family: 'Raleway', sans-serif; display: block;}
.indst-box .indst-box-cnt a b{ display: block; font-weight: 600; text-transform: uppercase; font-size: 18px;}
.indst-box .indst-box-cnt:hover a{ background-color: rgba(255, 255, 255, 0.8); bottom:30px; color: #0094de; border: 1px solid #fff; box-shadow: 0 10px 5px rgba(0, 0, 0, 0.4);}
.indst-box .indst-box-cnt:hover a small{ color: #333}
.indst-box .indst-box-cnt span{ overflow: hidden; width: 98%; display: flex; min-height:380px; justify-content: center;}
.indst-box .indst-box-cnt span img{ -webkit-animation: scale 20s linear infinite; animation: scale 20s linear infinite; -webkit-animation: scale 20s linear infinite; width: 100%;}
@-webkit-keyframes scale { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); }}
@keyframes scale { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); }}

/* Our Partners */
.ptnrs-bg{ background-color: #fff;}
.ptrns-scrl { background-color: #fff; padding:30px 0px 40px;}
.ptrns-scrl h1{ display: flex; justify-content: center; align-items: center; font-size: 32px; text-transform: uppercase; color: #0094de; font-weight:800; padding-bottom:15px; position: relative; margin-bottom:40px;}
.ptrns-scrl h1:before{ position: absolute; bottom: 0; border-bottom: 2px dotted #b8b8b8; width: 210px; height: 2px;
 content: "";}
.ptrns-scrl h1:after{ position: absolute; bottom: -5px; border: 1px solid #b8b8b8; width: 14px; height: 14px; content: ""; border-radius: 50px; background-color: #fff;}
.ptrns-scrl .ptnrs-lst{ border: 1px solid #ececec; margin:2px; height: 120px; display: flex; justify-content: center; padding: 5px;}
.ptrns-scrl .ptnrs-lst a{ display: flex;}
.ptrns-scrl .ptnrs-lst img{ width: auto; height: auto; margin: 0 auto; object-fit: contain; max-width:200px;}
/* Footer Section */
.footer-wrapper { background: #201d1d url(../images/footer-bg.png)  center bottom no-repeat fixed; position: relative; margin-top: 100px; background-size: cover;}
.enqry-main{ width: 100%; font-family: 'Raleway', sans-serif; background-color: #057bb8; padding: 25px 0px 0px; position: absolute; top: -100px; z-index: 9;}
.enqry-main h2{ text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 24px; margin-bottom: 0;}
.enqry-main p{ margin: 5px 0px 0px; font-size: 14px; color: #d0d0d0; text-align: center;}
.enqry-main .enqry-frm{ width: 100%; padding:20px 30px 25px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center}
.enqry-main .enqry-frm #error_new{ width: 100%; position: absolute; bottom: 8px; left: 30px; font-size: 12px; color: #dfdfdf !important;}
.enqry-main .enqry-frm .enqry-frm-inpt{ background-color: rgba(255,255,255,0.18); border:0 none; border-radius: 3px; min-height: 40px; padding: 10px 10px; width: 33%; margin-bottom: 5px; margin-right: 5px; color: #fff;}
.enqry-main .enqry-frm .enqry-frm-inpt:nth-child(4){position: relative;}
.enqry-main .enqry-frm .enqry-frm-inpt::placeholder{color: rgba(255, 255, 255, 0.5); opacity: 1; font-weight: 200;}
.enqry-main .enqry-frm .enqry-frm-inpt:nth-child(3n+3){ margin-right: 0;}
.enqry-lnk{ margin-top: -4px;}

.enqry-lnk input{ text-align: center; color: #fff; font-size: 15px; background-color:rgba(0, 0, 0, 0.3);
-webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%); clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%); padding: 8px 35px 8px 15px; border: 0 none; margin-left: 6px; cursor: pointer; transition:all ease 0.4s;}
.enqry-lnk input i{ padding-left:8px; font-size: 15px;}
.enqry-lnk input:hover{ background-color:rgba(0, 0, 0, 0.5); transition:all ease 0.4s; }

.enqry-lnk a{ text-align: center; color: #fff; font-size: 15px; background-color:rgba(0, 0, 0, 0.3);
-webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%); clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%); padding: 8px 35px 8px 15px;}
.enqry-lnk a i{ padding-left:8px; font-size: 15px;}
.enqry-lnk a:hover{ background-color:rgba(0, 0, 0, 0.5); }
.enqry-main .enqry-frm .enq-slct{color: #fff; font-size: 14px;}
.enqry-main .enqry-frm .enq-slct option{color: #000; }

/* Captcha */
#mdl-captcha .modal-header{ background-color: #f3f3f3; padding: 10px 15px;}
#mdl-captcha .modal-header h4{ font-size: 20px;}
#mdl-captcha .form-group{ width: 100%;}
#mdl-captcha .eng-frm{ display: flex; align-items: center; margin: 10px 0px 10px; }
#mdl-captcha .eng-frm label{ text-align: right; font-weight: 500; color: #333; margin-bottom: 0;}
#mdl-captcha .add-butt{ text-align:center;  margin-bottom:0px; padding:20px 15px; border-top:1px solid #e7e7e7; margin-top:20px;}
#mdl-captcha .btn-submit{ background-color:#0094de; border:1px solid #0094de; border-radius:0; color:#fff; transition:0.4s; border-radius:2px; border-radius:30px; padding:3px 15px; text-transform: uppercase; font-size: 13px; margin-right:3px;}
#mdl-captcha .btn-submit:hover{ color:#0094de; background-color:transparent;}
#mdl-captcha .btn-submit:focus{ color:#0094de; background-color:transparent;}
#mdl-captcha .btn-cancel{ background-color:#f2f2f2; border:1px solid #ddd; color:#222; transition:0.4s; margin-right:3px; border-radius:30px; padding:3px 15px; text-transform: uppercase; font-size: 13px;}
#mdl-captcha .btn-cancel:hover{ color:#333; background-color:transparent;}

/* Footer Link */
.footer-main{  text-align:left; position: relative;}
.footer-link { width: 100%; padding-top: 120px; display: flex; position: relative;}

.footer-link .footer-lft{ width: 30%; background-color: #1d1b1b; padding: 15px 20px  240px; border-bottom: 1px solid #363333;}
.footer-link .footer-lft h2{ color: #727070; font-size: 20px; margin:25px 0px 20px; position: relative; padding-left: 15px;}
.footer-link .footer-lft h2:before{ width:4px; height:20px; position: absolute; content: ""; background-color: rgba(0, 148, 222, 0.6); left: 0; bottom: 2px;}
.footer-link .footer-lft span{ display: block;}
.footer-link .footer-lft span img{ text-align: left; padding: 10px 0px;}
.footer-link .footer-lft .ftr-dtls{ width: 100%; text-align: left;}
.footer-link .footer-lft .ftr-dtls h1{ margin: 18px 0px 12px; font-size: 20px; color: #fff; text-transform: uppercase;}
.footer-link .footer-lft .ftr-dtls span.add{ width: 100%; display: block; font-size: 15px; color: #969495;
font-family: 'Montserrat', sans-serif; padding: 6px 0px;}
.footer-link .footer-lft .ftr-dtls span.add i{ font-size: 15px; width: 18px; padding-right: 3px; color: #625c5c;}
.footer-link .footer-lft .ftr-dtls span.fax{ width: 100%; display: block; font-size: 15px; color: #969495;
font-family: 'Montserrat', sans-serif;}
.footer-link .footer-lft .ftr-dtls span.fax b{ font-weight: 400; color: #969495; border-right: 1px solid #363232; padding-right: 12px; margin-right: 12px;}
.footer-link .footer-lft .ftr-dtls span.fax b:last-child{ border-right: 0 none;}
.footer-link .footer-lft .ftr-dtls span.fax b i{ font-size: 14px; width: 18px; padding-right: 3px; color: #625c5c;}
.footer-link .footer-lft .ftr-dtls span.mail{ width: 100%; padding: 3px 0px;; display: block;}
.footer-link .footer-lft .ftr-dtls span.mail i{ color: #625c5c; font-size: 14px; width: 18px;}
.footer-link .footer-lft .ftr-dtls span.mail a{ color: #0094de; font-size: 15px; display: inline-block;
font-family: 'Montserrat', sans-serif;}
.footer-link .footer-lft .ftr-dtls span.mail a:hover{ color: #3cbbfb;}

.ftr-map{ position: absolute; margin: 20px 0px 0px; width: 41%; bottom: 25px;}
.ftr-map iframe{ width: 100%; height:175px; border: 0 none}

.footer-link .footer-rht{ width:70%; padding:35px 0px 35px 25px;}
.footer-link .footer-rht .footer-rht-top{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-link .footer-rht .footer-rht-top h2{ font-size: 18px; color: #eee; text-transform: uppercase; margin-bottom: 18px; width: 100%}
.footer-link .footer-rht .footer-rht-top ul{ padding: 0; margin: 0; /* column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; */ border-right: 1px solid #363333; width: 32%;}
.footer-link .footer-rht .footer-rht-top ul:last-child{ border-right: 0;}
.footer-link .footer-rht .footer-rht-top ul li{ list-style: none; line-height: 1.8; font-size: 14px; position: relative; padding-left:12px;}
.footer-link .footer-rht .footer-rht-top ul li:before{ position:absolute; background-color:#444; width:8px; height:8px; content:""; top:9px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%); left:-2px;}
.footer-link .footer-rht .footer-rht-top ul li a{ color: #b1b1b1;}
.footer-link .footer-rht .footer-rht-top ul li a:hover { color: #0094de; margin-left: 5px; }

.footer-rht-btm{ width: 100%; display: flex; justify-content: space-between; margin-top: 30px; border-bottom: 1px solid #363333;  padding-bottom:25px;}
.footer-rht-btm .ftr-lnk{ width: 32%; border-right: 1px solid #363333;}
.footer-rht-btm .ftr-lnk:last-child{ border-right: 0 none }
.footer-rht-btm .ftr-lnk h2{ font-size: 18px; color: #eee; text-transform: uppercase; margin-bottom: 18px;}
.footer-rht-btm .ftr-lnk ul{ padding: 0; margin: 0;}
.footer-rht-btm .ftr-lnk ul li{ list-style: none; line-height: 1.8; font-size: 14px; position: relative; padding-left:12px;}
.footer-rht-btm .ftr-lnk ul li:before{ position:absolute; background-color:#444; width:8px; height:8px; content:""; top:9px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%); left:-2px;}
.footer-rht-btm .ftr-lnk ul li a{ color: #b1b1b1;}
.footer-rht-btm .ftr-lnk ul li a:hover { color: #0094de; margin-left: 5px; }

.footer-cpy-wright{ width: 100%; padding: 30px 0px 0px 165px; margin-top:40px;}
.footer-cpy-wright .scl-icns{ width: 100%; position: relative; padding-bottom:20px;}
.footer-cpy-wright .scl-icns:before{ width: 100%; height: 1px; content: ""; background-color:#363333; left: 0; bottom: 0; position: absolute;}
.footer-cpy-wright .scl-icns span{ color:#727070; font-size: 15px; padding-right:8px;}
.footer-cpy-wright .scl-icns a{ margin-left: 5px; color: #666}
.footer-cpy-wright .scl-icns a:hover i{ color: #0094de;}
.footer-cpy-wright .scl-icns a i{ width: 35px; text-align: center; padding: 9px 0; color: #fefefe; transition: all 0.5s ease 0s; background-color:#312e2e; border-radius: 50px; width: 32px; height: 32px; }
.footer-cpy-wright .copy-wright{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top:20px;}
.footer-cpy-wright .copy-wright span{ color:#5f5e5e; font-size: 14px;}

/* Back To Top Scroll */
.scrollToTop { width:40px; height:40px; padding:0px; text-align:center; font-weight: bold; color: rgba(0,148,222,0.5); text-decoration: none; position:fixed; bottom:5px; right:15px; display:none; font-size:24px; }
.scrollToTop:hover { text-decoration:none; color: #0094de; }
.scrollToTop:focus { color: #0094de; }

/* X Hiden Animation */
.xhidden { opacity: 0; }
.xvisible { opacity: 1; }
.xanimated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.xanimated2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }


/* inner pages */
.inner-banner{position: relative; text-align: center; justify-content: center; background: url(../images/bg-logo.png) repeat;}
.inner-banner img{max-width: 100%;}

/* breadcrumb */
.breadcrumb-bg{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.breadcrumb-bg .breadcrumb{background: transparent; padding:0px; margin-bottom: 0px; font-size: 12px;}
.breadcrumb-bg .breadcrumb li{ font-size: 11px; align-items: center; justify-content: center; display: flex;}
.breadcrumb-bg .brd-lists {padding:10px 0px 5px 6px;;}
.breadcrumb-bg .breadcrumb li a{color:#0061a6; font-size: 13px;}
.breadcrumb-bg .breadcrumb li a:hover{color: rgb(0, 0,0);}
.breadcrumb i {font-size: 12px; margin: 6px 10px 0px; color: #625c5c;}
.breadcrumb_part li a span{ color:#0094de; text-decoration:none; transition:0.4s;}
.brd-lists li a i{color: #0094de; margin-right: 4px;}
.breadcrumb > .active{ color:#666;} */

/*about page part*/
.cnt-part{padding: 0px; }
.inner-page{padding: 0px; min-height: 450px;}
.inner-title h1 {font-size:32px; font-weight: 700; color:#0094de; text-align: center; transition: all 0.5s; padding:20px 0px; position: relative; display: flex; justify-content: center;margin-bottom: 30px;text-transform: uppercase;}
.inner-page .abt-desc .about-img img{max-height: 300px; width: auto; }
.inner-page .abt-desc .about-img{text-align: center; padding: 0px; margin-bottom: 20px;}
.inner-title h1:before{ position: absolute; bottom: 0; border-bottom: 2px dotted #b8b8b8; width: 160px; height: 2px; content: "";}
.inner-title h1:after{ position: absolute; bottom: -5px; border: 1px solid #b8b8b8; width: 14px; height: 14px; content: ""; border-radius: 50px; background-color: #fff;}
.inner-page .abt-desc{padding:0px 12px 10px;margin-top: 35px;}
.inner-page .abt-desc h4{font-size: 20px; color: #0061a6;}
.inner-page .abt-desc p{line-height: 1.5; font-size: 14px;font-weight: 500; text-align: justify; }
.inner-page .abt-desc ul{list-style: none; margin-left:12px;}
.inner-page .abt-desc ul li::before{position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgb(0, 98, 165); left:55px; margin-top:5px;}
.inner-page .abt-desc ul li{padding-bottom:8px;}
.inner-title h3{ font-size:18px; font-weight: 400; color: #1b2c36; margin: 20px 0px 15px; background-color: #f3f3f3; border-radius: 3px; padding: 10px 10px; text-align: justify;}
.inner-title h2 { font-size:28px; font-weight:600; color: #0061a6; position:relative; margin-bottom:20px; transition:0.4s;}
/* .inner-page h2 {margin-bottom: 25px; font-size:22px; color: #1b2c36; position:relative; margin-bottom:18px; transition:0.4s; background: rgba(130, 130, 130, 0.1); border-left: 3px solid #0094de; padding: 6px 0px 6px 12px; } */

/* product content page */
.inner-page .prd-ovrvw .prd-desc{margin: 35px 0px 38px 0px;}
.inner-page .prd-desc .prd-img img{max-height:400px; width: auto; box-shadow:16px 17px 0px rgba(0, 0, 0, 0.1); transition: all 0.5s ease; object-fit: contain;}
/* .inner-page .prd-desc .prd-img:hover img{box-shadow:16px 17px 0px rgba(0, 97, 165); transition: all 0.5s ease; border-radius: 10px;} */
.inner-page .prd-desc .prd-img{text-align: center; padding: 0px; margin-bottom: 50px;}
.inner-page .prd-desc p{line-height: 1.5; font-size: 14px;font-weight: 500; text-align: justify; }
.inner-page .prd-desc ul{list-style: none;}
.inner-page .prd-desc ul li::before{position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgb(0, 98, 165); left:40px; margin-top:5px;}
.inner-page .prd-desc ul li{padding-bottom:8px;}
.inner-page .prd-desc h3{font-size: 20px; color: #fff; background-color: rgba(0, 98, 165, 1); -webkit-clip-path: polygon(0% 0, 85% 0, 100% 100%, 0 100%); clip-path: polygon(0% 0, 85% 0, 100% 100%, 0 100%); padding:10px 80px 10px 10px; position: relative; display: inline-block; margin-bottom: 12px;}

.vsn-msn-main{margin:30px 0px 140px 0px;}
.msn-bg{background: #eee; margin: 20px 0 0 0; }
.vsn-bg{background: #eee; margin: 0; }

.vsn-bg .img-left span{height: 350px; margin: 0 auto; display: flex; justify-content: center;}
.vsn-bg .img-left span img{object-fit: contain; margin: 0 auto; width: auto; height: auto;}
.vsn-lft {margin: 0; padding: 30px 20px 0px 25px;}
.vsn-lft .vsn-title p, .msn-rht .msn-title p{text-align: justify;}
.vsn-bg .img-left, .msn-bg .img-rht{padding: 0;}
.vsn-lft:hover .vsn-title h2 i, .msn-rht:hover .msn-title h2 i {animation-name: bounce; animation-duration: 1s; transition: 0.4s;}

.msn-bg .msn-rht{padding: 30px 20px 0px 20px;}
.msn-bg .img-rht span{height: 350px; display: flex; margin: 0 auto; justify-content: center;}
.msn-bg .img-rht span img{object-fit: contain; margin: 0 auto; width: auto; height: auto;}

.msn-bg .msn-title h2, .vsn-lft .vsn-title h2 {font-size: 20px; color:rgba(0, 98, 165,1); font-weight: 500px;position: relative; display: flex; margin-bottom: 15px; display: flex; align-items: center; }
/* .msn-bg .msn-title h2 span, .vsn-lft .vsn-title h2 span {background-color: rgb(104, 122, 134); width: 25%; -webkit-clip-path: polygon(0% 0, 85% 0, 100% 100%, 0 100%); clip-path: polygon(0% 0, 85% 0, 100% 100%, 0 100%); padding:10px;} */
.msn-bg .msn-title h2 i, .vsn-lft .vsn-title h2 i {padding: 14px; background: rgb(0, 98, 165); color: #fff; border-radius: 50px; font-size: 16px; margin-right: 10px;}

.vsn-msn-main .vsn-lft ul, .vsn-msn-main .msn-rht ul{list-style: none;}
.vsn-msn-main .vsn-lft ul li::before, .vsn-msn-main .msn-rht ul li::before{position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgb(0, 98, 165); left:43px; margin-top:5px;}
.vsn-msn-main .vsn-lft ul li, .vsn-msn-main .msn-rht ul li{padding-bottom:8px;}

/* management page */
.mng-cntr{padding:30px 0px 20px;}
.mng-cntr .manage-bg{padding:0; margin:0; }
.mng-cntr .manage-bg .mng-box{position: relative; overflow: hidden; transition: all 0.5s; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); margin-bottom: 15px; border: 1px solid #eee;}
.mng-cntr .mng-box .mng-media a{overflow: hidden; position: relative; display: flex; justify-content: center; height: 300px;}
.mng-cntr .mng-box .mng-media a img {object-fit:contain; height: auto; }
.mng-info .mng-title h3{font-size: 18px; font-weight: 600; display: flex; justify-content: center; color:#fff; position: relative; padding-top:10px; }
.mng-info .mng-pos b {display: flex; justify-content: center; color: #fff; letter-spacing: 1px; font-weight: 500;}
.mng-box .mng-info {padding:15px 20px 60px; background: rgba(0,97,166,1); text-align:center; width: 100%; position: absolute; transition: all 0.5s; bottom:-51px; min-height: 160px;}
.mng-box .mng-info::before{position: absolute; content: ""; background: #0094de; width: 15px; height: 15px;transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); top:-8px;margin-left:-12px;}
.mng-box .mng-media:hover .mng-info{transition: all 0.5s; background: rgba(0,148,222,1); bottom:-45px; padding:15px 20px 20px;}

/* Contact Page */

.contact-pg .contact-lft{background: #0061a6; padding:25px; }
.cnt-page{margin:25px 0px 10px; }
.cnt-topbox{position: relative; border: 1px solid #eee; padding:20px;}
.cnt-info{overflow: hidden;}
.cnt-info .cmpny-tit{position: relative;}
.cnt-info .cmpny-tit h5{font-size: 18px; font-weight:400; color: #9d9d9d;}
.cnt-align{ margin-bottom:20px}
.cnt-info .cmpny-tit span { display: flex; align-items: center;}
.cnt-info .cmpny-tit h3{font-size: 18px; text-transform: uppercase; margin:15px 0px; color: #0094de;  font-weight: 600;}
.cnt-info .cmpny-tit h5 span i{font-size: 22px; color:rgb(0, 148, 222); margin-right: 5px; color: #0094de; font-weight: 600;}
.cnt-info .cmpny-tit span i{color: #0061a6; margin-right: 10px;}
.cnt-info .cmpny-tit span a{color: rgba(0, 0, 0, 1); }
.cnt-info .cmpny-tit span a:hover{color:#0061a6; }
.cnt-info .cmpny-tit p {font-weight: 500; line-height: 1.4; margin-bottom:15px; font-size: 14px; display: flex; align-items: center;}
.cnt-info .cmpny-tit p b{font-size: 14px; font-weight: 500;}
.enquiry-frm .enqry-title{background: rgba(0, 98, 165, 1); color:#fff;padding:15px 0px; margin-bottom:15px;}
.enquiry-frm .enqry-title h3{font-size: 18px;text-align: center;margin:0;}

.cnt-rht, .cnt-lft{padding: 10px;}
.cnt-rht .enquiry-frm {border: 1px solid #eee; padding:0;} /*background: rgba(245, 245, 220,0.4);*/
.cnt-rht .enquiry-frm .form-group{margin-bottom: 20px;}
.cnt-rht .enquiry-frm .form-control{border-style:none; border-bottom: 1px solid #ddd; background: none;}
.cnt-rht .enquiry-frm .form-control:focus{box-shadow: none;}
.cnt-rht .enquiry-frm .input-group-text{border:none;background: none;}
.cnt-rht .enquiry-frm .custom-select{border:none; border-bottom: 1px solid #ddd; background-color: transparent ;}
.cnt-rht .enquiry-frm .input-group-text i{color:rgba(0, 148, 222, 1);}
.cnt-rht .enquiry-frm .input-group-text{display: block; width: 45px;}
.cnt-rht .enquiry-frm .sbt-btn{background-image: linear-gradient(to bottom, #0061a6, #036cb6, #0677c7, #0882d8, #0b8de9); color: #fff; border-radius: 21px; border-style: none;padding:10px 50px; font-size: 15px; font-weight: 500; border:2px solid rgb(0, 98, 165); transition: all 0.8s ease; cursor: pointer; margin-right: 10px;}
.cnt-rht .enquiry-frm .rst-btn{background: #ddd; color: #000; border-radius: 21px; border-style: none; padding:10px 50px; font-size: 15px; font-weight: 500; border:2px solid rgb(221, 221, 221); transition: all 0.8s ease; cursor: pointer;}
.cnt-rht .enquiry-frm .sbt-btn:focus, .cnt-rht .enquiry-frm .rst-btn:focus{outline: none;}
.cnt-rht .enquiry-frm .sbt-frm{text-align: center; padding:18px 0px 16px;}
.cnt-rht .enquiry-frm .frm-pd{padding:15px;}
.cnt-rht .enquiry-frm .rst-btn:hover, .cnt-rht .enquiry-frm .sbt-btn:hover{background: transparent; color:#0061a6; transition: all 0.8s ease; border:2px solid rgb(0, 98, 165);}
.cnt-map{width:100%; height:250px; background: rgba(232, 232, 232, 0.8); padding:15px; margin-bottom: 130px; }

/* partners page */
.ptnrs-grp{padding:15px; margin-top: 20px; position: relative;background: #fff; display: flex; flex-wrap: wrap; overflow: hidden; width: 100%;}
.ptnrs-grp .ptnrs-logo{border: 1px solid #ddd; padding:10px; transition: all 0.5s;height: auto; display: flex; width: 19.2%; margin: 0px 10px 10px 0px; position: relative; overflow: hidden;}
.ptnrs-grp .ptnrs-logo a{height: 110px; display: flex;}
.ptnrs-grp .ptnrs-logo:nth-child(5n+5){margin-right:0;}
.ptnrs-grp .ptnrs-logo img{margin: 0 auto; width: auto; height: auto; object-fit: contain;}
.ptnrs-grp .ptnrs-logo:hover{transition: all 0.5s; box-shadow:0px 0px 15px rgba(177, 177, 177, 0.5);}
.ptnrs-grp .ptnrs-logo span{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin:0 auto; height: 100%; width: 100%; background: rgba(0, 98, 165,0.6); display: flex; align-items: center; justify-content: center; color:#fff; font-size: 15px; font-weight: 500; visibility: hidden; opacity: 0; transition: all 0.5s ease; animation-name: zoomOut; -webkit-animation-name: zoomOut; animation-duration: 1s; -webkit-animation-duration: 1s;}
.ptnrs-grp .ptnrs-logo:hover span{visibility: visible; opacity: 1; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; transition: all 0.5s ease; overflow: hidden}

/* downloads page */
.downloads { margin: 5px 0px 0px 0px;}
.downloads .dwld-sec p{ text-align: justify; margin-bottom: 10px;}
.dwld-sec .card{width: 100%; transition: all 0.5s ease; text-align: center; background-color: #fff; padding:8px;}
.dwld-sec .card > a{ overflow: hidden; display: flex; text-align: center; height: 180px; position: relative;}
.dwld-sec .card > a img{object-fit: cover; margin: 0 auto; height: auto; border-radius: 0; transition: transform .5s ease; display: block; transition: all 0.5s;}
.dwld-sec .card > a .img-ovrly{position: absolute; background: rgba(0, 148, 222, 0.8); width: 100%; left:0; right: 0; top: 0; transition: all 0.5s ease; opacity:1; margin: 0 auto; display: flex; opacity: 0;}
.dwld-sec .card > a span{margin: 0 auto; padding: 8px; color: #fff;}
.dwld-sec .card-footer{padding: 0; background-color: rgba(227, 227, 227, 0.9); border-top: 0;}
.dwld-sec .card-footer > a {display: block; width: 100%; padding: 10px; text-align: center; color: #6c6c6c;}
.dwld-sec .card-footer > a h5{margin: 0; font-size: 16px;} 
.dwld-sec .card > a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.dwld-sec .card > a:hover .img-ovrly{top: 80px; transition: all 0.5s ease; opacity: 1;}
.dwld-align{margin-bottom: 15px;}
.dwld-sec .card .img-ovrly:hover{background: rgba(0, 0, 0, 0.7);}


/* sourcing and supplies */
.spl-box{position: relative; background: rgba(0, 97, 166,1); margin-bottom: 30px; color:white;}
.spl-box .spl-media{margin-bottom: 30px; height:270px; display: flex; }
.spl-box .spl-media img{ width: auto; height: auto; object-fit: contain; margin:0 auto;}
.spl-box .spl-info{position: relative; text-align: center; padding:30px 25px 20px; display: block;}
.spl-box .spl-info .spl-icon{position: absolute; background: rgba(0, 97, 166,1); width: 80px; height:80px; color:#fff; border-radius: 50%; top:-64px; left:37%; box-sizing: border-box; line-height: 100px; display: flex; justify-content: center; transition: all 0.5s ease-in-out;}
.spl-box .spl-info .spl-icon i{font-size: 40px;}
.spl-box:hover{background: rgba(0, 148, 222, 1);}
.spl-box:hover .spl-icon{background: rgba(0, 148, 222, 1); animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.spl-box .spl-info .spl-cnt a h5{ font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff;}

.spl-box .spl-info .rd-more {display: block; opacity:1; transform: translate3d(0px, 9px, 0px); -webkit-transform: translate3d(0px, 9px, 0px); transition: all 0.4s ease 0s; color: #fff; font-size: 14px; padding:10px; background: #0094dd; border: 1px solid rgb(182, 182, 182); border-radius: 25px;}
.spl-box:hover .rd-more {opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }  

/* Industries */
.indus-pg{position: relative;}
.indus-pg .indus-tline{position: relative;}
.indus-pg .indus-tline::before{position: absolute; content: ""; border-right: 2px dotted #565656; bottom: 0; left:245px; top:50px;}

/* product page with tabs */

/* Product List Inner Page */
.product-page{ padding-top:10px;}
.prdlist-des{ margin:15px 0px;}
.prdlist-des h2{ font-size: 18px; font-weight: 500; color: #333; margin:15px 0px 10px; width:100%; }
.prdlist-des h3{ font-size: 18px; font-weight: 500; color: #007cc1; margin:15px 0px 10px; width:100%; }
.prdlist-des .table{ margin-bottom:0px; margin-top:10px;}
.prdlist-des .table thead th{ background-color:#888; padding:10px 6px; color:#fff; border-bottom: 0 none; border-top: 0 none; text-align:center;}
.prdlist-des .table tr{ transition:0.4s}
.prdlist-des .table tr td{ padding:7px; transition:0.4s; border:1px solid #eaeaea; font-size:13px; text-align:center}
.prdlist-des .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.prdlist-des .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.prdlist-des p{ text-align:justify; line-height:1.6; margin:5px 0px;}
.prdlist-des ul{ padding:0px; margin:0px;}
.prdlist-des ul li{ list-style:none; font-size:14px; line-height:1.8; background:url(../images/arrow1.png) left top 7px no-repeat; padding-left:15px; color: #555; text-align:justify;}
.prdlist-body{ width:100%; display: flex; flex-wrap: wrap; padding-top:5px;}
.prdlist-body .prd-item{ float:none; padding:15px; transition: all 0.5s ease 0s; background: #f5f5f5; border-radius:0px; display: flex; flex-wrap: wrap; width:49%; border:1px solid #f3f3f3; margin-right:15px; margin-bottom:15px;}
.prdlist-body .prd-item:nth-child(2n+2){ margin-right:0;}
.prdlist-body .prd-item:hover{ background-color:#f1f1f1; transition:0.4s;}
.prdlist-body p{ text-align:justify; line-height:1.6}
.prd-item:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-item .prd-img { width:100%; display:flex; height:240px; padding:0px; transition: all 0.5s ease 0s; border-radius:2px;}
.prd-item .prd-img a{ width:100%; overflow:hidden }
.prd-item:hover .prd-cont h2 a{ color:#d9291f;}
.prd-item .prd-img img{ width:100%; height:auto; margin: 0 auto;  transition:0.4s;}
.prd-item .prd-cont{ width:100%; transition: all 0.5s ease 0s; color:#666; font-size:13px; line-height:1.4; position:relative; text-align:justify; margin-top:6px;}
.prd-cont h3{ font-size: 20px; font-weight:500; color: #da271d; border-bottom: 1px dotted #d5d5d5; padding-bottom:8px; margin:10px 0px 10px; width:100%;}
.prd-cont h4{ font-size: 18px; font-weight: 500; color: #333; margin:10px 0px 10px; width:100%;}
.prd-cont ul{ margin:0px 0px; padding:0;}
.prd-cont ul li{list-style: none; font-size: 14px;  line-height:1.8; background:url(../images/arrow1.png) left top 7px no-repeat; padding-left: 15px;  color: #555; text-align:justify;}
.prd-cont p{ text-align:justify; line-height:1.6; margin:5px 0px}
.prd-item .prd-cont p{ padding:0; margin:0;}
.prd-item:hover .prd-cont{ background-color:transparent;}
.prd-item .prd-cont h2{ margin:0; padding:0; margin-bottom:10px;}
.prd-item .prd-cont h2{  padding:7px 10px 6px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; color:#017dc1; margin:10px 0px; text-align:center; line-height:1.4; background-color:#fff; border-bottom:none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prd-item .prd-cont h2 a{ color:#333; font-size:16px;}
.prd-item .prd-cont h2 a:hover{ color:#da271d;}
.prd-item .prd-cont h2 a i{ padding-right:5px; border-right:2px solid #ccc;}
.prd-item .prd-cont .desc ul{ margin:0px 0px; padding:0;}
.prd-item .prd-cont .desc ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px; font-family: roboto, Sans-serif; color: #555; text-align:justify;}
.prd-item .prd-cont .desc p{ padding:0; margin:0; text-align:justify; color:#333; font-family:roboto, Sans-serif; line-height:1.9; font-size:14px; padding-bottom:0px;}
.prd-item .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:8px;}
.prd-item .prd-cont .prd-link{  margin-top:9px; padding:0px; border-radius:3px;}
.prd-item .prd-cont .prd-link .btn-det{ display:inline-block; padding:4px 35px 4px 10px; background-color:#007cc2; color:#fff; font-size:12px; text-transform:uppercase; margin-left:0px; color:#fff; -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); }
.prd-item .prd-cont .prd-link .btn-det i{ margin-left:3px;}
.prd-item .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
/* // Product List Inner Page */

/* Baseoil Link-Details Page */
.bse-det{ width:100%;}
.bse-det h1{ font-size:26px; font-weight: 400; color: #007dc2; position: relative; padding-bottom: 10px; margin-bottom:15px; transition: 0.4s; }
.bse-det h2 { font-size:22px; font-weight:500; color: #333; position:relative; margin:10px 0px 12px; transition:0.4s; position:relative; padding-bottom:4px;}
.bse-det h2:before{ position:absolute; background-color:#ddd; width:50px; height:1px; left:0; content:""; bottom:0;}
.bse-det p { text-align: justify; margin:5px 0px 7px; line-height:1.6;}
.bse-det > ul { padding: 0; margin: 0; } 
.bse-det > ul > li { padding: 0 0 0 20px; margin: 0; list-style: none; position: relative; line-height:1.7; color:#555; text-align:justify;} 
.bse-det > ul > li::after { position: absolute; content: ""; height: 8px; width:8px;  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc)); left: 5px; top: 8px; transition: all 0.5s ease 0s; border-radius:50px;} 
.bse-name{ width:100%; border-bottom:1px dashed #ddd; margin-bottom:15px; padding:0px 0px 5px;}
.bse-name h3{ background:0 none; border-left:0 none; border-right:0 none; margin:0px 0px 5px; text-align:center; font-size:26px; font-weight:400; color:#0060a5;}

.bse-lnk{ width:100%; width: 100%; background: #f1f1f1; padding: 10px 10px; margin-bottom:10px; border-left:3px solid #eee; border-right:3px solid #eee; display: flex; margin-top:15px;}
.bse-lnk ul{ margin:0 !important; padding:0 !important; display:flex;}
.bse-lnk ul li{ list-style:none; border-right:1px solid #cecece; width: auto !important; border-bottom:0 none !important}
.bse-lnk ul li a{ margin: 0; padding:0px 15px 0px; position: relative; display: inline-block;  color:#027dc2; font-weight:500;}
.bse-lnk ul li:last-child{ border-right:none;}
.bse-lnk ul li a.active{ color:#ffb200;}
.bse-lnk ul li a:hover{ color:#eb2014;}
/* Baseoil Link-Details Page */

/* Tabs */
.det-tab{ margin-top:25px; border-radius:3px; width:100%}
.det-tab .nav-tabs{ text-align:center; border-bottom:0 none;}
.det-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.det-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.det-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border: 1px solid #e6e6e6; border-radius:0; border-radius:4px 4px 0 0; padding:0px; margin-bottom: 5px;}
.det-tab .nav-tabs-custom > .nav-tabs > li a{ padding:8px 10px; display:block; font-size:14px;}
.det-tab .nav-tabs-custom > .tab-content{ background-color:#fff; padding:20px; border:0 none; border:1px solid #e6e6e6; margin-top:-1px;}
.det-tab .nav-tabs-custom > .tab-content h1{ font-size: 22px; color: #f27d00; margin: 25px 0px 20px; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px;}
.det-tab .nav-tabs-custom > .tab-content h2{ font-size:20px; color:#027dc2; margin:5px 0px 10px;}
.det-tab .nav-tabs-custom > .tab-content h3{ font-size:17px; color:#333; margin:7px 0px; font-weight:500}
.det-tab .nav-tabs-custom > .tab-content h3 a{ text-decoration:none; color:#333;}
.det-tab .nav-tabs-custom > .tab-content h3 a:hover{ color:#da2a20;}
.det-tab .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:12px 0px;}
.det-tab .nav-tabs-custom > .tab-content .table{ margin:10px 0px;}
.det-tab .nav-tabs-custom > .tab-content .table thead th{ background-color:#888; padding:8px 6px; color:#fff; border-bottom: 0 none; text-align:center;}
.det-tab .nav-tabs-custom > .tab-content .table tr td{ padding:6px; border:1px solid #eaeaea; font-size:13px; text-align:center}
.det-tab .nav-tabs-custom > .tab-content .table tr td a{ color:#18a9fa;}
.det-tab .nav-tabs-custom > .tab-content .table tr td a:hover{ color:#da281e} 
.det-tab .nav-tabs-custom > .tab-content .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.det-tab .nav-tabs-custom > .tab-content .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.tab-enq .csr-form .form-group{ display:flex;}
.tab-enq .csr-form .form-group label{ text-align:right;}
.tab-enq h1{ font-size:18px; font-weight: 500; color: #444; border-bottom: 1px solid #e5e6f5; margin-bottom:30px; padding: 7px 0px; line-height:1.5;}
.tab-enq h1 span{ color:#017dc2; font-size:18px; display:block;}
.text-red{ color:#ed1a0e; font-size:15px; padding-right:2px;}
.red{ color:#ed1a0e; font-size:15px; padding-right:2px;}
.det-tab .nav-tabs > li{ position:relative;}
.det-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:8px 20px; font-size:16px; color:#444; border-radius:4px 4px 0 0; font-weight:500;}
.det-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background-color:#007cc1; color:#fff; border-color:#027dc2;}
.det-tab .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background-color:#007cc1; color:#fff; border-color:#007cc1;}
.det-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#ffb201; background: #007cc1; z-index:1; border-radius:4px 4px 0 0;}
.det-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.det-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}
.det-tab .pro-img span{ border-radius: 8px; border: 1px solid #eee; margin-right: 5px; margin-bottom: 5px; padding: 2px; width: 19%; display: block; transition:0.4s;}
.det-tab .pro-img span:nth-child(5n+5){  border-right:0 none;}
.det-tab .pro-img span a{ display:flex; background-color:#fff; text-align:center; margin:0; padding:0; height:200px;}
.det-tab .pro-img span a small{ display:flex; margin:0 auto;  max-height:200px;}
.det-tab .pro-img span a img{ width:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.det-tab .pro-img span:hover{ transition:all 0.5s ease 0s; box-shadow:0 15px 20px rgba(0,0,0,.2);}
.det-tab .pro-img .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}
.prgm-lnk-main{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.prgm-lnk-main .prgm-lnk{ width:49.5%; background:#f3f3f3; padding:10px 10px; border-radius:5px; margin-bottom:15px; border:1px solid #e9e9e9}
.prgm-lnk-main .prgm-lnk h3{ font-size:16px !important; color:#666; margin:0px;}
.prgm-lnk-main .prgm-lnk h3 span{ float:right;}
.prgm-lnk-main .prgm-lnk h3 span a i{ font-size:15px !important; color:#fff !important;}
.prgm-lnk-main .prgm-lnk h3 span a{ font-size:14px; text-transform:uppercase;}
.prgm-lnk-main .prgm-lnk h3 span a:hover{ color:#ffb200;}
.pdf-bg{ background-color:#ff1301; color:#fff; border:1px solid #d91c0e; border-radius:50px; padding:8px 11px;}
.word-bg{ background-color:#2654a9; color:#fff; border:1px solid #164499; border-radius:50px; padding:8px 11px;}
.excel-bg{ background-color:#217346; color:#fff; border:1px solid #196a3e; border-radius:50px; padding:8px 11px;}
.csr-form .btn-primary{background-color:#0094de; border:1px solid #0094de; border-radius:0; color:#fff; transition:0.4s; border-radius:2px; border-radius:30px; padding:6px 25px; text-transform: uppercase; font-size: 13px; }
.csr-form .btn-primary:focus{ color:#0094de; background-color:transparent;}
.csr-form .btn-default{ background-color:#f2f2f2; border:1px solid #ddd; color:#222; transition:0.4s; margin-right:3px; border-radius:30px; padding:6px 25px; text-transform: uppercase; font-size: 13px;}
.csr-form .btn-default:hover{ color:#333; background-color:transparent;}
.csr-form .btn-primary:hover{ color:#0061a6; background-color:transparent;}

/* Product Details */
.tab-dtl{ width:100%; justify-content: space-between;}
.tab-dtl h2{ font-size: 20px; color: #017dc2 !important; margin: 5px 0px 15px; width:100%;}
.tab-dtl p{ text-align: justify; font-size: 14px; line-height: 1.6; margin: 8px 0px; width:100%}
.tab-dtl ul { padding:5px; margin-bottom:0px; list-style: none; display: flex; flex-wrap: wrap; background-color:#f3f3f3; margin-bottom:15px;}
.tab-dtl ul:last-child{ margin-right:0;}
.tab-dtl ul li { padding:0px 0px; margin:0px; list-style: none; width:100%; display: flex; border-bottom: 1px solid #e8e8e8}
.tab-dtl ul li:last-child{ border-bottom:0 none;} 
.tab-dtl ul li b{ width:40%; padding: 5px 10px; border-right:1px solid #e4e4e4; color: #333; font-weight:500; text-transform: uppercase; position: relative; align-items: center; flex-wrap: nowrap; position:relative; font-size:13px; text-align: justify;}
.tab-dtl ul li span { width:60%; padding: 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; font-size:13px; display: flex;
align-items: center;}
.tab-dtl h1{ font-size: 22px; color: #333; width:100%;} 
.tab-dtl h3{ font-size: 20px; color: #333; width:100%}
.tab-dtl h4{ font-size: 16px; color: #888; width:100%; }   
.tab-dtl h5{ font-size: 14px; color: #999;  width:100%; }
.tab-dtl h6{ font-size: 12px; color: #888; width:100%; }

.prod-det { margin-top:10px; display: flex; flex-wrap: wrap; justify-content:space-between;} 
.prod-det h2{ font-size: 20px; margin: 5px 0px 15px; width:100%;}
.prod-det ul { padding:5px; margin-bottom:0px; list-style: none; display: flex; flex-wrap: wrap; width:49%; background-color:#f3f3f3;} 
.prod-det ul li { padding:0px 0px; margin:0px; list-style: none; width:100%; display: flex; border-bottom: 1px solid #e8e8e8}
.prod-det ul li:last-child{ border-bottom:0 none;} 
.prod-det ul li b { width:40%; padding: 5px 10px; border-right:1px solid #e4e4e4; color: #333; font-weight:500; text-transform: uppercase; position: relative; align-items: center; flex-wrap: nowrap; position:relative; font-size:13px; text-align: justify;}
.prod-det ul li strong { width:40%; padding: 5px 10px; border-right:1px solid #e4e4e4; color: #333; font-weight:500; text-transform: uppercase; position: relative; align-items: center; flex-wrap: nowrap; position:relative; font-size:13px; text-align: justify;}
.prod-det ul li span { width:60%; padding: 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; font-size:13px; display: flex;
align-items: center;}
.prod-det ul li span h1{ font-size: 22px; color: #333;} 
.prod-det ul li span h2{ font-size: 20px; color: #555;}
.prod-det ul li span h3{ font-size: 18px; color: #777;}
.prod-det ul li span h4{ font-size: 16px; color: #888;}   
.prod-det ul li span h5{ font-size: 14px; color: #999;}
.prod-det ul li span h6{ font-size: 12px; color: #888;}
 
.prd-det{  float:none; padding:0px 0px 5px; transition: all 0.5s ease 0s; width:100% }
.prd-det:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-det .prd-img{ width:24%; float:left;  }
.prd-det .prd-img span{ display:inline-block; margin:0 auto; border:1px solid #dfdfdf; padding:2px; transition: all 0.5s ease 0s; text-align:center; border-radius:2px; display:flex; background-color:#fff;}
.prd-det .prd-img span a{ position:relative; overflow: hidden; z-index: 1; display:inline-block; display:flex; height:165px; cursor:crosshair; width:100%;}
.prd-det .prd-img small{ margin:0px 0px;}
.prd-det .prd-img small a{ background-color: #28ae3d; color: #fff; display: block; padding:8px 15px; text-align: center; font-size: 16px; border-radius: 0px 0px 10px 10px; font-weight: 500; transition:0.4s;}
.prd-det .prd-img small a b{ display:block; padding-bottom:2px; font-size:16px; text-transform:uppercase; font-weight:300}
.prd-det .prd-img small a i{ padding-right:8px; animation: beat .25s infinite alternate; transform-origin: center;}
@keyframes beat{ to { transform: scale(1.2); }}
.prd-det .prd-img small a:hover{ background-color:#1b972e; transition:0.4s; box-shadow:8px 8px 2px #eee}
.prd-det .prd-img small a:hover i{ /* animation-name:rubberBand; animation-duration:1s; */ transition:0.4s;}

.prd-det .prd-img span:hover a:after{ top:0%;}
.prd-det .prd-img img{ width:auto; height:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.prd-det .prd-cont{ width:74%; float:right; padding:0 0px 0 20px; border-left:2px solid #f1f1f1;}
.prd-cont1{ width:100% !important; float:right; padding-left:0px !important; border-left:0 none !important; margin-top:15px;}
.prd-det .prd-cont p{ padding:0; margin:0; text-align:justify; line-height:1.7; padding-bottom:8px; font-size:14px;}
.prd-det .prd-cont .gs-offer{ position:absolute; right:0; top:0;}
.prd-det .prd-cont h1{ font-size: 26px; font-weight: 600; color: #444; margin-bottom:15px; padding-bottom:10px; position:relative}
.prd-det .prd-cont h1 small{ text-transform:uppercase; display:block; font-size:24px; font-weight:200; color:#007cc1; padding-top:2px;}
.prd-det .prd-cont h1:before{ position:absolute; background:#ededed; height:1px; content:""; left:0px; bottom:0; width:150px; transition:0.4s;}
.prd-det .prd-cont h2{ color: #0068b6; font-size:15px; font-weight: 600; padding:0px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}
.prd-det .prd-cont ul{ margin:0 auto; padding:0; margin-bottom:12px;}
.prd-det .prd-cont ul li{ list-style:none; font-size:14px;  line-height:1.9; background:url(../images/arrow5.png) left top 10px no-repeat; padding-left:15px; color:#555; text-align:justify;}
.prd-det .prd-cont .desc{ padding:8px 0px;}
.prd-det .prd-cont .desc .table{ margin-bottom:0px;}
.prd-det .prd-cont .desc .table thead th{ background-color:#888; padding:10px 6px; color:#fff; border-bottom: 0 none; border-top: 0 none; text-align:center;}
.prd-det .prd-cont .desc .table tr{ transition:0.4s}
.prd-det .prd-cont .desc .table tr td{ padding:7px; transition:0.4s; border:1px solid #eaeaea; font-size:13px; text-align:center}
.prd-det .prd-cont .desc .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.prd-det .prd-cont .desc .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.prd-det .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:10px; padding-top:12px;}
.prd-det .prd-cont .prd-btn span.dwn{ display:inline-block; padding:2px 10px; border-left:3px solid #ddd; font-size:12px; font-weight:normal; margin-left:10px;}
.prd-det .prd-cont .prd-link{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:12px;}
.prd-det .prd-cont .prd-link .btn-det{ display:inline-block; padding:5px 10px; background-color:#222aab; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-link .btn-cart{ display:inline-block; padding:5px 10px; background-color:#bae435; color:#333; font-size:14px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-cart:hover, .prd-det .prd-cont .prd-link .btn-cart.added{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-share{ border-top:1px solid #d9d5ff; margin-top:12px; padding-top:8px;}
.prd-det .prd-cont .brnd{ display:inline-block; font-weight:bold; padding:2px 15px 2px 0px; margin:0 0px 0 10px; border-right:3px solid #ddd;}
.prd-det .prd-cont .brnd small{ font-size:12px; text-transform:uppercase; color:#999; font-weight:normal;}
.prd-det .prd-cont .share-btn{ margin-left:15px;}
.prd-det .prd-cont .share-btn small{ font-size:12px; text-transform:uppercase; color:#999; }
.prd-det .prd-cont .share-btn a{ display:inline-block; width:30px; padding:4px 0; border-radius:50%; background-color:#eee; border:1px solid #ddd; margin-left:10px; text-align:center; cursor:pointer; color:#999;}
.prd-det .prd-cont .share-btn a:hover{ background-color:#bae435; border-color:#bae435; color:#fff;}
.prd-table .table thead th{ background-color: #1745a3; color: #fff; font-weight: 500; padding: 5px;}

/* Product More Image */
.clnt-list1 { flex-direction: row; align-items: stretch; height: 100%; padding: 0 14px; } 
.clnt-list1.col-2 { border: 1px solid #eee; padding: 30px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } 
.clnt-list1 .agu-imgs { background-color:#fff; padding:0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right:6px; border: 1px solid #ccc; height:auto; border-radius:2px;}
.clnt-list1 .agu-imgs:hover img{ transition:0.4s; transform:scale(0.95);} 
.clnt-list1 .agu-imgs a{display: flex; justify-content: center; height: 200px; padding: 3px; margin: 0 auto;} 
.clnt-list1 .agu-imgs img { max-height:initial; width: auto; height:auto; object-fit:contain; transition:0.4s;}

/* Consulting page */
.inner-page .faqs{width:100%; margin-bottom: 140px;}
.inner-page .faqs .faq-sec {margin-bottom: 10px;}
.faqs .faq-sec .card{ border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; }
.faqs .faq-sec .card .card-header, .faqs .faq-sec .card .card-header h2 {padding:0px; margin:0px;}
.faqs .faq-sec .faq-qs .card-header{padding: 5px 0px; background: rgb(0, 148, 222); }
.faqs .faq-sec .faq-qs .btn span{color: #fff; font-weight: 500; font-size: 16px;}
.faq-sec .faq-qs .btn-link{width: 100%; display: block; text-align: left; text-decoration: none;} 
.faq-sec .faq-ans .card-body{padding:15px 10px; text-align: justify;}
.faq-sec .faq-ans .card-body ul{list-style: none; margin: 0;}
.faq-sec .faq-ans .card-body ul li::before{position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgb(0, 98, 165); left:32px; margin-top:5px;}
.faq-sec .faq-ans .card-body ul li{padding-bottom:8px;}

/* Profile Page */
.pro-bg{margin-top: 35px;}
.counter-bg{box-shadow: 5px 8px 24px rgba(221, 221, 221, 1);  margin: 30px 0px 138px 0px;}
.counter-bg ul{list-style: none; display: flex; justify-content: space-around; padding:0; margin: 0; flex-wrap: wrap; }
.counter-inner{position: relative; text-align: center; padding:20px 0px; }
.counter-inner .count-box h4{font-size: 16px;}
.counter-inner .count-box{position: relative; font-size: 28px; }
.counter-inner .count-box span{font-size: 40px; font-weight: 600;}
.counter-inner .count-box .num-count{position: relative; color: #0062a5;}
.counter-bg .cnt-list{padding: 0; background: rgba(236, 236, 236, 0.8); }
.counter-bg .cnt-list ul li{border-right: 1px solid #ddd; width:30%;}
.counter-bg .cnt-list ul li:last-child{border-right:none;}
.pro-rht p{text-align: justify; margin:0; padding-bottom: 15px;}
.pro-rht h3{font-size: 22px; font-weight: 500; color: #0094de; margin-bottom: 15px;}
.pro-lft{text-align: center; display: flex; justify-content: center; height: 320px;}
.pro-lft img{height: auto; object-fit: contain; width: auto;}
.pro-rht ul{list-style: none; }
.pro-rht ul li::before{position: absolute; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid rgb(0, 98, 165); left:38px; margin-top:5px;}
.pro-rht ul li{padding-bottom:8px;}


.srvc-bg{margin: 35px 0px 150px;}
.srvc-bg h2{display: flex; justify-content: center; margin-bottom: 25px;}

.srvc-bg .srvc-main .srvc-cnt .srvc-desc h3{text-align: center; font-size: 22px;} 
.srvc-bg .srvc-main .srvc-cnt .srvc-desc p{text-align: justify;}
.srvc-main .card .card-footer{border: none; padding:0; background: #fff;}
.srvc-main .card .card-body{padding-bottom: 5px;}
.srvc-main .card:hover{box-shadow: 0px 0px 27px rgba(199, 199, 199, 0.7);}
.srvc-main .srvc-lnk{padding-bottom: 5px; text-align: center;}
.srvc-main .srvc-lnk p a{background: #e0e0e0; color: #0094de; padding: 10px; border-radius: 25px; display: block; margin: 0 10%; transition: all 0.5s ease;}
.srvc-main .srvc-lnk p a:hover{background: #0194df; color: #fff; transition: all 0.5s ease;}

/* global presence */

.gbl-main{ padding:0; margin:20px 0px 120px; }
.gbl-main .card{ transition: all 0.5s ease;}
.gbl-main .gbl-tp:hover{box-shadow:3px 10px 25px rgba(0,0,0,.1), 0 5px 5px rgba(0,0,0,.02); transition: all 0.5s ease;}
.gbl-main .gbl-cnt h3{font-size:19px; text-align: center; margin-bottom: 15px; background-color: #f3f3f3; padding: 5px;}
.gbl-main .gbl-cnt p {display: flex; align-items: center; margin-bottom:10px; font-size: 14px; transition: all 0.5s ease;} 
.gbl-main .gbl-cnt span i{margin-right: 10px; color: #0062a5}
.gbl-main .gbl-cnt span .fab.fa-whatsapp {font-weight: 800;}
.gbl-main .gbl-cnt {color:#000; }
.gbl-main .gbl-tp .card-body {min-height:280px; padding:15px;}
.gbl-main .gbl-tp{margin-bottom: 20px; border-radius: 0; margin-top: 15px;}
/* .gbl-main .gbl-cnt p:hover{padding-left: 15px; transition: all 0.5s ease;} */

/* resources page */
.res-wrapper{display: flex; flex-wrap: wrap; position: relative; margin: 35px 0px 135px; }
.res-bg .res-glry{ position: relative; align-items: center; display: flex; border: 1px solid #ddd; width: 19.2%; padding: 10px; margin: 0px 10px 10px 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.res-bg .res-glry:nth-child(5n+5){ margin-right: 0;}
.res-bg .res-glry a {display: flex; width: 100%; height: auto; }
.res-bg .res-glry a img{object-fit: contain; margin: 0 auto; width: auto; height: auto;}
.res-bg .res-glry .ovrly-efct{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: all 0.5s ease; overflow: hidden; }
.res-bg .res-glry:hover .ovrly-efct{transition: all 0.5s ease; opacity: 1; animation-name: zoomIn; -webkit-animation-name: zoomIn; animation-duration: 0.8s; -webkit-animation-duration: 0.7s; } 
.res-bg .res-glry .ovrly-efct span i{font-size: 24px; color: #ddd;}

/* gallery page */
.glry-part {margin: 30px 0px 0px 0px;}
.glry-part .dwld-sec .card{width: 100%; transition: all 0.5s ease; text-align: center; background-color: #fff; padding:8px;}
.glry-part .dwld-sec .card > a{ overflow: hidden; display: flex; text-align: center; width: 100%; position: relative;}
.glry-part .dwld-sec .card > a img{object-fit: cover; margin: 0 auto; height: auto; border-radius: 0; transition: transform .5s ease; display: block; transition: all 0.5s;}
.glry-part .dwld-sec .card > a .img-ovrly{position: absolute; background: rgba(0, 148, 222, 0.8); width: 100%; left:0; right: 0; top: 0; transition: all 0.5s ease; opacity:1; margin: 0 auto; display: flex; opacity: 0;}
.glry-part .dwld-sec .card > a span{margin: 0 auto; padding: 8px; color: #fff;}
.glry-part .dwld-sec .card-footer{padding: 0; background-color: rgba(0, 97, 166, 1); border-top: 0;}
.glry-part .dwld-sec .card-footer > a {display: flex; width: 100%; padding: 10px; color: #fff; justify-content: center;}
.glry-part .dwld-sec .card-footer > a h5{margin: 0; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 180px;} 
.glry-part .dwld-sec .card:hover > a img{ -webkit-transform:scale(1.2); transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }
.glry-part .dwld-align{margin-bottom: 15px;}
.glry-part .dwld-sec .card:hover .card-footer > a{background:#0094de;}

/* our banker */
.ob-main{padding: 0;margin:35px 0px 20px 0px; min-height: 300px; }
.ob-main .ob-title h2{ font-size: 24px; margin-bottom: 20px;  }
.ob-main .ob-box {position: relative; display: flex; flex-wrap: wrap;}
.ob-main .ob-box .ob-media span{width:230px; height:175px; display: flex; margin: 0 auto; }
.ob-main .ob-box .ob-media span img{object-fit: contain; margin: 0 auto; width: auto; height: auto;}
.ob-main .ob-box .ob-media{position: relative; width: 22%; margin-right: 15px; border: 1px solid #ddd; display: flex;}
.ob-main .ob-box .ob-cnt{width: 75%; }
.ob-main .ob-box .ob-cnt p{text-align: justify;}

/* management */
.manage-wrpr{display: flex; flex-wrap: wrap; position: relative; width: 100%;}
.manage-wrpr .manage-main{background: #fff; position: relative; width: 100%;}
.manage-main .manage-box{width:30%;}
.manage-main .manage-box h3{font-size: 24px; }
.manage-main .manage-box span{width: 250px; height: 250px; display: flex; justify-content: center; flex-wrap: wrap;}
.manage-main .manage-box span img{object-fit: contain; margin: 0 auto; width: auto; height: auto; }

/* Under Construction Page */
.uc-page { padding: 0; text-align: center;}
.uc-page .max-cntr-page{ padding:20px; max-width:1100px; text-align: center; border-radius: 5px; margin:2% auto;}
.uc-page h1 { font-size: 28px; font-weight: 300; padding: 0; margin:15px 0px 15px; color: #0062a5; }
.uc-page b { font-size: 20px; display: block; letter-spacing: 0.5px; padding: 10px 0; text-transform: uppercase; font-weight: 500; }
.uc-page small { font-size: 18px; display: block; margin-bottom: 0px; letter-spacing: 0.5px; color: #666666; }
.uc-page span { display: block; margin-top:20px;}
.uc-page span img { border-radius: 10px; }
.uc-page .btn-uc{background: rgb(0, 98, 165); color: #fff; border-radius: 5px; font-size: 14px; }
.uc-page .btn-uc:hover{background: rgb(117, 117, 117); }
.uc-page .divider {margin:10px 0px; display: flex; justify-content: center; align-items: center;}
.uc-page .divider i {font-size: 16px; color: #333; }

/* Error Page inner*/
.error-page-main{background:#fff; padding: 30px; margin: 5% auto; text-align: center; border-radius: 5px; border: 1px solid #eee; width: 630px; }
.error-page-main .tit{border-bottom: 1px dashed #bbb; display: block; margin-bottom: 20px;}
.error-page-main .tit i {font-size: 65px; color: #fb0808; margin-bottom: 10px;}
.error-page-main .tit h2{font-size: 45px; color: #8c8b8b; text-transform: uppercase; margin: 0 0 8px; }
.error-page-main .txt p{color: #746f51; margin-bottom: 10px;}
.error-page-main .txt a {background: #0061a6; padding: 7px 25px; color: #fff; margin-top: 9px; display: inline-block; -webkit-clip-path: polygon(50% 0%, 100% 0, 88% 100%, 0 100%, 10% 0); clip-path: polygon(50% 0%, 100% 0, 88% 100%, 0 100%, 10% 0);}
.error-page-main .txt a:hover{color: #fff; background: #4a4a4a;}

/* Full Error Page*/
.error-page-full{ margin:0 auto; background:#fff url(../images/body-bg.png) center repeat; height:100%; }
.error-page-full .max-cntr-page{ padding:20px 20px; max-width:1100px; text-align: center; border-radius: 5px; margin:2% auto;}
.error-page-full .max-cntr-page img{ background-color:#fff; padding:10px; border-radius:3px;}
.error-page-full .max-cntr-page h1{ font-size:28px; font-weight:500; color:#444; margin:15px 0px 10px;}
.error-page-full .max-cntr-page h3 {font-size: 22px; font-weight: 500;}
.error-page-full .max-cntr-page small{ color:#666; font-size:15px; letter-spacing:1px;}
.error-page-full .max-cntr-page span{ display:block; margin-top:20px; margin-bottom:0px;}
.error-page-full .max-cntr-page span img{ max-width:550px; border-radius:3px;}

/* Inner Page Back Btn */
.bck-btn{ width:10%; text-align:right;}
.bck-btn span{ margin-top:-1px; display: block; width: 100%; text-align: right;}
.bck-btn span a{ color: #fff; background: #0094dd; padding:3px 12px 3px 12px; transition: 0.4s; font-size: 12px; text-transform: none; font-weight: 500; border-right:3px solid #0170ce; border-left:3px solid #0170ce; border-radius:50px;}
.bck-btn span a:hover{ color:#fff; background:#0170ce; border-right:3px solid #005fad; border-left:3px solid #005fad; transition:0.4s;}


/* step form styles */
.frmflex section label { text-align: right; }
.frmflex .sred { color: #0061a6; margin: 0 4px; }
.frmsel { padding-top: 5px; }
.frmflex section label.form-check-label{ position: relative;}
.frmflex section label.form-check-label label.error{ position: absolute; left: 0; top: 20px; width: 300px;}
.frmflex section .form-check-inline{margin-top: 8px;}

.corp-frm { border-radius: 6px; padding:0px; box-sizing: border-box; margin: 0 0px 5px; position: relative; text-align: center;}
.corp-frm .form-group { text-align: left; margin-bottom: 10px;}
.corp-frm .form-group.row > label { text-align: right; }
.corp-frm .sred { color: #ff0000; margin: 0 4px; }
.inner-frms{ border:1px solid #eee; border-radius:5px; padding:20px 10px;}

.form-control.infor{background-color: #f4f4f4; border: 1px solid #eee;}

.frmprevious { background: #aaa; color: white; border: 0 none; border-radius: 25px; cursor: pointer; padding: 6px 15px; margin: 0px 5px; border-left: 5px solid #aaa; border-right: 5px solid #aaa; transition:0.4s;}
.frmprevious:hover, .frmprevious:focus { border-left: 5px solid #888; border-right: 5px solid #888; transition:0.4s;}
.frmsubmit { background: #0061a6; color: white; border: 0 none; border-radius: 25px; cursor: pointer; padding: 6px 15px; margin: 0px 5px;  border-left: 5px solid #0061a6; border-right: 5px solid #0061a6; transition:0.4s; }
.frmsubmit:hover, .frmsubmit:focus { border-left: 5px solid #004575; border-right: 5px solid #004575; transition:0.4s; }
a.frmsubmit:hover { box-shadow: 0 0 0 2px white, 0 0 0 3px #0061a6; background: #444; color: #fff; }

/*headings*/
.fs-title { font-size: 20px; font-weight: 300; color: #fff; margin-bottom: 25px; padding:6px 20px; border-bottom: 2px solid #ddd; background-color: #888; border-radius: 5px; text-align: center; text-transform: uppercase; }
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; }

.frmflex { width: 100%; margin-top: 30px;}
.frmflex .frmbox { width: 100%; }

.trmscond{ padding: 20px 30px; background-color: #f6f6f6; border-radius: 10px; margin: 15px 0;}
.trmscond h4{ text-align: center; border-bottom: 3px dotted #ddd; padding-bottom: 10px;}

.yt-video{height: 500px; width: 80%; text-align: center; margin: 20px auto;}

.frmbox ul.cfmtime { margin: 20px 0 30px; padding:0; list-style: none; border-radius: 8px; border: 1px solid #ccc; background-color: #fff; }
.frmbox ul.cfmtime li { margin: 0; padding:3px 0; list-style: none; display: flex; align-items: center; font-size: 16px; margin: 10px 0; border-bottom: 1px dotted #ccc; }
.frmbox ul.cfmtime li:last-child { border-bottom: 0 none; }
.frmbox ul.cfmtime li span { width: 25%; padding: 0px 10px; text-align: right; border-right: 4px solid #ccc; text-transform: uppercase; letter-spacing: 0.5px; color: #888; }
.frmbox ul.cfmtime li b { width: 75%; padding: 0px 10px; text-align: center; text-align-last: left; color: #555; font-weight: 600; }

.cnfm-note { padding: 0; }
.cnfm-note h6 { padding: 5px 25px; margin: 0; font-size: 20px; font-weight: 300; color: #0061a6; }
.cnfm-note p { text-align: center; }
.cnfm-note ul { margin:0 0 10px; padding: 0; list-style: none; text-align: left; }
.cnfm-note ul li { margin: 0; padding: 5px 10px 5px 30px; list-style: none; font-size: 16px; position: relative; border-top: 1px dotted #ddd; }
.cnfm-note ul li::after { position: absolute; content: ""; height: 8px; border-left: 6px solid #0061a6; left: 15px; top: 13px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; }

.cnfm-note2 { padding: 0; margin-top: 30px; text-align: center; }
.cnfm-note2 .form-group { text-align: center !important; }

/* Clients Page */
.clnts .nav-tabs{ text-align:center; justify-content: center; background: linear-gradient(#eee, #fff); border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; padding-top: 5px; border-radius: 5px 5px 0 0;}
.clnts .nav-tabs-custom > .tab-content{ background-color:#fff; padding-top:20px;}
.clnts .nav-tabs > a{ position:relative; padding:6px 15px; z-index: 1; overflow: hidden; border-right: 1px solid #eee; font-weight: bold;}
.clnts .nav-tabs > a:first-child{ border-left: 1px solid #eee;}
.clnts .nav-tabs > a.active:first-child{border-left: 1px solid #dee2e6;}
.clnts .nav-tabs > a:hover{background: #eee;}
.clnts .hbody ul{padding: 0; margin: 0; list-style: none; display: flex; width: 100%; flex-wrap: wrap; border-top: 1px solid #eee;}
.clnts .hbody ul li{padding: 5px 10px 5px 20px; margin: 0; list-style: none; width: 33.333%; position: relative; font-size: 14px; color: #444; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.clnts .hbody ul li::before{position: absolute; content: ""; width: 7px; height: 7px; background-color: #0061a6; left: 8px; top: 12px; -webkit-clip-path: polygon(0% 0%, 55% 0%, 100% 50%, 55% 100%, 0% 100%); clip-path: polygon(0% 0%, 55% 0%, 100% 50%, 55% 100%, 0% 100%);}
.clnts .hbody ul li:nth-child(3n){ border-right: 1px solid #eee;}
.clnts .hbody ul li:last-child{ border-right: 1px solid #eee;}
.clnts .hbody span small{ display:table; width:100%;}
.clnts .hbody span a{ display:table-cell; background-color:#fff; height:83px; padding:5px; width:100%; vertical-align:middle; overflow:hidden;}
.clnts .hbody span a img{ max-height:73px; width:auto; margin:0 auto;}
.clnts .hbody span:hover{ background-color:#ccc;}
.clnts .hbody .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}
.brands-info{ border-bottom:5px solid #eee; margin-bottom:10px; padding-bottom:10px;}

.cardesc { text-align: center; padding: 20px 0; }
.cardesc h1 { font-size: 42px; font-weight: 300; color: #555; margin-bottom: 30px; position: relative; }
.cardesc h1::after { content: ""; width: 12%; height: 5px; background-color: #0061a6; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -12px; }
.cardesc p { font-size: 18px; margin: 0 15%; }
.carbox { display: flex; margin: 40px 4% 0; background-color: #eee; }
.carbox .carlnk { width: 25%; }
.carbox .carbody { width: 75%; padding:20px 30px; }
.carbox .carbody h5 { font-weight:500; font-size:22px; position: relative; border-bottom:3px dotted #ccc; margin:0 0 2px; padding:0 0 6px; }

.cardlinks { border-bottom: 3px dotted #ddd; text-align: center; padding: 10px; margin-bottom: 20px; }
.cardlinks a { font-size: 18px; display: inline-block; padding: 5px 10px; margin: 0 5px; text-transform: uppercase; }
.cardlinks a.active { color: #666; }
.cardlinks span { content: ""; height: 25px; width: 2px; display: inline-block; background-color: #ccc; margin-bottom: -6px; }
.cartitle1 { text-align: center; margin: 10px auto; }
.caracord .btn-link { display: block; text-decoration: none; color: #fff; font-size: 16px; text-align: left; white-space: normal; }
.caracord .card { margin-bottom: 5px; }
.caracord .card-header { background-color: #68bc46; padding: 0px; }
.caracord .card-body { text-align: left; }
.caracord .card-body h3 { font-size: 17px; font-weight: bold; color: #555555; margin: 0; padding: 0;}
.carnote { background-color: #fff5bc; padding: 5px 10px; text-align: center; border-radius: 10px; }
.btn-blk { text-align: center; }
.btn-career { font-size: 22px; background-color: #333; color: #ffffff; display: inline-block; padding: 6px 40px; margin: 0; border-radius: 25px; }
.btn-career:hover { background-color: #ddd; }

.page-link { color: #0061a6; }
.page-link:hover { color: #333; }

.bof-dtrs { padding: 0; }
.bof-dtrs h1 { font-size: 42px; font-weight: 300; color: #555; margin-bottom: 30px; position: relative; text-align: center; }
.bof-dtrs h1::after { content: ""; width: 12%; height: 2px; border-bottom:5px dotted #0061a6; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 5px; }
.bod-box { padding: 0; display: flex; width: 100%; flex-wrap: wrap; }
.bod-box .bod { padding: 0; width: 50%; position: relative; margin-bottom: 30px; height: 150px; }
.bod-box .bod:nth-child(odd) { padding-right: 30px; }
.bod-box .bod:nth-child(even) { padding-left: 30px; }
.bod-box .bod .bdx { position: relative; z-index: 1; padding-left: 160px; }
.bod-box .bod .bdx:after { -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); background-color: #0061a6; position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -12px; z-index: -1; }
.bod-box .bod .bdx small { width: 130px; height: 130px; overflow: hidden; display: inline-block; border-radius: 50%; position: absolute; z-index: 10; left: 30px; top: -20px; }
.bod-box .bod .bdx small img { width: auto !important; max-width: 100% !important; height: auto !important; }
.bod-box .bod .bdx span { -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); background:linear-gradient(228deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 48%, rgba(255,255,255,1) 100%); display: block; padding: 15px 20px 15px 60px; height: 110px; }
.bod-box .bod .bdx span b { display: block; font-size: 24px; font-weight: 300; position: relative; }
.bod-box .bod .bdx span b::after { content: ""; height: 2px; background-color: #0061a6; width: 15%; position: absolute; left: 0; bottom: 0; }
.bod-box .bod .bdx span i { display: block; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; }

.bod-box2 { padding: 20px 0 0; display: flex; width: 100%; flex-wrap: wrap; }
.bod-box2 .bod { padding: 0; width: 50%; position: relative; margin-bottom: 30px; height: 150px; }
.bod-box2 .bod:nth-child(odd) { padding-right: 30px; }
.bod-box2 .bod:nth-child(even) { padding-left: 30px; }
.bod-box2 .bod .bdx { position: relative; z-index: 1; padding-left: 0px; }
.bod-box2 .bod .bdx:after { -webkit-clip-path: polygon(20% 0%, 100% 0%, 78% 100%, 0% 100%); clip-path: polygon(20% 0%, 100% 0%, 78% 100%, 0% 100%); background-color: #0061a6; position: absolute; content: ""; width: 60%; height: 100%; right: 0px; top: -25px; z-index: -1; }
.bod-box2 .bod .bdx .pos { position: absolute; right: 30px; top: -25px; color: #fff; text-transform: uppercase; }
.bod-box2 .bod .bdx span { -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%); background:linear-gradient(228deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 100%); display: block; padding: 15px 20px 15px 80px; height: 110px; line-height: 1.4; }
.bod-box2 .bod .bdx span b { display: block; font-size: 24px; font-weight: 300; position: relative; }
.bod-box2 .bod .bdx span b::after { content: ""; height: 2px; background-color: #0061a6; width: 15%; position: absolute; left: 0; bottom: 0; }
.bod-box2 .bod .bdx span i { display: block; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; }
.bod-box2 .bod .bdx span small { display: block; font-size: 14px; font-style: normal; font-weight: normal; }

.org-chart { text-align: center; }
.org-chart p { text-align: center; }

.note { background-color: #fff5bc; padding: 5px 10px; border-radius: 10px; margin: 5px 0; }

.paypage #msform { margin-top: 0; }
.paypage #msform .frmbox:not(:first-of-type) { display: block; }
.paytitle { font-size: 30px; text-align: center; padding: 0; margin: 0 0 30px; }
.paytitle2 { font-size: 36px; text-align: center; padding: 0; margin: 0 0 10px; color: #18c83e; }
.paytitle3 { font-size: 30px; text-align: center; padding: 0; margin: 0 0 30px; }
.paytick { text-align: center; margin-top: 30px; }
.paytick i { font-size: 60px; color: #31b124; text-align: center; }

.uslnkbody1 { margin-bottom: 30px; }
.uslnkbody1 h3 { font-size: 18px; font-weight: bold; color: #555555; border-bottom: 4px dotted #ddd; padding-bottom: 5px; margin-bottom: 5px; }
.suplinks { display: flex; list-style: none; margin: 0; padding: 0; width: 100%; flex-wrap: wrap; }
.suplinks li { display: flex; list-style: none; margin: 0; padding: 2px 5px; width: 33%; }
.suplinks li a { display: block; background-color: #fff; padding: 5px 10px 5px 20px; width: 100%; border: 1px dashed #aaa; border-radius: 6px; position: relative; transition: all 0.5s ease 0s; }
.suplinks li a:hover { border: 1px solid #0061a6; transition: all 0.5s ease 0s; }
.suplinks li a::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #444; left: 12px; top: 14px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; }

.uslnkbody2 { margin-bottom: 30px; }
.uslnkbody2 h3 { font-size: 22px; font-weight: 300; color: #fff; padding: 10px 20px; margin-bottom: 20px; background-color: #444; border-radius: 4px; }
.suplinks2 { display: flex; list-style: none; margin: 0; padding: 0; width: 100%; flex-wrap: wrap; }
.suplinks2 li { list-style: none; margin: 0; padding: 8px 8px 8px 10px; width: 32%; border: 1px solid #ddd; border-radius: 6px; background-color: #ddd; border-left: 3px solid #0061a6; line-height: 1.2; margin:0 20px 20px 0; transition: all 0.5s ease 0s; }
.suplinks2 li:hover { background-color: #fff; transition: all 0.5s ease 0s; border-left-color: #888; }
.suplinks2 li:nth-child(3n+3) { margin-right: 0; }
.suplinks2 li b { display: block; }
.suplinks2 li span { display: block; }
.suplinks2 li p { margin: 0 !important; padding: 0 !important; }
.suplinks2 li a { padding:0px; position: relative; }
.suplinks2 li a::after { position: absolute; content: ""; width: 5%; height: 1px; background-color: #0061a6; left: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; }
.suplinks2 li a:hover::after { width: 100%; opacity: 1; visibility: visible; transition: all 0.5s ease 0s; }

.qubox { margin: 30px 0 0; background-color: #eee; border-bottom: 5px solid #e8e8e8; border-radius: 10px; }
.qubox .carbody { padding:20px 30px; }
.qubox .carbody h5 { font-weight: 500; font-size: 22px; position: relative; border-bottom: 3px dotted #ccc; margin: 0 0 2px; padding: 0 0 6px; }

.contactpg { padding: 0; }
.contactpg .card{ background-color:transparent; border:1px solid #fff;}
.contactpg .card-body{ padding:0;}
.cont-adr .cont-title { margin:0px 0 15px; font-weight: 200; font-size: 24px; position: relative; color: #3c3c3c;}
.cont-text > b { color: #333;}
.cont-text .cont-num { padding: 0px 0 5px; }
.cont-text .cont-num span { margin: 0; padding: 5px 20px 5px 0px; display: block; border-top: 1px dashed #e1e1e1; font-size: 16px; color:#555;}
.cont-text .cont-num span i { color: #888; margin-right: 4px; padding: 8px; border-right: 2px solid #e1e1e1; font-size: 14px;}
.cont-text .cont-num span:last-child { border-right: 0 none; }
.cont-text .cont-num span:first-child { border-top: 0 none; }
.cont-text > strong { margin: 0 0 10px; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #fff; display: block; background-color: #666; padding: 5px 10px; letter-spacing: 1px; }
.cont-flex { display: flex; flex-wrap: wrap;}
.cont-flex .bus-text { width: 40%; background:#fff; padding: 15px; border: 1px solid #eee;}
.cont-flex .bus-text .cnt-det{ width:100%; display:flex; flex-wrap:wrap; background-color:rgba(10, 10, 10, 0.03); padding:7px; align-items:center; margin-bottom:10px; border-radius:2px;}
.cont-flex .bus-text .cnt-det .cnt-logo{ width:30%; display:flex; border-right:1px solid #eee; padding-right:10px;}
.cont-flex .bus-text .cnt-det .cnt-add{ width:70%; padding-left:15px;}
.cont-flex .bus-text .cnt-det .cnt-add p{ margin-bottom: 0; color:#555}
.cont-flex .bus-text .cnt-det .cnt-add b { display: block; color: #0061a6; font-weight: 600; font-size: 22px; }
.cont-flex .bus-text .cnt-det .cnt-add b i { color: #444; margin-right: 3px; }
.cont-flex .tr-text { width: 60%; background-color: #eee; padding: 15px; border-left: 5px solid #fff; }
.cont-flex .tr-text b { display: block; color: #666; font-weight: 600; }
.cont-flex .tr-text b i { color: #444; margin-right: 3px; }
.cont-flex .tr-text iframe{ height: 100%; width: 100%;}
.frm-lnk{ width:100%; text-align:center; background-color:#eee; padding:20px 10px; margin-top:5px; outline: 1px dashed #fff; outline-offset:-5px;}
.frm-lnk h2{ font-size:20px; margin:0px; font-weight:400; color:#444; line-height:1.5;}

.cont-frbox { margin-top:20px; }
.cont-frbox .corp-frm .fs-title{ margin-bottom:25px; padding:10px 0 10px; background-color:#b1b1b1; font-weight:300; font-size:20px; border-bottom:0 none; border-left:3px solid #9c9c9c; border-right:3px solid #9c9c9c;}
.cont-frbox .corp-frm .fs-title small{display: block; text-transform: none; font-size: 13px;}
.htapp h1 { font-size: 36px; font-weight: 300; color: #555555; padding-bottom: 5px; margin-bottom: 35px; text-align: center; position: relative; }
.htapp h1::after { content: ""; width: 20%; height: 5px; background-color: #0061a6; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -12px; }

.htalnkbody { margin-bottom: 30px; }
.htalnkbody h3 { font-size: 16px; font-weight: 600; color: #fff; padding: 10px 20px; margin-bottom: 15px; background-color: #777; border-radius: 4px; letter-spacing: 0.5px; }
.htalinks { display: flex; list-style: none; margin: 0; padding: 0; width: 100%; flex-wrap: wrap; }
.htalinks li { list-style: none; margin: 0; padding: 0; width: 49%; border: 1px solid #0061a6; border-radius: 6px; background-color: #0061a6; border-left: 3px solid #333; line-height: 1.2; margin:0 20px 20px 0; transition: all 0.5s ease 0s; position: relative; z-index: 1; overflow: hidden; }
.htalinks li:hover { background-color: transparent; transition: all 0.5s ease 0s; border-color: #222; border-left-color: #0061a6; }
.htalinks li:nth-child(2n+2) { margin-right: 0; }
.htalinks li::after { position: absolute; content: ""; width: 100%; height: 100%; background-color: #333; right: 100%; bottom: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; z-index: -1; }
.htalinks li:hover::after { right: 0; opacity: 1; visibility: visible; transition: all 0.5s ease 0s; }
.htalinks li a { padding: 8px 8px 8px 10px; position: relative; display: flex; font-weight: normal; width: 100%; align-items: center; height: 100%; color: #ffffff; }
.htalinks li a:hover { color: #fff; }
.htanote { background-color: #fff5bc; padding: 5px 10px; text-align: center; border-radius: 10px; margin-bottom: 15px; }

.hta-acord .btn-link { display: block; text-decoration: none; color: #fff; font-size: 18px; text-align: left; }
.hta-acord .card { margin-bottom: 5px; }
.hta-acord .card-header { background: linear-gradient(0deg, rgba(235,28,39,1) 0%, rgba(255,90,98,1) 100%); padding: 2px; }
.hta-acord .card-body { text-align: left; }
.hta-acord .card-body h3 { font-size: 18px; font-weight: bold; color: #555555; }

.stulinks { display: flex; list-style: none; margin: 0; padding: 0; width: 100%; flex-wrap: wrap; }
.stulinks li { list-style: none; margin: 0; padding: 0; width: 32%; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; line-height: 1.2; margin:0 20px 20px 0; transition: all 0.5s ease 0s; position: relative; display: flex; }
.stulinks li:nth-child(3n+3) { margin-right: 0; }
.stulinks li b { width: 30%; background-color: #ddd; }
.stulinks li span { width: 70%; padding: 15px 20px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.stulinks li span strong { font-size: 18px; display: block; margin-bottom: auto; color: #444; }
.stulinks li span strong small { font-size: 14px; display: block; }
.stulinks li span a { margin-top: auto; }
.btn-hta { background: #0061a6; color: white; border: 0 none; border-radius:5px; cursor: pointer; padding: 5px 15px; text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.btn-hta:hover, .btn-news:focus { color: #ffffff; background: #999; }

.htamodal .modal-title { font-weight: 300; font-size: 24px; position: relative; text-transform: uppercase; color: #999; margin: 0; }
.htamodal .modal-title small { font-weight: 600; font-size: 16px; position: relative; text-transform: uppercase; color: #444; display: block; }
.htamodal ol { margin: 10px 20px; padding: 0; }
.htamodal ol > li { margin: 0; padding: 0 0 4px; }
.htamodal ol li b { font-size: 14px; color: #0061a6; font-weight: 600; }
.htamodal ul { margin: 0; padding: 0; list-style: none; }
.htamodal ul li { margin: 0; padding: 2px 0 2px 15px; list-style: none; position: relative; font-size: 14px; border-top: 1px dashed #aaa; }
.htamodal ul li::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #0061a6; left: 6px; top: 10px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; }

.hta-note { padding: 0; }
.hta-note h3 { padding: 0; margin: 0; font-size: 18px; }
.hta-note ul { padding: 0; margin: 0; }
.hta-note li { position: relative; list-style: none; padding: 0 0 0 20px; font-size: 14px; }
.hta-note li::before { position: absolute; content: "•"; left: 6px; top: -3px; font-size: 18px; color: #0061a6; }

.hta-desc { padding: 0; }
.hta-desc h2 { padding: 0; font-size: 20px; }
.hta-desc ul { padding: 0; margin: 0; }
.hta-desc li { position: relative; list-style: none; padding: 0 0 0 20px; }
.hta-desc li::before { position: absolute; content: "•"; left: 6px; top: -2px; font-size: 18px; color: #0061a6; }



.abt-us h1.pstrtit{font-size: 30px;  font-weight: 300; text-align: center; border-bottom: 2px dotted #eee; padding: 0 0 5px; margin-bottom: 10px;}
.posters{padding: 0; display: flex; flex-wrap: wrap;}
.posters a{margin:15px 10px; border: 1px solid #ddd; width: 23.3%; display: flex; align-items: center; border-radius: 6px; padding: 10px; background-color: #fff;}
.posters a:hover{border-color: #0061a6;}
.posters a img{ max-width: 100% !important;}

.hr1{border-color:rgba(0, 0, 0, 0.1); width: 20%;}

.no-msg{text-align: center; padding: 30px;}
.no-msg .noico{font-size: 70px; color: #0061a6; border: 1px solid #ccc; display: inline-block; border-radius: 50%; padding: 0px; margin: 20px auto; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center;}

.modal-dialog { max-width:700px; }

.clearfix { clear: both; }

.stripe-button-el { padding: 7px 10px !important; }
.stripe-button-el span { background: transparent !important; box-shadow: none !important; }

.qspaper .fancybox-container--ready .fancybox-bg{ opacity: 0.6;}
.qsfile{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.qslink1{max-width: 35%;}
.qslink2{max-width: 55%;}
.qslink3{max-width: 10%;}

.sum-sign{ text-align: center; margin-top: 25px; margin-bottom: 10px;}
.sum-sign .pad1{ margin: 0 auto;}

.psukico{ color: #aaa; cursor: pointer; animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.psukico:hover{color: #444;}

.modal-psuk .modal-body h4{ font-size: 16px; border-bottom: 1px dotted #ccc; padding: 5px 0;}
.modal-psuk .modal-body ul{margin: 0 0 15px; padding: 0;}
.modal-psuk .modal-body ul li{margin: 0; padding:2px 0 2px 20px; font-size: 14px; position: relative; list-style: none;}
.modal-psuk .modal-body ul li::after { position: absolute; content: ""; height:8px; border-left:4px solid #0061a6; left:9px; top:10px; -webkit-clip-path:polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; }

.no-ans .btn-chng{ background: #0061a6 !important;}
.btn-chng { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 5px 15px; margin: 10px 5px; }
.btn-chng:hover, .btn-chng:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; }
.btn-eprev { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; }
.btn-eprev:hover, .btn-eprev:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; }
.btn-enext { background: #0061a6; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; }
.btn-enext:hover, .btn-enext:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #0061a6; color: #ffffff; background: #555; }

/* Header search bar auto complete styles */
.ui-autocomplete{ background: rgba(0, 0, 0, 0.9); margin: 0; width: 100% !important; max-width: 620px !important; list-style: none; padding: 15px; border-radius: 6px; z-index: 999;}
.ui-widget.ui-widget-content{ border: 0 none;}
.ui-autocomplete li{ color: #aaa; list-style: none; font-size: 14px !important; line-height: 1.2; border-bottom: 1px dotted rgba(225, 255, 255, 0.1); padding-bottom: 3px; margin-bottom: 3px;}
.ui-autocomplete li:last-child{border: 0 none;}
.ui-autocomplete li .ui-state-active{background-color: #0061a6; border: 0 none; border-radius: 5px; margin: 0;}

.modal-signbox{max-width: 300px;}
.modal-signbox .modal-content{border-radius: 8px;}
.modal-signbox .modal-header{padding: 5px 10px;}
.modal-signbox .modal-title{font-size: 18px; text-transform: uppercase;}
.modal-signbox .modal-title i{ color: #999;}
.modal-signbox .modal-body ul{ padding: 0; margin: 0;}
.modal-signbox .modal-body ul li{ padding: 0; margin: 0 0 8px; list-style: none;}
.modal-signbox .modal-body ul li a{ color: #fff; background-color: #0061a6; padding: 0px; display: block; border-radius: 6px; font-size: 16px; font-weight: 300; text-transform: uppercase;}
.modal-signbox .modal-body ul li a:hover{ color: #fff; background-color: #444;}
.modal-signbox .modal-body ul li a i{font-size: 18px; width: 40px; text-align: center; color: #fff; padding: 10px 0; border-radius: 6px 0 0 6px; margin-right: 0px; transition: all 0.5s ease 0s;}
.modal-signbox .modal-body ul li a:hover i{ color: #0061a6; transition: all 0.5s ease 0s; background-color: #333;}

.modal-regbox{max-width: 300px;}
.modal-regbox .modal-content{border-radius: 8px;}
.modal-regbox .modal-header{padding: 5px 10px;}
.modal-regbox .modal-title{font-size: 18px; text-transform: uppercase;}
.modal-regbox .modal-title i{ color: #999;}
.modal-regbox .modal-body ul{ padding: 0; margin: 0;}
.modal-regbox .modal-body ul li{ padding: 0; margin: 0 0 8px; list-style: none;}
.modal-regbox .modal-body ul li a{ color: #fff; background-color: #0061a6; padding: 0px; display: block; border-radius: 6px; font-size: 16px; font-weight: 300; text-transform: uppercase;}
.modal-regbox .modal-body ul li a:hover{ color: #fff; background-color: #444;}
.modal-regbox .modal-body ul li a i{font-size: 18px; width: 40px; text-align: center; color: #fff; padding: 10px 0; border-radius: 6px 0 0 6px; margin-right: 0px; transition: all 0.5s ease 0s;}
.modal-regbox .modal-body ul li a:hover i{ color: #0061a6; transition: all 0.5s ease 0s; background-color: #333;}

ul.src-rslt{ padding: 0;}
ul.src-rslt li{ border-top: 1px dotted #ddd; padding: 5px 0 4px 20px;}
ul.src-rslt li::after{top: 14px;}

.nimg-group{padding: 25px 30px;}
.page-item.active .page-link{ background-color: #0061a6; border-color: #0061a6;}

/* Enquiry Bar */
.enqbar { background-color: #0094de; padding: 20px 0 15px; box-shadow: 0 40px 60px -30px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 40px 60px -30px rgba(0, 0, 0, 0.4);}
.enqbar h3 { font-size: 24px; color: #ffffff; font-weight: 200; margin: 0;}
.enqbar .conth { font-size: 24px; color: #ffffff; font-weight: bold;}
.enqbar .enrtr { text-align: right; }
.enqbar a.enqr-btn { display: inline-block; padding: 12px 20px 12px 60px; color: #fff; font-size: 20px; margin: 0; position: relative; border: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase;}
.enqbar a.enqr-btn i { padding: 0px; background: transparent !important; color: #fff; font-size: 36px; position: absolute; left: 20px; top: 9px; }
.enqbar a.enqr-btn span { text-transform: uppercase; font-weight: 300; }
.enqbar a.enqr-btn:hover { background-color: rgba(0, 0, 0, 0.1); }

/* Extra large devices (large desktops, 1368px and up) */
@media (min-width: 1368px)
 {
 .carousel-caption { padding:80px 140px 80px 300px; }
 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
 { 
.max-cntr { max-width: 1140px; margin: 0 auto; }
.tp-srch .tsrch { width: 240px; }

.carousel-caption h1 { font-size: 40px; } 
.carousel-caption h2 { font-size: 40px; } 
.carousel-caption h3 { font-size: 42px; }

.navbar-brand{ padding:18px 25px;left:10px;}
.tpbr::after{ right:-47%;}
.sticky.navbar-dark .navbar-nav .nav-link{ padding:12px 7px;}
.nav-bg .nav-link{ font-size:14px; padding: 30px 8px 20px}
.navbar-dark .navbar-nav .nav-link { font-size: 13px; padding:7px 7px 7px; }
.mega-dropdown-menu > li ul > li > a{ font-size:13px;}
.sticky .navbar-brand{ padding:19px 15px;}
.sticky2{ top:72px;}
.nav-bg.sticky2 .nav-link{ padding: 16px 12px;}
.nav-bg.sticky2 li.nav-item::before{ top: 16px;}
.nav-bg .dropdown>.dropdown-menu{top: 70px !important;}
.sticky2 .dropdown>.dropdown-menu{top:53px !important}

.breadcrumb-bg .brd-lists{padding-left: 20px;}
.port-box-det{ margin-right:10px;}
.port-box-main{ padding-top:5px;}

.top-lnk .top-mail{width: 51%;}
.sticky .top-lnk .top-mail{width: 50%}

.row-has-animation .stm_lms_row_animation .book2{bottom:-40px; top:-32px;right: -10px;}
.row-has-animation .stm_lms_row_animation .book1{max-width: 100%;}

.wel-cnt .wltr{margin-top: 105px;}
.wel-cnt .wltl h1 b{ font-size: 30px;}
.ser-cont .ser-lft h1 b{ font-size: 30px;}
.ser-cont .ser-lft h1{ font-size: 26px;}
.ptrns-scrl h1{ font-size: 28px;}

.enqry-main .enqry-frm .enqry-frm-inpt{ width:49%;margin-left:5px;margin-right: 0px;}
.enqry-lnk a{margin-left: 8px;}

.footer-main{padding-bottom: 35px;}
.footer-link{top:47px;}
.footer-link .footer-lft{width:34%;}
.footer-cpy-wright{padding-left: 110px;}

.wel-cnt .wltl .wbtn .wbtn-box span a b{ width:22%;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2{ font-size:15px;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2 small{ font-size: 14px; padding-left: 5px;}
.wel-cnt .wltl .wbtn{padding:20px 5px;}

.ser-bg .ser-scrl .ser-tit h1:after{left:10px}
.ser-bg .ser-scrl .ser-tit h1::before{left:11px;}

.tab-info .gallery a{width: 190px;}
.res-bg .res-glry a{width: 215px;}
.cnt-info .cmpny-tit p b {padding: 0px 0px 0px 14px;}

.res-bg .res-glry{width: 19.1%; margin: 0px 11px 11px 0px;}
.res-bg .res-glry a {width: 100%;}
.ptnrs-grp .ptnrs-logo{width: 19.1%; margin: 0px 11px 11px 0px;}

.vsn-bg .img-left span{height: 300px;}
.msn-bg .img-rht span{height: 300px;}

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px)
 {
.max-cntr { max-width: 970px; margin: 0 auto; }
.scor-login .scbox{ top: 109px; left: 112px;}
.nav-bg .nav-link{ font-size:13px; padding: 30px 8px 20px}

.carousel-caption h1 { font-size: 30px; padding: 25px 110px 50px 30px;}
.carousel-caption h1 small{ font-size: 34px;}
.carousel-caption h2 { font-size: 40px; padding: 15px 30px; width:530px;position: relative; margin-top:-100px; }
.carousel-caption h2 small{ font-size:30px;}
.top-lnk .top-mail{width: 48%;}
.sticky .top-lnk .top-mail{width: 46%;}

.gbl-main .gbl-tp .card-body{padding:12px; }

.carousel-caption2 .cardelay-inner h2{top:20px;}

.row-has-animation .stm_lms_row_animation .book1{ max-width:100%;}
.row-has-animation .stm_lms_row_animation .book2{ max-width:100%; top:-20px;right: 0px;}

.wel-bg{ padding:0px 15px;}
.wel-cnt .wltl .wbtn .wbtn-box span a b{ width:22%;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2{ font-size:15px;}
.wel-cnt .wltl .wbtn .wbtn-box span a h2 small{ font-size: 14px; padding: 0;}
.wel-cnt .wltl .wbtn{padding:20px 5px;}

.ser-cont{ padding:30px 15px;}
.ser-bg::before{ height: 45%;}
.ser-cont .ser-rht{ top:15px;}
.ser-box-cnt h2::before{ left:-8px; padding: 0 15px;}
.ser-bg .ser-scrl .ser-tit h1:after{ left:10px}
.ser-bg .ser-scrl .ser-tit h1::before{ left:11px;}
.ser-bg .ser-scrl .ser-tit::before{ width: 30%;}

.det-tab .nav-tabs-custom > .nav-tabs > li a{ padding: 8px 9px;}
.prd-det .prd-img small a{ font-size: 15px;}

.footer-link .footer-lft{width:36%;}
.footer-link .footer-lft .ftr-dtls span.mail a{font-size: 14px; }
.footer-link .footer-lft span img{max-height: 95px;}
.footer-rht-btm .ftr-lnk ul li{padding-right: 10px;}
.footer-link .footer-lft .ftr-dtls h1{font-size: 19px;}
.footer-cpy-wright{padding-left: 95px;}

.enqry-main{ text-align: center; width:100%; }
.inner-title h1 {font-size:28px;}
.gbl-main{margin-bottom: 115px;}

.tab-info .gallery a{width: 200px;}
.res-bg .res-glry{margin: 0px 10px 10px 0px;}
.ptnrs-grp .ptnrs-logo{margin: 0px 10px 10px 0px;}

.prd-det .prd-cont h1{ font-size:30px;}


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px)
 {
.tp1{ padding:8px 10px}
.navbar-collapse{ padding-left:10px; padding-bottom: 10px;}
.nav-bg{ display:none;}
.navbar-dark .navbar-nav .nav-item.mbmenu{ display:block; }
.sticky .navbar-collapse{padding-top: 15px;}
.navbar-dark .navbar-toggler{border-color: rgba(0, 148, 221, 0.7); padding: 0px 6px;}
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.tnav-bg .navbar-nav .mbmenu-none{display: none;}
.head-lang{ background-color: #004e84;}
.head-lang .lang-box{ padding: 3px 10px;}
.head-lang .lang-box span.country{ padding: 5px 0px; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }
.top-bar{ margin-top: 0;}
.sticky .head-lang .lang-box span.country{ background-color: transparent; padding: 5px 3px 8px;}
.det-tab .nav-tabs-custom > .nav-tabs > li{ width: 32%;}

.top-lnk{background: rgba(0, 97, 166, 0.9); position: absolute; top: 56px; display: block; transition: all 0.5s;}

.carousel-caption2 .cardelay-inner h2{ font-size: 32px; top:30px;}

.navbar-dark .navbar-nav .nav-item::after{ display: none;}
.tnav-bg li.nav-item > a:before{display: none;}

.mega-dropdown-menu{ width:100%;}
/* .navbar-brand{ top:-30px; left:10px; padding:6px; width:98px; display:flex;} */
.navbar-brand img{ max-height:55px;}
.sticky .navbar-brand img{ max-height:45px;}
.navbar-nav{ max-height: 100vh; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
.navbar{ padding-bottom:5px; padding-right:10px; }
.sticky{ padding-top:0px; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);}
.sticky .navbar-brand{ padding:9px 12px; display: flex; top:0; }
.sticky.navbar-dark .navbar-nav .nav-link{ padding:7px 7px;}
.uc-page h1{ font-size:60px;}
.uc-page b, .uc-page small{ font-size:15px;}

.navbar-brand{padding: 10px 30px; top:-11px; }
.tnav-bg {background:rgba(253, 254, 254,0.9);top:0;}
.navbar{padding-top: 12px;padding-bottom: 12px;}

.top-lnk .top-mail{display: none;}
.navbar-dark .navbar-nav .nav-item{width: 100%; border-bottom: 1px solid rgba(0,0, 0,0.10);}
.navbar-nav{width:100%;}
.navbar-nav::before{background:none; }

.carousel-caption{ bottom: 60px;}
.carousel-caption h1 { font-size: 24px; padding: 15px 110px 55px 30px;}
.carousel-caption h1 small{ font-size:28px;}
.carousel-caption h2 { font-size:30px; padding: 15px 30px; width:530px;position: relative; margin-top:-120px; margin-bottom: 25px; }
.carousel-caption h2 small{ font-size:26px;}

.wel-cnt .wltl h1{font-size: 26px;}
.wel-cnt .wltl h1 b{font-size:26px;}
.enqry-main{width: 95%; margin-left: 24px; }
.top-lnk::before{background: none;}

.wel-cnt .wltl .wbtn .wbtn-box{flex-wrap: wrap; display: flex;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(1){ width: 50%;padding-bottom: 20px; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(2){ width: 50%; padding-bottom: 20px; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(3){ width: 50%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(4){ width: 50%; }
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(n) a h2{ padding-left: 10px;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(2) a{border-right: none;}

.ser-cont .ser-rht h1{font-size: 26px;}
.ser-cont .ser-rht h2{font-size: 22px;}
.ser-cont .ser-rht .ser-link a{font-size:20px;}
.ser-cont .ser-lft h1, .ser-bg .ser-scrl .ser-tit h1{font-size: 26px;}
.ser-cont .ser-lft h1 b, .ser-bg .ser-scrl .ser-tit h1 b{font-size: 32px;}
.ser-box-cnt a{font-size: 12px;}
.indst-title, .ptrns-scrl h1{font-size: 30px;}
.indst-box .indst-box-cnt a b{font-size: 16px;}

.footer-link .footer-lft .ftr-dtls span.mail a{font-size: 13px;}
.footer-link{flex-wrap: wrap;}
.footer-link .footer-lft{width:100%; padding-bottom: 10px;}
.footer-link .footer-rht{width: 100%; padding: 20px 15px 30px;}
.ftr-map{position: relative; width: 35%; bottom: 0;}
.footer-cpy-wright{padding: 15px 0px 0px 0px; margin-top: 0;}
.ftr-contact{display: flex; flex-wrap: wrap; align-items: center; }
.footer-link .footer-lft span{width:20%;}
.footer-link .footer-lft .ftr-dtls{width:45%}
.footer-link .footer-lft span img{max-height: 95px;}
.footer-cpy-wright .scl-icns{text-align: center;}
.footer-link .footer-lft h2{margin-bottom: 0;}


.ser-cont{display: block; padding: 25px 15px;}
.ser-cont .ser-lft{width:100%;}
.ser-cont .ser-rht::before{background:none; }
.ser-cont .ser-rht{width:100%; top:20px; padding:20px 0 20px; margin-bottom: 10px;}
.ser-cont .ser-rht .ser-link{margin-top: 20px;}
.ser-cont .ser-rht h2{margin-bottom: 18px;}
.ser-bg::before{height: 52%;}
.tab-sec .tab-info{padding:15px 10px;}
.pro-lft{margin-top:10px; }

.cnt-rht, .cnt-lft{padding: 0px;}
.ob-main .ob-box .ob-media{width: 25%;}
.ob-main .ob-box .ob-cnt{width: 70%;}

.tab-info .gallery a{width: 200px;}
.res-bg .res-glry {width: 23.9%;}
.msn-bg .msn-title h2 span, .vsn-lft .vsn-title h2 span{width: 40%;}

.msn-bg .img-rht span, .vsn-bg .img-left span{height: 245px;}
.msn-bg .img-rht span img, .vsn-bg .img-left span img{object-fit: contain;}
.ptrns-scrl {padding: 30px 15px 40px;}
.ser-bg .ser-scrl .ser-tit::before {width: 26%;}

.res-bg .res-glry:nth-child(4n+4) {margin-right: 0;}
.res-bg .res-glry:nth-child(5n+5) {margin-right: 10px;}

.ptnrs-grp .ptnrs-logo{width: 23.9%;}
.ptnrs-grp .ptnrs-logo:nth-child(5n+5){margin-right: 10px;}
.ptnrs-grp .ptnrs-logo:nth-child(4n+4){margin-right: 0px;}

.prd-det .prd-img{ width:34%;}
.prd-det .prd-cont{ width:64%; padding-left:15px;}
.prdlist-body .prd-item{ margin-right:5px; margin-bottom:5px;}
.prd-det .prd-cont h1{ font-size:28px;}
.prd-det .prd-cont h1 small{ font-size:20px;}
.det-tab .nav-tabs-custom > .tab-content h3{ font-size:15px !important;}
.det-tab .nav-tabs-custom > .nav-tabs > li a{ font-size:14px; padding:8px 14px;}
.enqry-main .enqry-frm #error_new{  right: 0; left: 0;}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px)
 {
body{ font-size:14px;}
/* .breadcrumb_part{ padding:10px 30px } */
/* .body-bg{ padding:20px;} */
.navbar-brand img{max-height: 48px;}
.navbar-brand{padding: 12px 18px; top: -8px}


.carousel-caption h1 { font-size:24px; padding: 5px 30px 60px 30px;-webkit-clip-path: polygon(0px 0px, 65% 0, 75% 80%, 0px 80%); clip-path: polygon(0px 0px, 65% 0, 75% 80%, 0px 80%);  }
.carousel-caption h1 small{ font-size: 22px; }
.carousel-caption h2 { font-size:20px; width:370px; padding: 10px;}
.carousel-caption h2 small{ font-size:20px;}
#wowslider-container1 .ws_bullets{display: none;}

.carousel-caption2 .cardelay-inner h2{ padding:18px 76px 8px 15px; font-size: 20px; top:38px;}
.indst-box .indst-box-cnt span{ min-height: 200px;}

.inner-title h1 {font-size:26px;}
.wel-cnt .wltl h1{font-size: 28px;}
.wel-cnt .wltl h1 b{font-size:30px;}
.wel-cnt{display: block;}
.wel-cnt .wltl{width:100%;}
.wel-cnt .wltl .wbtn{display: flex; justify-content: center;}
.wel-cnt .wltr{margin:0; width: 100%; display: flex; justify-content: center;}
.wel-cnt .wltr .wltr-image{ position: relative; top: 50px}

.ser-bg .ser-scrl .ser-tit h1{font-size:28px; }
.ser-bg .ser-scrl .ser-tit h1 b{font-size:32px;}
.ser-box-cnt a{font-size: 13px;}
.ser-cont .ser-lft h1{font-size: 28px;}
.ser-cont .ser-lft h1 b{font-size: 30px;}
.ser-cont .ser-rht .ser-link a{font-size: 16px;}
.ser-cont .ser-rht h1{font-size: 22px;}
.ser-cont .ser-rht h2{font-size: 20px;}
.enqry-main{ width: 95%; margin-left: 20px; }
.ser-bg::before{ height: 56%;}

.enqry-main .enqry-frm .enqry-frm-inpt{ width: 48%;}
.srt-desc .srt-lft img{ margin-right: 10px; padding:0 }

.indst-title, .ptrns-scrl h1{font-size: 28px;}
.indst-bg{padding-bottom: 25px;}
.ptrns-scrl h1:before{width: 170px;}

.ob-main .ob-box .ob-media{width: 50%; margin: 0 auto; display: block; text-align: center;}
.ob-main .ob-box .ob-cnt{width: 100%; padding-top: 15px;}
.ob-main .ob-title h2{text-align: center;}

.ptnrs-grp .ptnrs-logo{width: 47%;}
.msn-bg .msn-title h2 span, .vsn-lft .vsn-title h2 span{width: 60%;}
.msn-bg .msn-rht, .vsn-bg .vsn-lft{padding:20px 15px 0px 15px }
.ser-cont{background-color: rgba(2,140,210,0.6);}
.ser-bg::before{background: none;}
.ser-bg .ser-scrl{padding-bottom: 0px;}

.footer-link .footer-lft span{width:27%;}
.footer-link .footer-lft .ftr-dtls{width:73%}
.ftr-map{width: 100%; }
.footer-cpy-wright .copy-wright span{text-align: center;}

.ser-bg .ser-scrl .ser-tit::before {width: 10%;}
.res-bg .res-glry {width: 31.5%; margin: 0px 15px 15px 0px;}
.res-bg .res-glry:nth-child(4n+4) {margin-right: 15px;}
.res-bg .res-glry:nth-child(5n+5) {margin-right: 15px;}
.res-bg .res-glry:nth-child(3n+3) {margin-right: 0px;}

.ptnrs-grp .ptnrs-logo{width: 31.5%; margin: 0px 15px 15px 0px;}
.ptnrs-grp .ptnrs-logo:nth-child(5n+5){margin-right: 15px;}
.ptnrs-grp .ptnrs-logo:nth-child(4n+4){margin-right: 15px;}
.ptnrs-grp .ptnrs-logo:nth-child(3n+3){margin-right: 0px;}
.ptnrs-grp .ptnrs-logo span{font-size: 14px;}

.pro-lft{margin: 5px 0px 0px; height:275px;}
.error-page-main{width: 100%;}
.error-page-main .tit h2{font-size: 36px;}
.tab-enq .csr-form .form-group, .tab-enq .csr-form .form-group label{flex-wrap: wrap; text-align: left; margin-bottom: 8px;}

.wel-cnt .wltr .wel-vdo::before{ background:transparent;}
.wel-cnt .wltr .wel-vdo::after{ background:transparent;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px)
 {
.tp1{ display:none;}
.tpbr{ margin-bottom:0px;}
.top-bar{margin-top: 0px;}
.navbar{ position:relative; padding:0px 12px 0px 0px;}
.navbar-nav{ margin-top:10px;}
/* .navbar-brand:before{ position:absolute; background:#fff; left:-10px; height:102%; content:""; width:170%; bottom:0; -webkit-clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 83% 0, 100% 100%, 0% 100%); z-index:-9; top:-1px;} */

.navbar-brand{top:0;position: relative; padding:6px 20px; box-shadow:none; background: transparent;}
.navbar-dark .navbar-brand img{ max-height:42px;}
.mega-dropdown-menu{ padding:4px;}
.head-lang{ display: flex;}
.head-lang .lang-box{ padding: 3px 0px;}

.carousel-caption2 .cardelay-inner h2{ padding:14px 76px 8px 15px; font-size: 16px; top:38px;}
.breadcrumb-bg .brd-lists{ padding: 5px 10px;}
.breadcrumb-bg .breadcrumb{ padding: 5px 10px;}

.inner-banner{ padding-top:82px;}
.banner-bg{ padding-top:88px;}
.banner-bg2{ padding-top:0px;}
.ws_controls{ display: none; }
.carousel-caption { padding:20px 30px; bottom: 30px; }
.carousel-caption h1 { font-size:14px; padding:0px 14px 48px 13px; top:-32px; left:0; clip-path: polygon(0px 0px, 35% 0, 40% 65%, 0px 65%);-webkit-clip-path: polygon(0px 0px, 35% 0, 40% 65%, 0px 65%);}
.carousel-caption h1 small{ font-size:14px; padding-bottom:3px;}
.carousel-caption h2 { font-size:14px; width:250px; padding:7px 15px 7px 15px; bottom:5px; left:10px; top:50px;}
.carousel-caption h2 small{ font-size:14px; padding-right:2px;}
.carousel-caption .cardelay:before{top: -40px; height: 3px; width: 50px; left:-5px;}
.carousel-caption .cardelay:after{ top: -40px; height:52px; width:3px; left:-8px;}

.inner-title h1 {font-size:20px;}
.sticky{ padding-top:0px;}
.sticky.navbar-dark .navbar-nav .nav-link{ padding:7px;}
.sticky .navbar-brand{ position:relative; padding:6px 20px; top:0px;}
.sticky .navbar-brand img{ max-height:42px;}

.wel-cnt .wltl .wbtn{margin:0; padding: 20px 0px;}
.wel-cnt{padding:10px 0 20px;}
.ser-box-cnt a{font-size: 12px; margin: 0 22%;}
.wel-cnt .wltl h1{ font-size: 22px; padding: 10px 5px 0px 0px; text-align: center; line-height: normal; margin-bottom: 15px;}
.wel-cnt .wltl h1:before{display: none;}
.wel-cnt .wltl h1:after{display: none;}
.wel-cnt .wltl h1 b{font-size:20px;}
.wel-cnt .wltl .wbox{padding:5px 0px 10px;}
.wel-cnt .wltl .wbtn .wbtn-box span:nth-child(n) a h2{padding-left: 20px;}
.wel-cnt .wltl .wbtn .wbtn-box span a{border: none}

.ser-bg .ser-scrl .ser-tit h1{font-size:25px; text-align: center;padding:0px 0px 8px;}
.ser-bg .ser-scrl .ser-tit h1 b{font-size:22px;}
.ser-cont .ser-lft h1 b{font-size: 24px;}
.ser-cont .ser-lft h1{font-size: 21px;text-align: center; padding:0px;}
.ser-cont .ser-lft h1:before{display: none;}
.ser-cont .ser-lft h1::after{display: none;}
.ser-bg .ser-scrl .ser-tit:before{display: none;}
.ser-box .owl-buttons{top:-44px;left:10px}
.ser-cont .ser-rht {padding-left:5px; padding-right: 5px;}
.ser-bg .ser-scrl .ser-tit h1:after{display: none}
.ser-bg .ser-scrl .ser-tit h1::before{display: none}
.ser-cont .ser-rht h1{font-size: 18px;}
.ser-cont .ser-rht h2{font-size: 18px;}
.ser-bg .ser-scrl{padding-top: 20px; }

.indst-title, .ptrns-scrl h1{font-size: 22px;}
.ptrns-scrl{padding-top: 10px; background:none; }

.enqry-main .enqry-frm{padding-left:5px;padding-right: 5px;}
.enqry-main h2{font-size:18px;}
.enqry-main{margin-left: 10px;}
.enqry-main p{padding: 0px 5px 0px}

.error-page-main .tit h2{ font-size: 24px;}

.footer-link{top:66px;}
.footer-rht-btm{padding-bottom: 10px; display: block;}
.footer-rht-btm .ftr-lnk{width: 100%; border-right: none;padding-bottom: 18px; }
.footer-rht-btm .ftr-lnk h2{margin-bottom: 12px; }
.footer-link .footer-lft .ftr-dtls{width: 100%;}
.footer-link .footer-lft span{width: 100%; text-align: center;}

.footer-link .footer-lft .ftr-dtls span.mail a{font-size: 14px;}
.footer-cpy-wright .copy-wright{padding: 10px 10px 15px 0px; display: block;}
.footer-cpy-wright .copy-wright span {display: block; padding-top: 10px;}
.footer-link .footer-rht .footer-rht-top{display: block; }
.footer-link .footer-rht .footer-rht-top ul{border-right: none; padding:0px 0px 15px 0px; width: 100%; }
.footer-link .footer-rht .footer-rht-top ul:last-child {padding-bottom: 0px;}
.footer-link .footer-rht .footer-rht-top h2{font-size: 14px; background-color: rgba(0, 0, 0, 0.15); padding: 8px 10px; border-radius: 3px;}
.footer-cpy-wright .scl-icns span {display: flex; justify-content: center;}
.footer-cpy-wright .scl-icns{display: flex; flex-wrap: wrap;justify-content: center;}
.footer-cpy-wright .scl-icns span{width: 100%;}
.footer-cpy-wright .scl-icns .icns-part{padding: 10px 0px 0px;}
.footer-rht-btm .ftr-lnk h2{ font-size: 14px; background-color: rgba(0, 0, 0, 0.15); padding: 8px 10px; border-radius: 3px;}
.footer-rht-btm{margin-top: 25px;}
.footer-link .footer-lft .ftr-dtls span.add{font-size: 14px;}
.footer-link .footer-lft .ftr-dtls h1{font-size: 18px; text-align: center;}

.ptnrs-grp .ptnrs-logo{width: 48%; margin: 0px 13px 13px 0px;}
.ptnrs-grp .ptnrs-logo:nth-child(5n+5){margin-right: 13px;}
.ptnrs-grp .ptnrs-logo:nth-child(4n+4){margin-right: 13px;}
.ptnrs-grp .ptnrs-logo:nth-child(3n+3){margin-right: 13px;}
.ptnrs-grp .ptnrs-logo:nth-child(2n+2){margin-right: 0px;}
.ptnrs-grp .ptnrs-logo span{font-size: 13px;}
.ptrns-scrl h1:before{width: 150px;}
.ptrns-scrl{padding-bottom: 30px;}

.tab-sec .nav-tabs .nav-link{background: rgb(158, 158, 158); padding:8px 10px; font-size: 13px;}
.enqform .prd-enqfrm .sbt-frm .sbt-btn, .enqform .prd-enqfrm .sbt-frm .rst-btn{width: 85%; margin-bottom: 10px;}
.enqform .prd-enqfrm .sbt-frm{padding:0; display: flex; flex-wrap: wrap;justify-content: center;}
.tab-info .gallery span a{display: flex; justify-content: center;}
.srt-desc .srt-lft span{width: 100%;margin:0px 0px 15px; text-align: center; }

.srt-desc{padding-bottom:10px; }
.counter-bg .cnt-list ul li{border-right: none; width:100%;}

.cnt-rht .enquiry-frm .sbt-btn, .cnt-rht .enquiry-frm .rst-btn{width: 85%; margin-bottom: 10px;}
.cnt-rht .enquiry-frm .frm-pd{padding: 5px;}

.ob-main .ob-box .ob-media{width: 100%;}

.tab-info .gallery{display: block; text-align: center;}
.mng-cntr .manage-bg{width: 90%; text-align: center; margin: 0 auto;}
.dwld-sec .card{width: 95%; margin: 0 auto;}
.res-bg .res-glry {display: block; margin: 0 auto; margin-bottom: 10px;}
.inner-page .prd-desc h3{font-size: 18px;}
.msn-bg .msn-title h2 span, .vsn-lft .vsn-title h2 span{width: 60%; font-size: 18px;}

.indst-box .indst-box-cnt a small{display: none;}
.indst-box .indst-box-cnt a b{font-size: 12px;}
.indst-title:before{width: 150px;}
.indst-bg{padding-bottom: 30px;}

.pro-bg{margin-top: 15px;}
.pro-rht h3{font-size: 19px;}
.counter-inner .count-box span{font-size: 32px;}
.pro-lft{margin: 5px 0px 0px; height:auto;}

.ser-bg .ser-scrl .ser-tit{ margin-top: 10px;}
.footer-link .footer-lft h2 {margin-bottom: 0px; text-align: center; padding-bottom: 10px;}
.footer-link .footer-lft h2::before{display: none;}
.res-bg .res-glry {width: 48%; margin: 0px 13px 13px 0px;}
.res-bg .res-glry:nth-child(4n+4) {margin-right: 13px;}
.res-bg .res-glry:nth-child(5n+5) {margin-right: 13px;}
.res-bg .res-glry:nth-child(3n+3) {margin-right: 13px;}
.res-bg .res-glry:nth-child(2n+2) {margin-right: 0px;}
.gbl-main .gbl-tp .card-body{min-height: auto;}

#mdl-captcha .eng-frm{ flex-wrap: wrap}
#mdl-captcha .eng-frm label{ text-align: left; margin-bottom: 5px;}

.tab-info .prd-list-1{padding: 0 16px;}
.tab-sec .nav-tabs .nav-item{width: 100%; margin-right: 0px; border-radius: 0px; margin-bottom: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px;  -o-border-radius: 0px;}
.tab-sec .nav-tabs .nav-item a{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.prd-det .prd-img{ width:100%;}
.prd-det .prd-cont{ width:100%; border-left:0; padding:15px 0px 0px 0px; margin-top:0;}
.det-tab{ margin-top:5px; padding:0px; background:transparent;}
.det-tab .nav-tabs-custom > .nav-tabs > li{ width:100%; margin:0; border-radius:3px}
.det-tab .nav-tabs-custom > .tab-content{ padding:10px 15px 15px; margin-top:5px; border-radius:3px; border: 5px solid #e6e6e6;}
.bse-lnk, .bse-lnk ul{ display:block}
.bse-lnk ul li{ background: #e8e8e8; border:0 none !important;}
.bse-lnk ul li a{ padding:3px 10px 3px; margin:2px 0px; display:block; width:100%;}
.prod-det, .det-tab .nav-tabs-custom > .tab-content h2{ margin-top:5px; line-height:1.3}
.prd-det .prd-img small{ display:block;}
.prod-det ul li{ flex-wrap:wrap; padding:2px 0px 5px;}
.prod-det ul li span, .prod-det ul li b{ width:100%;}
.prod-det ul li strong{ width:100%; padding-left:0; border-right:0;}
.prgm-lnk-main .prgm-lnk{ width:100%;}
.prdlist-body .prd-item{ width:100%; margin-right:0; margin-bottom:15px;}
.prd-item .prd-img{ height:150px;}
.prd-title{ font-size:20px; margin-bottom:15px;}
.tab-enq .csr-form .form-group, .tab-enq .csr-form .form-group label{ flex-wrap:wrap; text-align:left; margin-bottom:8px;}
.bse-det h2{ font-size:20px;}
.prd-det .prd-cont h1{ font-size:16px;}
.prd-det .prd-cont h1 small{ font-size:14px; padding-top:5px; margin: 10px 0px 5px;}
.inner-page .prd-desc .prd-img img{ box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);}
.downloads{ margin-top: 0;}

}


@media (max-width: 768px)
{
.max-cntr-page h1{ font-size:24px;}
.max-cntr-page span img{ width:100%;}
}
@media (max-width: 576px)
{
.max-cntr-page h1{ font-size:24px;}
}
/* // Error Page */

/* Animation */
@keyframes slideOutLeft {
 0% { -webkit-transform: translateX(0); transform: translateX(0); }
 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
 }

@-webkit-keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
 }

@keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
 }

@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
 100% { opacity: 1; -webkit-transform: none; transform: none; }
 }

@keyframes zoomIn {
 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
 50% { opacity: 1; }
 }

@-webkit-keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
 100% { -webkit-transform: none; transform: none; }
 }

@keyframes bounceInRight { 0%,
 60%,
 75%,
 90%,
 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
 100% { -webkit-transform: none; transform: none; }
 }

@-webkit-keyframes zoomInRight {
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
 }

@keyframes zoomInRight {
 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }
 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
 }

@-webkit-keyframes lightSpeedIn {
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
 100% { -webkit-transform: none; transform: none; opacity: 1; }
 }

@keyframes lightSpeedIn {
 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
 100% { -webkit-transform: none; transform: none; opacity: 1; }
 }

@-webkit-keyframes fadeInLeftBig {
 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
 100% { opacity: 1; -webkit-transform: none; transform: none; }
 }

@keyframes fadeInLeftBig {
 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
 100% { opacity: 1; -webkit-transform: none; transform: none; }
 }

 @keyframes hbeat {
  0% { transform: scale( .75 ); }
  25% { transform: scale( .75 ); }
  50% { transform: scale( 1.25 ); }
  75% { transform: scale( .75 ); }
  100% { transform: scale( .75 ); }
}