/* style start here */


/*.search_icon a:hover i  {

	transform:rotate(360deg);}*/
.topmar1{padding-top: 20px;}

	.logois {
  width: 100%;
  max-width: 140px;
}
.width60 {
  width: 100%;
  max-width: 70px;
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -o-display: flex;
  -ms-display: flex;
}
#bgVideo{width: 68%; height: 100%;}
#MuteButton {
  position: absolute;
 top: 0rem;
  right: 1rem;
  background: rgba(0,0,0,.5);
  border: none;
  color: #fff;
  z-index: 5;
  font-size: 2rem;
  border-radius: 2rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
}



.topmar{margin-top: 0;}
.breadcrumtxt a.active-orange{
	color: #F37920 !important;
}
.iconlistss i{font-size: 35px; line-height: 20px; padding:18px;
border: 1px solid #ffffff;
border-radius: 12px;
margin-bottom: 12px;
cursor: pointer;
}
.soimg1{padding-left: 4px; padding-right: 4px; width: 100%; max-width: 40px;}
.arrow {
  border: solid #ffffff;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
  margin-right: 5px;
}
.breadcrumtxt{
	font-family: 'Whitney';
	font-size:24px;
	line-height: 30px;
	color: #ffffff;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
}
.breadcrumtxt a{
	color: #ffffff !important;
	text-decoration: none !important;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

ul.topform{list-style-type: none; margin: 0; padding: 0;display: flex;
	-webkit-display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex;}
ul.topform li{display: inline-block;
padding-left: 5px; padding-right: 5px;
}
.ctabtn-orange{background: #F37920; border: none;
border-radius: 20px;

font-family: 'Mangal';
font-weight: bold;
color: #ffffff;
font-size: 15px;
line-height: 18px;
padding: 8px 25px 6px;
outline: none !important;
border: 0;
cursor: pointer;
}
.flexbox1-i{
	display: flex;
	-webkit-display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.downloadiconimg{cursor: pointer; width: 100%; max-width: 30px;}
/* sound */
.abssound{position: absolute;
top: -5%;
right: 95%;


}
.lefttxt{text-align: left !important;}
.btntspace{
	position: relative !important;
	margin-top: -30px !important;
}
.downloadiconimg1{cursor: pointer;}
.toptxt h3{
		font-family: 'Libel Suit Rg';
		font-size: 24px;
		line-height:30px;
		font-weight: normal;
		color: #323232;
		padding-bottom: 20px;
}
.customwidthdesk{width: 90%; max-width: 0 auto;}
.abssound1{position: absolute;
top:0;
right: 0;


}
.abssound .sound--wave{border-right: 4px solid #f95624;}
.abssound .fa.siconf{color: #f95624;}
.abssound1 .sound--wave{border-right: 4px solid #003974;}
.abssound1 .fa.siconf{color: #003974;}
.fa.siconf{font-size: 40px; line-height: 60px;}
.sound {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.btnsounf{border: none !important; background: transparent !important; outline: none !important;}
.sound--icon {
  color: #F37920;
  width: 75%;
  height: 100%;
  line-height: 100%;
  font-size: 100px;
  display: block;
  margin: auto;
}
.sound--wave {
  position: absolute;
  border: 4px solid transparent;
  border-right: 4px solid #F37920;
  border-radius: 50%;
  transition: all 200ms;
  margin: auto;
  top: 10px;
  bottom: 0;
  left: 16px;
  right: 0;
}
.sound--wave_one {
  width: 50%;
  height: 50%;
}
.sound--wave_two {
  width: 75%;
  height: 75%;
}
.sound-mute .sound--wave {
  border-radius: 0;
  width: 45%;
  height: 40%;
  border-width: 0 4px 0 0;
}
.sound-mute .sound--wave_one {
  transform: rotate(45deg) translate3d(0, -50%, 0);
}
.sound-mute .sound--wave_two {
  transform: rotate(-45deg) translate3d(0, 50%, 0);
}

/* sound */
.shadowimgabs{position: absolute;
top: -70%;
left: -4%;
right: 0;
z-index: -1;



}
.ldspace{padding-left: 0; padding-right: 0;}
.bggradientbluebg{
background-color: #1b437c;
}
.shadowimgabs1{top: -50% !important;}
.logoimg1-1{padding-top: 20px;}
.lpss{padding-left: 15px;}
.headingtxt{padding-left: 0px;}
.shadowimgabs img{width: 100%; max-width: 500px; margin: 0 auto;}
.bggradientorangebg{/*background-image: url(../images/orangebg.jpg); */
	background-color: #f37920;

/* background-size: cover;
background-position: top center; */

}
.borderlinem{display: none;}
.imgwi{max-width: 100%;}
.arrowabss{position: absolute;
  bottom: -43px;
  left: 3%;
  z-index: 2;
}
.arrowabss1{position: absolute;
bottom: -23px;
left: 3%;
  z-index: 2;
}
.arrowabss2{position: absolute;
bottom: -23px;
left: 27.5%;
  z-index: 2;
}
.arrowabss3{position: absolute;
bottom: -23px;
left: 53%;
  z-index: 2;
}
.arrowabss4{position: absolute;
bottom: -23px;
left: 78%;
  z-index: 2;
}
.arrowabss5{position: absolute;
bottom: -43px;
left: 31px;
  z-index: 2;
}
.arrowabss6{position: absolute;
bottom: -63px;
left: 30px;
  z-index: 2;
}
.arrowabss7{position: absolute;
bottom: -72px;
left: 32px;
  z-index: 2;
}
.arrowabss8{position: absolute;
bottom: -83px;
left: 30px;
  z-index: 2;
}
.arrowabss9{position: absolute;
bottom: -83px;
left: 30px;
  z-index: 2;
}
.flexbox1{
	align-items: center;
	display: flex;
	-webkit-display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex;
}
section, footer, header{width: 100%;}
body, html{overflow-x: hidden;}
.contentbox
{
	max-width: 90%;
}
.contentbox, .indextxt h2{
	font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: #dcd0bc;
	 font-size: 72px;
	 line-height: 20px;
	 margin-top: 5px;
}
.borderline{
	border-bottom: 1px solid #003974;
	padding-bottom:20px;
}
.topspace1{padding-top: 25px;}
.indextxt ul{list-style-type:circle; margin: 0 0; padding: 0;}
.indextxt ul li{align-items: center;
	display: flex;
	-webkit-display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex; padding-top: 9px; padding-bottom: 9px;}
.indextxt ul li a, indextxt ul li a:hover{
	font-family: 'Whitney';
	 font-weight: 100;
	 color: #323232;
	 font-size: 20px;
	 line-height: 22px;
	 margin-bottom: 0;
	 text-decoration: none !important;
	 text-align: left;
	 
}
.bgimgb{
	background-image: url(../images/bgimg.png);
	
	background-size: cover;
}
.posabs1{position: absolute;
top: 0;
right: 15px;
}
.customwidth{width: 100%;}
.posabs2{position: absolute;
top: 20px;
left: 40px;
}
.btnslog1{width: 220px !important; padding-top: 12px !important; padding-bottom: 12px !important; margin-bottom: 30px !important;}
.navtopsp{width: 100%;}
.deskvisible{display: block;}
.lrpadding{padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
.btnslog{background: #003974 !important;
width: 165px;
border-radius: 20px !important;
border: none !important;
padding:7px 5px;
 font-family: 'Whitney';
	 font-weight: 500;
	 color: #ffffff;
	 font-size: 20px !important;
	 line-height: 24px !important;
	 text-transform: uppercase;
	 margin-top: 0;
}

	.mobilevisible{display: none;}


.logoimg{padding-top: 5px; width: 100%; max-width: 300px;}
.logoimg1{padding-top: 10px;}
.topspace{padding-top: 15px;}
.bggradientbluetb{
	 background-image: linear-gradient(#002d49, #004271);
	background-color:#004271;
	height: 100%;
	background-repeat: no-repeat;
}
.bggradientorange{
	background-image: linear-gradient(to right, #ec3919, #f36a0f);
	 background-image: -webkit-linear-gradient(to right, #ec3919, #f36a0f);
	 background-image: -moz-linear-gradient(to right, #ec3919, #f36a0f);
	 background-image: -o-linear-gradient(to right, #ec3919, #f36a0f);
	 background-image: -ms-linear-gradient(to right, #ec3919, #f36a0f);
/* background-image: linear-gradient(
  85deg,
  hsl(6deg 100% 49%) 0%,
  hsl(14deg 100% 50%) 31%,
  hsl(20deg 100% 50%) 61%,
  hsl(22deg 100% 50%) 78%,
  hsl(23deg 100% 50%) 91%,
  hsl(24deg 100% 50%) 100%
); */
 
	height: 100%;

}
.contentbox{padding-top: 0; padding-bottom: 0;}
.contentbox h1{
	 font-family: 'Libel Suit Rg';
	font-size: 50px;
	line-height: 60px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 0;

}
.contentbox p{
	font-family: 'Whitney';
	font-size: 19px;
	line-height: 22px;
	color: #ffffff;
	text-align: justify;
	 font-weight: 100;
	 padding-bottom: 0;
}
/* style end here */

/* Media query start here */
@media only screen and (max-width: 1200px){
	.contentbox{padding-bottom: 20px;}
	.contentbox h1{padding-top: 20px;}
	.downloadiconimg{width: 40px;}
	.ctabtn-orange{font-size: 16px; line-height: 19px; padding-left: 20px; padding-right: 20px;}
	/*.logois{width: 100%; max-width: 200px;}*/
	.btntspace{
	position: relative !important;
	margin-top: -20px !important;
}
	.logoimg1-1{width: 100%; max-width: 300px;}
	.contentbox, .indextxt h2{font-size: 58px; line-height: 15px;}
	.arrowabss1{left:3.5%;}
	.arrowabss2{left:28%;}
	.arrowabss3{left:53.5%;}
	.arrowabss4{left:78%;}
.contentbox{max-width: 90% !important;}
	/*.logoimg{width: 100%; max-width: 380px;}*/
	.logoimg1{width: 100%; max-width: 360px;}
}
@media only screen and (max-width: 992px){
	#bgVideo
{
  width: 100%;
  height: 100%;
}
		#MuteButton{top: -3rem;}
	.sticky-icon{width: 50px;}
	.sticky-icon img{width: 45px;}
	.sticky-icon {top: 25%;}
	.iconlistss i{font-size: 35px; line-height: 20px; padding:15px;

}
	.soimg1{width: 45px;}
		.logois{width: 100%; max-width: 120px;}
		.ctabtn-orange{font-size: 14px; line-height: 18px; padding-left: 15px; padding-right: 15px;}
		.toptxt h3{font-size: 20px; line-height: 24px; padding-bottom: 10px;}
	.logoimg1-1{width: 100%; max-width: 250px;}
	.shadowimgabs img{width: 100%; max-width: 400px; margin: 0 auto;}
.downloadiconimg {width: 35px;}

	.indextxt ul li{padding-top: 7px; padding-bottom: 7px;}
.indextxt ul li a, indextxt ul li a:hover{font-size: 16px; line-height:19px;}
.contentbox, .indextxt h2{font-size: 52px; line-height: 15px;}

	.logoimg{width: 100%; max-width: 300px;}
	.logoimg1{width: 100%; max-width: 250px; padding-top: 10px;}
.contentbox{max-width: 90% !important;}
.contentbox h1{font-size: 50px; line-height: 60px; padding-top: 25px;}
.contentbox p{font-size: 20px; line-height: 25px;}
.breadcrumtxt
{

  font-size: 20px;
  line-height: 28px;

}
}

@media only screen and (max-width: 767px){
		.topmar1{padding-top: 10px;}
	#bgVideo
{
  width: 95%;
  height: 100%;
}
	.logoimg{padding-top: 20px;}
		#MuteButton{top: -2rem;}
		.sticky-icon {top: 30%;}
		.iconlistss i{font-size: 30px; line-height: 15px; padding:12px;

}
	.soimg1{width: 40px;}
	.breadcrumtxt{font-size: 20px; line-height: 28px; padding-bottom: 30px;}
	.ctabtn-orange{font-size: 12px; line-height: 15px; padding-left: 12px; padding-right: 12px;}
	.tpssnew{padding-top: 10px !important;}
	.lefttxt{text-align: right !important; margin-top: 10px; padding-right: 0;}

	.btntspace{
	position: relative !important;
	margin-top: 0 !important;
}
	.toptxt h3{font-size: 20px; line-height: 24px; padding-bottom: 10px;}
.topspace {
  padding-top: 20px;
  padding-bottom: 20px;
}
	.imgwi{margin-top: 20px !important;}
	.abssound1{top: 6%; right: 85%;}
	.abssound .sound-mute .sound--wave {
 
  width: 41%;
  height: 38%;

}
	.abssound .sound--wave{top: 3px; left: 14px;}
	.abssound .sound--wave_one {
  width: 34%;
  height: 35%;
}
.abssound .sound--wave_two {
  width: 67%;
  height: 67%;
}
	.abssound .fa.siconf{font-size: 30px; line-height: 50px;}
.abssound{
top:-5%;
right:95%;


}
	.contentbox{padding-bottom: 5px; padding-top:0;}
	.logoimg1-1{width: 100%; max-width: 250px; padding-top: 10px;}
	.bggradientorangebg{/*background-image: url(../images/moborangebg.jpg);
	background-color: #ec2e27;
background-repeat: no-repeat;
background-size: cover;
background-position: top center; */

}
.shadowimgabs{top: -50%;}
.shadowimgabs1{top: -40% !important;}
	.imgwi{max-width: 100%; margin-top: 0;}
	.contentbox h1{padding-top: 10px;}
	.arrowabss2{display: none;}
   .arrowabss4{display: none;}
   .arrowabss1{left: 5%;}
   .arrowabss3{left:55%;}
	.borderlinem{display: block;}
	.rtspace{padding-top: 20px;}
	.contentbox, .indextxt h2{font-size: 50px; line-height: 15px;}
	.lpp{padding-left: 0;}
	.indextxt ul li a, indextxt ul li a:hover{padding-left: 6px;}
	.borderlinem{border-bottom: 1px solid #003974;
padding-bottom: 25px; width: 100%;align-items: center;
	display: flex;
	-webkit-display: flex;
	-o-display: flex;
	-ms-display: flex;
	-moz-display: flex;}
.borderline{
padding-bottom: 20px;}
.topspace2{padding-top: 20px;}
	.posabs2 {
  left: 30px;
  top: 15px;
  
}
	
	.bggradientorange{
	 background-image: linear-gradient(#ff4200, #ff1500);
	 background-image: -o-linear-gradient(#ff6600, #ff1500);
	 background-image: -ms-linear-gradient(#ff6600, #ff1500);
	 background-image: -moz-linear-gradient(#ff6600, #ff1500);
	 background-image: -webkit-linear-gradient(#ff6600, #ff1e00);
	 background-color:#ff1e00;
	 background-repeat: no-repeat;
}
	.btnslog1{width: 180px !important; padding-top: 12px !important; padding-bottom: 12px !important;}

	.logoimg1{width: 100%; max-width: 280px; padding-top: 20px;}
	.lpm{padding-left: 0 !important;}
	.rpm{padding-right: 0;}
	.btnslog {width: 150px; font-size:18px !important;
	 line-height: 22px !important; padding: 10px 5px !important;}
	
	.btnslog{margin-top: 10px;}
	.lrpadding{padding-left: 0; padding-right: 0; padding-bottom: 20px;}
	.mobilevisible{display: block;}

	.deskvisible{display: none;}
	.logoimg{width: 100%; max-width: 300px;}
}
@media only screen and (max-width:600px){
	.contentbox h1
{
    font-size:45px;
    line-height: 55px;
    
  }
  .contentbox p{font-size: 18px; line-height: 22px;}

	.tpssnew{padding-top:5px !important;}
		.toptxt h3{font-size: 18px; line-height:24px; padding-bottom:5px;}
		.abssound{
top:-5%;
right:90%;


}
			.abssound1{top: 0; right:90%;}
	.imgwi {
  max-width: 100%;
  margin-top: 0;
}
	.logoimg1-1{width: 100%; max-width: 210px; padding-top: 6px;}
}

@media only screen and (max-width: 480px){
	.fa.siconf{font-size: 30px; line-height: 34px;}
	.sound-mute .sound--wave{width: 37%;
  height: 30%;}
  .sound--wave{top: 15px;}
  .sound--wave_one
{
  width: 37%;
  height: 37%;
}
.sound--wave_two
{
  width: 65%;
  height: 65%;
}
	#MuteButton{top: -3rem;}
	.sticky-icon{width: 40px;}
	.sticky-icon img{width: 35px;}
			.sticky-icon {top: 25%;}
	.soimg1{width: 33px; padding-left: 2px; padding-right: 2px;}
	.breadcrumtxt{font-size:18px; line-height: 22px; padding-bottom: 40px;}
	.arrow{border-width: 0 3px 3px 0; padding: 4px;}
	.downloadiconimg {
  width: 26px;
}
	ul.topform li{padding-left: 2px; padding-right: 2px;}
	.logois {
  width: 100%;
  max-width: 100px;
}
	.downloadiconimg {
  width: 30px;
}
	.ctabtn-orange{font-size: 10px; line-height: 13px; padding:8px 10px 6px;}
	.toptxt h3{font-size: 17px; line-height: 24px;}
	.topspace {

  padding-bottom: 10px;
}
	.abssound{
top:-5%;
right:80%;


}
		.abssound1{top: 0; right: 80%;}
		.logoimg1-1{width: 100%; max-width: 160px; padding-top: 5px;}
	 .lpss{padding-top: 10px;}

	.lpss1{padding-left: 0;}
	.shadowimgabs{top: -60%;}
		.contentbox h1{padding-top: 8px;}
.rtspace{padding-top: 10px;}
.arrowabss1{left: 5%;}
   .arrowabss3{left:54%;}
	.indextxt ul li a, indextxt ul li a:hover{padding-left: 6px;font-size: 15px;
line-height: 18px;}
	.lpp{padding-left:10px;}
	.posabs2 {
  left: 30px;
  top: 10px;
  
}
	.downloadiconimg1{width: 25px;}
		.btnslog1{width: 160px !important; padding-top: 12px !important; padding-bottom: 12px !important;}

	.logoimg1{width: 100%; max-width: 220px;}
	.btnslog {
  width: 110px;
  font-size: 15px !important;
  line-height: 18px !important;
  padding: 10px 5px !important;
}
	.logoimg{width: 100%; max-width: 250px;}
	.contentbox h1{font-size: 40px; line-height: 50px;}
.contentbox p{font-size: 14px; line-height: 18px;}
.lrpp{padding-left: 5px; padding-right: 5px;}
}

@media only screen and (max-width: 360px){
		.soimg1{width: 30px; padding-left: 2px; padding-right: 2px;}
		.breadcrumtxt{ padding-bottom: 40px; font-size: 16px; line-height: 19px;}
	.rpss{padding-right: 1px;}
	.downloadiconimg {
  width: 22px;
}
	ul.topform li{padding-left: 1px; padding-right:1px;}
	.logois {
  width: 100%;
  max-width: 70px;
}
	.downloadiconimg {
  width: 26px;
}
	.ctabtn-orange{font-size: 10px; line-height: 13px; padding:8px 10px 6px;}
		.toptxt h3{font-size: 16px; line-height: 23px;}
	.abssound1 .sound-mute .sound--wave {
 
  width: 45%;
  height: 41%;

}
	.abssound1 .sound--wave{top: -4px; left: 14px;}
	.abssound1 .sound--wave_one {
  width: 40%;
  height: 41%;
}
.abssound1 .sound--wave_two {
  width: 68%;
  height: 68%;
}
	.abssound1 .fa.siconf{font-size: 35px; line-height: 45px;}
	.logoimg1-1{width: 100%; max-width: 140px; padding-top: 3px;}
	.downloadiconimg{width: 23px;}
	.contentbox, .indextxt h2 {
  font-size: 46px;
  line-height: 15px;
}
.indextxt ul li{padding-top: 5px; padding-bottom: 5px;}

	.indextxt ul li a, indextxt ul li a:hover{padding-left: 6px;font-size: 14px;
line-height: 19px;}
	.posabs2 {
  left: 30px;
  top: 8px;
  
}

	.downloadiconimg1{width: 20px;}
	.logoimg1{width: 100%; max-width: 180px; padding-top:6px;}
	.btnslog {width: 110px; font-size:14px !important;
	 line-height: 18px !important; padding: 8px 5px !important;}
		.logoimg{width: 100%; max-width: 250px;}
}
/* Media query end here */


