@import url('../fonts/fonts.css');
/*font-family: 'OpenSans';*/
/*font-family: 'OpenSans-Semibold';*/
/*font-family: 'OpenSans-Bold';*/
::-webkit-scrollbar{width:8px;height:8px;background:#000000;}
::-webkit-scrollbar-track{border-radius:0px}
::-webkit-scrollbar-thumb{border-radius:0px;background-color:#888888}
::-webkit-scrollbar-thumb:hover{background-color:#26709f}
::-moz-selection{color:#ffffff;background:#188738;}
::selection{color:#ffffff;background:#188738;}
html,body{
	overflow-x: hidden;
}
body {
	font-family: 'OpenSans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-shadow: none;
	position: relative;
	min-height: 100vh;
}
.icon{
	stroke: unset;
	stroke-width: 0px;
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
	vertical-align: -0.12em;
	transform-origin: center;
}
.container{width: 100%; max-width: 1300px;}
header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
header:before{
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	transition: 300ms;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
.active-menu header:before{
	visibility: visible;
	opacity: 1;
} 
.logo-box{
	top: 15px;
	left: 15px;
	position: absolute;
}
.logo-box img{
	width: 100%;
	max-width: 200px;
}
.header-search{
	position: absolute;
	top: 22px;
	right: 180px;
}
.header-search input{
	width: 200px;
	height: 34px;
	border: none;
	padding-right: 30px;
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255);
	outline: none;
	color: #fff;
}
.header-search input::placeholder{
	color: rgba(255,255,255,0.5);
}
.header-search input:focus{
	border-bottom: 1px solid rgba(255,255,255,1);
}
.header-search svg.icon{
 	color: rgba(255,255,255);
 	font-size: 18px;
 	position: absolute;
 	right: 0;
 	bottom: 7px;
 	pointer-events: none;
}


.menu-bars{
	position: absolute;
	display: flex;
	right: 0;
	top: 15px;
	cursor: pointer;
	align-items: center;
	z-index: 13;
}
.menu-bars strong{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
}
.active-menu .menu-bars strong{
	visibility: hidden;
}
.menu-bars span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 48px;
	background-color: #4b5e67;
	color: #fff;
	font-size: 20px;
	margin-left: 10px;
	z-index: 10;
}
.menu-bars span svg:nth-child(2){
	display: none;
}
.navigation{
	top: 15px;
	right: -400px;
	position: absolute;
	width: 340px;
	z-index: 3;
	background-color: #323b44;
	box-shadow: -3px 4px 8px #111;
	transition: 300ms;
}
.active-menu .navigation{
	right: 0
}
.navigation ul{
	list-style-type: none;
	padding: 48px 0 0 0
}
.navigation ul li{
	position: relative;
}
.navigation ul a{
	display: block;
	padding: 12px 24px 11px 15px;
	color: #f5f5f5;
	font-size: 16px;
	text-transform: uppercase;
	text-align: right;
	position: relative;
	transition: 300ms;
}
.navigation ul a:before{
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 24px);
	height: 1px;
	background-color: #666c72;
	left: 0;
	bottom: 0;
}
.navigation ul a:hover{
	background-color: #f5f5f5;
	color: #dc3545;
	text-decoration: blink;
}
.navigation ul li a:hover:before,
.navigation ul li:last-child a:before{
	display: none;
}
.submenu{
	background-color: #fff;
	position: absolute;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	top: -50%;
	right: 100%;
	width: 260px;
	margin-top: -15px;
	transition: 300ms;
	transform: scale(0);
	transform-origin: right;
}
.navigation ul li:hover .submenu{
	transform: scale(1);
}
.navigation ul.submenu a{
	color: #dc3545;
}
.navigation ul.submenu a:before,
.navigation ul.submenu1 a:hover:before{
	display: block;
	background-color: #ddd;
}
.navigation ul.submenu a:hover{
	background-color: #ddd;
}
.caret{
	position: absolute;
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
  border-left: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  transform: rotate(45deg);
}
.navigation ul a:hover .caret{
  border-left: 2px solid #0690c3;
  border-bottom: 2px solid #0690c3;
}
.active-menu .menu-bars span svg:nth-child(1){
	display: none;
}
.active-menu .menu-bars span svg:nth-child(2){
	display: block;
}
.active-menu .menu-bars span{
	background-color: #ed1c24;
}
.active-menu .menu-bars:hover span{
	color: #6c757d;
}
.carousel-row{
	position: relative;
	min-height: 100vh;
	background-color: #ed1c2496;
	display: flex;
	align-items: center;
	box-shadow: 0 3px 6px #bababa;
}

.hero-section{
	position: relative;
	min-height: 400px;
	background-color: #ed1c24;
	display: flex;
	align-items: flex-end;
	box-shadow: 0 3px 6px #bababa;
}
.hero-60per, .carousel-60per{
	width: 60%;
	min-height: inherit;
	position: relative;
}
.hero-60per img, .carousel-60per img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: left;
}
.hero-40per, .carousel-40per{
	width: 40%;
	padding: 15px 15px 15px 20px;
}
.carousel-40per{
	position: relative;
	padding: 40px 25px 15px 60px;
}
.carousel-40per h1{
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 46px;
	line-height: 46px;
	color: #fff;
}
.hero-40per h2, .carousel-40per h2{
	font-family: 'OpenSans-Extrabold', Arial, sans-serif;
	font-size: 50px;
	line-height: 50px;
	color: #fff;
}
.carousel-40per h2{
	font-family: 'OpenSans-Bold', Arial, sans-serif;
	font-size: 46px;
	line-height: 46px;
}
.carousel-40per h3{
	width: 60px;
	height: 300px;
	font-size: 16px;
	text-transform: uppercase;
	background: #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -150px;
	left: -30px;
	white-space: nowrap;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.10);
}
.carousel-40per h3 span{
	position: absolute;
  top: 220px;
  left: 0;
  word-spacing: 5px;
	white-space: nowrap;
	display: block;
	transform-origin: 30px;
  transform: rotate(-90deg);
}
.carousel-indicators-dots{
	position: absolute;
	right: 15px;
	display: block;
	top: 44%;
	left: auto;
	margin-left: 0;
	margin-right: 0;
}
.carousel-indicators-dots li{
	width: 5px;
	height: 5px;
	opacity: 1;
	background: #ffffff;
	border: 1px solid #fff;
	margin: 15px 0;
	border-radius: 50%;
	transition: 500ms;
}
.carousel-indicators-dots li.active{
	background: transparent;
	transform: scale(1.8);
}


.hero-links, .carousel-links{
	font-family: 'OpenSans-Bold', Arial, sans-serif;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 8px 0 40px 0;
}
.carousel-links{
	font-family: 'OpenSans', Arial, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
}
.hero-links a, .carousel-links a{
	color: #fff;
}
.carousel-links strong{
	font-size: 20px;
	display: inline-block;
	margin-right: 8px;
}

.common-heading{
	font-family: 'OpenSans-Extrabold', Arial, sans-serif;
	font-size: 38px;
}
.common-heading2{
	font-family: 'OpenSans-Bold', Arial, sans-serif;
	font-size: 42px;
	position: relative;
	padding-bottom: 20px;
}
.common-heading2:before{
	content: '';
	position: absolute;
	width: 80px;
	height: 7px;
	background-color: #545b62;
	left: 50%;
	margin-left: -40px;
	bottom: 0px;
}

.register-bg{
	position: relative;
	min-height: 100%;
}
.register-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	left: 0;
	top: 0;
	position: absolute;
}
@media(max-width: 768px){
	.register-bg img{position: relative;}
}

.radio-group input{position: absolute; opacity: 0; visibility: hidden;}
.radio-group span{
	position: relative;
	width: 50px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	display: block;
	background-color: #f1f1f1;
	background-image: linear-gradient(to right, #f1f1f1, #d2d3de);
	box-shadow: 0 1px 2px #bababa;
	color: #26709f;
	cursor: pointer;
	transition: 300ms;
}
.radio-group input:checked ~ span{
	background-color: #26709f;
	background-image: linear-gradient(to right, #26709f, #26709f);
	box-shadow: 0 1px 2px #999;
	color: #fff;
}

.custom-checkbox{
	position: relative;
	display: inline-flex;
}
.custom-checkbox input{
	position: absolute;
	left: 0;
	opacity: 0;
}
.tick-checkbox{
	position: relative;
	width: 50px;
	height: 25px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background-color: #f1f1f1;
	background-image: linear-gradient(to right, #f1f1f1, #d2d3de);
	box-shadow: 0 1px 2px #bababa;
	color: #26709f;
	cursor: pointer;
	transition: 300ms;
}
.tick-checkbox:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -6px;
	width: 16px;
	height: 8px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-40deg) scale(0);
	transition: 300ms;
}
.custom-checkbox input:checked ~ .tick-checkbox{
	background-color: #26709f;
	background-image: linear-gradient(to right, #26709f, #26709f);
	box-shadow: 0 1px 2px #999;
}
.custom-checkbox input:checked ~ .tick-checkbox:before{
	transform: rotate(-40deg) scale(1);
}
.play-icon{
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	border: 4px solid #1592c5;
	border-radius: 50%;
	margin-right: 8px;
	position: relative;
}
.play-icon:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -2px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #1592c5;
}

.benefits-section{
	background: #fff url('../images/world-map.png');
	background-repeat: no-repeat;
	background-position: center;
	padding: 60px 0;
}
.benefit-box{
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
}
.benefit-box p{
	width: 100%;
	max-width: 150px;
	display: inline-block;
	margin-bottom: 0;
}
.benefit-image{
	width: 100%;
	max-width: 200px;
}

/*About Us */
.about-heading{
	font-family: 'OpenSans-Extrabold';
	font-size: 48px;
}
.about-para p{
	color:#58595b;
	font-family:'OpenSans-Semibold';
	text-align:justify;
	}
	
.about-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	left: 0;
	top: 0;
	border-radius:8px;
	-moz-box-shadow: 10px 10px 5px #000;
-webkit-box-shadow: 10px 10px 5px #000;
box-shadow: 3px 3px 8px #000;
}	



/*S - Brands on board*/
.brands-logos{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 200px;
	height: 270px;
	background-color: #fff;
	border-radius: 35px;
	box-shadow: 0 5px 10px #999;
	padding: 20px 10px;
	margin: 80px auto;
	position: relative;
	transition: 350ms;
	opacity: 0.4;
}
.brands-logos:before{
	content: '';
	width: 20px;
	height: 30px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -10px;
	transform: rotate(-25deg) skewY(-45deg);
	opacity: 0;
	box-shadow: -5px 5px 8px #999;
	transition: 500ms;
}
.brands-logos:after{
	content: '';
	position: absolute;
	width: 30px;
	height: 36px;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background-color: #fff;
	z-index: 0;
}
.center .brands-logos:before{
	bottom: -10px;
	opacity: 1;
}
.brands-logos img{
	z-index: 3;
	width: auto;
	max-width: 80%;
	max-height: 80%;
} 
.owl-item.center{z-index: 2;}
.owl-item.center .brands-logos{
	opacity: 1;
	transform: scale(1.2) translateY(-30px);
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-dots{
	display: block;
	text-align: center;
	margin-top: -30px;
	z-index: 10;
	position: relative;
	width: 100%;
	clear: both;
	float: none;
}
.owl-carousel .owl-dots .owl-dot{
	width: 10px;
	height: 10px;
  margin: 5px 7px;
  border: 2px solid #186799;
  background-color: #186799;
  border-radius: 50px;
  outline: none;
  transition: 400ms;
}
.owl-carousel .owl-dots .owl-dot.active{
	border: 2px solid #186799;
	transform: scale(1.3);
	background-color: #ffffff;
}
@media(max-width: 575px){
	.brands-logos{
		height: 160px;
		border-radius: 20px;
	}
	.brands-logos img{
		max-width: 90%;	
	}
}
/*End*/

/*Our member*/
.input-gradient{
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	border: none;
	border-radius: 0px;
	background-color: #f1f1f1;
  background-image: linear-gradient(to bottom, #e2e3e3, #f6f6f7);
  box-shadow: 0 3px 6px #bababa;
  outline: none;
  display: block;
  width: 100%;
  height: 48px;
  padding-left: 1rem;
  padding-right: 1rem;
  text-transform: uppercase;
  color: #36a1d9;
  font-size: 18px;
  transition: 350ms;
}
.input-gradient:focus{
	background-image: linear-gradient(to bottom, #f6f6f7, #e2e3e3);
}
.popover{
	background-color: #37a0d8;
	background-image: linear-gradient(to right, #0a77be, #37a0d8);
	border: none;
	box-shadow: 0 3px 9px #888;
	border-radius: 10px;
	padding: 10px;
}
.popover-body{
	color: #fff;
}
.bs-popover-top .arrow:after {
  border-top-color: #0a77be;
}
.bs-popover-bottom .arrow:after {
  border-bottom-color: #0a77be;
}
/*End*/
.enabling-section{
	background: url('../images/enabling-watermark.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	padding: 85px 0;
}

.brochure-section{
	background: url('../images/download-brochure-bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	padding: 156px 0;
}





.l{box-shadow: inset 0 0 0 1px red}
.text-theme{color: #dc3545;}
.text-theme2{color: #1592c5}
.text-theme3{color: #545b62;}
.text-gray{color: #59585b}
.font-semibold{font-family: 'OpenSans-Semibold', Arial, sans-serif;}
.font-bold{font-family: 'OpenSans-Bold', Arial, sans-serif;}
.font-18{font-size:18px}.font-19{font-size:19px}.font-20{font-size:20px}
.font-21{font-size:21px}.font-22{font-size:22px}.font-23{font-size:23px}
.font-38{font-size:38px}.font-40{font-size:40px}.font-42{font-size:42px}
.wmax-120{max-width:120px}.wmax-130{max-width:130px}
.op-right{object-position: right!important;}
.bg-gray-gradient{
	background-color: #f1f1f1;
  background-image: linear-gradient(to top left, #f1f1f1, #d0d0db);
}
.rounded-10{border-radius:10px}.rounded-15{border-radius:15px}.rounded-20{border-radius:20px}
.shadow-md{box-shadow: 2px 3.5px 6px #bababa;}
.btn-primary-gradient{
	border-color: #26709f;
	background-image: linear-gradient(to right, #26709f, #1592c5, #26709f);
}
.btn-primary-gradient:hover{
	border-color: #1592c5;
	background-image: linear-gradient(to right, #1592c5, #26709f, #1592c5);
}

/*Start | Footer*/
.go-to-top{
	position: fixed;
	width: 44px;
	height: 44px;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
	border-radius: 50px;
	background: #545b62;
	cursor:pointer;
	text-align: center;
	font-size: 20px;
	line-height: 42px;
	color: #fff;
	transition: 250ms;
	display: block;
	transform: scale(0);
}
.go-to-top svg.icon{transform: rotate(-90deg);}
.go-to-top:hover{background: #ed1c24;}
.go-to-top.active{transform: scale(1);}
footer{
	border-top: 1px solid #eee;
	background-color: #fbfbfb;
}
footer h5{
	font-family: "OpenSans-Semibold", Arial, sans-serif;
	margin-top: 55px;
	margin-bottom: 14px;
	color: #ed1c24;
}
.footer-para{
	color: #666;
	font-size: 15px;
}
.footer-para a{
	font-family: "OpenSans-Semibold", Arial, sans-serif;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #555;
	transition: 350ms;
	margin-top: 5px;
	max-width: 95px;
}
.footer-para a:hover{color: #ed1c24; border-bottom: 1px solid #ed1c24;}
footer address a{
	display: inline-block;
	position: relative;
	padding-left: 30px;
	color: #666;
	font-size: 15px;
	margin-bottom: 10px;
	transition: 350ms;
}
footer address a:hover{
	text-decoration: none;
	color: #ed1c24;
}
footer address a svg.icon{
	font-size: 19px;
	font-size: ;
	position: absolute;
	left: 0;
	top: 4px;
}
footer ul {
    padding: 0;
    list-style-type: circle;
}
footer ul a{
	display: inline-block;
	margin: 0px 0 5px 0;
	text-decoration: none;
	color: #666;
	font-size: 15px;
	transition: 350ms;
}
footer ul a:hover{
	text-decoration: none;
	color: #ed1c24;
}
.footer-social a{
	font-size: 32px;
	text-decoration: none;
	color: #666;
	transition: 350ms;
}
.footer-social a:hover{color:#ed1c24; text-decoration:none;}
.copyrights{
	padding: 25px 15px;
	margin: 40px 0 0 0;
	background-color: #dddddd;
	text-align: center;
	font-size: 15px;
	color: #666;
}
.copyrights a{
	font-family: "OpenSans-Bold", Arial, sans-serif;
	color: #666; text-decoration: none;transition: 350ms;
}
.copyrights a:hover{color: #ed1c24;}
/*End*/



@media(min-width: 575px){
	.font-sm-17{font-size: 17px}
	.font-sm-18{font-size: 18px}
	.line-height-sm-24{line-height: 24px;}
}

@media(min-width: 1140px){
	.container-1140{
		max-width: 1140px;
	}
}
@media(max-width: 991px){
	.header-search input{
		padding-left: 10px;
		background: rgba(6,144,196,0.75);
	}
	.carousel-40per{
		padding: 70px 15px 15px 40px;
	}
	.carousel-40per h1, .carousel-40per h2{
		font-size: 32px;
		line-height: 32px;
	}
	.carousel-40per h3{
		width: 40px;
		height: 260px;
		margin-top: -120px;
		left: -20px;
		font-size: 14px;
	}
	.carousel-40per h3 span{
	  top: 200px;
		transform-origin: 20px;
	}
	.carousel-indicators-dots{
		right: 15px;
		top: auto;
		bottom: 10px;
		margin-bottom: 0;
	}
	.carousel-indicators-dots li{
		display: inline-block;
		margin: 0 0 0 10px;
	}
}

@media(max-width: 767px){
	footer{padding-top: 20px;}
	footer h5{margin-top: 20px;}
	footer ul li{
		display: inline-block;
		margin-right: 20px;
	}
	footer ul a{margin: 0px 0 1px 0;}
}

@media(max-width: 640px){
	.header-search{
		right: 80px;
	}
	.header-search input{
		width: 40px;
		height: 38px;
		transition: 300ms;
		background: rgba(6,144,196,0.95);
	}
	.header-search input:focus{
		width: 225px;
	}
	.header-search svg.icon{
		right: 10px;
    bottom: 10px;
	}
	.menu-bars strong{
		display: none;
	}
	.navigation{
		width: 220px;
	}
	.navigation ul a{
		font-size: 15px;
		padding: 14px 24px 13px 15px;
	}
	.submenu{
		width: 220px;
	}
	.hero-40per h2 {
    font-size: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .hero-links{
  	font-size: 12px;
    padding: 5px 0 10px 0;
  }
}

@media(max-width: 575px){
	.hero-section {
    min-height: 250px;
  }
	.carousel-40per{
		padding: 70px 10px 10px 30px;
	}
	.carousel-40per h1, .carousel-40per h2{
		font-size: 17px;
		line-height: 22px;
		padding: 14px;
	}
	.carousel-links strong{
		font-size: 16px;
		margin-right: 1px;
	}
	.hero-40per, .carousel-40per {
    padding: 30px 10px 10px 10px;
	}
	.common-heading2{
    font-size: 32px;
  }
  .op-mobile-center{object-position: center!important;}
  .op-mobile-right{object-position: right!important;}
}

@media(max-width: 460px){
	.logo-box {
    top: 23px;
  }
	.logo-box img {
    max-width: 120px;
	}
	.caret{
		margin-top: -8px;
  	transform: rotate(-45deg);
	}
	.submenu {
    top: 50px;
    right: 0%;
    margin-top: 0px;
    transform: scale(0);
    transform-origin: top;
    z-index: 2;
	}
}
@media(max-width: 380px){
	.hero-40per h2 {
    font-size: 20px;
	}
	.hero-links {
    font-size: 10px;
  }
}

/*NEw CSS*/
.media h5{font-size: 24px;
	color: #1592c5;
	font-weight: 900;
}

.media ul li{

	font-weight: 600;
	color: #414042;
	font-style: italic;
	margin-left: -18px;
}

.brochure-text{
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.contact-bg{background: #545b62;}

.contact h3{color:#326195;}
.send-msg h3{color:#fff;font-weight: 600;}
.detail-set h5{color:#fff;font-weight: 600;font-size: 18px;}
.detail-set p{color: #fff;}

.carousel-caption{
position: absolute;
    right: 15%;
    bottom: 20px;
    left: 38%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
	border-radius:10px;
    text-align: center;
    background: rgba(0,0,0,.5);
    max-width: 25%;
}

.carousel-caption h5{

	font-size: 28px !important;
    text-transform: uppercase;
    font-weight: 700;
	
}

.btn-primary {
    color: #fff;
    background-color: #dc3545;
    /* border-color: #dc3545; */
}
.about-para span{color:#ed1c24;font-weight:600;}