@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
	display: block;
}
a img {
	border: 0;
}
a {text-decoration:none;}
a:hover {text-decoration:none;}
body {
	margin: 0px;
	padding:0px;
	font-family: "Jost", sans-serif;
	font-size:17px;
	line-height:1.6;
	font-weight:400;
	background-color:#fff;
}



.jost-<uniquifier> {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* Selection colours */
::selection {
background: #00032c;
color:#fff;
}
::-moz-selection {
background: #00032c;
color:#fff;
}
ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
a {
	outline:none; 
}
p {
	padding:0px;
	margin:0px;
}
li {
	padding:0px;
	margin:0px;
	list-style:none;
}
h1 {
	font-size:30px;
	font-weight:600;
}
h2 {
	font-size:28px;
	margin-bottom:10px;
}
h3 {
	font-size:23px;
	margin-bottom:10px;
}
h4 {
	font-size:20px;
	margin-bottom:10px;
}
h5 {
	font-size:17px;
	margin-bottom:10px;
}
h6 {
	font-size:16px;
	margin-bottom:10px;
}
ol li {
	list-style:decimal inside;
	margin-left: 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.login_bg {background:url(../images/login_bg.jpg) no-repeat center;  background-size:cover; height:100vh}
.bx_login {width:35%; margin:0 auto; margin-top:5%; margin-bottom:0; background:#FFFFFF; padding:25px 35px; border:1px #e9e9e9 solid; border-radius:8px; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
/*.bx_login img {width:60%;}*/
.bx_login h1 { font-size:26px; text-align:center; color:#777; font-weight:400; margin:20px 0;}
.copytxt {font-size:14px; color:#999; text-align:center; margin:15px 0; line-height:20px;}
.login-btn {background-color:#fff; color:#000; font-size:15px; text-transform:uppercase; padding:12px 40px;   text-transform:uppercase; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin-bottom:10px; }
.login-btn:hover { text-decoration:none; background-color:#000; color:#fff; }

input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.button1 {
  background-color: #eab162;
  color: white;
  padding: 14px 20px!important;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/*.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}*/

span.psw {
  float: none;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}

header {
  padding: 0px 35px;
  background: #fff;
  width: 100%; z-index:9999999;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
/*section {
  height: 100vh;
}*/


.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-70px);
	} 
	100% {
		transform: translateY(0px);
	}
}

.navbar-default {background:transparent !important}

.bg_top{ background:#fff; width:100%; display:block; font-weight:400; padding:10px 0px;}
.bg_top p { color:#444; font-size:14px;}
.bg_top a { margin:2px 10px 0 10px;  font-size:14px; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.bg_top a:hover {color:#eab162;}

.facolor {color:#00a8ff;}

.mobi_txt {float:right;}
.mobi_txt ul li {margin:0; padding:0;}
.mobi_txt li {float:left; display:block; margin:0 2px!important;}
.top-btnsignup {
	float:left;
	display: block;
    border-radius: 2px;
	font-size:12px;
	border:none!important;
    background: #555;
    color: #fff!important;
	width: 100%;
    min-width: 120px;
	padding:4px;
	-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
	
}
.top-btnsignup:hover {background:#333;color:#fff;}

.top-btnlogin {
	float:left;
	display: block;
    border-radius: 2px;
	font-size:12px;
	border:none!important;
    background: #eab162;
    
    color: #fff!important;
	width: 100%;
    min-width: 120px;
	padding:4px;
	-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
.top-btnlogin:hover { background:#fbca01; color:#fff!important;}



.socialmedia {margin:0px; padding:0px; list-style:none; float:right; display:block; margin:0px 0 0 10px;}
.socialmedia ul {margin:0px; padding:0px; list-style:none;}
.socialmedia li {margin:0px; padding:0px; list-style:none; float:left;  border-bottom:none !important}
.socialmedia li a{ font-size:14px; color:#908931; margin:0px 1px; padding:0px; width:30px; height:30px; /*line-height:30px; */text-align:center; display:inline-block; vertical-align:middle; background:#022569; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;   -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.socialmedia li a:hover {background:#d25a17;  color:#fff !important;}

.ph-mail { color:#fff;}
.ph-mail a{ color:#fff; font-weight:300; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.ph-mail a:hover {color:#00a8ff;}

.booknow{ float:right; display:block; margin:-5px 0 0 5px; background:#d25a17; color:#fff; font-size:14px; padding:10px 25px; border-radius:45px; font-weight:600; text-transform:none; text-decoration:none!important;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.booknow:hover {background:#e2c10d;  color:#fff;}

.booknow_mobile{ float:right; display:block; margin:-70px 45px 2px 0; background:#d25a17; color:#fff; font-size:14px; padding:10px 20px; border-radius:25px; font-weight:500; text-transform:none; text-decoration:none!important;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.booknow_mobile:hover {background:#e2c10d;  color:#fff;}

.menu{ float:right;}
.menu ul{ margin:0px; padding:0px; list-style:none;}
.menu li{ list-style:none; float:left!important;  color:#ffd628; font-weight:400; font-size:12px; padding:5px 5px 5px 10px; line-height:20px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; text-transform:uppercase; padding:0px  10px;}
.menu li a{color:#ffd628; float:left!important;}
.menu li a:hover{ color:#fff; text-decoration:none;}

/*.main{ background:#fff; display:block; width:100%;}*/
.bg_white{ background:#fff; width:100%; height:auto; padding:0px;}
.bg_white img {width:90%; max-width:80%;}

.scroller { padding:10px 15px; background:#FFFFFF;}
.header_top { }

.logo { display:inline-block; margin:5px 15px;}



.banner_bg {margin:0!important; padding:0!important;}
.fade_slider {margin:0!important; padding:0!important;}

header .navbar { margin-bottom:0px; border:0px; margin-top:30px!important; z-index:9999;}
header .navbar-nav > li { /*padding-left:2px; padding-right:2px;  padding:1px 3px ;*/}
header .navbar-nav > li > a {  color:#333 !important; text-align:center;  display:block; padding:6px 17px; font-size:17px; border-radius:0px; font-weight:500; text-transform:none;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
header .navbar-nav > li:hover a { color:#333 !important;}
header .navbar-nav > li.active > a { color:#df2526!important;}
header .navbar-nav > li > a:hover { color:#df2526 !important; text-decoration:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:#c9a227 !important; text-decoration:none;color:#fff !important; }

header .navbar-nav li a .caret { margin-top:-3px; border-width: 4px 4px 0 4px;}

.banner_bg {width:100%; margin:0!important; padding:0!important;}

.banner_bg .fade_slider li.slide1 { background-image:url(../images/slide1.jpeg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .fade_slider li.slide2 { background-image:url(../images/slide2.jpg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .fade_slider li.slide3 { background-image:url(../images/slide3.jpg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .fade_slider li.slide4 { background-image:url(../images/slide4.jpg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .fade_slider li.slide5 { background-image:url(../images/slide5.jpg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .fade_slider li.slide6 { background-image:url(../images/slide6.jpg); height:550px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner_bg .slick-dots { bottom: 35px; margin: auto; position: absolute; text-align: center; width: 100%; }
.banner_bg .slick-dots li { display:inline-block; padding-left:5px; padding-right:5px;  }

.banner_bg .slick-dots li .sliders_dots { width:13px!important; height:13px!important; background-color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none;  }

.banner_bg .slick-dots li.slick-active .sliders_dots { background-color:#eab162; }

.banner_bg .slick-prev { background-image:url(../images/header_slider_left_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; left: 20px; top: 45%; z-index:9999; }


.banner_bg .slick-next { background-image:url(../images/header_slider_right_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; right: 20px; top: 45%; }

.banner_bg .slick-prev:hover, .banner_bg .slick-next:hover { background-position:bottom; }



.banner_txt { padding-top:170px!important; }
.banner_bg h3 { color:#fff; font-size:17px; font-weight:400; text-align:left; }
.banner_bg .bnr_text {  color:#fff; font-size:65px; line-height:45px; font-weight:600; text-transform:none; text-align:left; margin-bottom:20px; width:100%; }
.banner_bg .bnr_text span {color: #761ea0; font-weight:700;}
.banner_txt .read_more_link { display:inline-block; padding:8px 20px; border:2px solid #fff; color:#fff; font-size:17px;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;   }
.banner_txt .read_more_link:hover { text-decoration:none; border-color:#ED1C24; background-color:#ED1C24; color:#fff;  }


.cont-icon1 {background: #fff; width:100%; padding:45px 0px;}
.cont-icon2 {background:#FFFFFF; width:100%; height:auto;}

.cont-icon-inner {background: #fff; width:100%; padding:55px 15px;}
.cont-icon-inner p { color:#49499; font-size:16px; line-height:30px;  font-weight:400; margin:10px 0px; }
.cont-icon-inner  h1{   color:#212121; font-size:26px; font-weight:900; text-transform:uppercase; margin:13px 0px; -webkit-text-decoration-color:#ff0000;
  text-decoration-color: red; text-decoration: underline red;}
.cont-icon-inner .uline {width:12%; background:#c81e28 !important; height:2px; margin:5px 0 35px 0; border:none !important;}

.cont-icon-inner  h2{   color:#c81e28; font-size:20px; font-weight:600; text-transform:uppercase; margin:18px 0px; }
.cont-icon-inner  h3{   color:#494949;  font-size:20px; font-weight:600; text-transform:none; margin:25px 0px 20px 0px; }
.cont-icon-inner  h5{   color:#2f2360;  font-size:15px; font-weight:400; text-transform:uppercase; margin:10px 0px; }



a.mail { font-size:17px; font-weight:400; color:#212121; text-transform:none !important; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
a.mail:hover {color:#dd2a1b;}

.group {width:100%; border:10px #e5e5e5 solid; padding:25px; background:url(../images/bg-group.png) no-repeat right; background-attachment:fixed; margin-bottom:25px;}
.group img {margin-bottom:15px; !important}
.group h2 { font-size:35px !important; font-weight:700; color:#212121; text-transform:none; text-align:center !important;}
.group .uline {width:10%; background:#dd2a1b !important; height:1px; margin:10px auto;}

.group h3 {font-size:17px; line-height:35px; font-weight:400; color:#212121; text-transform:uppercase; margin:10px 0; text-align:center !important;}
.group h3 span {color:#dd2a1b;}
.group .btn1{font-family:Arial, Helvetica, sans-serif !important; color:#212121; font-size:14px; font-weight:500; text-transform:none; text-decoration:none;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.group .btn1:hover {color:#dd2a1b;}



.abt-cont {padding:25px 0;}

.abt-cont h2 {font-size:24px !important; line-height:37px; font-weight:400; color:#212121; margin-bottom:25px !important;}
.abt-cont h2 span{color:#dd2a1b;}
.abt-cont p { font-size:17px; font-weight:400; color:#212121; text-transform:none; line-height:36px;  text-align:left !important; margin-bottom:25px !important; width:90%;}

.machine {padding:25px 0;}
.machine h2 {font-size:24px !important; line-height:37px; font-weight:400; color:#212121; margin-bottom:25px !important;}
.machine img {/*margin:10px 0;*/}
.machine ul {margin:0; padding:0; list-style:none;}
.machine li {margin:0; padding:0; list-style:none;}
.machine li a {font-size:15px; color:#666666; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.machine li a:hover {color:#dd2a1b;}

.qty {background:url(../images/bg-quality.jpg) no-repeat center; background-size:cover;}
.bdr {border:8px #e5e5e5 solid;}
.qty-cont{padding:0 0 25px 0; background: #fff;}
.qty-cont h3 { font-size:35px; font-weight:600; color:#212121; text-transform:none; text-align:center !important;}
.qty-cont .uline {width:15%; background:#dd2a1b !important; height:1px; margin:15px auto;}
.qty-cont p { font-size:17px; font-weight:400; color:#212121; text-transform:none; line-height:36px;  text-align:left !important; margin-bottom:25px !important}
.qty-cont p span{color:#dd2a1b;}
.jobs {padding:45px 25px; background:#e5e5e5;}
.job-info {background:#FFFFFF; padding:20px; box-shadow: 5px 5px #dddcdc;}
.jobs h3 {font-size:30px; line-height:35px; font-weight:400; color: #212121; text-transform:none; margin:10px 0; text-align:left !important;}
.jobs .uline {width:10%; background: #dd2a1b !important; height:1px; margin:10px 0 25px 0;}
.jobs h4 {font-size:17px; line-height:28px; font-weight:600; color: #212121; text-transform:none; text-align:left !important;}
.jobs p {font-size:16px; font-weight:400; color:#494949; text-transform:none; line-height:26px;  text-align:left !important; width:98%;}


.careers {padding:45px 25px; background:url(../images/bg-careers.jpg) no-repeat; background-attachment:fixed; background-size:cover; width:100%;}
.careers h3 {font-size:30px; line-height:35px; font-weight:400; color: #fff; text-transform:none; margin:10px 0; text-align:left !important;}
.careers .uline {width:10%; background:#dd2a1b !important; height:1px; margin:10px 0 25px 0;}
.careers h4 {font-size:17px; line-height:28px; font-weight:400; color: #eab162; text-transform:none; text-align:left !important;}
.careers p {font-size:16px; font-weight:400; color:#fff; text-transform:none; line-height:26px;  text-align:left !important; width:98%;}

.carimg {padding:0 0 0 25px;}

.careers_form { width:50%; font-size:14px; margin:25px 0 0 0 !important  }
.careers_form tr td span { font-size:14px; color:#e6192a;  }
.careers_form tr td { padding-bottom:10px; }
.careers_form tr .left_section { width:140px; font-size:14px; font-weight:400; color:#fff;}
.careers_form .text_box { width:100%; height:40px; border:1px solid #484747; border-radius:4px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#fff;}
.careers_form .text_box1 { width:24%; height:40px; border:1px solid #484747; border-radius:4px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#fff;}

.careers_form .comments_box {  font-size:14px; width:100%; height:145px; max-height:145px; /*max-width:345px;*/ border:1px solid #484747; border-radius:4px; background:transparent; padding-left:10px; padding-right:5px; padding-top:8px; line-height:23px;   font-size:14px; font-weight:400; color:#fff;}

.careers_form .styled-select select { background: transparent; width: 345px; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 40px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;   font-size:14px; font-weight:400; }

.careers_form .styled-select { overflow: hidden;  background:url(../images/select_arw.png) no-repeat; background-position:95% center; border:1px solid #484747; width:345px;  height:40px; line-height:40px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;   font-size:14px; }
.careers_form .submit_enquiry {  background-color: #dd2a1b; border:2px #dd2a1b solid; color:#fff; padding:8px 25px; border-radius:4px;  font-size:13px; font-weight:600; text-transform:uppercase;  cursor:pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.careers_form .submit_enquiry:hover, .enquiry_form .submit_enquiry:focus { background-color: #fff; border:2px #fff solid; color:#212121; }


.headerr {
  text-align:left;
  background-color: #003366;
  color:white;
}

.inner-header {
  height:auto;
  width:100%;
  margin: 0;
  padding:0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  text-align:left;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:auto;
  }
  h1 {
    font-size:24px;
  }
}

.wcome {padding:65px 35px; background:url(../images/bg_welcome.jpg) no-repeat; background-size:cover; background-attachment:fixed; text-align:left;}
.wcome_cont {padding:15px 25px!important; background:rgba(0,0,0,0.3); margin:12px 0; height:200px!important; max-height:225px!important; border-radius:5px;}
.wcome h3 { font-size:34px; font-weight:600; color:#fff;}
.wcome h4 {font-size:22px; color:#fff; line-height:32px; font-weight:bold; margin-bottom:20px;}
.wcome h5 {font-size:21px; color:#fff; line-height:22px; font-weight:bold; margin:15px 0 5px 0;}
.wcome .uline {width:20%; background:#eab162 !important; height:4px; margin:15px 0; border:none!important;}
.wcome p {color:#fff; font-size:17px; line-height:24px; font-weight:400; margin-bottom:20px;}
.wcome .btn {
    border-radius: 4px;
	font-size:14px;
	border:none!important;
    background: #274c65;
    
    color: #fff;
	margin-bottom: 5px;
	width: 100%;
    max-width: 100px;
	padding:5px;
    margin-top: 5px;
	-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
.wcome .btn:hover {
	background:#3c5e75;
	
	color:#fff!important;
}


 
.our_services {padding:90px 15px; background: #fff;  }
.our_services h3 { font-size:36px; font-weight:600; color:#333; margin-bottom:35px; text-align:center;}
.our_services h4 {font-size:17px; line-height:24px; font-weight:600; color:#9c27b0; margin-bottom:10px!important; text-align:center;}

.our_services p { color:#555; font-size:16px; line-height:26px; font-weight:400; margin-bottom:15px;  text-align:center;}
.our_services ul {margin:0; padding:0; list-style:none;}
.our_services li {margin:0; padding:0; list-style:none; color:#fff; font-size:16px; line-height:30px; font-weight:400; background:url(../images/bullet1.png) no-repeat left 8px; padding-left:15px;}


/* ===========================
   Journal Highlights
=========================== */

.journal-highlights{
    background:#ffffff;
    padding:10px 0;
}

.highlight-box{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:12px;
    padding:30px 15px;
    text-align:center;
    transition:all .35s ease;
    margin-bottom:30px;
    min-height:230px;
    box-shadow:0 5px 18px rgba(0,0,0,.06);
}

.highlight-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    border-color:#d8b35f;
}

.highlight-box img{
    width:80%;
    margin-bottom:10px;
    transition:.3s;
}

.highlight-box:hover img{
    transform:scale(1.1);
}

.highlight-box h4{
    font-size:17px;
    font-weight:700;
    color:#0d2b55;
    line-height:20px;
	height:20px;
	margin-bottom:30px!important;
}

.highlight-box p{
    font-size:14px;
    color:#777;
    margin:0;
    line-height:18px;
}

/* Responsive */

@media(max-width:991px){

.highlight-box{
    min-height:210px;
}

}

@media(max-width:767px){

.journal-highlights{
    padding:35px 0;
}

.highlight-box{
    min-height:auto;
    padding:25px 15px;
}

.highlight-box img{
    width:60px;
    height:60px;
}

.highlight-box h4{
    font-size:17px;
}

}



.bg-logo {padding:10px; border-radius:4px; margin:10px 0; background:#FFFFFF; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.howitworks {padding:60px 0;}
.howitworks h1 { font-size: 34px; font-weight: 600; text-align:center; color: #333; margin-bottom:20px;}
.howitworks h2 { font-size: 26px; font-weight: 400; text-align:center; color: #494949; margin:12px 0;}

.howitworks p {color:#7f8fa4; font-size:16px; line-height:26px; font-weight:400; text-align:center; margin:10px 0;}

.trx {background:#FFFFFF; padding:15px 10px; }

.counterbox {padding:25px 20px; background:#fff; border:1px #9726ae solid; margin:5px 0; border-radius:6px; height:255px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.counterbox:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.counterbox .fa {color:#fff!important; font-size:20px;}
.counterbox h5 {color:#333; text-align:center;; margin:10px 0 5px 0; font-weight:600;}
.counterbox p { font-size:16px; line-height:18px; color:#555;  font-weight:400;}
.counterbox a {color:#555; text-decoration:none;}
.counterbox a:hover {color:#eab162;}
.counterbox img {border-radius:360px; border:10px solid rgba(255,255,255,0.2);}



.flowchart {width:100%; padding:85px 35px; background:url(../images/bg_process.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.flowchart h2{  font-weight:500; color:#fff; font-size:26px; text-align:center;}
.flowchart .uline{ width:10%; height:2px; background:#f5c400; margin:10px auto; margin-bottom:35px;}
.flowchart p{  font-weight:300; color:#fff; font-size:15px; line-height:30px; text-align:left;}
.flowchart p span {font-weight:bold; margin-bottom:15px!important;}
.flowchart h3{  font-weight:300; color:#fff; font-size:22px; line-height:35px; text-align:center;}


.infra {background:#033364; padding:35px 15px;}
.infra img {margin:15px 0;}



.team_cont  ul {margin:0; padding:0; list-style:none;}
.team_cont  li {margin:0; padding:0; list-style:none;  color:#494949; font-size:16px; line-height:40px; font-weight:400; border-bottom:1px #d9d9d9 dashed; background:url(../images/bullet1.png) no-repeat left 14px; padding-left:14px;}


.cont-icon-inner a { color:#212121 !important; font-size:14px; line-height:25px;  font-weight:400; text-decoration:none;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.cont-icon-inner a:hover {color:#c81e28; text-decoration:none;}

.cont-icon-inner ul {margin:0px; padding:0px; list-style:none;}
.cont-icon-inner li {margin:0px; padding:0px; list-style:none; background:url(../images/product_categories_list1.png) no-repeat left 15px; padding-left:15px;  color:#212121; font-size:16px; line-height:35px; border-bottom:1px #e5e5e5 solid;  font-weight:400;}
.cont-icon-inner li a{ color:#212121; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.cont-icon-inner li a:hover {color:#c81e28; text-decoration:none;}
.cont-icon-inner li a.active{color:#c81e28 !important;}

.list ul {margin:0px; padding:0px; list-style:none;}
.list li {margin:0px; padding:0px; list-style:none; background:url(../images/product_categories_list1.png) no-repeat left 15px; padding-left:15px;  color:#212121; font-size:16px; line-height:35px; border-bottom:none !important;  font-weight:400;}
.list li a {color:#212121; text-decoration:none; text-transform:none !important;}
.list li a:hover {color:#FF0000;}
.list li a.active {color:#FF0000;}

.pad-btm {padding-bottom:25px;}



.panel-heading h5 {color:#FFFFFF !important; font-weight:500; font-size:13px; line-height:22px;}
.panel-heading a {color:#FFFFFF !important; font-weight:500; font-size:13px;}

.contact_page_info { display:inline-block; width:240px; color:#fff; }
.contact_address { background-image:url(../images/contact_address_icon.png); background-repeat:no-repeat; background-position:left top; }
.contact_address span.name_txt {  font-size:14px; line-height:25px; display:block;` }

.contact_phone_enquiry { background-image:url(../images/contact_enquiry_icon.png); background-repeat:no-repeat; background-position:left top; padding-left:45px; margin-top:20px; }
.contact_phone_enquiry a { display:block; color:#fff; } 
.contact_phone_enquiry a:hover { text-decoration:none; color:#ED1C24; }

.contact_mail_enquiry { background-image:url(../images/contact_mail_icon.png); background-repeat:no-repeat; background-position:left 0px; padding-left:45px; margin-top:20px; }
.contact_mail_enquiry a { display:block; color:#fff; line-height:18px; margin-bottom:8px; } 
.contact_mail_enquiry a:hover { text-decoration:none; color:#ED1C24; }

.pad {padding:25px 0;}
.enquiry_form { width:95%; font-size:14px;  }
.enquiry_form tr td span { font-size:14px; color:#e6192a;  }
.enquiry_form tr td { padding-bottom:10px; }
.enquiry_form tr .left_section { width:140px;  font-size:14px; font-weight:400; color:#494949;}
.enquiry_form .text_box { width:100%; height:40px; border:1px solid #cccccc; border-radius:0px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#494949;}
.enquiry_form .text_box1 { width:24%; height:40px; border:1px solid #cccccc; border-radius:0px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#494949;}

.enquiry_form .comments_box {  font-size:14px; width:100%; height:145px; max-height:145px; /*max-width:345px;*/ border:1px solid #cccccc; border-radius:0px; background:transparent; padding-left:10px; padding-right:5px; padding-top:8px; line-height:23px;   font-size:14px; font-weight:400; color:#494949;}

.enquiry_form .styled-select select { background: transparent; width: 345px; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 40px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;   font-size:14px; font-weight:400; }

.enquiry_form .styled-select { overflow: hidden;  background:url(../images/select_arw.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:345px;  height:40px; line-height:40px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;   font-size:14px; }
.enquiry_form .submit_enquiry { color:#333; border:2px #333 solid; padding:8px 35px; background-color:#transparent; font-size:14px; font-weight:600; text-transform:uppercase;  cursor:pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.enquiry_form .submit_enquiry:hover, .enquiry_form .submit_enquiry:focus { border:2px #333 solid; background-color:#333; color:#fff; }



.home_content_bg  { background:#fff; padding:1px 0;}
.quick_lnks {background:#transparent; padding:5px 0; margin:auto!important; }
.quick_lnks_bg {background:#fff; -webkit-box-shadow: -1px 7px 20px -10px rgba(181,179,181,1);
-moz-box-shadow: -1px 7px 20px -10px rgba(181,179,181,1);
box-shadow: -1px 7px 20px -10px rgba(181,179,181,1);}
.quick_lnks_bg:hover { background: url(../images/bg-grad.jpg) repeat-x bottom #fff;}
.quick_lnks_cont {padding:10px 15px;}
.quick_lnks_cont h1 a{color:#333; text-align:center; font-size:24px;}
.quick_lnks_cont h1 a:hover {color:#333!important;}
.quick_lnks h2 {font-size:17px; color:#282828; font-weight:500; text-align:center; margin:10px 0;}

.trade_view {border-right:1px #354368 solid; padding:0 15px 0 0;}
.trade_view_last {border-right:1px transparent solid; padding:0 15px 0 0;}

.trad {background:#FFFFFF; border-radius:6px; padding:20px 25px; border:1px solid #e9e9e9; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; height:325px; margin-bottom:10px;}
.trad img {border-radius:360px; border:6px solid rgba(2,5,92,0.1);}
.trad p {line-height:20px!important;}

.home_products { margin:75px auto; margin-bottom:0;  }
.home_products li { text-align:center;}
.home_products li  { width:410px; text-align:center; display:block; margin-top:15px!important; margin-left:2px; margin-right:2px; }
.home_products li h5 {color:#fff!important; font-size:14px!important; line-height:26px; text-align:center; font-weight:300!important;  text-transform:none; }
.home_products li.slick-slide img { display:inherit; }
.home_products li .product_img {height:300px; text-align:center;  width:100%;}

.slide_outer img{display: inline-block;}
.home_products .slick-arrow
{
	position: absolute;
	border: 0px;
	box-shadow: none;
	top: -60px;
	background-color: transparent;
	
}
.home_products .slick-prev
{
	background-image: url(../images/featured_product_left.png);
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	right: 43px;
}
.home_products .slick-next
{
	background-image:url(../images/featured_product_right.png);
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	right: 10px;
}
.home_products .slick-list { transform: translate3d(0px, 0px, 0px);  margin: auto; }

.home_products li .industrial_list:hover { text-decoration:none; }

.home_products li .industrial_list:hover h5 { text-decoration:none; color:#00a0e3;  }
.home_products li .industrial_list:hover .product_img { border:none; }





@media only screen and (min-width: 768px) {

header .navbar .navbar-collapse { padding-left:0px; padding-right:0px; }
header .navbar-nav { float:right; }
header .navbar-nav > li:hover > ul { display:block; }
header .navbar-nav > li > ul > li:hover > ul { display:block; }
header .navbar-nav > li ul li a { font-size:15px; color:#333; font-weight:500;}
header .navbar-nav > li:hover ul li a {/* color:#204f38 !important;*/ text-transform:none; color:#333; }
header .navbar-nav li .dropdown-menu { padding:0px; }
header .navbar-nav > li > a { /*padding-left:10px; padding-right:5px*/ }
header .navbar-nav li ul li a { padding:10px 12px; font-size:15px !important; font-weight:500!important; background-color:#fff; /* background-color:#b80c16;*/ text-transform:none; color:#333;!important; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; position:relative; }
header .navbar-nav li ul li { border-bottom:1px solid #e8e8e8; }
header .navbar-nav li ul li:last-child { border:none; }
header .navbar-nav li ul li a:hover { color:#fff !important; background:#df2526 ;}
header .navbar-nav li ul li:last-child a {  -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;  }
header .navbar-nav li ul li:last-child a:hover { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;  }
header .navbar-nav li ul li:last-child {  -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color:transparent;  }


header .navbar-nav li ul.dropdown-menu { border-top:0px; background-color:transparent !important; left:0px; min-width:190px;  }
header .navbar-nav li ul.dropdown-menu li { position:relative !important; }
header .navbar-nav li ul.dropdown-menu li ul.dropdown-menu { border-top:0px; background-color:transparent !important; left:269px; top:-2px; min-width:250px;  }  
.sub_dropdown_icon { background-image: url(../images/dropdown_arw.png); background-repeat:no-repeat; background-position:left; width:15px; height:7px; margin-left:8px; display:inline-block; }

header .navbar-nav li ul li ul li a { background-color:#fff;  color:#f55415 !important;}

.dropdown_icon { background-image: url(../images/dropdown_arw.png); background-repeat:no-repeat; background-position:left; width:15px; height:7px; margin-left:5px; display:inline-block; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { /*background-color:#fbecc7;*/ border-bottom:0px solid #fff; }


}



select{background:transparent; color:#FFFFFF;}

select option {
    background: transparent);
    color:#212121;
}

select option[val="1"]{
    background: transparent);
}

select option[val="2"]{
    background: transparent);
}


.map {width:100%; margin:0px; padding:0px;}

.careers_form { width:100%;}

.markets {width:100%; background:#fff; padding:65px 10px; }

.bg_inquiry {width:100%; background: #fff; padding:65px 10px; }
.bg_inquiry p {font-size:17px; text-align:center;  font-weight:400; line-height:20px;  color: #555; margin-bottom:10px;}
.bg_inquiry h3 { font-size:36px; color:#333; text-align:center; font-weight:600; margin-bottom:26px!important;}
.bg_inquiry h4 {font-size:17px; line-height:26px; color:#555; text-align:center;  font-weight:400; margin-bottom:20px!important;}
.bg_inquiry h5 {font-size:17px; line-height:26px; color:#555; text-align:center;  font-weight:600; margin-bottom:10px!important;}
.bg_inquiry img {margin-bottom:10px;}
.btn-sub {  margin-top:20px!important; width:100%; background:#FFFFFF;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
   border-radius:3px;  color:#333; font-size:16px; font-weight:600; text-transform:uppercase; letter-spacing:1px; padding:10px 35px; text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}

.bg_inquiry a {color:#111; font-weight:600; text-decoration:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.bg_inquiry a:hover {color:#df2526;}
   
.btn-sub:hover { color:#eab162; text-decoration:none; margin-top:10px;  transition-duration: .2s; }
.col-cont {padding:10px 15px;}

.footer{padding:55px 25px; background: #444;}
.footer h5 {font-size:16px; text-transform:uppercase; line-height:26px; font-weight:700; color:#fff; margin-bottom:5px;}
.footer .line {width:18%; background:rgba(255,255,255,0.5); height:1px; margin-bottom:20px;}
.footer img {margin-bottom:35px;}
.footer a {color:#fff; font-weight:400;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.footer a:hover {color: #eab162; text-decoration:none;}
.footer p {font-size:16px; color:#fff; font-weight:400; line-height:22px; margin:10px 0 20px 0;}
.footer ul { margin:0px; padding:0px; list-style:none;}
.footer li { margin:0px; padding:0px; list-style:none; font-size:16px; color:#fff; line-height:32px; text-transform:none;}
.footer li a {color: #fff; font-weight:400; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.footer li a:hover {color: #999;}


.fot-btnlogin {
    border-radius:3px;
	border:none;
	font-size:14px;
    background: #eab162;
    color: #FFF!important;
	padding:5px 10px;
	-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
	
}
.fot-btnlogin:hover {
	background:#95d052;
}

.location {padding:50px 0 0 0;}
.facolor1{color: #f5c400;}

.socialmedia1 {margin:0; padding:0px; list-style:none; float:left; display:block;}
.socialmedia1 ul {margin:0px; padding:0px; list-style:none;}
.socialmedia1 li {margin:0px; padding:0px; list-style:none; float:left !important;  border-bottom:none !important}
.socialmedia1 li a{ font-size:14px; color:#8f8b3c; margin:0px 4px; padding:0px;  line-height:30px; text-align:center; display:inline-block;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.socialmedia1 li a:hover { color: #fff;}



.socialmedia {margin:0; padding:0px; list-style:none; float:right; display:block;}
.socialmedia ul {margin:0px; padding:0px; list-style:none;}
.socialmedia li {margin:0px; padding:0px; list-style:none; float:left;  border-bottom:none !important}
.socialmedia li a{ font-size:14px; color:#222222; margin:0px 1px; padding:0px;  line-height:30px; text-align:center; display:inline-block;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.socialmedia li a:hover { color:#fff;}

.socialmedia_ftr {margin:0; padding:0px; list-style:none; float:left; display:block;}
.fb {float:left; display:block;}
.twr {float:left; display:block; margin-left:8px;}
.gplus {float:left; display:block; margin-left:8px;}
.youtube {float:left; display:block; margin-left:8px;}


.copyright {padding:20px 25px; width:100%; background: linear-gradient(135deg, #071a2b, #102a43 60%, #123e59);}
.copyright p {color: rgba(255, 255, 255, .68); font-size:16px; font-weight:400; line-height:1.6!important;}
.copyright p span{color:#354368; font-size:14px; font-weight:400;}
.copyright a {color:var(--v-gold); text-decoration: blink;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.copyright a:hover {color:#fff;}

.copyright span a {color:#fff; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.copyright span a:hover {color:#2d2c31;}

.copyright ul { margin:0px; padding:0px; list-style:none;}
.copyright li { margin:0px; padding:0px; list-style:none; font-size:14px; color:rgb(17, 51, 85); font-weight:400; line-height:32px; text-transform:none;}
.copyright li a {color:rgb(17, 51, 85); font-weight:400; text-decoration:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.copyright li a:hover {color: #274c65;}

.btmlogo {margin-bottom:25px;}
.payment {float:right;}
.ico-payment { margin-bottom:10px;}
.payment p {}

.logo_slider
{
	padding: 0px 30px;
	margin-top: 30px;
}
.logo_slider .slick-arrow
{
	position: absolute; top: 45%;
}
.logo_slider .slick-prev
{
	background: url(../images/logoleft_arrow.png) no-repeat;
	width: 10px;
	height: 42px;
	border: 0px;
	position: absolute;
	left: 0px;
}
.logo_slider .slick-next
{
	background: url(../images/logoright_arrow.png) no-repeat;
	width: 10px;
	height: 42px;
	border: 0px;
	position: absolute;
	right: 0px;
}
.logo_slider .imgpad {padding:5px 10px;}
.logo_slider .bdr {border:1px #CCCCCC solid;}

.inner-banner-about{ background:#006; padding:15px 35px;}
.inner-banner-about h1 {font-weight:400; color:#fff; font-size:17px; line-height:30px; text-transform:none; text-align:left; }



.inner-content-bg{ background:#fff;; width:100%; padding:65px 35px;  }
.inner-content-bg-cont { border-right:1px solid #ccc;}
.inner-content-bg h1{ font-weight:600; color: #039; font-size:35px;}
.inner-content-bg h1 span{ color:#fff;}
.inner-content-bg .uline{ width:100%; height:2px; background:#e9e9e9; margin:10px 0 25px 0;}
.inner-content-bg h2{font-weight:600; color:#444; font-size:24px;}

.inner-content-bg p{  font-weight:400; color:#555; font-size:17px; line-height:26px!important; margin:10px 0;} 
.inner-content-bg p a {color:var(--v-gold);}
.inner-content-bg p a:hover {color:#555;}
.inner-content-bg h3{  color: #165FB8; font-weight:500; font-size:22px; line-height:30px!important;}
.inner-content-bg h4{  color:#444; font-size:20px;}
.inner-content-bg h5{  color:#df2526; font-size:20px;}

.inner-content-bg .line {width:100%; background:#f5f5f5; height:2px; margin:30px 0;}

.inner-content-bg .list ul{ list-style:none; margin:0px; padding:0px;}
.inner-content-bg .list li{ list-style:none; margin:0px; padding:0px; background: url(../images/bullet1.png) no-repeat left 8px!important;    font-weight:400; color:#333; font-size:17px; padding-left:15px;line-height:30px!important;}
.inner-content-right{ margin:30px 0px;}
.inner-content-right img{ margin-bottom:25px;}
.inner-content-right a {color:#eab162; text-decoration:none;}
.inner-content-right a:hover {color:#fff;}

.quote {background:#E8F8FF; padding:30px; border-radius:15px; margin:15px 0; font-style:italic; font-size:20px; line-height:1.6;}

.service_cont {background:#f5f5f5; padding:25px; margin:12px 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.bank {background:#FFFFFF; padding:20px 25px; border-radius:10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.bank img {margin-bottom:12px;}

.right_coloum { margin:0; padding:0 10px;}

.right_coloum ul {margin:0; padding:0; list-style:none;}
.right_coloum li {margin:0; padding:0; list-style:none;}
.right_coloum li a { background: #F6F6F6; border-left:5px #ECECEC solid; padding:8px 15px; font-size:17px; color:#444; text-align:left; text-decoration:none;  display:block; margin:5px 0;}
.right_coloum li a:hover {background:#70707033; border-left:5px #ECECEC solid;}

.quicklink_sec {margin:0; padding:35px 0;}
.quicklink_sec h4 {font-size:18px; font-weight:600; color:#333;  line-height:24px;}
.quicklink_sec ul {margin:0; padding:0; list-style:none;}
.quicklink_sec li {margin:0; padding:0; list-style:none; background: none;}



.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
	margin:7px 0;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

textarea.form-control {
    height: auto;
}

select.form-control {
    height: 40px;
}

input[type="file"].form-control {
    height: auto;
    padding: 6px;
}

.section-heading {font-size:20px; font-weight:600; margin:30px 0; background:#ccc; color:#333; padding:10px 20px; float:none; text-align:center;}
label {font-weight:400;}

/* =========================
   Form Table Layout
========================= */

.tbl-form {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.tbl-form th,
.tbl-form td {
    padding: 10px 12px;
    vertical-align: top;
}

.tbl-form th {
    width: 220px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

/* Section Heading */

.section-heading {
    background: #f5f5f5;
    padding: 12px 15px !important;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #ddd;
}

/* Bootstrap Inputs */

.form-control {
    width: 100%;
    margin-bottom: 0;
}

/* Textarea */

textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

/* Small Help Text */

.tbl-form small {
    display: block;
    margin-top: 5px;
    color: #777;
}

/* Buttons */

.tbl-form .btn {
    margin-top: 10px;
}

/* Responsive */

@media (max-width:768px){

    .tbl-form,
    .tbl-form tbody,
    .tbl-form tr,
    .tbl-form th,
    .tbl-form td{
        display:block;
        width:100%;
    }

    .tbl-form th{
        padding:10px 10px 5px;
    }

    .tbl-form td{
        padding:0 10px 15px;
    }

}


/*products page starts*/
/* Container needed to position the overlay. Adjust the width as needed */
.containerr {
  position: relative;
  width: 100%;
  margin:10px 0;
}

/* Make the image to responsive */
.image {
  width: 100%;
  height: auto;
  
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: .3s ease;
}

/* When you mouse over the container, the overlay text will "zoom" in display */
.containerr:hover .overlay {
  transform: scale(1);
}

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.texte {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.btn-enquiry {
	position: absolute;
	top: 46%;
	left: 30%;
    width: 40%;
    background-color: #transparent;
    border: 2px #fff solid;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
	display:block;
    letter-spacing: 1px;
    padding: 5px 15px;
    text-transform: uppercase;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.btn-enquiry:hover {background:#FFFFFF; color:#333333;}

/*products page ends*/

.forex {padding:45px 35px; background: #eab162; margin:35px 0;}
.adv {padding:30px 0;}

.infra{ background:#fff; width:100%; padding:65px 35px;  }
.infra h3{  font-weight:500; color:#333; font-size:32px; text-align:center;}
.infra .uline{ width:10%; height:2px; background:#eab162; margin:10px auto;}
.infra_cont {padding: 65px 0;}
.infra_cont_inner {padding:15px; border:1px #e4e4e4 solid; border-radius:5px; margin:15px 0; height:215px;}
.infra_cont_inner:hover {-webkit-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2);}
.infra_cont_inner h4{font-size:16px; font-weight:600; margin:10px 0;}
.infra_cont_inner p {font-size:15px; font-weight:400; margin:10px 0; text-align:left!important; color:#666666; line-height:24px!important; width:100%;}

.pad45 {padding:45px 0;}

.capabilities  {width:100%; background: url(../images/img-counter.jpg) no-repeat left; height:747px; position:relative; }
.bg-capabilities { position:absolute; background:#f5c400; padding:30px 25px; right:5%; top:15%; box-shadow: 0px 25px 38px rgba(0,0,0,0.2);}
.bg-capabilities h3 { font-size: 40px; color: #333; text-transform: none; font-weight: 400; text-align: center; line-height: 60px; margin-bottom: 15px;}
.bg-capabilities p { font-size:16px; color:#333; font-weight:400; line-height:30px; text-transform:uppercase; text-align:center;}

.column {
  float: left;
  width: 50%;
  padding: 0 5px;
  border:1px transparent solid;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}


@media screen and (max-width: 767px) {
  .column {
    width: 50%;
    display: block;
    margin-bottom: 10px;}
}

/*Style the counter cards */

.card {
  
  padding: 16px;
  text-align: center;
  background-color: transparent;
  color: #bbb8b7;
  font-weight:300;
}

.card h3 { font-size:70px; font-weight:100; color:#fff; margin:15px 0 0 0;}
.card h3:before{
	top: 0;
	right: 0;
	content: '+';
	color: #fff;
	font-size: 50px;
	line-height: 30px;
	position: absolute;
}
.card p {font-size:13px; font-weight:400; text-transform:uppercase; letter-spacing:1px; color:#494949;}

/* gallery */

.rowg {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.columng {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.columng img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .columng {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columng {
    flex: 100%;
    max-width: 100%;
  }
}

/* gallery ends */


.infra_facilities { background:#333333; padding:85px 35px;}
.infra_facilities h3 {font-size:34px; color:#FFFFFF; font-weight:400; text-align:center;  letter-spacing:-1px;}
.infra_facilities .uline{ width:10%; height:2px; background:#f5c400; margin:10px auto; margin-bottom:35px;}
.infra_facilities p {color:#FFFFFF; font-size:16px; font-weight:300; text-align:center; line-height:32px; width:90%; margin:auto;}
.infra_facilities ul li {margin:0; padding:0; list-style:none;}
.infra_facilities li {color:#FFFFFF; font-size:16px; font-weight:300; line-height:32px; background:url(../images/bullet.png) no-repeat left 10px; padding-left:15px!important;}
.infra_facilities_cont {padding:35px 0;}


.exper { background:#fff; padding:85px 35px;}
.exper_cont {margin-left:25px;}
.exper h4 {font-size:34px; color:#333; font-weight:400; letter-spacing:-1px; }
.exper .uline{ width:35%; height:2px; background:#f5c400; margin:10px 0; margin-bottom:35px;}
.exper p {color:#494949; font-size:16px; font-weight:400; line-height:32px; width:90%;}

.quality_system  {width:100%; background: url(../images/img-quality-system.jpg) no-repeat left; height:450px; position:relative; margin:25px 0;}
.bg-quality_system { position:absolute; background:#2d155e; padding:30px 35px; right:0%; top:15%;  box-shadow: 0px 25px 38px rgba(0,0,0,0.2);}
.bg-quality_system h3 { font-size:32px; color: #fff; text-transform: none; font-weight:300; letter-spacing:-1px; line-height: 60px; margin-bottom: 15px;}
.bg-quality_system .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-quality_system p { font-size:16px; color:#fff; font-weight:300; line-height:30px;}

.time_commitment  {width:100%; background: url(../images/img-time-commitment.jpg) no-repeat right; height:450px; position:relative;  margin:25px 0;}
.bg-time_commitment { position:absolute; background:#32a5a2; padding:30px 35px; left:0%; top:15%;  box-shadow: 0px 25px 38px rgba(0,0,0,0.2);}
.bg-time_commitment h3 { font-size:32px; color: #fff; text-transform: none; font-weight:300; letter-spacing:-1px; line-height: 60px; margin-bottom: 15px;}
.bg-time_commitment .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-time_commitment p { font-size:16px; color:#fff; font-weight:300; line-height:30px;}

.work_flow  {width:100%; background: url(../images/img-work-flow.jpg) no-repeat left; height:450px; position:relative; margin:25px 0;}
.bg-work_flow { position:absolute; background:#af133a; padding:30px 35px; right:0%; top:15%;  box-shadow: 0px 25px 38px rgba(0,0,0,0.2);}
.bg-work_flow h3 { font-size:32px; color: #fff; text-transform: none; font-weight:300; letter-spacing:-1px; line-height: 60px; margin-bottom: 15px;}
.bg-work_flow .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-work_flow p { font-size:16px; color:#fff; font-weight:300; line-height:30px;}

.milestone{ background: url(../images/bg-milestone.jpg) no-repeat; background-size:cover; background-attachment:fixed; width:100%; padding:75px 35px;  }
.milestone h3{  font-weight:400; color:#fff; font-size:32px; text-align:center; margin-bottom:0px;}
.milestone .uline{ width:10%; height:2px; background:#eab162; margin:10px auto;}



* {box-sizing: border-box;}
/* Set a background color */

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container1 {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container1::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #f5c400;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: -1px 3px 18px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 3px 18px -3px rgba(0,0,0,0.75);
box-shadow: -1px 3px 18px -3px rgba(0,0,0,0.75);
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .container1 {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .container1::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}

.pad-form {padding:0 0 0 35px;}
.contact_form { width:95%; font-size:14px;  }
.contact_form tr td span { font-size:14px; color:#e6192a;  }
.contact_form tr td { padding-bottom:10px; }
.contact_form tr .left_section { width:140px;  font-size:14px; font-weight:400; color:#494949;}
.contact_form .text_box { width:100%; height:50px; border:1px solid #e0e0e0; border-radius:0px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#494949;}
.contact_form .text_box1 { width:24%; height:50px; border:1px solid #e0e0e0; border-radius:0px; font-size:14px; padding-left:10px; padding-right:5px; background:transparent; color:#494949;}

.contact_form .comments_box {  font-size:14px; width:100%; height:145px; max-height:145px; /*max-width:345px;*/ border:1px solid #e0e0e0; border-radius:0px; background:transparent; padding-left:10px; padding-right:5px; padding-top:8px; line-height:23px;   font-size:14px; font-weight:400; color:#494949;}

.contact_form .styled-select select { background: transparent; width: 345px; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 40px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;   font-size:14px; font-weight:400; }

.contact_form .styled-select { overflow: hidden;  background:url(../images/select_arw.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:345px;  height:40px; line-height:40px; padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;   font-size:14px; }
.contact_form .submit_enquiry { color:#fff; padding:8px 35px; background-color:#104678; font-size:14px; font-weight:600; text-transform:uppercase; border:0;  cursor:pointer; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.contact_form .submit_enquiry:hover, .enquiry_form .submit_enquiry:focus { background-color:#FF6600; color:#fff; }


.qty_cont {padding:65px 0;}
.qty_cont_inner {padding:25px; border:1px #e4e4e4 solid; border-radius:5px; margin:15px 0; height:310px;}
.qty_cont_inner:hover {-webkit-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2);}
.qty_cont_inner p {font-size:14px; text-align:center!important; color:#666666; line-height:20px!important; width:100%;}

.prod_cont {padding:65px 0;}
.prod_cont_inner {padding:15px; border:1px #e4e4e4 solid; border-radius:5px; margin:15px 0;}
.prod_cont_inner:hover {-webkit-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2); box-shadow: 0px 6px 19px -1px rgba(0,0,0,0.2);}
.prod_cont_inner p {font-size:16px; font-weight:600; text-align:center!important; color:#666666; line-height:20px!important; width:100%;}

.process {width:100%; padding:65px 35px; background:#333333;}
.process h2{  font-weight:500; color:#fff; font-size:26px; text-align:center;}
.process .uline{ width:10%; height:2px; background:#f5c400; margin:10px auto;}
.process p{  font-weight:400; color:#fff; font-size:23px; line-height:32px!important; margin:12px 0; text-align:center;}

.cont_process {padding:45px 0;}
.cont_process h3 {color:#FFFFFF; font-weight:400; font-size:32px; text-align:center; margin:25px 0 0 0;}
.cont_process p{  font-weight:400; color: #fff; font-size:17px; line-height:26px!important; margin:12px 0; text-align:center;}
.cont_process img {border-radius:300px; max-width:75%; border:4px #rgba(255,255,255,0.6) solid; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.cont_process img:hover {border:4px #f5c400 solid;}


.whyus { background: #fff; width:100%;}
.whyus .img_left { float:right; width:50%;  height:530px; background-image:url(../images/whyus.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.whyus .content_right { float:left;  width:50%; padding:55px 35px; }
.whyus h3 {color:#2d2d2d;  font-size:40px; font-weight:400; text-transform: none;}
.whyus .line { width:25% !important; background:#f5c400; height:2px; margin:15px 0;}
.whyus p{color:#494949; font-size:16px; line-height:32px; font-weight:400; text-transform:none; margin:15px 0px;}
.whyus ul li {margin:0; padding:0; list-style:none;}
.whyus li {color:#494949; font-size:16px; line-height:32px; font-weight:400; text-transform:none; background:url(../images/bullet1.png) no-repeat left 10px; padding-left:13px!important;}

.qty_policy { background: #fff; width:100%;}
.qty_policy .img_left { float:right; width:50%;  height:530px; background-image:url(../images/quality_policy.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.qty_policy .content_right { float:left;  width:50%; padding:55px 35px; }
.qty_policy h3 {color:#2d2d2d;  font-size:40px; font-weight:300; text-transform: none;}
.qty_policy h4 {margin-bottom:15px;}
.qty_policy .line { width:25% !important; background:#f5c400; height:2px; margin:15px 0;}
.qty_policy p{color:#494949; font-size:16px; line-height:32px; font-weight:400; text-transform:none; margin:15px 0px;}
.qty_policy ul li {margin:0; padding:0; list-style:none;}
.qty_policy li {color:#494949; font-size:16px; line-height:32px; font-weight:400; text-transform:none; background:url(../images/bullet1.png) no-repeat left 10px; padding-left:13px!important;}
.qty_policy .read-more{background:transparent; color:#2d2d2d; border-radius:4px; border:2px #212121 solid; font-size:14px; padding:10px 15px;  text-transform:none;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.qty_policy .read-more:hover { text-decoration:none;  background-color:#212121; border:2px #212121 solid; color:#fff;}

.contact {padding:35px 0;}
.contact_hgt {height:155px;}
.contact .bodr {border-right:1px #dadada dashed!important;}
.contact h4 {margin:0; font-size:24px; font-weight:400; color:#333!important;}
.contact p {text-align:left; margin:0;}
.contact p span {font-style:italic; color:#666666;}
.person {padding:0px 15px;}
.call {padding:0px 25px;}
.address {padding:0px 25px;}
}



@media (max-width: 1199px) {
	.cont-icon1 .col-md-4{ width: 50%;}
	.col-bg1, .col-bg2, .col-bg3{ height: auto; margin-bottom:10px;}
}
@media (max-width: 991px){
	.cont-icon1 .col-md-4{ width: 100%;}
	.col-bg1, .col-bg2, .col-bg3{ height: auto; margin-bottom:10px;}
	.qty_policy .content_right{ padding:25px 35px	 }
	.qty_policy h3 { font-size:30px; }
	.whyus .content_right{ padding:25px 35px	 }
	.whyus h3 { font-size:30px; }
}



@media (min-width: 992px) and (max-width: 1199px) {

h1 { font-size:30px; }
h2 { font-size:26px; } 
h3 { font-size:24px; } 
h4 { font-size:22px; } 
h5 { font-size:20px; } 
h6 { font-size:16px;  } 


header .navbar { margin-top:10px;  }
header .navbar-nav > li { padding-left:6px; padding-right:6px; }
header .navbar-nav > li > a { font-size:12px; }
/*.header_top .navbar-nav > li { padding-left:0px; padding-right:15px;}
.header_top .navbar-nav > li > a { font-size:12px; }*/
.logo { margin-top:15px; margin-right:30px; }
.menu{ float:right;}

	
.banner_bg { width:100%; height:auto;/*height:380px;*/ }


.home_about_content { font-size:13px; }




.home_products { width:950px; }
.home_products .slick-list { width:auto; margin-left:26px; }
.home_products li.slick-slide img { width:100%; display:block; }
.home_products li .industrial_list { width:198px !important }
.home_products li .product_img { width:200px !important; height:238px; }
.home_products .slick-next { right:-10px; background-size:28px auto;   }
.home_products .slick-prev { left:-10px;  background-size:28px auto;  }


.featured_product_bg { padding-top:10px; padding-bottom:10px; background-size:inherit; }
.featured_product_bg h3 { font-size:35px;  }
.featured_product_bg .industrial_solutions li { padding:10px; margin-left:7px; margin-right:7px; margin-bottom:20px; }
.featured_product_bg .industrial_solutions li { width: 210px !important; height:auto; min-height:240px; max-height:240px; }
.featured_product_bg .industrial_solutions li .img_bg { max-width:100%; }
.featured_product_bg .industrial_solutions li h5 { font-size:14px; line-height:18px;  }
.industrial_solutions .slick-list { transform: translate3d(0px, 0px, 0px); width: 450px; margin: auto; }


.footer_menu { margin-left:0px; }
.footer_menu h4 { padding-left:20px; }
footer { padding-bottom: 30px; padding-top: 30px; }



.rg-image-wrapper { max-width:830px; }
.rg-caption p { font-size:14px; }

#sliderFrame { width:940px; }
#slider, #slider div.sliderInner { width:940px; }

.page_content h2 {
    font-size: 22px;
    color: #222860;
    line-height: 24px;
    text-transform: uppercase;
}

.text{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:240px; line-height:20px; margin-bottom:10px;
font-size: 14px;color:#333333; margin-right:10px; margin-left:10px;}
.text2{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:120px; line-height:20px;  margin-bottom:10px;
font-size: 14px;color:#333333;  margin-right:5px; margin-left:5px;}

.textarea{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:240px; height:100px; line-height:20px; font-size:14px; margin-bottom:10px;font-size: 14px;color:#333333;  margin-right:10px; margin-left:10px;}
.submit{ background:#ff861c; width:80px; height:35px; float:left; border:0px; cursor:pointer; color:#FFF; border-radius:3px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;  margin-right:10px;}
.submit:hover {background:#222860; color:#FFFFFF;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.career-heading{ color:#fff; padding:10px; font-size:15px;}
.star {color: #CC0000!important; font-size:13px!important; }

.select1 select { background: transparent;width:240px;  font-size: 14px; line-height: 1; border: 0; border-radius: 0;  border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor:pointer;  padding:5px; margin-bottom:10px; padding-top:7px!important; margin-right:10px; margin-left:10px;}

.select1 { overflow: hidden;  background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:240px;  padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-size: 14px;cursor:pointer;  padding:5px; margin-bottom:10px;padding-top:7px!important; margin-right:10px; margin-left:10px;}

.select2 select { background: transparent;width:120px;  font-size: 14px; line-height: 1; border: 0; border-radius: 0;  border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor:pointer;  /*padding:5px;*/ margin-bottom:10px;padding-top:5px!important; margin-right:5px; margin-left:5px;}

.select2 { overflow: hidden;  background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:120px;  padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-size: 14px;cursor:pointer;  /*padding:10px;*/ margin-bottom:10px;padding-top:5px!important; margin-right:5px; margin-left:5px;}


.col-bg h2 { font-size:25px; }
.col-bg { padding-left:0px; padding-right:0px; }
.col-bg p { font-size:14px; line-height:25px; }
.home-content-bg p { font-size:14px; line-height:25px; }
.home-content-bg li { font-size:14px; }
.getin {
    top: 10px !important;
}
footer { padding-bottom:0px; }
.footer p { font-size:14px; }
.copyright { font-size:13px; }
.products_content { width:255px !important; float:right; overflow:hidden; }
.home-content-bg h3 { font-size:17px; }
.products_content .home-content-bg h3 { font-size:17px; }




header .navbar { margin-bottom:0px; border:0px; margin-top:35px; z-index:9999;}
header .navbar-nav > li { padding-left:2px; padding-right:2px; }
header .navbar-nav > li > a {   color:#494949 !important; font-size:14px; font-weight:400; text-transform:none; padding:5px 6px ; line-height:20px; border-bottom:1px transpatent solid !important; }
header .navbar-nav li ul li a {font-size:14px;}


}

@media (min-width: 768px) and (max-width: 991px) {
.first_image{margin-left: -50px; margin-right: 0px;}
.banner_bg { height:auto; padding:0px 0px; }

.banner_bg .fade_slider .slick-track li { height:auto !important;  padding:40px 0px;  }
.banner_bg .fade_slider .slick-dots { bottom:10px; }
.banner_bg .banner_txt { padding-top:0px; }
.banner_bg h3 { font-size: 30px; }
.banner_bg .bnr_text { font-size: 80px; line-height: 80px; }
.banner_txt .read_more_link { padding:8px 15px; font-size:16px; }
.side_bar{margin:10px 0px;}
.carimg {padding:0;}

.bg_inquiry {width:100%;  }
.bg_inquiry h3 {font-size:17px;  color:#FFFFFF; font-weight:400; margin:20px 0 0 0;}


}


@media only screen and (max-width: 767px) {
header {padding:4px 0;}
.logo {width:45%; max-width:45%; margin:5px 0 0 0;}
.bg_white img {width:100%; max-width:100%;}
.bx_login {width:90%; margin:auto; margin-top:10%!important; border-radius:5px;}
header .navbar { position:absolute;  z-index:99999;  }
.navbar-collapse{  background-color:#eb0826;}
.nav.navbar-nav {  background-color:#eb0826;/*background-color:#000;*/ margin-top:1px; margin-right:0px; margin-left:0px; }
.navbar #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px; }
header .navbar-nav li ul { border-top:1px solid #fff !important;  }
header .navbar-nav > li > a {border-radius:0;}
header .navbar-nav > li, header .navbar-nav > li > ul > li  { border-bottom:1px solid #fff;  }
header .navbar-nav > li > ul > li:last-child { border:none; }
header .navbar-nav > li:last-child { border-bottom:none;  }
header .navbar-nav > li { padding-left:0px; padding-right:0px; }
.navbar-nav .open .dropdown-menu {  background-color:#29196a;/*background-color:#ae1019;*/ display:block; overflow:visible!important; }
.navbar-default .navbar-nav .open .dropdown-menu > li { border-bottom:1px solid #fff;  display:block; overflow:visible!important; }
.navbar-nav > li > .dropdown-menu { border-radius:0px; padding-top:0px; padding-bottom:0px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff !important;  display:block; overflow:visible!important; }
header .navbar-nav > li.dropdown.open { border-bottom:0px; display:block; overflow:visible!important;  }
.dropdown_icon { background-image:url(../images/mob_dropdown_icon.png); background-repeat:no-repeat; float:right; margin-top:8px; margin-right:15px; background-position:left; width:14px; height:8px; margin-left:5px; display:inline-block; }
.right_coloum { margin:0; padding:20px 0;}
.inner-content-bg-cont { border-right: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:#eb0826; color:#fff !important; }
header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px; font-size:12px;  }
header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px;  display:block; overflow:visible!important;  }
header .navbar-nav li:hover a { color:#fff !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  background-color:#eab162;  display:block; overflow:visible; color:#fff !important; }
header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#23382d !important; display:block; overflow:visible!important; background-color:#eab162; color:#fff !important; }
.navbar {/*float:none !important;*/ margin: auto !important; min-height: inherit; width: 100%;  }
header .navbar-nav > li.active a { background-color:#333 !important; }
header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px;  border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0);
 border-top: 8px dashed; }

.first_image{margin-left: 0px; margin-right: 0px;}
.banner_bg { height:auto; padding:40px 0px; overflow:hidden; }
.banner_bg .fade_slider .slick-track li { height:auto !important;  padding:0px;  }
.banner_bg .fade_slider .slick-dots { bottom:10px; }
.banner_bg .slick-next { top:30%; }
.banner_bg .slick-prev { top:30%; }
.banner_bg .banner_txt { padding-top:0px; }
.banner_bg h3 { font-size: 14px;}
.banner_bg .bnr_text { font-size: 25px; line-height: 25px; }
.banner_txt .read_more_link { padding:8px 13px; font-size:15px;  background-color: transparent; border: 2px solid #fff; }
h1 { font-size:35px; }

.quick_lnks_bg {margin-top:50px;}
.home_content_bg {height:auto;}

.wcome_cont {height:auto!important;}

.qty_policy .img_left { width:100%; height:300px; }
.qty_policy .content_right  { width:100%; padding:40px 15px; padding-top:0px; }
.qty_policy h3{ font-size:25px; margin-top:30px;}

.whyus .img_left { width:100%; height:300px; }
.whyus .content_right  { width:100%; padding:40px 25px; padding-top:0px; }
.whyus h3{ font-size:25px; margin-top:30px;}

.team_sirius {padding: 35px 0px;}
.team_sirius .uline {width:45%;}
.team_cont img {margin-bottom:25px;}
.team_cont li {font-size:15px; line-height:30px; padding-left:16px; background:url(../images/bullet1.png) no-repeat left 10px;}

.infra {padding:45px 0;}
.infra .uline{ width:50%;}
.infra_cont {padding: 45px 0;}
.infra_cont_inner {height:auto;}
.infra_cont_inner h4 {font-size:16px;}
.infra_cont_inner p {font-size:14px;}

.qty_cont_inner {height:auto;}
.cont_process img {border-radius:300px; max-width:40%!important;}
.process p {font-size:17px;}
.contact .bodr {border-bottom:1px #999999 dashed!important;}

.home_products { width:95%; }
.home_content_bg h1{font-size: 25px;}
.home_products .slick-list { width:auto; margin-left:30px; }
.home_products li.slick-slide img { width:100%; display:block; }
.home_products li .home_product_list { width:178px !important }
.home_products li .product_img { width:275px !important; height:225px; }
.home_products .slick-next { right:-20px; top:30%; background-size: auto;   }
.home_products .slick-prev { left:-10px; top:30%;  background-size:28px auto;  }
.home_products li .home_product_list h5 { font-size:14px; padding:10px 3px; }
.home_products li h5 {margin-top:10px!important;}

.trad {height:auto;}

.carimg {padding:0;}

.flowchart .uline {width:25%;}
.flowchart h3 {font-size:17px; line-height:24px;}
.flowchart p {font-size:14px; line-height:22px;}

<!--.logo_slider .slick-arrow{display: none!important;}
.logo_slider img{display: inline-block!important;}-->

.bg_inquiry {width:100%; padding:30px 15px; }
.bg_inquiry h3 {font-size:24px; line-height:28px; text-align:left;  color:#000; font-weight:400; margin:20px 0;}

.contact_hgt {height:auto;}
.mob_ico {width:20%;}
.mob_ico_cont {width:80%;}
.call {padding:20px 15px;}
.address {padding:20px 15px;}

.capabilities {height:600px; background-size:cover;}
.bg-capabilities {right:0%!important; left:0%; }
.card img {max-width:40%; width:40%;}
.card h3 {font-size: 45px;}
.card p {font-size: 13px;line-height: 15px; margin:auto;}

.infra_facilities p {width:100%;}

.quality_system  {width:100%; background-size:cover;  height:400px; }
.bg-quality_system {padding:30px 25px; right:2%; left:2%; top:10%;}
.bg-quality_system h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.bg-quality_system .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-quality_system p { font-size:15px; line-height:26px;}

.time_commitment  {width:100%; background-size:cover;  height:350px; }
.bg-time_commitment {padding:30px 25px; right:2%; left:2%; top:10%;}
.bg-time_commitment h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.bg-time_commitment .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-time_commitment p { font-size:15px; line-height:26px;}

.work_flow  {width:100%; background-size:cover;  height:330px; }
.bg-work_flow {padding:30px 25px; right:2%; left:2%; top:10%;}
.bg-work_flow h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.bg-work_flow .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-work_flow p { font-size:15px; line-height:26px;}
.howitworks {padding:35px 0 0 0;}
.counterbox {height:100%; margin-bottom:10px;}

.our_services h3 {font-size:24px;}

.banner_txt { padding:45px 0!important; }
.banner_txt .read_more_link { padding:7px 10px; font-size:14px; text-decoration:none; font-weight:600;}
.banner_txt .read-more {font-size:14px; padding:7px 10px; text-decoration:none; font-weight:600;}

.banner_bg .bnr_text {letter-spacing:-1px;}
.footer .line {width:100%;}
}

@media only screen and (max-width: 480px) {
.bg_top {padding:5px 0;}
.facolor {color:#fff;}
.mob_menu_btn {
    background-image: url(../images/mobile_menu_icon.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 21px;
    height: 21px;
    border: none;
    margin-right: 0px;
}


.bg_white {padding:0px;}
.banner_bg {height:auto!important; margin-top:3px!important;}

.banner_bg .fade_slider .slick-next { display:none !important; }
.banner_bg .fade_slider .slick-prev { display:none !important;}
.banner_bg .bnr_text { font-size: 21px; line-height:24px; margin-bottom:0; }

h1 { font-size:28px; }
.inner-banner-about {padding:10px 0px;}
.inner-banner-about h1 {font-size:16px !important;}
.home_content_bg {padding:25px 0px; height:auto!important;}
.inner-content-bg {padding:35px 0px;}
.inner-content-bg p {font-size:15px; line-height:25px;}
.quick_lnks {top:0;}
.quick_lnks_bg {margin-bottom:10px;}
.quick_lnks_cont {padding:12px 0;}

.milestone {padding:45px 0;}
.trade_view_last {border-right:1px #354368 solid;}
.team_sirius {padding: 35px 0px;}
.team_sirius .uline {width:45%;}
.team_cont img {margin-bottom:25px;}
.team_cont li {font-size:15px; line-height:30px; padding-left:16px; background:url(../images/bullet1.png) no-repeat left 10px;}

.infra {padding:45px 0;}
.infra .uline{ width:50%;}
.infra_cont {padding: 45px 0;}
.infra_cont_inner {height:auto;}
.infra_cont_inner h4 {font-size:16px;}
.infra_cont_inner p {font-size:14px;}

.qty_cont_inner {height:auto;}
.cont_process img {border-radius:300px; max-width:50%!important;}
.qty_policy h3 {margin-top:30px;}
.whyus h3 {margin-top:30px;}
.process p {font-size:17px;}
.contact_hgt {height:auto;}
.contact .bodr {border-bottom:1px #999999 dashed!important;}

.person {padding:20px 0px;}
.call {padding:20px 0px;}
.address {padding:20px 0px;}
.flowchart p {font-size:14px; line-height:22px;}
.mob_ico {width:20%;}
.mob_ico_cont {width:80%;}

.home_content_bg {padding:0;}
.home_content_bg h1 {font-size:20px;}
.ph-mail {text-align:center !important;  width:100%; padding:0px 5px; margin:0px; display:inline-block;}
.wcome {padding:50px 10px;}
.wcome h3 {font-size:18px!important;}
.wcome_cont {padding:15px 20px!important; height:auto!important}
.footer {padding:25px 0px !important;}
.footer .uline {width:15%; margin:5px 0 25px 0}
.footer li {  line-height:26px;}
.footer img {margin-bottom:15px; max-width:70%;}
.footer h5 {margin-top:20px;}
.footer a{text-align:center !important; }
.ftr_right{text-align:left !important; }
a.ftr{text-align:left !important; }
.cont-icon-inner {padding:20px 0px !important;}
.cont-icon-inner h1 {font-size:17px; font-weight:600;}
.cont-icon-inner .uline {margin-bottom:15px;}
.cont-icon-inner p {font-size:14px; line-height:22px; margin:10px 0 !important; width:100%; }
.cont-icon-inner h2 {font-size:16px; line-height:18px; font-weight:600;}
.caret {color:#fff !important}
.iconic img  {margin:25px 0;}

.txtbox {width:100%;}
.txtarea {width:100%;}
.navbar-toggle {margin:-16px 0 0 0;}
.careers_form { width:100%;}
.carimg {padding:0 0 20px 0;}
.logo_slider img {width:100% !important}

.bg_inquiry {width:100%;  padding:20px 0px; }
.bg_inquiry h3 {font-size:24px; line-height:25px; font-weight:500; text-align:center; width:100%; font-weight:500;}
.enqry_form { background: #FFFFFF; padding: 25px 25px; margin:35px 0 0 0;}
.enqry_form h3 {color:#5a5037; font-size:25px; line-height:35px;}
.enqry_form p { font-size:13px;}

.capabilities {height:600px; background-size:cover;}
.bg-capabilities {right:0%!important; left:0%; }
.card img {max-width:65%; width:65%;}
.card h3 {font-size: 45px;}
.card p {font-size: 11px;line-height: 15px; width:90%; margin:auto;}

.infra_facilities { padding:45px 0px;}
.infra_facilities h3 {font-size:22px;}
.infra_facilities p {width:100%; font-size:15px; line-height:28px;}
.infra_facilities li {font-size:15px; line-height:28px;}
.infra_facilities .uline {width:25%;}
.infra_facilities img {margin-bottom:15px;}
.infra_facilities_cont {padding:35px 0 0 0;}

.exper {padding:45px 0px;}
.exper_cont {margin-left:0px;}
.exper h4 {font-size:22px; color:#333; }
.exper .uline{ width:25%; margin-bottom:15px;}
.exper p {color:#494949; font-size:15px; font-weight:300; line-height:28px; width:100%;}
.exper img {margin-bottom:15px;}

.quality_system  {width:100%; background-size:cover;  height:600px; }
.bg-quality_system {padding:30px 25px; right:2%; left:2%; top:10%;}
.bg-quality_system h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.bg-quality_system .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-quality_system p { font-size:15px; line-height:26px;}

.time_commitment  {width:100%; background-size:cover;  height:500px; }
.time_commitment {padding:30px 25px; right:2%; left:2%; top:10%;}
.time_commitment h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.time_commitment .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.time_commitment p { font-size:15px; line-height:26px;}

.work_flow {width:100%; background-size:cover;  height:460px; }
.bg-work_flow {padding:30px 25px; right:2%; left:2%; top:10%;}
.bg-work_flow h3 { font-size:34px; line-height: 32px; letter-spacing:0; margin-bottom: 15px;}
.bg-work_flow .uline{ width:10%; height:1px; background:#fff; margin:10px 0; margin-bottom:15px;}
.bg-work_flow p { font-size:15px; line-height:26px;}

}




@media (min-width: 768px) and (max-width: 991px) {
h1 { font-size:30px; }
h2 { font-size:26px; } 
h3 { font-size:24px; } 
h4 { font-size:22px; } 
h5 { font-size:20px; } 
h6 { font-size:16px;  } 

.logo img { max-width:140px; }
.menu_right { }
header .navbar { margin-top:10px; }
header .navbar-nav { float:right; margin-top:10px;   }
header .navbar-nav > li { padding-left:5px!important; padding-right:5px!important; }
header .navbar-nav > li > a { font-size:12px!important; padding-right:0px; padding-left:2px; }


.col-bg1 h2{  font-size:20px;}
.col-bg1 p{font-size:14px; line-height:18px;}


.col-bg2 h2{  font-size:20px;}
.col-bg2 p{font-size:14px; line-height:18px;}


.col-bg3 h2{  font-size:20px;}
.col-bg3 p{font-size:14px; line-height:18px;}

/*.header_top #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px;  }
.header_top .navbar-nav > li { padding-left:5px; padding-right:5px; }
.header_top .navbar-nav > li > a { font-size:11px; }

.header_section .navbar-nav > li { padding-right:8px!important;}
.header_section .navbar-nav > li > a { font-size:11px;padding-right:3px!important; }

.header_section #bs-example-navbar-collapse-2 { padding-left:0px; padding-right:0px;  }

*/.logo { width:100%; margin-top:10px; }
.menu{ float:right!important;}
/*.header_main_menu { padding-top:0px; }
navbar .collapse.navbar-collapse { padding-left:0px; padding-right:0px; }*/
.banner_bg {  padding-top:0px; }
.banner_bg ul.fade_slider .slick-list li { /*height:270px*/ } 
.banner_bg .fade_slider li { background-size:cover; }

.banner_bg { width:100%; height:auto; }
.banner_content p {font-size:15px; line-height:22px; width:100%;}
.banner_content .btn {font-size:15px; padding:5px 10px;}

.iconic img {width:50%;}
.iconic h3 {font-size:16px;}

.featured_product_bg { padding-top:30px; padding-bottom:30px; background-size:inherit; }
.featured_product_bg h3 { font-size:30px;  }
.featured_product_bg .industrial_solutions li { padding:10px; margin-left:8px; margin-right:8px; margin-bottom:15px; }
.featured_product_bg .industrial_solutions li { width: 210px !important; height:auto; min-height:240px; max-height:240px; }
.featured_product_bg .industrial_solutions li .img_bg { max-width:100%; }
.featured_product_bg .industrial_solutions li h5 { font-size:14px; line-height:18px;  }

.home_content_bg  { background:url(../images/bg-machineries-scroll.jpg) no-repeat; background:cover; padding:45px 0px; width:100%;}
.home_content_bg h1 { font-size:26px; color:#212121; font-weight:600;  text-align:center; text-transform:none; }
.home_content_bg .uline {width:15%; background: #FFCC66; height:1px; margin:10px auto;}
.home_products { width:650px !important; margin:auto;  }
.home_products li { text-align:center; width:200px !important;  display:block; }
.home_products li .industrial_list { text-align:center; }
.home_products li.slick-slide img { display:inherit; width:100% !important }
.home_products li .product_img { height:auto;}

.home_products .slick-prev { background-image:url(../images/home_slider_left_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; left: -40px; top: 25%; }

.home_products .slick-next { background-image:url(../images/home_slider_right_arw.png); background-position:top; background-repeat:no-repeat; border:none; background-color:transparent; width:28px; height:55px; position: absolute; right: -20px; top: 25%; }

.home_products .slick-prev:hover, .home_products .slick-next:hover { background-position:bottom; }
.home_products .slick-list { transform: translate3d(0px, 0px, 0px);  margin: auto; }

.home_products li .industrial_list:hover { text-decoration:none; }

.home_products li .industrial_list:hover .product_img { border:none; }

.inner-content-bg h1{ font-size:28px;}
.col-bg img { max-width:45px; }
.col-bg h2 { margin-top:10px;  margin-bottom:15px; font-size: 23px;  }
.cont-icon .col-lg-4.col-md-4.col-sm-12 { margin-bottom:40px;  }
.col-bg p { font-size: 14px; line-height: 25px; }

.welcome-more { display: inline-block; }
.home-content-bg p { font-size: 14px; }
.home-content-bg li { font-size: 14px; }
.why_content { margin-bottom:25px; }
.products_content { padding-top:20px;  }

.featured_product_bg { padding-top:15px; padding-bottom:15px; }
footer { padding-bottom:0px; }
.footer p { font-size:14px; }
.copyright { font-size:13px; }

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) 
{



}

@media only screen and (max-width: 767px) {
h1 { font-size:25px; }
h2 { font-size:24px; } 
h3 { font-size:22px; } 
h4 { font-size:20px; } 
h5 { font-size:17px; } 
h6 { font-size:16px;  } 

.mob_menu_btn { background-image:url(../images/mobile_menu_icon.png) !important; background-repeat:no-repeat; background-position:center; width:35px; height:35px;  border:none; margin-right:0px; border-radius:0px!important; }

.mob_menu_btn span { display:none !important;  }


.socialmedia {margin-top:-70px; margin-right:34px;}

header .navbar { position:absolute;  z-index:99999;  }
.navbar-collapse{  background: linear-gradient(110deg, rgba(7, 26, 43, .97), rgba(16, 42, 67, .92), rgba(22, 78, 112, .88));}
.nav.navbar-nav {  background: linear-gradient(110deg, rgba(7, 26, 43, .97), rgba(16, 42, 67, .92), rgba(22, 78, 112, .88));/*background-color:#000;*/ margin-top:1px; margin-right:0px; margin-left:0px; }
.navbar #bs-example-navbar-collapse-1 { padding-left:0px; padding-right:0px; }
header .navbar-nav li ul { border-top:1px solid #fff !important;  }
header .navbar-nav > li, header .navbar-nav > li > ul > li  { border-bottom:1px solid #fff;  }
header .navbar-nav > li > ul > li:last-child { border:none; }
header .navbar-nav > li:last-child { border-bottom:none;  }
header .navbar-nav > li { padding-left:0px; padding-right:0px; }
.navbar-nav .open .dropdown-menu {  background-color:#8f8930;/*background-color:#ae1019;*/ display:block; overflow:visible!important; }
.navbar-default .navbar-nav .open .dropdown-menu > li { border-bottom:1px solid #fff;  display:block; overflow:visible!important; }
.navbar-nav > li > .dropdown-menu { border-radius:0px; padding-top:0px; padding-bottom:0px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff !important; font-weight:400!important;  display:block; overflow:visible!important; }
header .navbar-nav > li.dropdown.open { border-bottom:0px; display:block; overflow:visible!important;  }
.dropdown_icon { background-image:url(../images/mob_dropdown_icon.png); background-repeat:no-repeat; float:right; margin-top:8px; margin-right:15px; background-position:left; width:14px; height:8px; margin-left:5px; display:inline-block; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:#0278c3; color:#fff !important; }
header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px; font-size:12px;  }
header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px;  display:block; overflow:visible!important;  }
header .navbar-nav li:hover a { color:#fff !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  background-color:#8e8934;  display:block; overflow:visible; color:#fff !important; }
header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#23382d !important; display:block; overflow:visible!important; background-color:#8e8934; color:#fff !important; }
.navbar {/*float:none !important;*/ margin: auto !important; min-height: inherit; width: 100%;  }
header .navbar-nav > li.active a { background-color:#003399!important; }
header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px;  border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0);
 border-top: 8px dashed; }
 a.brochure{ float: none; margin: 5px ;}
 a.brochure1{ float: none;  margin: 5px ;}
 .ph-mail{margin: 15px 15px 15px;}
.right_mob { /*float:right;*/ width:100%;  }
.mob_menu_btns { margin-top:45px !important; }
.banner_bg { height:160px; padding-top:0px; }
.banner_content p {width:60%; line-height:24px;}
.banner_content span {font-size:20px;}
.banner_content .btn {padding:5px 10px;}
.banner_bg .bnr_text {width:100%; font-weight:600;}
inner-banner-about {height:140px;}
inner-banner-about h1 {font-size:17px; line-height:22px; margin-top:5%; width:100%;}

.banner_bg h3 {font-size:15px; height:15px; color:#fff; margin-bottom:15px;}

.banner_bg .fade_slider li.slide1 {height:auto;}


#slider, #slider div.sliderInner { height:160px; }
#sliderFrame { width:100%; }
#slider, #slider div.sliderInner { width:100%; }
#slider {
    background-position: center top !important;
    background-size: 100% !important;
}
.mc-caption-bg, .mc-caption { display:none!important; }
#slider div.mc-caption{
display:none!important;
}

.col-bg img { max-width:45px; }
.col-bg h2 { margin-top:10px;  margin-bottom:15px; font-size: 23px;  }
.cont-icon .col-lg-4.col-md-4.col-sm-12 { margin-bottom:40px;  }
.col-bg p { font-size: 14px; line-height: 25px; }

.home-content-bg p { font-size: 14px; }
.home-content-bg li { font-size: 14px; }
.why_content { margin-bottom:25px; }
.products_content { padding-top:20px;  }

.featured_product_bg { padding-top:15px; padding-bottom:15px; }

.right_mob { float:right; width:100%; }
.banner_bg {  padding:0px 0px; overflow:hidden; position:relative; margin-top:0px;}
.banner_bg ul.fade_slider .slick-list li {  } 
.banner_bg .fade_slider li { background-size:cover; background-repeat:no-repeat; background-position:center center;}

.product_category_mob { background-color:#ee1c25; color:#fff; font-size:16px; width:100%; margin-left:0px; margin-right:0px; text-align:left; }
.product_category_mob span.add_class { font-size:35px; float:right; }
.product_categories { display:none; }
.product_categories li a { font-size:14px; }

.logo_mob_left  { text-align:center; }

.logo_slider{margin-top: 20px;}
.logo_slider img{padding: 0px 25px; margin:0 auto;}
.logo_slider .slick-arrow{position: absolute;top: 45%;}
.logo_slider .slick-prev{
	background: url(../images/logoleft_arrow.png) no-repeat;
	width: 10px;
	height: 42px;
	border: 0px;
	position: absolute;
	left: 0px;
}
.logo_slider .slick-next{
	background: url(../images/logoright_arrow.png) no-repeat;
	width: 10px;
	height: 42px;
	border: 0px;
	position: absolute;
	right: 0px;
}

.whyus li {font-size:15px; line-height:26px;}

.featured_product_bg { background-size:inherit; }
.featured_product_bg h3 { font-size:25px;  }
.featured_product_bg .industrial_solutions li { padding:10px; margin-left:15px; margin-right:15px; margin-bottom:15px; }
.featured_product_bg .industrial_solutions li { width: 250px !important; height:auto; min-height:265px; max-height:265px; }
.featured_product_bg .industrial_solutions li .img_bg { max-width:100%; }
.featured_product_bg .industrial_solutions li h5 { font-size:14px; line-height:18px;  }
.home-content-bg { padding-bottom:30px; }
.footer { text-align:left; padding:40px 0px;}
.footer h5 {margin:20px 0 10px 0;}
.txtbox { color:#fff !important; }
.txtarea { color:#fff !important; }
.btn-sub { margin-top:10px; }
.wcome_say { margin-top:20px;  }
.contact_address { margin-top:20px; }
.footer p { font-size:14px; }
a.mail, .phone, .mobile { font-size:14px; }
.copyright { text-align:left; font-size: 13px;  }
.copyright .col-lg-3.col-md-3.col-sm-3.col-xs-12 { float:none; display:inline-block;  }
.all_rights { display:block;  }
.copyright {padding:25px 0;}
.socialmedia {margin-top:-65px; margin-right:37px;}

.home-left-content-bg { width:100%; margin-top:30px!important; margin-left:10px;}

.inner-content-bg h1{ font-size:24px;}
.inner-content-bg .uline {width:100%;}
.inner-content-bg p{ font-size:15px;  line-height:1.6;}
.inner-content-bg .list li{ font-size:15px; line-height:1.6;}
.inner-content-bg h3{ font-size:20px;}
.inner-content-bg h4{ font-size:16px;}
.banner_bg { width:100%; height:auto; }
#slider, #slider div.sliderInner { height:160px; }
#sliderFrame { width:100%; }
#slider, #slider div.sliderInner { width:100%; }
#slider {
    background-position: center top !important;
    background-size: 100% !important;
}
.mc-caption-bg, .mc-caption { display:none!important; }
#slider div.mc-caption{
display:none!important;
}




.col1-bg{ background:url(../images/col1-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #3a6b17; height:150px;}
.col1-bg-icon{ margin-top:16px;}
.col1-bg img{ margin-top:5px; margin-bottom:5px;}
.col1-bg h2{   color:#e2be2a; text-align:center; font-size:17px;}
.col1-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px 15px;}


.col2-bg{ background:url(../images/col2-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #689622; height:150px;}
.col2-bg img{ margin-top:5px; margin-bottom:5px;}
.col2-bg h2{   color:#e2be2a; text-align:center; font-size:17px;}
.col2-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px;}

.col3-bg{ background:url(../images/col3-bg.jpg) repeat; width:100%; float:left; border-top:12px solid #4e7c00; height:150px;}
.col3-bg img{ margin-top:5px; margin-bottom:5px;}
.col3-bg h2{  color:#e2be2a; text-align:center; font-size:17px;}
.col3-bg p{ color:#e2be2a; text-align:center; font-size:13px; padding:5px;}

.inner-content-right{ margin-top:20px;}
.inner-content-right img{ margin-bottom:15px;}
.contact_us_form .contact_us_text{ color:#fff; font-size:13px; float:left; margin-top:30px; height:0px;}
.contact_us_form .textbox{  font-size:13px; height:40px; }
.contact_us_form .textarea{ font-size:13px; width:300px; height:50px;  }
}

@media only screen and (max-width: 480px) {

.menu li{ font-size:11px;}
.mob_menu_top { padding-left:0px; padding-right:0px;  }
.logo_mob_left { padding-left:0px; padding-right:0px; }

.header_section .navbar { top:15px; }
.home-left-content-bg {  width:100%; margin-top:30px!important; margin-left:10px;}
.wcome .img_left { width:100%; height:200px; margin-bottom:30px; }
.iconic img {max-width:50% !important;}

.whyus li {font-size:15px; line-height:26px;}

.abt-cont {padding:0px;}
.abt-cont p {font-size:16px; width:100%;}
.abt-cont h2 {font-size:18px !important; line-height:32px;}

.qty-cont h3 {font-size:24px !important; font-weight:400; line-height:32px;}
.qty-cont p {font-size:16px; width:100%; line-height:26px;}

.solutions {padding:0px;}
.wcome {padding:50px 0;}
.wcome h3{font-size:26px !important; line-height:32px;}
.wcome .uline {width:35%;}

.logo_slider {width:287px; margin:0 auto;}
.logo_slider img {width:190px !important; display:block; margin:0 auto; border:1px #CCCCCC solid;}


.ph-mail {margin:-10px; padding:0px 65px; font-size:12px;}
.ph-mail a {font-size:12px;}

.socialmedia {margin-top:0px; margin-right:97px;}

.our_services {padding:35px 0px;}
.btn-sub {padding:5px 20px; font-size:14px;}
}



@media (max-width: 767px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;  background-color:rgba(34,40,96,0.9);
  }
  
  
  header .navbar-nav li.megamenu_head ul.dropdown-menu { padding-top:0px; padding-bottom:10px;  }
  header .navbar-nav li.megamenu_head ul li  { padding-left:0px; padding-right:0px; }
  .nav > li.megamenu_head ul li a { color:#fff !important;   background-color:rgba(34,40,96,0.9); }
  header .navbar-nav li.megamenu_head ul li.divider { display:none; }
  header .navbar-nav li.megamenu_head ul.dropdown-menu {  background-color:rgba(34,40,96,0.9); }
  .nav > li.megamenu_head ul { border-top:none !important; }
  .nav > li.megamenu_head ul li.dropdown-header { padding-left:20px !important; margin-top:0px; padding-top:10px !important; padding-bottom:10px !important; }
  header .navbar-nav li.megamenu_head ul li a { padding:3px 20px !important; }
  
  .wcome .img_left { width:100%; height:auto; margin-bottom:30px; }

}
/*table hover 15-12-16*/

.rg-image {
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img {
	max-height:100%;
	max-width:100%;
}
.rg-caption {
	position: absolute;
	bottom:0px;
	width: 100%;
	padding: 15px 0px;
	color: #fff;
	background-color:rgba(0, 0, 0, 0.7);
}
.rg-caption p {
	font-size:14px;
	line-height:16px;
	padding:0 15px;
	
	margin:0px;
}
.rg-view { display:none; }
.rg-view a {
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover { opacity:1.0; }
.rg-view a.rg-view-full { background-position:0px 0px; }
.rg-view a.rg-view-selected {
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs { background-position:0px -16px; }
.rg-loading {
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/********************/
.rg-gallery { background-color:#705b60; padding-top:20px; }
.rg-image-wrapper {
	max-width:600px;
	margin:auto;
}
.rg-thumbs { }
.rg-image-wrapper { position:relative; }
.es-carousel ul {
	margin: 0px;
	padding: 0px;
}
.rg-image-nav a {
	position:absolute;
	top:0px;
	left:0px;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next {
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover { opacity:0.8; }

.text{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:280px; line-height:20px; margin-bottom:10px;
font-size: 14px;color:#333333;}
.text2{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:180px; line-height:20px;  margin-bottom:10px;
font-size: 14px;color:#333333;}
.textarea{ border:1px solid #c3c1c1; border-radius:3px; padding:10px; width:280px; height:100px; line-height:20px; font-size:14px; margin-bottom:10px;font-size: 14px;color:#333333;}
.submit{ background:#ff861c; width:80px; height:35px; float:left; border:0px; cursor:pointer; color:#FFF; border-radius:3px;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
.submit:hover {background:#222860; color:#FFFFFF;-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.career-heading{ color:#fff; padding:10px; font-size:15px;}
.star {color: #CC0000!important; font-size:13px!important; }

.select1 select { background: transparent;width:280px;  font-size: 14px; line-height: 1; border: 0; border-radius: 0;  border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor:pointer;  padding:5px; margin-bottom:10px; padding-top:7px!important;}

.select1 { overflow: hidden;  background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:280px;  padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-size: 14px;cursor:pointer;  padding:5px; margin-bottom:10px;padding-top:7px!important;}

.select2 select { background: transparent;width:180px;  font-size: 14px; line-height: 1; border: 0; border-radius: 0;  border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor:pointer;  margin-bottom:10px;padding-top:5px!important;}

.select2 { overflow: hidden;  background: url(../images/arrow-mark.png) no-repeat; background-position:95% center; border:1px solid #cbcbcb; width:180px;  padding-right:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  font-size: 14px;cursor:pointer;  /*padding:10px;*/ margin-bottom:10px;padding-top:5px!important;}




	

.bg-cont {padding:30px 0px;}
.read-more{background-color:#c9a227; border:1px #c9a227  solid; color:#FFF; font-size:16px; font-weight:600; padding:8px 30px; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin-bottom:10px; margin:10px 0px;}

.read-more:hover { text-decoration:none; border:1px #f55415 solid; background-color:#f55415;  color:#fff; }

}

/*Contact-us form*/
.contact_us_form {width:100%; background:#FFFFFF; margin:25px 0px;} 
.contact_us_form .contact_us_text{ color:#333; font-size:16px;}
.contact_us_form .contact_us_text span{ color:#f30b21; font-size:12px; }
.contact_us_form .textbox{ border:1px solid #dedede; background:transparent; color:#333; font-size:14px; width:100%; height:40px; border-radius:3px; margin-bottom:10px; padding:5px;}
.contact_us_form .textarea{ border:1px solid #dedede; background:transparent; color:#333; font-size:14px; width:100%; height:120px; border-radius:3px; margin-bottom:10px; padding:5px;}

.contact_us_form .submit_btn{background-color: #eab162; color:#fff; font-size:16px; padding:8px 30px;  text-transform:uppercase;  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; border:none;   }

.contact_us_form .submit_btn:hover { text-decoration:none; background-color: #FFCC33;  color:#fff; }



.touch { position:relative;}
.getin {position:absolute; top:-20px; left:50px;}

.videos {margin:25px 0px;}



.testimonials {width:100%; height:auto; padding:0px 25px 0px 0px; margin-bottom:15px;}
.testimonials p {font-size:16px; color:#b7b7b7; font-weight:normal; line-height:30px; text-align:left; margin:20px 0px;}

.testimonials .fade_slider li:hover, .banner_bg .fade_slider li:focus { outline:none; }
.testimonials .slick-dots {margin: auto; position: absolute; text-align: left; width: 100%;}
.testimonials .slick-dots li { display:inline-block; padding-left:5px; padding-right:5px;  }
.testimonials .slick-dots li .sliders_dots { width:13px; height:13px; background-color:#4d4c4c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none;display:block;  }
.testimonials .slick-dots li.slick-active .sliders_dots { background-color:#0491d5;display:block;}
.testimonials .slick-prev { background-image: url(../images/previous-arrow-mark.png); background-position:bottom; background-repeat:no-repeat; border:none; background-color:transparent; width:30px; height:30px; position: absolute!important; left: 20px; top: 45%; z-index:9999; display:none!important; }
.testimonials .slick-next { background-image: url(../images/next-arrow-mark.png); background-position:bottom; background-repeat:no-repeat; border:none; background-color:transparent; width:30px; height:30px; position: absolute!important; right: 20px; top: 45%;  display:none!important;}

.plan {margin:15px 0px;}

.wcome img {margin:15px 0;}
.prod {margin:15px 0px;}

.modal-title h4 {font-size:17px; color:#212121 !important; line-height:26px;}
.modal-title h4 spam {color:#eab162 !important;}




.joining {background:#322e45; padding:10px;}
.joining h3 { font-size:25px; text-align:center; color:#FFFFFF; font-weight:600;}
.joining h3 span {color:#eab162;}

/* I Phone Landscape */


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

header .navbar-nav {margin-top:0;}
header .navbar-nav > li > a { font-size:12px; font-weight:400;}
.inner-banner-about {height:175px;}
.inner-banner-about h1 {margin-top:45px;}
.banner_bg {height:325px!important; display:block;}
.banner_bg h3 {font-size:17px;}
.banner_bg .bnr_text {font-size:32px; line-height:45px;}
.banner_txt {padding-top: 50px!important;}
.team_cont img {margin-bottom:35px!important;}
.infra_cont_inner {height:auto;}
.bg_inquiry h3 {font-size:24px; color:#000000; margin-bottom:25px;}
.qty_cont_inner {height:auto;}
.home_content_bg {height:700px;}
.quick_lnks_bg {margin-bottom:10px;}

.capabilities {height:600px; background-size:cover;}
.bg-capabilities {right:0%!important; left:5%; width:90%;}
.card img {max-width:40%; width:40%;}
.card h3 {font-size: 45px!important;}
.card p {font-size: 13px; line-height:8px; width:90%!important; margin:auto;}
}


/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 768px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

header .navbar-nav {margin-top:0;}
header .navbar-nav > li > a { font-size:15px; font-weight:400;}
.inner-banner-about {height:175px;}
.inner-banner-about h1 {margin-top:45px;}
.banner_bg {height:325px!important; display:block;}
.banner_bg h3 {font-size:17px;}
.banner_bg .bnr_text {font-size:32px; line-height:45px;}
.banner_txt {padding-top: 50px!important;}
.team_cont img {margin-bottom:35px!important;}
.infra_cont_inner {height:auto;}
.bg_inquiry h3 {font-size:24px; color:#000000; margin-bottom:25px;}
.qty_cont_inner {height:auto;}
.home_content_bg {height:270px;}
.quick_lnks_bg {margin-bottom:10px;}
.quick_lnks_cont {padding:15px 10px;}

.capabilities {height:600px; background-size:cover;}
.bg-capabilities {right:0%!important; left:0%;}
.card img {max-width:40%; width:40%;}
.card h3 {font-size: 25px;}
.card p {font-size: 13px; line-height:8px; width:90%!important; margin:auto;}
}



/* =========================================================
   VICHAARA - PREMIUM VISUAL DECORATION
   Safe override layer
   Does not rename/remove existing classes or IDs
   ========================================================= */

:root {
    --v-primary: #102a43;
    --v-primary-dark: #071a2b;
    --v-secondary: #164e70;
    --v-gold: #c9a227;
    --v-gold-light: #e8cf76;
    --v-white: #ffffff;
    --v-light: #f5f8fb;
    --v-border: #e3eaf1;
    --v-text: #34495e;
    --v-muted: #6c7a89;
    --v-shadow: 0 12px 35px rgba(16, 42, 67, 0.10);
    --v-shadow-hover: 0 18px 45px rgba(16, 42, 67, 0.17);
}



.main {
    overflow: hidden;
    background: #fff;
}

img {
    max-width: 100%;
}

a {
    transition: all .3s ease;
}

/* ---------- HEADER AREA ---------- */

.bg_white {
    background: rgba(255,255,255,.98);
    position: relative;
    z-index: 20;
    box-shadow: 0 3px 20px rgba(0,0,0,.07);
}

/* Gives the existing header a premium bottom accent */
.bg_white:after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--v-primary),
        var(--v-gold),
        var(--v-primary)
    );
}

/* ---------- HERO / BANNER ---------- */

.banner_bg {
    position: relative;
    min-height: 480px;
    background:
        linear-gradient(
            110deg,
            rgba(7,26,43,.96) 0%,
            rgba(16,42,67,.90) 48%,
            rgba(22,78,112,.78) 100%
        ),
        url("images/banner.jpg") center center / cover no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Decorative circles */


.banner_bg .container {
    position: relative;
    z-index: 2;
}

.banner_txt {
    padding: 55px 0;
    max-width: 850px;
}

.banner_txt .bnr_text {
    display: inline-block;
    font-size: 62px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    text-shadow: 0 5px 25px rgba(0,0,0,.25);
}

.banner_txt .bnr_text:after {
    content: "";
    display: block;
    width: 75px;
    height: 4px;
    margin-top: 18px;
    background: var(--v-gold);
    border-radius: 10px;
}

.banner_txt h3 {
    color: rgba(255,255,255,.92);
    font-size: 21px;
    line-height: 1.7;
    font-weight: 400;
    max-width: 760px;
    margin-bottom: 30px;
}

/* Existing Current Issue button */
.banner_txt .read-more {
    display: inline-block;
    background: var(--v-gold);
    color: #fff !important;
    padding: 13px 27px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(201,162,39,.28);
}

.banner_txt .read-more:hover {
    background: #e0bb3f;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(201,162,39,.35);
}

/* Existing Submit Paper link */
.banner_txt .read_more_link {
    display: inline-block;
    color: #fff !important;
    margin-left: 15px;
    padding: 11px 22px;
    border: 2px solid rgba(255,255,255,.55);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}

.banner_txt .read_more_link:hover {
    background: #fff;
    color: var(--v-primary) !important;
}

/* ---------- INTRO / INQUIRY SECTION ---------- */

.bg_inquiry {
    background: #fff;
    padding: 75px 0 65px;
    position: relative;
}

.bg_inquiry .container > .col-lg-12 > h3,
.bg_inquiry h3 {
    color: var(--v-primary);
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

.bg_inquiry h4 {
    max-width: 930px;
    margin: 0 auto 45px;
    text-align: center;
    color: var(--v-muted);
    font-size: 19px;
    line-height: 1.8;
    font-weight: 500;
}

/* Existing underline */
.bg_inquiry .uline,
.headerr .uline {
    width: 60px;
    height: 3px;
    margin: 0 auto 22px;
    background: var(--v-gold);
    position: relative;
}

.bg_inquiry .uline:after,
.headerr .uline:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    background: var(--v-primary);
    left: 18px;
    top: 0;
}

/* ---------- FOUR FEATURE BOXES ---------- */

.bg_inquiry .col-cont {
    padding: 30px 22px;
    min-height: 310px;
    background: #fff;
    border: 1px solid var(--v-border);
    border-radius: 8px;
    margin-bottom: 25px;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}

.bg_inquiry .col-cont:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--v-primary),
        var(--v-gold)
    );
}

.bg_inquiry .col-cont:hover {
    transform: translateY(-8px);
    box-shadow: var(--v-shadow-hover);
    border-color: transparent;
}

.bg_inquiry .col-cont img {
    height: 90px;
    width: auto;
    object-fit: contain;
    margin-bottom: 20px;
    transition: transform .35s ease;
}

.bg_inquiry .col-cont:hover img {
    transform: scale(1.06);
}

.bg_inquiry .col-cont h5 {
    color: var(--v-primary);
    font-size: 19px;
    font-weight: 700;
    margin: 12px 0;
}

.bg_inquiry .col-cont p {
    color: var(--v-muted);
    font-size: 17px;
    line-height: 1.6;
}

.bg_inquiry .col-cont p a {
    color: var(--v-secondary);
    font-weight: 700;
    text-decoration: none;
    position: relative;
}

.bg_inquiry .col-cont p a:after {
    content: " →";
    transition: margin-left .2s ease;
}

.bg_inquiry .col-cont p a:hover {
    color: var(--v-gold);
}

.bg_inquiry .col-cont p a:hover:after {
    margin-left: 4px;
}

/* ---------- WELCOME SECTION ---------- */

.headerr {
    background:
        linear-gradient(
            135deg,
            #f2f6fa 0%,
            #ffffff 50%,
            #eef4f8 100%
        );
    position: relative;
}

.inner-header {
    position: relative;
}

.wcome {
    padding: 85px 0;
}

.wcome .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wcome h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.wcome .uline {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 28px;
}

.wcome h4 {
    color: #fff;
    font-size: 18px;
    line-height: 1.75;
    font-weight: 500;
    margin-bottom: 22px;
}

.wcome p {
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.wcome .col-lg-6:last-child {
    text-align: center;
    padding: 20px;
}

.wcome .col-lg-6:last-child img {
    filter: drop-shadow(0 20px 30px rgba(16,42,67,.12));
    transition: transform .4s ease;
}

.wcome .col-lg-6:last-child img:hover {
    transform: translateY(-8px);
}

/* ---------- JOURNAL HIGHLIGHTS ---------- */

.our_services {
    background: #fff;
    padding: 80px 0 90px;
}

.service-cont {
    position: relative;
}

.service-cont > h3 {
    text-align: center;
    color: var(--v-primary);
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 45px;
}

.service-cont > h3:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: var(--v-gold);
    margin: 16px auto 0;
}

/* Existing highlight section */
.journal-highlights {
    padding: 0;
    background: transparent;
}

.journal-highlights .container {
    width: 100%;
    padding: 0;
}

.highlight-box {
    background: #fff;
    border: 1px solid var(--v-border);
    border-radius: 10px;
    padding: 30px 12px 25px;
    min-height: 220px;
    margin-bottom: 25px;
    text-align: center;
    transition: all .35s ease;
    position: relative;
    box-shadow: 0 5px 18px rgba(16,42,67,.04);
}

.highlight-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: var(--v-gold);
    transition: width .35s ease;
}

.highlight-box:hover {
    transform: translateY(-9px);
    border-color: rgba(201,162,39,.45);
    box-shadow: var(--v-shadow-hover);
}

.highlight-box:hover:before {
    width: 65px;
}

.highlight-box img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin: 0 auto 18px;
    transition: transform .35s ease;
}

.highlight-box:hover img {
    transform: scale(1.08);
}

.highlight-box h4 {
    color: var(--v-primary);
    font-size: 17px;
    font-weight: 700;
    margin: 8px 0;
}

.highlight-box p {
    color: var(--v-muted);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* ---------- FOOTER ---------- */

.footer {
    background:
        linear-gradient(
            135deg,
            #071a2b,
            #102a43 60%,
            #123e59
        );
    color: rgba(255,255,255,.78);
    padding: 65px 0 50px;
    position: relative;
}

.footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--v-gold),
        #f0d77d,
        var(--v-gold)
    );
}

.footer h5 {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
}

.footer .line {
    width: 35px;
    height: 2px;
    background: var(--v-gold);
    margin-bottom: 20px;
}

.footer p {
    color: rgba(255,255,255,.68);
    font-size: 14px;
    line-height: 1.8;
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer ul li {
    margin-bottom: 9px;
}

.footer ul li a {
    color: rgba(255,255,255,.70);
    text-decoration: none;
    font-size: 14px;
}

.footer ul li a:before {
    content: "›";
    color: var(--v-gold);
    margin-right: 8px;
    font-size: 17px;
}

.footer ul li a:hover {
    color: #fff;
    padding-left: 4px;
}

/* ---------- SELECTION ---------- */

::selection {
    background: var(--v-gold);
    color: #fff;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 991px) {

    .banner_bg {
        min-height: 430px;
    }

    .banner_txt {
        padding: 60px 15px;
    }

    .banner_txt .bnr_text {
        font-size: 48px;
    }

    .banner_txt h3 {
        font-size: 18px;
    }

    .wcome {
        padding: 65px 0;
    }

    .wcome .col-lg-6:last-child {
        margin-top: 35px;
    }

    .bg_inquiry {
        padding: 60px 0 45px;
    }

    .our_services {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {

    .banner_bg {
        min-height: 520px;
    }

    .banner_txt {
        padding: 70px 20px;
        text-align: center;
    }

    .banner_txt .bnr_text {
        font-size: 40px;
        letter-spacing: 1px;
    }

   

    .banner_txt h3 {
        font-size: 17px;
        line-height: 1.65;
    }

    .banner_txt .read-more,
    .banner_txt .read_more_link {
        margin: 5px 3px;
    }

    .bg_inquiry h3,
    .wcome h3,
    .service-cont > h3 {
        font-size: 27px;
    }

    .bg_inquiry h4 {
        padding: 0 15px;
        font-size: 17px;
    }

    .bg_inquiry .col-cont {
        min-height: auto;
        padding: 30px 20px;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .wcome {
        padding: 55px 15px;
    }

    .wcome h4 {
        font-size: 17px;
    }

    .wcome p {
        font-size: 17px;
    }

    .our_services {
        padding: 55px 15px;
    }

    .highlight-box {
        min-height: 205px;
        padding: 25px 8px;
    }

    .highlight-box img {
        width: 62px;
        height: 62px;
    }

    .highlight-box h4 {
        font-size: 14px;
    }

    .highlight-box p {
        font-size: 12px;
    }

    .footer {
        padding: 55px 20px 40px;
    }

    .footer .col-lg-4 {
        margin-bottom: 35px;
    }
}

@media (max-width: 480px) {

    .banner_bg {
        min-height: 550px;
    }

    .banner_txt .bnr_text {
        font-size: 34px;
    }

    .banner_txt h3 {
        font-size: 16px;
    }

    .banner_txt .read-more,
    .banner_txt .read_more_link {
        display: block;
        margin: 10px auto;
        max-width: 220px;
    }

    .highlight-box {
        min-height: 190px;
    }
}






/* =========================
   INNER PAGE BANNER
   ========================= */

.inner-banner-about {
    position: relative;
    min-height: 245px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            110deg,
            rgba(7,26,43,.97),
            rgba(16,42,67,.92),
            rgba(22,78,112,.88)
        );

    overflow: hidden;
}

/* Large decorative circle */

.inner-banner-about:before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    right: -150px;
    top: -180px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

/* Gold circle */

.inner-banner-about:after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    right: 120px;
    bottom: -190px;

    border: 1px solid rgba(201,162,39,.25);
    border-radius: 50%;
}

.inner-banner-about .container {
    position: relative;
    z-index: 2;
}

.inner-banner-about .col-lg-12 {
    padding: 55px 15px;
}

.inner-banner-about h1 {
    margin: 0;

    color: #fff;

    font-size: 38px;
    line-height: 1.25;

    font-weight: 700;
    letter-spacing: .3px;

    text-shadow: 0 5px 20px rgba(0,0,0,.25);
}

.inner-banner-about h1:after {
    content: "";

    display: block;

    width: 70px;
    height: 4px;

    margin-top: 20px;

    background: var(--v-gold);

    border-radius: 10px;
}


/* =========================
   MAIN CONTENT AREA
   ========================= */

.inner-content-bg {
    background:
        linear-gradient(
            135deg,
            #f7f9fc 0%,
            #ffffff 50%,
            #f3f7fa 100%
        );

    padding: 70px 0 85px;
}

.inner-content-bg .container {
    position: relative;
}


/* =========================
   LEFT CONTENT CARD
   ========================= */

.inner-content-bg-cont {
    background: #fff;

    padding: 45px 50px;

    border: 1px solid var(--v-border);

    border-radius: 10px;

    box-shadow:
        0 10px 35px rgba(16,42,67,.07);

    position: relative;
}

/* Gold top accent */

.inner-content-bg-cont:before {
    content: "";

    position: absolute;

    top: 0;
    left: 40px;

    width: 75px;
    height: 4px;

    background: var(--v-gold);

    border-radius: 0 0 5px 5px;
}


/* =========================
   CONTENT HEADINGS
   ========================= */

.inner-content-bg-cont > h1 {
    margin-top: 0;
    margin-bottom: 10px;

    color: var(--v-primary);

    font-size: 32px;
    font-weight: 700;

    line-height: 1.3;
}

.inner-content-bg-cont > h2 {
    color: var(--v-primary);

    font-size: 24px;

    font-weight: 700;

    margin-top: 42px;
    margin-bottom: 20px;

    position: relative;
}

.inner-content-bg-cont > h2:before {
    content: "";

    display: inline-block;

    width: 5px;
    height: 25px;

    margin-right: 12px;

    vertical-align: -4px;

    background: var(--v-gold);

    border-radius: 5px;
}


/* =========================
   EXISTING UNDERLINE
   ========================= */

.inner-content-bg-cont .uline {
    width: 60px;
    height: 3px;

    margin: 0 0 28px;

    background: var(--v-gold);

    position: relative;
}

.inner-content-bg-cont .uline:after {
    content: "";

    position: absolute;

    left: 20px;
    top: 0;

    width: 22px;
    height: 3px;

    background: var(--v-primary);
}


/* =========================
   QUOTE
   ========================= */

.inner-content-bg-cont blockquote.quote {
    position: relative;

    margin: 30px 0 40px;

    padding: 28px 32px 28px 48px;

    background:
        linear-gradient(
            135deg,
            #f3f7fa,
            #f9fbfd
        );

    border: 0;

    border-left: 4px solid var(--v-gold);

    border-radius: 0 8px 8px 0;

    color: #526679;

    font-size: 20px;

    line-height: 1.7;


    font-style: italic;

    box-shadow: 0 5px 20px rgba(16,42,67,.05);
}

.inner-content-bg-cont blockquote.quote:before {
    content: "“";

    position: absolute;

    left: 16px;
    top: 12px;

    color: var(--v-gold);

    font-size: 48px;

    font-family: Georgia, serif;

    line-height: 1;
}


/* =========================
   NORMAL PARAGRAPHS
   ========================= */

.inner-content-bg-cont > p,
.inner-content-bg-cont li p {
    color: var(--v-text);

    font-size: 17px;

    line-height: 1.9;

    margin-bottom: 20px;
}

.inner-content-bg-cont > p strong {
    color: var(--v-primary);

    font-size: 17px;
}


/* =========================
   OBJECTIVES / LISTS
   ========================= */

.inner-content-bg-cont ul {
    color: var(--v-text);
}

.inner-content-bg-cont ul.list {
    padding-left: 22px;

    margin-bottom: 30px;
}

.inner-content-bg-cont ul.list li {
    position: relative;

    margin-bottom: 13px;

    color: #4d6274;

    font-size: 17px;
    line-height: 1.75;
}

.inner-content-bg-cont ul.list li::marker {
    color: var(--v-gold);
}


/* =========================
   FEATURE SECTIONS
   Business Research,
   Case Studies, etc.
   ========================= */

.inner-content-bg-cont > ul:not(.list) {
    padding-left: 0;

    list-style: none;
}

.inner-content-bg-cont > ul:not(.list) > li {
    position: relative;

    margin: 22px 0;
    padding: 25px 28px 18px 30px;

    background: #fff;

    border: 1px solid var(--v-border);

    border-radius: 8px;

    box-shadow: 0 4px 15px rgba(16,42,67,.035);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.inner-content-bg-cont > ul:not(.list) > li:before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: linear-gradient(
        to bottom,
        var(--v-gold),
        var(--v-primary)
    );

    border-radius: 8px 0 0 8px;
}

.inner-content-bg-cont > ul:not(.list) > li:hover {
    transform: translateY(-3px);

    border-color: rgba(201,162,39,.35);

    box-shadow:
        0 10px 25px rgba(16,42,67,.09);
}


/* =========================
   FEATURE HEADINGS
   ========================= */

.inner-content-bg-cont > ul:not(.list) > li > h3 {
    margin-top: 0;
    margin-bottom: 8px;

    color: var(--v-primary);

    font-size: 19px;

    font-weight: 700;
}

.inner-content-bg-cont > ul:not(.list) > li > h3:before {
    content: "✦";

    color: var(--v-gold);

    font-size: 13px;

    margin-right: 9px;

    vertical-align: 2px;
}


/* =========================
   MANAGEMENT PRACTICES
   ========================= */

.inner-content-bg-cont > ul:not(.list) > li h4 {
    color: var(--v-secondary);

    font-size: 17px;

    font-weight: 700;

    margin-top: 22px;
    margin-bottom: 8px;
}

.inner-content-bg-cont > ul:not(.list) > li ul.list {
    margin-top: 12px;
    margin-bottom: 8px;
}


/* =========================
   RIGHT SIDEBAR
   ========================= */
   
.right_coloum {
    background: #ffffff;
    border: 0;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.10);
}

/* -----------------------------------------
   Sidebar headings
   ----------------------------------------- */

.right_coloum h2,
.right_coloum h3,
.right_coloum h4,
.right_coloum h5 {
    color: #ffffff;
    margin: 0;
    padding: 16px 20px;

    font-weight: 700;
    line-height: 1.3;

    background: linear-gradient(
        135deg,
        #102a43,
        #164e70
    );

    position: relative;
}

/* Gold heading accent */

.right_coloum h2:after,
.right_coloum h3:after,
.right_coloum h4:after,
.right_coloum h5:after {
    content: "";

    position: absolute;

    left: 20px;
    bottom: 8px;

    width: 38px;
    height: 3px;

    background: #c9a227;

    border-radius: 5px;
}


/* -----------------------------------------
   Sidebar lists
   ----------------------------------------- */

.right_coloum ul {
    list-style: none;

    margin: 0;
    padding: 10px 12px;

    background: #fff;
}

.right_coloum ul li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #edf1f5;
}

.right_coloum ul li:last-child {
    border-bottom: 0;
}


/* -----------------------------------------
   Sidebar links
   ----------------------------------------- */

.right_coloum ul li a {
    display: flex;
    align-items: center;

    position: relative;

    min-height: 48px;

    padding: 12px 14px 12px 48px;

    color: #34495e;

    background: #fff;

    text-decoration: none;

    font-size: 16px;
    font-weight: 600;

    transition:
        color .25s ease,
        background .25s ease,
        padding-left .25s ease,
        box-shadow .25s ease;
}


/* -----------------------------------------
   Colorful icons
   ----------------------------------------- */

.right_coloum ul li a:before {
    content: "\f105";

    font-family: FontAwesome;

    position: absolute;

    left: 16px;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    background: #164e70;

    border-radius: 50%;

    font-size: 13px;

    transition:
        background .25s ease,
        transform .25s ease;
}


/* -----------------------------------------
   Hover
   ----------------------------------------- */

.right_coloum ul li a:hover {
    color: #102a43;

    background:
        linear-gradient(
            90deg,
            #fff8df,
            #ffffff
        );

    padding-left: 54px;

    box-shadow:
        inset 4px 0 0 #c9a227;
}

.right_coloum ul li a:hover:before {
    background: #c9a227;

    transform: translateX(3px);
}


/* -----------------------------------------
   Give individual links different colors
   ----------------------------------------- */

.right_coloum ul li:nth-child(1) a:before {
    background: #1e88e5;
}

.right_coloum ul li:nth-child(2) a:before {
    background: #43a047;
}

.right_coloum ul li:nth-child(3) a:before {
    background: #fb8c00;
}

.right_coloum ul li:nth-child(4) a:before {
    background: #8e44ad;
}

.right_coloum ul li:nth-child(5) a:before {
    background: #e53935;
}

.right_coloum ul li:nth-child(6) a:before {
    background: #00897b;
}

.right_coloum ul li:nth-child(7) a:before {
    background: #3949ab;
}

.right_coloum ul li:nth-child(8) a:before {
    background: #d81b60;
}


/* -----------------------------------------
   If sidebar uses direct links instead
   of UL/LI
   ----------------------------------------- */

.right_coloum > a {
    display: block;

    padding: 13px 18px;

    color: #34495e;

    background: #fff;

    border-bottom: 1px solid #edf1f5;

    font-weight: 600;

    text-decoration: none;

    transition: all .25s ease;
}

.right_coloum > a:hover {
    color: #102a43;

    background: #fff8df;

    padding-left: 24px;

    box-shadow: inset 4px 0 0 #c9a227;
}


/* -----------------------------------------
   Sidebar paragraphs
   ----------------------------------------- */

.right_coloum p {
    padding: 0 18px;

    color: #667788;

    font-size: 13px;

    line-height: 1.7;
}


/* -----------------------------------------
   Sidebar images
   ----------------------------------------- */

.right_coloum img {
    max-width: 100%;
    height: auto;
    display: block;
}


/* -----------------------------------------
   Buttons inside sidebar
   ----------------------------------------- */

.right_coloum .btn,
.right_coloum button {
    border: 0;
    border-radius: 5px;

    background: linear-gradient(
        135deg,
        #102a43,
        #164e70
    );

    color: #fff;

    font-weight: 600;

    transition: all .3s ease;
}

.right_coloum .btn:hover,
.right_coloum button:hover {
    background: linear-gradient(
        135deg,
        #c9a227,
        #e0bb3f
    );

    color: #fff;

    transform: translateY(-2px);
}


/* -----------------------------------------
   Sidebar on mobile
   ----------------------------------------- */

@media (max-width: 767px) {

    .right_coloum {
        margin-top: 25px;
        border-radius: 10px;
    }

    .right_coloum ul li a {
        min-height: 50px;

        padding-top: 13px;
        padding-bottom: 13px;

        font-size: 14px;
    }
}

/* =========================
   FOOTER
   ========================= */

.footer {
    position: relative;

    background:
        linear-gradient(
            135deg,
            #071a2b,
            #102a43 60%,
            #123e59
        );

    color: rgba(255,255,255,.75);

    padding: 60px 0 50px;
}

.footer:before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            var(--v-gold),
            #f0d77d,
            var(--v-gold)
        );
}

.footer h5 {
    color: #fff;

    font-size: 19px;

    font-weight: 700;
}

.footer .line {
    width: 38px;
    height: 2px;

    background: var(--v-gold);

    margin-bottom: 18px;
}

.footer p {
    color: rgba(255,255,255,.68);

    font-size: 16px;

    line-height: 1.8;
}

.footer ul {
    padding: 0;
    margin: 0;

    list-style: none;
}

.footer ul li {
    margin-bottom: 9px;
}

.footer ul li a {
    color: rgba(255,255,255,.68);

    text-decoration: none;

    font-size: 16px;
}

.footer ul li a:before {
    content: "›";

    color: var(--v-gold);

    margin-right: 8px;

    font-size: 17px;
}

.footer ul li a:hover {
    color: #fff;

    padding-left: 4px;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {

    .inner-banner-about {
        min-height: 210px;
    }

    .inner-banner-about h1 {
        font-size: 32px;
    }

    .inner-content-bg {
        padding: 50px 0 60px;
    }

    .inner-content-bg-cont {
        padding: 35px;
        margin-bottom: 35px;
    }

    .right_coloum {
        position: relative;
        top: auto;
        margin-top: 10px;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    .inner-banner-about {
        min-height: 190px;
    }

    .inner-banner-about .col-lg-12 {
        padding: 45px 20px;
    }

    .inner-banner-about h1 {
        font-size: 27px;

        text-align: center;
    }

    .inner-banner-about h1:after {
        margin-left: auto;
        margin-right: auto;
    }

    .inner-content-bg {
        padding: 35px 0 50px;
    }

    .inner-content-bg-cont {
        padding: 30px 22px;

        border-radius: 7px;
    }

    .inner-content-bg-cont:before {
        left: 25px;
    }

    .inner-content-bg-cont > h1 {
        font-size: 27px;
    }

    .inner-content-bg-cont > h2 {
        font-size: 21px;
    }

    .inner-content-bg-cont blockquote.quote {
        padding: 23px 20px 23px 38px;

        font-size: 17px;
    }

    .inner-content-bg-cont > p,
    .inner-content-bg-cont li p {
        font-size: 17px;

        line-height: 1.8;
    }

    .inner-content-bg-cont > ul:not(.list) > li {
        padding: 22px 18px 15px 23px;
    }

    .inner-content-bg-cont > ul:not(.list) > li > h3 {
        font-size: 17px;
    }

    .right_coloum {
        margin-top: 25px;
        padding: 20px 15px;
    }

    .footer {
        padding: 50px 20px 40px;
    }
}


/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 480px) {

    .inner-banner-about h1 {
        font-size: 24px;
    }

    .inner-content-bg-cont {
        padding: 25px 18px;
    }

    .inner-content-bg-cont > h1 {
        font-size: 24px;
    }

    .inner-content-bg-cont blockquote.quote {
        font-size: 17px;
    }
}

/* =========================================
   VICHAARA - FULL WIDTH HERO BANNER FIX
   ========================================= */

.hero,
.banner,
.banner-section,
.hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Full banner image */
.hero img,
.banner img,
.banner-section img,
.hero-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* If the banner uses a background image */
.hero,
.banner,
.banner-section,
.hero-section {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Dark gradient for text readability */
.hero::before,
.banner::before,
.banner-section::before,
.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.68) 0%,
            rgba(0, 0, 0, 0.45) 30%,
            rgba(0, 0, 0, 0.12) 62%,
            rgba(0, 0, 0, 0.00) 100%
        );
}

/* Banner content stays above overlay */
.hero .container,
.hero .content,
.hero .banner-content,
.banner .container,
.banner .content,
.banner .banner-content,
.banner-section .container,
.banner-section .content,
.banner-section .banner-content,
.hero-section .container,
.hero-section .content,
.hero-section .banner-content {
    position: relative;
    z-index: 2;
}

/* Main Vichaara heading */
.hero h1,
.banner h1,
.banner-section h1,
.hero-section h1 {
    color: #fff !important;
    font-weight: 800;
    text-shadow: 0 3px 12px rgba(0,0,0,0.55);
}

/* Description */
.hero p,
.banner p,
.banner-section p,
.hero-section p {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.65);
}

/* Better readability for all banner text */
.hero .text-white,
.banner .text-white,
.banner-section .text-white,
.hero-section .text-white {
    text-shadow: 0 2px 8px rgba(0,0,0,0.65);
}

.banner-content {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 720px;
    z-index: 5;
}

.banner-content h1 {
    font-size: clamp(42px, 5vw, 76px);
    letter-spacing: 6px;
    margin-bottom: 20px;
}

.banner-content p {
    font-size: 19px;
    line-height: 1.7;
    max-width: 700px;
}


/* =========================================================
   VICHAARA HOME PAGE - FULL WIDTH BANNER FIX
   Only affects the homepage banner.
   ========================================================= */

/* Make the complete banner use the available viewport width */
.banner_bg {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    background: #315d78 !important;
}

/* The actual slide fills the entire banner */
.banner_bg .fade_slider,
.banner_bg .fade_slider > li,
.banner_bg .slide1 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Cover the whole banner instead of leaving the image aligned left */
.banner_bg .slide1 {
    position: relative !important;
    background-size: cover !important;
    background-position: center 28% !important;
    background-repeat: no-repeat !important;
}

/* Dark readability overlay - stronger on the left where the text sits */
.banner_bg .slide1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.55) 22%,
            rgba(0,0,0,0.28) 48%,
            rgba(0,0,0,0.06) 75%,
            rgba(0,0,0,0) 100%
        );
}

/* Keep banner content above the overlay */
.banner_bg .slide1 .container,
.banner_bg .slide1 .col-lg-12,
.banner_bg .slide1 .banner_txt {
    position: relative !important;
    z-index: 2 !important;
}

/* Improve text readability */
.banner_bg .banner_txt {
    text-shadow: 0 2px 7px rgba(0,0,0,0.75);
}

.banner_bg .banner_txt .bnr_text {
    color: #fff !important;
    text-shadow: 0 3px 12px rgba(0,0,0,0.8);
    font-weight: 600 !important;
}

.banner_bg .banner_txt h3 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.85);
    max-width: 760px;
    line-height: 1.55 !important;
}

/* Make the CTA buttons remain clearly visible */
.banner_bg .banner_txt .read-more,
.banner_bg .banner_txt .read_more_link {
    position: relative;
    z-index: 3;
    text-shadow: none;
}

/* Mobile adjustment */
@media (max-width: 767px) {
    .banner_bg .slide1 {
        background-position: center 28% !important;
    }

    .banner_bg .slide1::before {
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.76) 0%,
                rgba(0,0,0,0.48) 65%,
                rgba(0,0,0,0.18) 100%
            );
    }

    .banner_bg .banner_txt h3 {
        max-width: 100%;
        line-height: 1.45 !important;
    }
}

/* =========================================================
   MOBILE BANNER FIX
   Removes the blue gap above/below the photograph and gives
   the image its own full mobile hero height.
   ========================================================= */
@media (max-width: 767px) {

    .banner_bg {
        /*height: 575px !important;
        min-height: 575px !important;*/
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    .banner_bg .fade_slider {
        height: 575px !important;
        min-height: 575px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .banner_bg .fade_slider > li.slide1 {
        display: block !important;
        width: 100% !important;
        height: 450px !important;
        min-height: 450px !important;
        margin: 0 !important;
        padding: 0 !important;

        background-size: cover !important;
        background-position: center 28% !important;
        background-repeat: no-repeat !important;
    }

    /* Keep the image immediately below the header */
    .banner_bg .slide1 .container {
        height: 100% !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .banner_bg .slide1 .col-lg-12 {
        height: 100% !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Position the content comfortably inside the photo */
    .banner_bg .banner_txt {
        padding-top: 50px !important;
        margin-top: 0 !important;
    }

    .banner_bg .banner_txt .bnr_text {
        font-size: 36px !important;
        line-height: 1.1 !important;
        margin-bottom: 22px !important;
    }

    .banner_bg .banner_txt h3 {
        font-size: 17px !important;
        line-height: 1.48 !important;
        margin: 0 0 50px 0 !important;
        max-width: 100% !important;
    }

    .banner_bg .banner_txt > div:last-child {
        margin-top: 15px !important;
    }

    .banner_bg .banner_txt .read-more,
    .banner_bg .banner_txt .read_more_link {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 14px auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}


/* ================================
   VALIDATION STYLES
================================ */

.validation-error {
    display: block;
    color: #d60000 !important;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}

.validation-invalid {
    border: 1px solid #d60000 !important;
    box-shadow: 0 0 4px rgba(214, 0, 0, 0.25) !important;
}

.validation-checkbox-error {
    display: block;
    color: #d60000 !important;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}

.required-star {
    color: #d60000;
    font-weight: bold;
}

.validation-invalid {
    border-color: #dc3545 !important;
}

.validation-error {
    display: block;
    width: 100%;
    margin-top: 5px;
    color: #dc3545;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.validation-error::before {
    content: "⚠ ";
}

.validation-valid {
    border-color: #198754 !important;
}