@charset "UTF-8";
/* -----------------------------------------------------
+
+ Halogram AL
+
------------------------------------------------------ */
body {
	margin:0px auto;
	background:#fff;
	line-height:normal;
	overflow-x:hidden!important;
	width:100%;	
}

header, footer {
	float:left;
	width:100%;
}
blockquote { font-size:24px; font-style:italic; padding: 0 60px;}
section{
	float:left;
	width:100%;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	letter-spacing:normal;
	text-transform:none;
	line-height:normal;
}

p {
	padding:0px;
	margin:0px;
	letter-spacing:normal;
	text-transform:none;
	line-height:normal;
}

ul, ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

a:focus { 
	outline:none;
}

a,i, input[type="submit"] {
	text-decoration:none; 
	transition:all 0.4s ease-in-out 0s; 
	-moz-transition:all 0.4s ease-in-out 0s; 
	-ms-transition:all 0.4s ease-in-out 0s; 
	-o-transition:all 0.4s ease-in-out 0s; 
	-webkit-transition:all 0.4s ease-in-out 0s;
}

img { 
	max-width:100%; 
}

textarea:focus, input:focus, select:focus { 
	outline: 0;
}

/***** header ****/
.header{
 -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
   }


.header.sticky {
    position: fixed;
    width: 100%;
    background: #000;
    text-align: left;
    z-index: 9999999;
}
/***** header ****/

.header { 
	width:100%; 
	float:left; 
	position:absolute; 
	top:0px; 
	z-index:1; 
	transition:all 0.4s ease-in-out 0s;
}

.navbar {
	min-height:auto!important;
}
.primary {
	width:100%; 
	float:left; 
	text-align:center; 
	transition:all 0.4s ease-in-out 0s; 
	height:66px;
	padding:15px 0;
}
.primary nav.navbar { 
	padding:0; 
	margin:0px; 
	border:0px;
}
.navbar-brand img { 
	    width: auto;
    transition: all 0.4s ease-in-out 0s;
    max-height: 35px;
}

.web-menu ul { 
	float:left; 
	padding:0; 
	transition:all 0.4s ease-in-out 0s; 
	padding-right:0;
	margin-left:0px;
	text-align:center;
}
.HOLOGRAM-AI a{ margin:0;}
.web-menu ul li { 
	float:none; 
	display:inline-block; 
	padding:0px 18px;
}

.web-menu ul li a {
  height: 19px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
}

.web-menu ul li a:hover {
	background:none; 
	color:#02c4d9;
}

.web-menu ul li a:focus {
	background:none; 
	color:#02c4d9;
}

.web-menu ul li.active a { 
	background:none; 
	color:#02c4d9;
}

.navbar-collapse { 
	display:block;
}

.web-menu {
	width:72%; 
	float:left; 
	margin-top:0px;
}
.navbar-brand{ padding-top:0px;}
.web-menu{ text-align:left;}
.web-menu ul{ width:100%; display:inline-block;}

.HOLOGRAM-AI{ float:left; width:28%; padding:0 15px;}
.HOLOGRAM-AI a{
  width: 179px;
  height: 33px;
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color:#fff!important;
  float:right;
}


.Bnr{ width:100%; float:left; background:#000; padding-bottom:0px; position:relative;}
.rotate{ width:100%; border-bottom: 120px solid #fff; left:0px; border-left: 1600px solid transparent; position:absolute; bottom:-1px;}
.Bnrsec{ width:100%; float:left;}
.bnrimg{ width:100%!important; opacity:0.5; float:left!important;}
.Bnrsec img{ width:85%; float:left;}
.inrbg{ width:100%!important; float:left;}
.Bnrthrd{ width:100%; float:left; padding-top:106px; position:absolute; top:0px;}
.Bnrthrd h1{ font-family: 'Roboto', sans-serif; width:392px; font-size: 32px;  font-weight: bold;  font-style: normal;  font-stretch: normal;
  line-height: normal;  letter-spacing: -0.99px;  color: var(--white); margin-top:163px;}
.contsec ul li input[type="submit"]:hover {  background-color: #02C4D9;}  
.vidsec{ width:100%; float:left; text-align:center; padding:90px 0 0; background: url(../images/node-logo-dark-page.png) no-repeat left top; background-size:510px 630px; height:650px;}
.gray {
    color: #353c43 !important;
}
.bnr6btm .col-lg-6.col-md-6.float-right img {
    margin-top: 1px !important;
}
.light-gray{ color:#8d9094 !important;}
.vidsecinr{
  width: 700px;
  height: 430px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #979797;
  background-color: #d8d8d8;
  display:inline-block;
}
.vidtext{ width:100%; float:left; padding:50px 0;}
.vidtext h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color:#353C43;
  margin-bottom:15px;
}
.vidtext p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:15px;
}
.vidtext ul { width:100%; float:left; margin-bottom:15px;}
.vidtext ul li{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:5px;
  list-style:inside disc;
}
.vidtxt2{ margin-top:50px;}
.ints{
  width:100%;
  float:left;
  background-color: #e8e8e8;
  position:relative;
  padding:180px 0 80px;
  text-align:center;
}
.rotate2{ width:100%; position:absolute; top:0px; border-top: 150px solid #fff; border-right: 1600px solid transparent; left:0px; } 
.ints h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.12px;
  color:#353C43;
  margin-bottom:15px;
}
.ints h3{
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color:#353C43;
}
.ints ul{ padding:10px 0; margin-top:30px;}
.ints ul li .intint{
  width: 170px;
  height: 150px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: var(--white);
  margin:auto;
}
.Zoomimg{
  width: 72px;
  height: 72px;
  border-radius:50%;
  display:inline-block;
  overflow:hidden;
  margin:25px 0 12px;
}
.Zoomimg img{ width:100%;}
.intint h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color:#353C43;
}
.testi {
  width: 100%; float:left;
  background-color: #868a8e;
  text-align:center;
  padding:50px 0 10px;
}
.testi h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.12px;
  color: var(--white);
  margin-bottom:0px;
}
.testi ul{ top:0px;}
.testi ul li{}
.testiinr{
  width:100%;
  display: inline-block;
  height:100%;
  display:inline-block;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color: var(--white);
  padding:0 50px;
  border:1px solid #000;
}
.testiinr span{}
.testiinr span img{margin-top:-28px; width:48px!important; height:48px!important; border-radius:50%;}
.testiinr h3{
  font-family: Roboto;
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color:#353C43;
  margin:8px 0 24px;
}
.testiinr p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color:#353C43;
  text-align:left;
}
.testiinr a{
  font-family: Roboto;
  font-size: 18px;
  float:left;
  margin:24px 0;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color:#353C43;
}
.testiinr a b{ font-size:26px; padding-right:20px; line-height:0;}
.ftr{width: 100%; float:left; background-color:#353c43; padding:50px 0;}
.ftr h3{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--white);
  margin-bottom:18px;
}
.ftr p{
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: var(--white);
  margin-bottom:26px;
}
.ftr input[type="text"] , .ftr input[type="email"] {
 width:70%;
  height: 50px;
  border:0px;
  padding:0 15px;
  border-radius: 4px;
  background-color: #d8d8d8;
  margin-bottom:24px;
  color:#8d8989;
  font-size:14px;
  font-family: Roboto;
}
.ftr input[type="submit"]{
  border:0px;
  color:#fff;
  border-radius: 4px;
  text-transform:uppercase;
  background:#fa9414;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height:50px;
  height:50px;
  padding:0 20px;
  letter-spacing: -0.56px;
}
.ftr ul{ width:50%; float:left;}
.ftr ul li{ margin-bottom:15px; width:50%; float:left;}
.ftr ul li a{
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: var(--white);
  text-decoration:none;
}
.ftr ul li a:hover{ color:#fa9414;}
.ftrbtm{ width:100%; float:left; padding:50px 0 0; background:#353c43; text-align:center;}
.ftrbtm h5{
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.62px;
  color: var(--white);
}
.ftrbtm ul{ width:100%; float:left; text-align:center; padding:8px 0 10px;}
.ftrbtm ul li{ width:15%; text-align:center; margin:0px; display:inline-block; float:none; padding:0 30px;}
.ftrbtm ul li a{
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: var(--white);
}
.ftrbtm p{
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: var(--white);
  margin:0px;
}
.testiinr1{ padding-top:25px; height:100%;}
.otherprime{ background:#000;}

.bnr1{ width:100%; float:left; position:relative; top:0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0c0c+0,353c43+100 */
background: #0c0c0c; /* Old browsers */
background: -moz-linear-gradient(left, #0c0c0c 0%, #353c43 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c0c0c 0%,#353c43 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c0c0c 0%,#353c43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c0c', endColorstr='#353c43',GradientType=1 ); /* IE6-9 */
} 
.bnr1 img{ width:100%; float:left;}
.bnr1inr{ width:100%; float:left; position:absolute; top:170px; text-align:center;}
.bnr1inr h1{
    font-family: Roboto;
    font-size: 32px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /* letter-spacing: 1.01px; */
    color: var(--white);
    text-transform: uppercase;
}
.bnr3im2{ display:none;}
.aboutsec{ width:100%; float:left; padding:50px 0 0;}
.tabinr{ width:100%; float:left;}
.abouttb{ width:100%; float:none; display:inline-block!important; text-align:center; padding-bottom:50px;}
.abouttb li{ display:inline-block; min-width:150px; margin:0 10px;}
.abouttb li a{
  font-family: Roboto;
  font-size: 24px;
      color: #353c43;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  text-align: center;
  color: var(--charcoal-grey);
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:2px solid #fff;
  width:100%;
  padding:0 0px 5px;
  display:inline-block;
}
.abouttb li a.active{ border-bottom:2px solid #fa9414; font-weight:700;}
.tab-about{ width:100%; float:left; padding:0px 0; text-align:center;}
.abtinr p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:15px;
}
.abtinr{ width:56%; margin:auto; display:inline-block; float:none; text-align:left; padding-bottom:50px;}
.leadr{ width:100%; float:left;}
.leadr ul{ width:80%; float:none; margin:auto;}
.leadr ul li{ float:left; width:50%; text-align:center;}
.leadrinr{ width:75%; float:none; display:inline-block; position:relative; top:0px;}
.leadrinr img{ border-radius:3px; width:100%; float:left;}
.leadrtext{
  height: 129px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color:#353c43;
  padding:30px 0 0;
  top:-75px;
  position:relative;
  z-index:1;
  width:86%;
  float:none;
  display:inline-block;
  transition:all 0.4s ease-in-out 0s;
}
.leadrtext a{ text-decoration:none;}
.leadrtext h3{
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--white);
  margin-bottom:16px;
}
.leadrtext p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--white);
}
.container3{ margin:auto;}
.meet{ width:100%; float:left; background:#f7f7f7; padding:50px 0; text-align: center;}
.meet h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.12px;
  color: var(--charcoal-grey);
  margin-bottom:30px;
}
.meetinr{ width:300px; float:none; display:inline-block; position:relative; top:0px;}
.meetinr img{ border-radius:3px; width:100%; float:left; height:100%!important;}
.meettext{
  height: 90px;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background-color:#353c43;
  padding:15px 0 0;
  top:-50px;
  position:relative;
  z-index:1;
  width:86%;
  float:none;
  display:inline-block;
  transition:all 0.4s ease-in-out 0s;
}

.meeten{ height:100%;}
.meettext a{ text-decoration:none;}
.meettext h3{
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--white);
  margin-bottom:5px;
}
.meettext p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--white);
}
.investors{ width:56%; margin:auto; display:inline-block; float:none; text-align:left; padding-bottom:50px;}
.investors img{ width:40%; float:left; margin-bottom:20px;}
.textinvest{ width:100%; float:left;}
.investors p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:25px;
}
.presssec{ width:100%; float:left; padding:35px 0 10px;}
.presstop{ width:100%; padding-left:0px;}
.presstop h2{
  margin-bottom:8px;
  font-family: Roboto;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color: var(--charcoal-grey);
}
.presstop p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.inrpress{ width:78%; margin:auto;}
.inrpress ul{ width:75%; margin:50px auto 0;}
.inrpress ul li{ width:100%; float:left; margin-bottom:60px;}
.pressleft{ width:80%; float:left; padding-bottom:10px;}
.pressleft h5{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  width:80%;
  /*background:url(../images/arross.png) no-repeat right 60px center;*/
}
.detailpress{ float:right;}
.read-more {
    color: #ffffff;
    background-color: #353c43;
    border-color: #000000;
    float: left;
    margin-left: 10%;
}
button.btn.read-more:hover{
color:#CCCCCC;
}
.detailpress h3 a,.detailpress1 h3 a{
  text-decoration:none;
  font-family: Roboto;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color: var(--charcoal-grey);

}
.detailbtn{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  text-transform:uppercase;
  margin-top:25px;
}
.detailbtn b {
    float: left;
    font-size: 30px;
    line-height: 17px;
    padding-right: 10px;
}
.detailpress1 h3 {

    margin-bottom: 15px;
    padding-right: 0px;

}
.detailpress h3 {  margin-bottom:15px;
  padding-right:10px;}
.detailpress h3 a:hover{ color:#fa9414;}
.detailpress p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.pressleft h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-top:10px; float:left;
  width:80%;
  text-transform:uppercase;
}
.pressleft img{ width:auto; margin-right:30px; float:left;}
.pagintions{ width:100%; float:left; text-align:center; padding:0px 0 50px;}
.pagintions ul{ display:block!important;}
.pagintions ul li{ display:inline-block; margin:0 10px;}
.pagintions ul li a{ width:32px; height:32px; line-height:28px; text-decoration:none; color:#fff; font-size:14px; display:inline-block; background:#fa9414; border-radius:50%;}
.pagintions ul li a:hover{ background:#000;}

.bnr2{ width:100%; float:left; position:relative; top:0px; height:450px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #eee, #fff);
} 
.bnr2 img{ width:auot;}
.bnr2inr{ width:100%; float:left; position:absolute; top:100px; text-align:left;}
.bnr2btm{width:55%; float:none; margin:auto;}
.bnr3btm{width:55%; float:none; margin:auto;}
.bnr2inr h1{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin:20px 0 15px;
}
.bnr2inr p{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--charcoal-grey);
  margin-bottom:20px;
}
.bnr2inr h3{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:15px;
  text-transform:uppercase;
}
.bnr2inr h4{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.preesngl{ width:100%; float:left; padding:50px 0;}
.snglinr{ width:55.5%; float:none; margin:auto;}
.snglinr p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:25px;
}
.pressbtm{ width:100%; float:left; padding:50px 0; background:#f7f7f7; }
.pressbtmbtn{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  text-decoration:none;
}
.pressbtmbtn1{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  text-decoration:none;
}
.pressbtmbtn:hover{ color:#02c4d9; text-decoration:none;}
.pressbtminr{ width:75%; margin:15px auto 0;}
.pressbtm ul{ width:100%; margin:15px auto 0;}
.pressbtm ul li{ background:url(../images/arross.png) no-repeat left 15px center; padding-left:70px; margin-bottom:30px; width:100%;}
.pressbtm ul li h3{
  margin-bottom:8px;
  position:relative; z-index:1;
}
.pressbtm ul li h3 a{
  font-family: Roboto;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color: var(--charcoal-grey);
  text-decoration:none;
}

.pressbtm ul li h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  text-transform:uppercase;
}
.contsec{ width:100%; float:left; padding:40px 0 50px;}
.contsec h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color:#353C43;
  margin-bottom:5px;
  padding-left:7px;
}
.contsec h3{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--charcoal-grey);
  padding-left:7px;
}
.inrcnt{ width:75%; float:left;margin-top: 45px;}
.inrcnt h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:24px;
}
.inrcnt h5{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:24px;
}
.inrcnt img{ width:auto;}
.contsec ul{ padding-top:50px; width:90%; float:right; padding-right:50px;}
.contsec ul li{ width:100%; margin-bottom:30px; float:left;}
.contsec label{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color:#353C43;
  margin-bottom:24px;
}
.contsec ul li input[type="text"]{ width:100%; float:left; line-height:34px; height:34px; border:0px; border-bottom:2px solid #666; padding:0 10px;}
.contsec ul li textarea{ resize:none; width:100%; float:left; height:180px; line-height:34px; border:1px solid #666; padding:0 10px; border-radius:10px;}
.contsec ul li input[type="submit"]{
  border-radius: 4px;
  background:#fa9414;
  font-family: Roboto;
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.65px;
  color: var(--white);
  text-transform:uppercase;
  height:50px; line-height:50px; padding:0 40px; border:0px; float:right;
}
.contsecin{ width:80%; margin:auto;}
.contsecin p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-top:30px;
}
.bnr3{ width:100%; float:left; position:relative; top:0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0c0c+0,353c43+100 */
background: #0c0c0c; /* Old browsers */
background: -moz-linear-gradient(left, #0c0c0c 0%, #353c43 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c0c0c 0%,#353c43 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c0c0c 0%,#353c43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c0c', endColorstr='#353c43',GradientType=1 ); /* IE6-9 */
} 
.bnr3 img{ width:100%; float:left;}
.bnr3inr{ width:100%; float:left; position:absolute; top:125px; text-align:left;}
.bnr3inr h1{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--white);
  margin-bottom:30px;
}
.bnr3inr h3{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--white);
  margin-bottom:33px;
}
.bnr3inr h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--white);
}
.bnr3inr h5{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--white);
  margin-top:14px;
  float:left;
}
.bnr3in{ width:100%; float:left; padding:25px 0 48px;}
.bnr3in img{ float:left; width:auto; margin-right:30px;    max-height: 90px;}
.bnr3inr a{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--white)!important;
}
.bnr3inr a h6{
  font-family: Roboto;
  font-size: 18px;
  float:left;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color:#fff;
  position:relative; z-index:1;
}
.bnr3inr a:hover{ text-decoration:none;}
.bnr3inr a b{ font-size:30px; padding-right:10px; line-height:17px; float:left;}
.blogsec{ width:100%; float:left; padding:40px 0 0;}
.blogsec ul{ width:75%; margin:auto; }
.blogsec ul li{ padding:15px 0 50px; width:100%; float:left; border-top:1px solid #666;}
.blogsec ul li h6{
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--charcoal-grey);
  float:right;
  padding-right:20px;
  margin-bottom:17px;
  width:100%;
  text-align:right;
}
.blogsec ul li img{
  width: auto;
    height: 262px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  float:left;
}
.blogsec ul li h3{
  margin-bottom:10px;
  line-height:32px;
}
.blogsec ul li h3 a{
  font-family: Roboto;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.87px;
  color: var(--charcoal-grey);
  text-decoration:none;
  text-transform:capitalize;
}
.blogsec ul li a:hover, .blogsec ul li a h3:hover{
text-decoration:none !important;
}
 .blogsec ul li a p:hover{text-decoration:none !important;}
.blogsec ul li h3 a:hover{ color:#fa9414;}
.blogsec ul li p, .blogsec ul li a p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:15px;
}
.blogsec ul li a{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--charcoal-grey);
  text-transform:uppercase;
  display: block;
    margin-top: 24px;
}
.blogsec ul li a h2{
font-family: Roboto;
  font-size: 28px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--charcoal-grey);
  text-transform:uppercase; margin-bottom:15px;}

.blogsec ul li a b{
    float: left;
    font-size: 30px;
    line-height: 17px;
    padding-right: 10px;
}
.blogleft{ width:80%; float:left;}
.bnrimg2{ width:100%; float:left;}
.bnrimg2 img{ float:left; width:auto; margin-right:30px; border-radius:5px;}

.bnr4{ width:100%; float:left; position:relative; top:0px; height:370px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #eee, #fff);
} 
.bnr4 img{ width:auto;}
.bnr4inr{ width:100%; float:left; position:absolute; top:100px; text-align:left;}
.bnr4btm{width:55%; float:none; margin:auto;}
.bnr4inr h1{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin:20px 0 15px;
}
.bnr4inr p{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--charcoal-grey);
  margin-bottom:30px;
	
}
.bnr4inr h3{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:0px;
  text-transform: uppercase;
}
.bnr4inr h4{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.blogsub{ width:100%; float:left; text-align:center; padding:40px 0 0px;}
.careersec{ width:100%; float:left; padding:50px 0;}
.careersec h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin-bottom:20px;
}
.careersec h3{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin-bottom:20px;
}
.careersec p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:20px;
}
.careersec img{ width:auto; float:left; margin-top:60px;}
.careerinr{ width:75%; margin:auto;}
.careerinr1{ width:100%; float:left; padding-top:65px;}
.carrerbtm{ width:100%; float:left; padding:50px 0;}
.carrerbtm h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin-bottom:25px;
}
.carrerbtm ul{}
.carrerbtm ul li{ width:50%; float:left; margin-bottom:50px;}
.carrerbtm ul li:nth-child(2n+2) .careerli{float:right;}
.careerli{ width:92%; float:left; padding:30px 40px; background:#353c43; border-radius:8px; transition:all 0.4s ease-in-out 0s;}
.careerli:hover{  transition:all 0.4s ease-in-out 0s; cursor:pointer;}
.careerli h3{
  font-family: Roboto;
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.65px;
  color: var(--white);
  margin-bottom:25px;
}
.careerli p{
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--white);
  margin-bottom:26px;
}
.careerli a{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: var(--white);
  text-decoration:none;
}
.careerli a b{ font-size:30px; padding-right:10px; line-height:17px; float:left;}

.bnr5{ width:100%; float:left; position:relative; top:0px; height:245px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #eee, #fff);
} 
.bnr5 img{ width:50px;}
.bnr5inr{ width:100%; float:left; position: relative; top:30px; text-align:center;}
.bnr5btm{width:75%; float:none; margin:auto; text-align:left;}
.bnr5inr h1{
  font-family: Roboto;
  font-size: 28px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: -0.87px;
  color: var(--charcoal-grey);
  margin-bottom:35px;
  display: inline-block;
  width:90%;
  text-align:left;
}
.bnr5inr h1 a{ color: var(--charcoal-grey); text-decoration:none;}
.bnr5inr h1 a img{ width:50px; height:auto; float:left; margin-right:15px;}
.bnr5inr h1 a img.jobdes{ width:auto;}
.bnr5inr h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.12px;
  color: var(--charcoal-grey);
  margin-bottom:10px;
}
.bnr5inr h3{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.65px;
  color: var(--charcoal-grey);
}
.bnr5inr a.btnjb{
  height: 50px;
  border-radius: 4px;
  background:#fa9414;
  font-family: Roboto;
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: -0.65px;
  color: var(--white);
  float:left;
  padding:0 30px;
  text-decoration:none;
}
.bnr5inr a.btnjb:hover{ background:#02C4D9;}
.desjob{ width:100%; float:left; padding:50px 0;}
.desjob h3 {
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.desjob p{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:30px;
}
.desjob ul{ width:100%; float:left; padding:30px 0; list-style:inside disc;}
.desjob ul li{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
}
.desjob a {
    height: 50px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: -0.65px;
    color: #02C4D9;
    display: inline-block;
    padding: 0 1px;
    text-decoration: none;
}
.desjob a:hover{ text-decoration:underline;}
.applybtn{ text-align:center; width:100%; float:left; padding:30px 0;}

.desconfrm{ width:100%; float:left; padding:50px 0;}
.desconfrm h2{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
}
.desconfrm h3{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-top:40px;
}
.desconfrm h4{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-top:40px;
}
.desconfrm img{ width:100%;}
.careerinrs{ width:90%; margin:auto;}
.careerapp{ width:100%; float:left; padding:50px 0;}
.careerapp h3{
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin-bottom:32px;
  float:left;
  width:100%;
}
.careerapp ul{ width:85%; float:left; padding:0 80px; margin-bottom:30px; text-align:center;}
.careerapp ul li{ margin-bottom:24px; width:100%; float:left;}
.careerapp ul li label{ text-align:left;
  width: 132px;
  height: 21px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-right:28px;
  margin-bottom:0px;
  line-height:36px;
  height:36px;
  float:left;
}
.careerapp ul li input[type="file"]{width:45%;  height: 36px; line-height:36px; padding:0 15px; border-radius: 3px;  border: solid 1px #666;  background-color:#fff; float:right;}
.careerapp ul li input[type="text"]{width:76%;  height: 36px; line-height:36px; padding:0 15px; border-radius: 3px;  border: solid 1px #666;  background-color:#fff; float:right;}
.careerapp ul li input[type="email"]{width:76%;  height: 36px; line-height:36px; padding:0 15px; border-radius: 3px;  border: solid 1px #666;  background-color:#fff; float:right;}
.careerapp ul li input[type="number"]{width:76%;  height: 36px; line-height:36px; padding:0 15px; border-radius: 3px;  border: solid 1px #666;  background-color:#fff; float:right;}
.careerapp ul li textarea{width:100%;  height:200px; line-height:36px; padding:0 15px; border-radius: 3px;  border: solid 1px #666;  background-color:#fff; float:right; resize:none;}
.careerapp ul li input[type="submit"]{
  height: 50px;
  border-radius: 4px;
  background:#fa9414;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: -0.65px;
  color: var(--white);
  display:inline-block;
  padding:0 30px;
  text-decoration:none;
  border:0px;
}
.careerapp ul li input[type="submit"]:hover{ background:#02c4d9;}
.input-file-container{ float:right; width:76%; position:relative;} 
.js .input-file-trigger {
  display: block;
  padding: 0px 15px;
  text-align:right;
  height:36px;
  line-height:36px;
  background: #e2dfdf url(../images/iconfil.png) no-repeat left 15px center;
  transition: all .4s;
  border-radius:4px;
  cursor: pointer;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.56px;
  color: #838b92;
  width:45%;
}
.js .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
.js .file-return:not(:empty):before {
  content: "ATTACH RESUME/CV";
  font-style: normal;
  font-weight: normal;
}


.bnr6{ width:100%; float:left; position:relative; top:0px; min-height:410px; overflow:hidden;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #eee, #fff);
} 
.bnr6 img{ width:auto;}
.bnr6inr{ width:100%; float:left; position: relative; top:82px;}
.bnr6btm{width:75%; float:none; margin:auto; text-align:left;}
.bnr6inr h1{
  font-family: Roboto;
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.99px;
  color: var(--charcoal-grey);
  margin-top:60px;
  margin-bottom:20px;
}
.bnr6inr h3{
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.74px;
  color: var(--charcoal-grey);
}
.topbar{ width:100%; float:left; padding:0 30px; border-bottom:2px solid #666; margin-bottom:30px;}
.topbar h6{
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:10px;
}
.biodetail{ width:100%; float:left; padding:50px 0;}
.biodetail p{
  width:85%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.56px;
  color: var(--charcoal-grey);
  margin-bottom:30px;
}
.container4{ margin: auto;}
.container4 ul{ top:0px!important;}
.bnr6btm ul{ float:left; width:100%; margin-top:15px;}
.bnr6btm ul li{ float:left; margin-right:25px;}
.careerli.back-layer {
    flex-basis: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
}
.back-layer {
    flex-basis: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
}
.up-layer {
    background-color: rgb(36, 44, 57);
    margin-bottom: 45px;
    position: relative;
}

.up-layer:hover::before {
    width: 70%;
}

.up-layer::before {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 0px;
    transition: width 0.25s ease-in-out 0s;
	border-radius:7px 0px 0 7px;
}
.careerli.up-layer.back-layer a, .careerli.up-layer.back-layer a b {
    position: relative;
    z-index: 1;
}
.up-layer.back-layer h3, .up-layer.back-layer p {
    position: relative;
    z-index: 1;
}
.orange{
    background-color: rgba(250, 148, 20, 1);
}

.read_back::before {
    background-color: #fa9414;

    bottom: -5px;
    content: "";
    height: calc(100% + 10px);
    left: 0px;
    opacity: 0.3;
    position: absolute;
    top: -5px;
    width: 0px;
    transition: width 0.25s ease-in-out 0s;
	    align-items: flex-start;

}
a.read_back.c_white {
    color: #fff !important;
}
a.read_back.c_white::before {
    background-color: #000 !important;
	}
.read_back:hover::before {
    width: 80%;
}

a.read_back {
    color: rgb(12, 21, 36);
    display: inline-block;
    position: relative;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
}
.read_back {
    color: rgb(12, 21, 36);
    display: inline-block;
    position: relative;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
}



.read_back1::before {
    background-color: #2D3339;

    bottom: -5px;
    content: "";
    height: calc(100% + 10px);
    left: 0px;
    opacity: 0.6;
    position: absolute;
    top: -5px;
    width: 0px;
    transition: width 0.25s ease-in-out 0s;
	    align-items: flex-start;

}

.read_back1:hover::before {
    width: 80%;
}

.read_back1 {
    color: rgb(12, 21, 36);
    display: inline-block;
    position: relative;
    background: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    text-decoration: none;
}
.seltab{ width:100%; float:left; text-align:center; padding-bottom:40px; display:none;}
.seltab ul{
  width: 215px;
  height: 50px;
  overflow:hidden;
  border-radius: 4px;
  background-color: var(--white);
  margin:auto;
  transition:all 0.4s ease-in-out 0s;
}
.seltab ul:hover{ height:140px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.seltab ul li{ margin-top:12px; width:100%; float:left; padding-right:20px;}
.seltab ul li a {
  font-family: Roboto;
  font-size: 24px;
  font-weight:normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: -0.74px;
  text-align: center;
  color: var(--charcoal-grey);
  text-transform:capitalize;
  width:100%; float: left;
  text-decoration:none;
}
.seltab ul li a:hover{ color:#;}
.seltab ul li a.active { cursor:pointer; font-weight:700; text-transform:uppercase; background:url(../images/downar.png) no-repeat right center;}


.float-left1{ float:left;}
.float-right1{ float:right;}






#carouel1 {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 380px;
	margin-left: 10px;
}

.testiinr2 #carouel1 li{
	text-align: center;
	overflow: hidden;
	width: 500px;				
	height: 280px;
	border-radius:7px;
	opacity:1!important;
}
.testiinr4 #carouel1 li{
	text-align: center;
	overflow: hidden;
	width: 500px;				
	height: 343px;
	border-radius:7px;
	opacity:1!important;

}
.testiinr4 #carouel1 .roundabout-in-focus{}
img{
	margin: 0;
	padding: 0;
}

li.roundabout-in-focus, #carouel2 li.roundabout-in-focus {
	cursor: default;
}



#carouel1 .front, #carouel1 .back{
	width:100%;
	height:100%;	
}

#carouel1 .back, #carouel2 .back{
	top: 0px;
	left: 0;
}

.prevArrow{
	cursor: pointer;  
	background: url(../images/prev.png) no-repeat; 
	width: 40px;
	height: 36px;      
	position: absolute;
	top: 175px;	 
	left: -200px;        
	z-index: 1001;
} 
.nextArrow{           
	cursor: pointer;        
	background: url(../images/next.png) no-repeat;
	width: 40px;
	height: 36px;
	position: absolute;
	top: 175px;
	right: -200px;	          
	z-index: 1001;	
}  
.arrow1 .prevArrow{background: url(../images/arow1.png) no-repeat;}
.arrow1 .nextArrow{background: url(../images/arow2.png) no-repeat;}

.testiinr3{ width:63%; margin:auto; display:inline-block;}