@import url("https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

*,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "K2D", sans-serif;
	color: #202f40;
	font-weight: 700;
}

body {
	margin: 0;

	padding: 0;

	font:
		400 17px/24px "K2D",
		sans-serif;

	color: #202f40;

	background: #e0e6e8;
}

@media only screen and (max-width: 479px) {
	body {
		 
		font:400 16px/22px "K2D", sans-serif;
	 
	}
}



.mt-0 {
	margin-top: 0 !important;
}

.transEff {
	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;
}

.container {
	max-width: 1240px;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;
}

.container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}

.display-3 {
	font-size: 20px;

	line-height: 30px;

	color: #202f40;

	font-weight: 600;
	font-family: "K2D", sans-serif;
}

.display-3:after {
	position: static;

	width: 90px;

	height: 3px;

	content: "";

	background: #202f40;

	margin-top: 5px;

	display: block;
}

.secondTxt {
	font-size: 16px;

	font-weight: 300;

	line-height: 26px;

	padding: 0 15%;
}

.btn1 {
	height: 42px;

	line-height: 42px;

	border-radius: 14px;

	padding: 0 30px;

	font-family: "K2D", sans-serif;

	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.btn2 {
	height: 50px;
	font-family: "K2D", sans-serif;

	line-height: 50px;

	border-radius: 16px;

	padding: 0 45px;

	border: 0;
	font-weight: 700;

	font-size: 18px;
	text-transform: uppercase;
}

@media screen and (max-width: 991px) {
	.btn2{font-size: 16px;}
	.btn1{font-size: 14px;}
}


.btn-warning {
	background: #f86048 !important;

	color: #fff !important;

	border: 0 !important;

	box-shadow: none !important;
}

.btn-warning:hover {
	background: #f86048 !important;
}

.btn-success {
	background: #82cb19 !important;

	color: #fff !important;

	border: 0 !important;

	box-shadow: none !important;
}

.btn-success:hover {
	background: #82cb19 !important;
}

.text-warning {
	color: #e03f15 !important;
}

.text-light {
	color: #fff !important;
}

.btn-link {
	color: #202f40;
	font-size: 18px;
	font-weight: 300;
	font-family: "K2D", sans-serif;
	text-decoration: underline;
}

.btn-link:hover,
.btn-link:focus {
	color: #202f40;
	text-decoration: none;
}

.sbtn {
	width: 50px;

	height: 50px;

	background: #273456;

	text-align: center;

	font-size: 20px;

	color: #fff;

	padding: 14px 0;

	display: inline-block;
}

.form-control {
	height: 66px;

	box-shadow: none;

	border-radius: 16px;

	font-size: 18px;
	border: 2px solid #202f40;

	color: #202f40;
	font-family: "K2D", sans-serif;
}

.form-control:focus {
	box-shadow: none !important;

	color: #f86048;
	border: 2px solid #f86048;
}

label {
	font-size: 18px;
	font-weight: 600;
}

select {
	height: 66px !important;
}

.form-group {
	margin-bottom: 30px;
}

.commanTitle {
	font-size: 50px;
	line-height: 60px;
	font-weight: 800;
}

.commanTitle span {
	display: block;
	font-size: 40px;
	font-weight: 200;
	line-height: 50px;
}

#back-top {
	position: fixed;

	bottom: 15px;

	right: 15px;

	z-index: 9;

	display: block;
}

#back-top .btn-warning {
	display: inline-block;

	overflow: hidden;

	padding: 20px 0;

	line-height: inherit !important;

	color: #fff;

	width: 60px;

	height: 60px;

	box-shadow: 0 0 20px 0 rgba(112, 130, 148, 0.2);

	border: 0;

	font-size: 18px;

	transition: all linear 0.3s;

	cursor: pointer;
}

@media screen and (max-width: 991px) {
	.secondTxt {
		font-size: 16px;

		font-weight: 300;

		line-height: 26px;

		padding: 0 5%;
	}
}

.tooltip-inner {
	line-height: 18px;

	font-size: 13px;

	padding: 10px;
}

.commanBox {
	border: 1px solid #eee;

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	padding: 40px;

	background: #fff;

	margin: 30px 0;
}

@media screen and (max-width: 599px) {
	.commanBox {
		margin: 0;

		padding: 20px;
	}
}

header {
	height: auto;
	padding: 20px 0;
	top: 0;

	position: absolute;
	background: #202f40;

	width: 100%;
	z-index: 9;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;
}

.topBar {
	background: #e03f15;
	padding: 10px 0;
}

.topBar p,
.topBar p a {
	color: #fff;
	font-size: 14px;
}

.topBar .left {
	float: left;
}

.topBar .right {
	float: right;
}

.topBar .right span {
	padding: 0 10px;
}

.topBar .right span:nth-child(1) {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.topBar p img {
	margin-right: 3px;
}

header .navbar {
	padding: 0;
}

header .navbar .navbar-collapse {
	flex-grow: 1 !important;

	margin-left: 10px;
}

header .navbar .navbar-nav {
	float: left !important;
	margin-left: 40px;
}

header .navbar .navbar-nav li {
	padding: 0;

	margin: 0;

	position: relative !important;
}

header .navbar .navbar-nav li a {
	font-size: 20px;

	color: #fff;

	padding: 0 25px;

	font-weight: 500;

	height: 30px;

	font-family: "K2D", sans-serif;

	line-height: 30px;

	text-decoration: none;

	display: block;

	position: relative;
	background: none !important;

	text-transform: uppercase;
}

header .navbar .navbar-nav li:hover a:after,
header .navbar .navbar-nav li.active a:after {
	background: #25b4e8;
	content: "";
	width: 25px;
	position: static;
	height: 2px;
	display: block;
	margin: auto;
}

header .navbar .navbar-nav li a i {
	font-size: 13px;

	margin-left: 3px;

	margin-top: 2px;
}

header .navbar .navbar-nav li > .subLinks {
	width: 290px;

	left: 20px;

	z-index: 999;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.1);

	display: none;
}

header .navbar .navbar-nav li:last-child .subLinks {
	left: auto;

	right: 0;
}

header .navbar .navbar-nav li .subLinks li {
	list-style: none;
}

header .navbar .navbar-nav li .subLinks li a {
	display: block;

	border-bottom: 1px solid #eee;

	color: #202f40;

	font-size: 14px;

	padding: 0;

	line-height: 40px;

	height: 40px;

	font-weight: 400;
}

header .navbar .navbar-nav li .subLinks li a:after {
	display: none;
}

header .navbar .navbar-nav li .subLinks li a:hover {
	color: #666;
}

header .navbar .navbar-nav li .subLinks li a i {
	position: absolute;

	right: 5px;

	top: 50%;

	transform: translate(0, -50%);

	font-size: 10px;
}

header .navbar .navbar-nav li .subLinks li .subLinksx {
	width: 230px;

	left: 230px;

	height: auto;

	background: #fff;

	position: absolute;

	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.1);

	display: none;

	top: 0;
}

header .navbar .navbar-nav li .subLinks li:hover .subLinksx {
	display: block;
}

header .navbar .navbar-nav li:hover .subLinks {
	display: block;
}

header .navbar-brand {
	max-width: 200px;

	height: auto;

	padding: 0;

	margin: 0;
}

header .navbar-brand .logo1 {
	width: 100%;

	height: auto;

	display: block;
}

header .navbar-brand .logo2 {
	display: none;

	width: 100%;

	height: auto;
}

header .iconNav {
	margin-top: 16px;
}

header .iconNav li {
	float: left;

	list-style: none;
}

header .iconNav li a {
	text-align: center;

	display: block;

	color: #202f40;

	font-size: 13px;

	border-right: 1px solid #eee;

	padding: 0 10px;

	text-decoration: none;
}

header .iconNav li a i {
	font-size: 16px;

	margin-right: 3px;

	color: #202f40;
}

header .iconsNav {
	border-left: 1px solid rgba(255, 255, 255, 0.5);

	height: 18px;

	padding-left: 10px;
}

header .iconsNav a {
	color: #fff;

	font-size: 18px;

	margin-left: 12px;

	text-decoration: none;
}

header .iconsNav .search {
	font-size: 16px;
}

header .iconsNavMob {
	display: none;
}

.header_fixer {
	position: fixed;

	z-index: 97;
	top: 0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.3);
	padding: 10px 0;
}

.header_fixer .navbar-brand {
	max-width: 212px;
	padding: 0;

	background: none;
	margin: 0;
}

.header_fixer .navbar-brand .logo1 {
	display: none;
}

.header_fixer .navbar-brand .logo2 {
	display: block;
}

.header_fixer .iconsNav {
	border-left: 1px solid rgba(39, 52, 86, 0.2);
}

.header_fixer .iconsNav a {
	color: #fff;
}

.header_fixer .topBar {
	display: none;
}

.header_fixer .navbar .navbar-collapse {
	margin-top: 0;
}

.rightBtn a {
	margin: 0 5px;
}

.rightBtn a i {
	display: none;
}

@media screen and (max-width: 1280px) {
	header .navbar .navbar-nav li a {
		padding: 0 10px;
	}

	.rightBtn .btn1 {
		padding: 0 20px;
	}

	header .topContact {
		margin-left: 240px;
	}
}

@media screen and (max-width: 1151px) {
	.rightBtn a i {
		display: inline-block;
	}

	.rightBtn a span {
		display: none;
	}

	.rightBtn a {
		padding: 0 20px;
	}

	.rightBtn .btn1 {
		padding: 0;
	}

	header .navbar .navbar-nav li a {
		font-size: 17px;
	}
	header .navbar .navbar-nav {
		margin-left: 20px;
	}
}

@media screen and (max-width: 991px) {
	.rightBtn {
		display: none;
	}

	header .topBar {
		display: none;
	}

	header {
		padding: 15px 0;

		box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
	}

	header .navbar {
		display: block;
	}

	header .navbar-brand,
	.header_fixer .navbar-brand {
		max-width: 140px;

		height: auto;
		background: none;

		padding: 0;

		margin: 0 15px;
		border-radius: 0;
	}

	header .navbar-brand .logo1 {
		width: 100%;

		height: auto;

		display: none;
	}

	header .navbar-brand .logo2 {
		display: block;

		width: 100%;

		height: auto;
	}

	header .iconsNav {
		border-left: 0;

		height: auto;

		padding-left: 0;

		position: absolute;

		right: 15px;
	}

	header .iconsNav a {
		color: #fff;

		font-size: 21px;

		margin-left: 10px;
		width: 44px;
		height: 44px;
		display: inline-block;
		border-radius: 5px;

		text-decoration: none;
		text-align: center;
		padding: 2px 0;
	}

	header .iconsNav .search {
		font-size: 18px;
	}

	header .iconsNavMob {
		display: block;
	}

	.header_fixer {
		position: fixed;
	}

	.header_fixer .iconsNav {
		border: 0 !important;
	}
}

.searchCon {
	position: fixed;

	height: 100%;

	width: 100%;

	z-index: 17;

	background: rgba(39, 52, 86, 0.99);

	padding: 15px;

	text-align: center;

	display: none;
}

.searchCon .searchBox {
	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	display: block;

	width: 100%;

	padding: 0 15%;
}

.searchCon .searchBox .form-control {
	background: none;

	height: 100px;

	width: 100%;

	border: 0 !important;

	border-bottom: 2px solid #fff !important;

	box-shadow: none !important;

	outline: 0 !important;

	font-size: 30px;

	color: #fff;

	font-weight: 300;

	padding-right: 60px;
}

.searchCon .searchBox .cursor {
	position: relative;
}

.searchCon .searchBox .cursor i {
	position: absolute;

	width: 1px;

	height: 45%;

	background-color: #b12841;

	left: 12px;

	top: 26%;

	animation-name: blink;

	animation-duration: 800ms;

	animation-iteration-count: infinite;

	opacity: 1;
}

.searchCon .searchBox input:focus + i {
	display: none;
}

.searchCon .searchBox .searchBtn {
	font-size: 30px;

	position: absolute;

	color: #fff;

	right: 0;

	background: none;

	outline: none;

	border: 0;

	margin-top: -80px;

	padding: 15px;

	cursor: pointer;
}

.searchCon .close {
	color: #fff !important;

	opacity: 1;

	font-size: 30px;

	text-shadow: none !important;

	font-weight: 300;
}

@keyframes blink {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	.searchCon .searchBox {
		padding: 0 5%;
	}
}

.bodyOverlay {
	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(255, 255, 255, 0.8);

	z-index: 98;
}

.sidenav {
	height: 100%;

	width: 230px;

	position: fixed;

	z-index: 99;

	top: 0;

	left: -320px;

	background: #202f40;

	transition: 0.5s;

	display: none;
}

.sidenav .navbarHeader {
	background: #202f40;

	padding: 10px 15px;

	min-height: 58px;

	position: relative;
}

.sidenav .navbarHeader .userLogin {
	color: #fff;

	font-size: 13px;
}

.sidenav .navbarHeader .userLogin span {
	display: inline-block;

	margin: 0 0 0 5px;

	vertical-align: super;
}

.sidenav .navbarHeader .userLogin figure {
	width: 40px;

	height: 40px;

	border-radius: 100%;

	display: inline-block;

	margin: 0;

	background: #f5f5f5;

	text-align: center;

	font-size: 20px;

	color: #273456;

	padding: 9px 0;

	border: 2px solid #fff;

	box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.1);
}

.sidenav ul.navList {
	padding: 0;

	height: 100%;
}

.sidenav ul.navList li a i {
	font-size: 17px;

	margin-right: 5px;
}

.sidenav ul.navList a:hover,
.sidenav ul.navList li a.active {
	background: #f86048;
}

.sidenav .logo {
	width: 120px;

	display: block;

	float: left;
}

.sidenav .logo img {
	width: 100%;

	height: auto;

	display: block;
}

.sidenav .closebtn {
	position: absolute;

	top: 14px;

	cursor: pointer;

	right: -23px;

	color: #202f40;

	font-size: 16px;
}

.sidenav .navbarFooter {
	position: absolute;

	bottom: 0;

	width: 100%;
}

.subLinkMob {
	background: #202f40;

	padding: 7px 0;

	display: none;
}

.subLinkMob a {
	border: 0 !important;

	background: #333 !important;

	line-height: 25px !important;

	height: auto;

	padding: 0 0 0 40px !important;

	text-transform: inherit !important;

	position: relative;

	font-weight: 300 !important;

	font-size: 13px;
}

.subLinkMob a:after {
	position: absolute;

	left: 25px;

	content: "-";
}

.subLinkMob p {
	line-height: 25px !important;

	font-size: 14px;

	color: #fff;

	border-bottom: 1px solid #be314b;

	margin: 10px 20px;
}

a.mob_link_dd b {
	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/plus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0;
}

a.mob_link_dd_act b {
	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-image: url(../images/minus.png);

	background-repeat: no-repeat;

	margin: 14px 0 0 0;
}

@media screen and (max-width: 991px) {
	.sidenav {
		display: block;
	}
}

.sliderCon {
	overflow: hidden;

	height: auto;
	position: relative;

	background: #012b4f;
	margin-top: 80px;
}

.sliderCon:after {
	background: url(../images/zigzag.svg) no-repeat center bottom;
	height: 107.59px;
	width: 101%;
	background-size: 100%;
	content: "";
	position: absolute;
	z-index: 9;
	bottom: -1px;
}

.sliderCon .carousel,
.sliderCon .carousel-item,
.sliderCon .active {
	height: auto;
}

.sliderCon .carousel-inner {
	height: auto;
}

.sliderCon .carousel-indicators {
	left: auto;
	right: 30px;
	bottom: auto;
	display: block;

	width: auto;
	top: 45%;
	margin: 0;
}

.sliderCon .carousel-indicators li {
	height: 19px;
	background: rgba(255, 255, 255, 0.4);

	width: 19px;
	padding: 0;

	border-radius: 100%;
	display: block;

	opacity: 0.8;
	position: relative;
	margin: 7px;
}

.sliderCon .carousel-indicators li.active {
	opacity: 1;
	height: 19px;

	width: 19px;
}

.carousel-indicators li::before {
	display: none;
}

.sliderCon .carousel-indicators li.active:after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	background: #fff;
	border-radius: 100%;
	top: 50%;
	left: 51.5%;
	transform: translate(-50%, -50%);
}

.sliderCon .carousel-caption {
	z-index: 10;
	bottom: 100px;
	left: auto;

	text-align: center;
	right: 8%;
}

.sliderCon .carousel-caption h2 {
	font-size: 80px;

	line-height: 70px;

	font-weight: 800;

	color: #fff;
}

.sliderCon .carousel-caption h2 span {
	display: block;
	font-size: 60px;
}

.sliderCon .carousel-caption p {
	color: #fff;

	font-size: 24px;

	font-weight: 300;
	margin-top: 25px;

	line-height: 34px;
	padding: 0 12%;
}

.sliderCon .carousel-caption .btn {
	margin-top: 35px;
}

.sliderCon .carousel .carousel-item {
	background-color: #777;
}

.sliderCon .carousel .carousel-inner .bg {
	background-repeat: no-repeat;

	background-size: cover;
}

.sliderCon .carousel .carousel-inner .bg1 {
	background-image: url("../images/slider/1.jpg");

	background-position: center top;
}

.sliderCon .carousel .carousel-inner .bg2 {
	background-image: url("../images/slider/2.jpg");

	background-position: center top;
}

.sliderCon .carousel .carousel-inner .bg3 {
	background-image: url("../images/slider/3.jpg");

	background-position: center top;
}

.sliderCon .carousel .carousel-inner .bg4 {
	background-image: url("../images/slider/4.jpg");

	background-position: center top;
}

@media screen and (max-width: 1279px) {
	.sliderCon .carousel-indicators {
		top: 40%;
	}
}

@media screen and (max-width: 1151px) {
	
	.sliderCon .carousel-caption{bottom:30px;}
	.sliderCon .carousel-caption h2 {
		font-size: 48px;
		line-height: 40px;
	 
	}
	
	.sliderCon .carousel-caption h2 span {
		display: block;
		font-size: 32px;
	}

}

@media screen and (max-width: 991px) {
	.sliderCon .carousel-indicators{top:30%; right:10px;}
	.sliderCon{margin-top: 60px;}
	.sliderCon:after{display:none;}
	.sliderCon .carousel-caption{width:100%; right:auto; top:50%; transform: translate(0, -50%);}
}



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

	.sliderCon .carousel-caption h2 {
		font-size: 32px;
	
		line-height: 26px;
	 
	}
	
	.sliderCon .carousel-caption h2 span {
		display: block;
		font-size: 20px;
	}

}

@media screen and (max-width: 767px) {
	.sliderCon .carousel-caption{width:100%; right:auto; top:45%; transform: translate(0, -50%);}
}
 
@media screen and (max-width: 479px) {
	.sliderCon .carousel-caption{width:100%; right:auto; top:40%; transform: translate(0, -50%);}
}
/*Welcome*/

.welcomeCon {
	padding: 40px 0;
}

.welcomeCon .items {
	display: table;
	width: 100%;
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px;
}

.welcomeCon .items .left {
	width: 60%;
	display: table-cell;
	padding: 15px;
	vertical-align: top;
}

.welcomeCon .items .left .imgBox {
	border-radius: 50px;
	overflow: hidden;
}

.welcomeCon .items .left .imgBox img {
	width: 100%;
}

.welcomeCon .items .right {
	width: 40%;
	display: table-cell;
	padding: 15px;
}

.welcomeCon .items .right .box {
	background: #fff;
	border-radius: 40px;
	padding: 40px 50px;
	width: 100%;
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
}

.welcomeCon .items .right .box h3 {
	font-size: 32px;
	line-height: 38px;
	font-weight: 800px;
}

.welcomeCon .items .right .box p {
	margin-top: 20px;
}

.welcomeCon .items .right .box .btn-link {
	margin-top: 40px;
	display: inline-block;
	color: #202f40;
	opacity: 0.5;
}

.welcomeCon .scrl_nav {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 30px;
}

.welcomeCon .scrl_nav span {
	width: 50%;
	padding: 0 15px;
	float: left;
	display: block;
}

.welcomeCon .scrl_nav a {
	background: #82cb19;
	width: 100%;
	display: inline-block;
	padding: 38px 20px;
	text-align: center;
	border-radius: 26px;
}

.welcomeCon .scrl_nav a img {
	width: 52px;
	font-family: Gotham;
}


@media screen and (max-width: 1151px) {
	.welcomeCon .items .right .box h3 {
		font-size: 24px;
		line-height: 28px;}
}

 


	@media screen and (max-width: 991px) {
		.commanTitle {
			font-size: 24px;
			line-height: 30px;
			 
		}
		.commanTitle span {
		 
			font-size: 18px; line-height:24px;
		 
		 
		}


	.welcomeCon .commanTitle {text-align: center;}
	.welcomeCon .items .left{width: 100%; display: block; padding: 0; margin-top: 20px;}
	.welcomeCon .items .right{width: 100%; display: block; text-align: center; padding: 0; margin-top: 20px;}

	.welcomeCon .scrl_nav{width:160px; margin:30px auto 0 auto;}
	.welcomeCon .scrl_nav a {
		 
		width: 100%;
		display: inline-block;
		padding: 7px 0 10px;
		text-align: center;
		border-radius: 10px;
	}

	.welcomeCon .scrl_nav a img{width:20px;}
	.welcomeCon .scrl_nav span {
	 
		padding: 0 5px;
		 
	}

	.welcomeCon .items{margin-top: 10px; margin-left: 0; margin-right: 0;}
}


	@media screen and (max-width: 767px) {
		.welcomeCon .items .right .box{padding: 20px; border-radius: 30px;}
		
	}

@media screen and (max-width: 599px) {
	.welcomeCon .items .right .box h3{font-size: 20px; line-height: 26px;}
	.welcomeCon .items .left .imgBox {
		border-radius: 30px;
		overflow: hidden;
	}
}

/*Welcome end*/

/*event clasess*/

.event {
	padding: 70px 0;
}

.event .commanTitle {
	float: left;
}

.event .btn {
	float: right;
	line-height: 60px;
	height: 60px;
	margin-top: 20px;
}

.event .dec {
	padding: 0 7%;
}

.event .row {
	margin-top: 30px;
	margin-left: -20px;
	margin-right: -20px;
}

.event .row .col-md-3 {
	padding-left: 20px;
	padding-right: 20px;
}

.event .box {
	overflow: hidden;

	position: relative !important;
	text-align: center;

	background: #fff;
	width: 100% !important;

	cursor: pointer;
	display: block;
	align-items: center;
	justify-content: center;
	border-radius: 40px;

	min-height: auto;
	margin: 20px 0;
}

.event .box img {
	max-width: 100%;

	height: auto;

	position: relative;

	transition: transform 3s;
}

.event .box:hover img {
	transform: scale(1.2);
}

.event .box .label {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));

	width: 100%;

	height: auto;
	font-family: "K2D", sans-serif;

	position: absolute;

	bottom: 0;
	padding: 30px 20px;

	left: 0;

	color: #fff;
	font-size: 26px;

	font-weight: 400;

	line-height: 32px;

	z-index: 2;
}

.event .box .label span {
	font-size: 14px;
	display: block;
}

.eventInner {
	padding: 30px 0 70px;
}


@media screen and (max-width: 991px) {
	.event .box .label{font-size: 18px; line-height: 20px; padding: 20px 10px;}
	.event .box{border-radius: 30px;}
}

/*programs*/

.programs {
	background: #fde6e0;
	padding: 70px 0 90px;
	text-align: center;
}

.programs .row {
	margin-top: 20px;
}

.programs .card {
	background: #fff;
	margin-top: 30px;

	padding: 50px 30px;

	border-radius: 50px;
	border: 0;

	box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.08);
}

.programs .card img {
	width: 120px;
	height: auto;
	margin: auto;
}

.programs .card h3 {
	font-size: 24px;
	margin: 20px 0;
}

/*service clasess*/

.serviceCon {
	margin-top: 50px;
}

.serviceCon .left {
	width: 50%;
	float: left;
	background: #202f40 url(../images/serviceBg.jpg) no-repeat left center;
	padding: 100px 0;
	background-attachment: fixed;

	background-size: 60%;
}

.serviceCon .right {
	width: 50%;
	float: right;
	background: #202f40;
	min-height: 600px;
	border-radius: 0 0 0 60px;
}

.serviceCon .left .inner {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50px 0 0 50px;
	padding: 60px;
	float: right;
	width: 77%;
}

.serviceCon .left .inner h3 {
	font-size: 44px;
	font-weight: 800;
	line-height: 50px;
}

.serviceCon .left .inner .dec {
	margin-top: 30px;
	padding-right: 8%;
	margin-bottom: 20px;
}

.serviceCon .left .inner .btn-success {
	padding: 0 25px;
	margin-top: 57px;
	float: left;
}

.serviceCon .left .inner .scrl_nav {
	float: right;
	margin-top: 20px;
}

.serviceCon .left .inner .scrl_nav a {
	background: #f86048;
	display: inline-block;
	padding: 28px 20px;
	border-radius: 16px;
	margin-left: 15px;
}

.serviceCon .left .inner .scrl_nav a img {
	height: 30px;
}

.serviceCon .right {
	padding: 20px 65px 65px 65px;
	color: #fff;
}

.serviceCon .right img {
	width: 160px;
	border-radius: 22px;
	margin-right: 20px;
}

.serviceCon .right h4 {
	color: #fff;
	font-size: 26px;
	font-weight: 800;
}

.serviceCon .right p {
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	margin-top: 15px;
}

.serviceCon .right .btn-link {
	color: #fff;
	opacity: 0.5;
	font-weight: 100;
	margin-top: 10px;
	display: inline-block;
}

.serviceCon .right .media {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 45px 0;
}

.serviceCon .right .mediaRight {
	text-align: right !important;
}

.serviceCon .right .mediaRight img {
	margin-right: 0;
	margin-left: 20px;
}

.serviceConInside {
	margin: 60px 0 70px;
}

.serviceConInside .right {
	width: 100%;
	float: none;
	background: none !important;
	padding: 0 !important;
}

.serviceConInside .right .media {
	border-bottom: 0;
	padding: 45px;
	background: #fff;
	border-radius: 40px;
	margin-top: 40px;
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
}

.serviceConInside .right img {
	width: 200px;
	border-radius: 22px;
	margin-right: 30px;
}

.serviceConInside .right h4 {
	color: #202f40;
	font-size: 26px;
	font-weight: 800;
}

.serviceConInside .right p {
	color: #202f40;
	font-size: 18px;
	font-weight: 300;
	margin-top: 15px;
}

.serviceConInside .right .mediaRight {
	text-align: right !important;
}

.serviceConInside .right .mediaRight img {
	margin-right: 0;
	margin-left: 30px;
}

@media screen and (max-width: 1279px) {
	.serviceCon .left .inner h3{font-size: 32px; line-height:36px;}
	.serviceCon .left .inner{padding: 40px;}
	.serviceCon .left .inner .btn-success{padding: 0 20px;}
	.serviceCon .right {
		padding: 20px 40px 40px 40px;
		 
	}

	.serviceCon .left{padding:60px 0;}

	.serviceCon .right .media{padding: 30px 0;}
	.serviceConInside .right .media{padding: 30px;}
	

	.serviceCon .right h4 {
		 line-height: 24px;
		font-size: 20px;
		 
	}

	.serviceCon .right p {
		 line-height:20px;
		font-size: 16px;
		 
		margin-top: 10px;
	}
	
}


@media screen and (max-width: 1151px) {
	.serviceCon .left .inner h3{font-size: 32px; line-height:36px;}
	.serviceCon .left .inner{padding: 40px;}
	.serviceCon .left .inner .btn-success{padding: 0 15px; margin-top: 10px;}
	.serviceCon .right {
		padding: 20px 30px 30px 30px;
		 
	}

	.serviceCon .left .inner{width: 90%;}

}

@media screen and (max-width: 991px) {
	.serviceCon {
		margin-top: 10px;
	}

	.serviceCon .left {
	 
 		background-size:cover;
	}

	.serviceCon .left{padding: 30px;}
	.serviceCon .left, .serviceCon .right{width: 100%;}
	.serviceCon .right{border-radius: 0;}
	.serviceCon .left .inner{width: 100%; text-align: center; border-radius: 40px;}
	.serviceCon .left .inner .dec{padding: 0; margin-top: 20px;}


	.serviceCon .left .inner .scrl_nav a{padding:7px 15px 10px; border-radius: 8px; margin-left: 5px;}
	.serviceCon .left .inner .scrl_nav a img{height: 20px;}

	.serviceCon .left .inner h3{font-size: 24px; line-height:28px;}
	.serviceConInside .right .media{margin-top: 25px;}
	.serviceConInside .right img{margin-right: 15px;}
}

@media screen and (max-width: 599px) {
	.serviceCon .right img{width: 100px; margin-bottom: 0;}
	.serviceCon .left .inner{padding: 30px; }
	.serviceCon .left {
		padding:30px 15px;
	}

	.serviceCon .left .inner .btn-success{font-size: 14px;}
	.serviceCon .right {
		padding: 20px 15px 30px 15px;
	}
	 
	.serviceCon .right h4 {
		line-height: 22px;
		font-size: 18px;
	}

	.serviceCon .right p{font-size: 14px; line-height: 20px;}

}



/* service end */

/* core value */

.coreValue {
	padding: 70px 0 80px;
}

.coreValue .card {
	border-radius: 36px;

	padding: 40px 30px 50px;
	background: #f5f5f5;

	min-height: 180px;

	display: block;
	border: 0;

	text-decoration: none;

	text-align: left !important;
	margin-top: 40px;
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);
}

.coreValue .card .cardIcon {
	width: 66px;

	height: 66px;

	margin: 0 0 0 10px;

	display: inline-block;
}

.coreValue .card .cardIcon img {
	width: 100%;

	height: 100%;

	display: inline-block;
}

.coreValue .card .cardItems {
	display: inline-block;

	margin-top: -66px;

	padding-left: 100px;
}

.coreValue .card .cardItems h5 {
	font-weight: 800;
	font-size: 26px;
	line-height: 32px;
}

.coreValue .card .cardItems p {
	margin: 10px 0 0 0;
}

.coreValue .moreButton {
	background: #25b4e8;
	border-radius: 36px;
	padding: 0 60px;
	display: block;
	position: relative;
	text-decoration: none;

	margin-top: 40px;
	color: #fff;
	font-weight: 800;
	font-size: 26px;
	line-height: 180px;
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);
}

.coreValue .moreButton .arrow {
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translate(0, -50%);
}

.coreValue .moreButton:hover .arrow {
	right: 50px;
}

.coreValue .btnCon {
	margin-top: 40px;
}

@media screen and (max-width: 991px) {
	.coreValue{padding: 40px 0;}
.coreValue .row {margin-top: 0 !important;}
	
}

@media screen and (max-width: 767px) {
	.coreValue .card .cardIcon {
		width: 48px;
	
		height: 48px;
	
		margin: 0 0 0 0;
	
		display: inline-block;
	}


	.coreValue .card .cardItems {
        display: inline-block;
        margin-top: -50px;
        padding-left: 60px;
    }

	.coreValue .card .cardItems h5 {
         font-size: 20px;
        line-height: 28px;
    }
}



/* core value end */

/*program*/

.volunteer {
	padding: 100px 0;
	margin-top: 4px;
	background: #f86048 url(../images/vbg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

.volunteer .box {
	background: #f86048;
	padding: 60px;
	border-radius: 50px;
	width: 550px;
}

.volunteer .box h2 {
	color: #fff;
	font-size: 50px;
	line-height: 50px;
}

.volunteer .box p {
	color: #fff;
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.volunteer{padding: 60px 0;}
	.volunteer .box h2{font-size: 32px; line-height:36px;}
	.volunteer .box h2 br{display: none;}
	.volunteer .box {
 		padding: 30px;
 		width: 100%; text-align: center;
	}

	.volunteer .box p{margin-top: 20px;}

}

/* program end */

/* supporters */

.supporters {
	background: #202f40;
	padding: 100px 0;
	text-align: center;
	color: #fff;
}

.supporters p {
	font-size: 24px;
	line-height: 32px;
	padding: 0 1%;
}

.supporters .btn-success {
	padding: 0 50px;
	margin-top: 50px;
}


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

	.supporters{padding: 60px 0;}
	.supporters p {
		font-size: 18px;
		line-height: 24px;
		padding:0;
	}

	.supporters .btn-success{margin-top: 30px;}
}

/* supporters end */

/*footer*/

.footer {
	background: #ffffff;

	padding: 70px 0 40px;

	margin-top: 0;

	position: relative;
	color: #202f40;
	font-family: "K2D", sans-serif;
	font-weight: 500;
}

.footer .row1 {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 30px;
}

.footer .row1 .col {
	float: left;
	width: 30%;
	padding: 0;
}

.footer .row1 .col .links a {
	color: #202f40;
	text-transform: uppercase;
}

.footer .row1 .col:nth-child(1) {
	padding-left: 0;
	width: 20%;
}

.footer .row1 .col:nth-child(2) {
}

.footer .row1 .col:nth-child(3) {
	width: 20%;
}

.footer .row1 .col:nth-child(4) {
	padding-right: 0;
	float: right;
	width: 28%;
	margin-top: 10px;
	text-align: right;
}

.footer .contact {
	color: #202f40;
	font-weight: 400;
	margin: 0;
}

.footer .contact a {
	color: #202f40;
	font-weight: 800;
}

.footer .row1 span {
	padding-right: 10px;
}

.social a {
	display: inline-block;

	text-align: center;

	margin: 5px;
}

.copyrightText {
	padding: 30px 0 0 0;

	color: #202f40;
	font-weight: 300;
	text-transform: uppercase;
}

.copyrightText a {
	color: #202f40;
}

.copyrightText1 {
	font-size: 16px;
	color: #202f40;
	line-height: 24px;
	text-align: center;
	font-weight: 400;
}

.copyrightText1 strong {
	font-weight: 800;
}

.copyrightText1 a:nth-child(1) {
	padding-left: 0;
}

.copyrightText span {
	margin: 0 5px;
}

.copyrightText2 {
	font-size: 14px;
	text-align: right;

	color: #fff;
	float: right;
	line-height: 24px;
}

@media only screen and (max-width: 1279px) {
	.footer .row1 .col{width: 35%;}
 .footer .row1 .col .links a{display: block; font-size: 18px; text-transform: capitalize;}
 .footer .links span{display:none;}
 .footer .row1 .col:nth-child(4){width:20%; margin-top: 0;}
 .footer .row1 .col:nth-child(1) {
    padding-left: 0;
    width: 15%;
}
.footer .row1 .col:nth-child(1) img{width: 160px;}
.footer .row1 .col:nth-child(3) {
    width: 25%;
}
.footer .row1 .col:nth-child(2){padding-left: 30px; width: 40%;}

}

@media only screen and (max-width: 991px) {
	.footer .row1 .col{width: 100% !important; text-align: center; padding: 5px 0 !important;}
	.footer .row1 .col:nth-child(1) img{width: 200px;}

.footer .row1 .col:nth-child(3) span{display: none;}
.footer .row1 .col:nth-child(4) {
    padding-right: 0;
      text-align: center;
}
.footer .row1 .col .links a{display: inline-block; font-size: 16px; text-transform: uppercase;}

.footer .links span{display:inline-block;}
.footer{padding: 40px 0 20px;}
.copyrightText{padding-top: 20px;}

}


 

/*footer end*/

.mybannerinside {
	min-height: auto;

	display: flex;

	width: 100%;

	justify-content: center;

	position: relative;

	align-items: center;

	padding: 180px 0 100px;
}

.mybannerinside .leftBar {
	text-align: center;
	width: 100% !important;
}

.bannerContentInside {
	display: flex;

	flex-wrap: nowrap;

	align-items: center;
}

.bannerContentInside .leftBar,
.bannerContent .rightBar {
	width: 100%;
}

.bannerContentInside .leftBar {
	padding-right: 0;
}

.bannerContentInside .leftBar h1 {
	color: #fff;
	font-weight: 700;
	font-size: 56px;
	line-height: 66px;
}

.bannerContentInside p {
	color: #fff;

	font-size: 18px;

	line-height: 32px;

	margin-top: 30px;
}


@media only screen and (max-width: 991px) {
	.mybannerinside {padding: 100px 0 40px; background-size: 100% !important; background-position: 0 50px !important; }
	.bannerContentInside .leftBar h1 {
		color: #fff;
		font-weight: 700;
		font-size: 36px;
		line-height: 40px;
	}
}

/*breadcrumb*/

.breadcrumb {
	text-align: center;

	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin: 0;

	padding: 0;

	color: #fff;
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb li a {
	font-weight: 400;

	text-decoration: underline;

	color: #fff;
}

.breadcrumb li a:hover {
	text-decoration: none;
}

.breadcrumb > li + li:before {
	color: #fff;

	font-size: 10px;

	margin: 0 5px;

	content: "\e90c";

	font-family: "icomoon";
}

.modal-content {
	border-radius: 16px;

	border: 0;
}

.modal-content .modal-content {
	border: 0;
}

.modal-content .modal-header {
	text-align: center;

	display: block;

	padding: 15px;
}

.modal-content .modal-title {
	color: #202f40;

	font-size: 20px;
	font-weight: 700;
}

.modal-content .modal-title2 {
	color: #202f40;

	font-size: 20px;
}

.modal-content .modal-title2 small {
	font-size: 14px;

	color: #777;
}

.modal-content .modal-body {
	padding: 30px;
	background: #f5f5f5;
}

.modal-content .modal-body2 {
	background: #eee;

	padding: 25px 30px;
}

.modal-content .close {
	outline: 0;

	position: absolute;

	z-index: 999;

	top: -25px;

	right: -15px;

	color: #ec0d10 !important;

	opacity: 1;
	font-size: 40px;

	text-shadow: none;
}

.modal {
	background: rgba(0, 0, 0, 0.7);

	padding: 0 !important;
}

@media only screen and (max-width: 599px) {
	.modal-dialog {
		margin: 1rem;
	}
}

.popupTable {
	background: #fff;
}

.popupTable table {
	margin: 0;
}

.popupTable table td {
	font-size: 13px;
}

.popupTable table td strong {
	color: #202f40;
}

.formTitle {
	color: #202f40;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: 600;

	line-height: 24px;
}

.formBox h4 {
	font-size: 20px;

	font-weight: 400;

	line-height: 28px;

	color: #b12841;
}

.formBox .col-form-label {
	font-size: 13px;

	font-weight: 500;

	color: #273456;
}

.formBox .col-form-label .red {
	color: #b12841;
}

.formBox input[type="checkbox"] {
	vertical-align: sub;
}

@media only screen and (max-width: 767px) {
	.formBox {
		padding: 25px 25px 0 25px;
	}

	.form-horizontal .col-form-label {
		text-align: left;
	}
}

@media only screen and (max-width: 599px) {
	.formBox {
		padding: 0;

		border: 0;
	}

	.form-horizontal .col-form-label {
		text-align: left;
	}
}

.messageCon h1 {
	color: #273456;

	font-weight: 300;
}

.messageCon h6 {
	font-size: 20px;

	font-weight: 400;

	color: #202f40;
}

.messageCon p {
	font-size: 14px;

	line-height: 22px;
}

@media screen and (max-width: 599px) {
	.messageCon h1 {
		font-size: 30px;
	}

	.messageCon h6 {
		font-size: 16px;

		margin-bottom: 10px;
	}

	.messageCon p {
		font-size: 13px;

		line-height: 20px;
	}
}

.middleCon {
	padding: 30px 60px 70px 60px;
	background: #fff;
}

.middleCon .display-3 {
	text-align: center;
}

.middleCon .display-3:after {
	display: block;

	margin: auto;
}

.cmsArea {
	margin-top: 30px;
}

.cmsArea h2 {
	font-size: 30px;

	line-height: 40px;

	margin: 0;

	font-weight: 700;
}

.cmsArea h3 {
	font-size: 20px;

	line-height: 26px;

	margin: 0;

	font-weight: 700;
}

.cmsArea hr {
	border-color: #eee;

	margin: 25px 0;
}

.cmsArea .btn-link {
	color: #e03f15;
}

.cmsArea ul {
	margin: 40px 0 0 60px;
}

.cmsArea ul li {
	font-size: 16px;

	font-weight: 400;

	color: #666;

	line-height: 24px;

	list-style: none;

	position: relative;

	padding: 3px 0 3px 18px;
}

.cmsArea ul li:before {
	content: "\e902";

	font-family: "icomoon";

	width: 10px;

	height: 10px;

	top: 3px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #333333;
}

.cmsArea ol {
	margin: 20px 0 0 20px;
}

.cmsArea ol li {
	font-size: 18px;

	line-height: 28px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;
}

.cmsImg {
	margin: 40px auto;

	text-align: center;
	max-width: 100%;
}

.cmsImg img {
	display: inline-block !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(59, 191, 170, 0.1);
}

.table td,
.table th {
	border-top: 1px solid #3bbfaa;
}

.table-bordered td,
.table-bordered th {
	border-top: 1px solid #3bbfaa;
}

.table-bordered td,
.table-bordered th {
	border: 1px solid #3bbfaa;
}

.blue {
	color: #3bbfaa;
}

@media screen and (max-width: 991px) {
	.cmsArea h3:after {
		width: 50px;

		margin: 25px 0 0 0;

		background: #b12841;
	}
}

@media screen and (max-width: 767px) {
	.cmsArea p {
		text-align: left !important;
	}

	.cmsArea ul {
		margin: 30px 0 0 20px;
	}

	.middleCon {
		padding: 25px;
		background: #fff;
	}

	.cmsArea{margin-top: 0;}
}

.aboutSCLcon {
	display: flex;

	height: auto;
}

.aboutSCLcon figcaption {
	width: 50%;

	height: auto;

	padding: 100px 50px 100px 50px;

	background: #273456;
}

.aboutSCLcon figcaption h2 {
	color: #fff;

	font-weight: 600;

	font-size: 40px;
}

.aboutSCLcon figcaption p {
	color: rgba(255, 255, 255, 0.7);

	font-size: 15px;

	line-height: 26px;

	margin-top: 25px;
}

.aboutSCLcon figure {
	width: 50%;

	display: flex;

	margin: 0;

	background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat 500px center;

	background-attachment: fixed;
}

.aboutSCLcon .figure2 {
	width: 50%;

	display: flex;

	margin: 0;

	background: url(../images/insidePageBanner/whyUs.jpg) no-repeat right center;

	background-attachment: fixed;
}

@media screen and (max-width: 1151px) {
	.aboutSCLcon figure {
		background-size: cover;

		background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat -150px center;
	}

	.aboutSCLcon .figure2 {
		background-size: cover;

		background: url(../images/insidePageBanner/whyUs.jpg) no-repeat -150px center;
	}
}

@media screen and (max-width: 991px) {
	.aboutSCLcon figcaption {
		width: 50%;

		height: auto;

		float: left;

		padding: 60px 30px 60px 15px;
	}
}

@media screen and (max-width: 767px) {
	.aboutSCLcon {
		display: block;

		height: auto;
	}

	.aboutSCLcon figcaption {
		width: 100%;

		height: auto;

		padding: 40px 15px;

		background: #273456;

		display: block;

		float: left;
	}

	.aboutSCLcon figcaption h2 {
		color: #fff;

		font-weight: 600;

		font-size: 40px;
	}

	.aboutSCLcon figcaption p {
		color: rgba(255, 255, 255, 0.7);

		font-size: 15px;

		line-height: 26px;

		margin-top: 25px;
	}

	.aboutSCLcon figure {
		width: 100%;

		display: block;

		height: 400px;

		margin: 0;

		background: url(../images/insidePageBanner/aboutImg.jpg) no-repeat center center;

		background-attachment: fixed;

		float: left;
	}

	.aboutSCLcon .figure2 {
		width: 100%;

		display: block;

		height: 400px;

		margin: 0;

		background: url(../images/insidePageBanner/whyUs.jpg) no-repeat center center;

		background-attachment: fixed;

		float: left;
	}
}

.productPageCon {
	padding: 20px 0 70px;
}

.productPageCon .contectSec {
	padding: 20% 0 0;
}

.productPageCon .contectSec h2 {
	font-size: 50px;

	line-height: 55px;

	color: #273456;

	position: relative;

	font-weight: 600;
}

.productPageCon .contectSec h2:after {
	position: static;

	content: "";

	width: 100px;

	height: 2px;

	margin: 25px 0 0 0;

	background: #b12841;

	display: block;
}

.productPageCon .contectSec h3 {
	font-size: 30px;

	line-height: 40px;

	color: #b12841;

	margin: 0;

	font-weight: 300;

	position: relative;
}

.productPageCon .contectSec h3:after {
	position: static;

	content: "";

	width: 100px;

	height: 2px;

	margin: 25px 0 0 -50px;

	background: #b12841;

	display: block;
}

.productPageCon .contectSec p {
	font-size: 15px;

	line-height: 26px;
}

.productPageCon .contectSec .centerTxt {
	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%;
}

.productPageCon .contectSec hr {
	border-color: #eee;

	margin: 25px 0;
}

.productPageCon .contectSec .btn-link {
	color: #273456;
}

.productPageCon .contectSec ul {
	margin: 40px 0 0 60px;
}

.productPageCon .contectSec ul li {
	font-size: 15px;

	font-weight: 500;

	color: #273456;

	line-height: 24px;

	list-style: none;

	position: relative;

	padding: 3px 0 3px 18px;
}

.productPageCon .contectSec ul li:before {
	content: "\e902";

	font-family: "icomoon";

	width: 10px;

	height: 10px;

	top: 3px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #273456;
}

.productPageCon .productsImgCon {
	padding-right: 10%;
}

.productPageCon .productsImgCon .sbtn {
	background: #fff;

	color: #273456;

	box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.1);
}

.productPageCon .productsImgCon .item figure {
	width: 100%;

	height: auto;

	display: block;

	margin: 0;
}

.productPageCon .productsImgCon .item figure img {
	width: 100%;

	height: auto;

	display: block;
}

.pPortfolioImg {
	max-width: 50%;
	margin: auto;
	margin-bottom: 40px;
}

@media screen and (max-width: 1151px) {
	.productPageCon .contectSec {
		padding: 10% 0 0;
	}

	.productPageCon .contectSec h2 {
		font-size: 36px;

		line-height: 45px;
	}

	.productPageCon .contectSec h2:after {
		margin: 25px 0 0 0;
	}

	.productPageCon .productsImgCon {
		padding-right: 5%;
	}
}

@media screen and (max-width: 991px) {
	.productPageCon {
		text-align: center;
	}

	.productPageCon .contectSec {
		padding: 40px 30px 0 30px;
	}

	.productPageCon .contectSec h2 {
		font-size: 36px;

		line-height: 45px;
	}

	.productPageCon .contectSec h2:after {
		margin: 25px auto 0 auto;
	}

	.productPageCon .productsImgCon {
		padding: 0 15%;
	}
}

@media screen and (max-width: 767px) {
	.productPageCon {
		text-align: center;
	}

	.productPageCon .contectSec {
		padding: 40px 0 0 0;
	}

	.productPageCon .contectSec h2 {
		font-size: 26px;

		line-height: 34px;
	}

	.productPageCon .contectSec h2:after {
		margin: 25px auto 0 auto;
	}

	.productPageCon .productsImgCon {
		padding: 0 5%;
	}

	.pPortfolioImg {
		max-width: 90%;
		margin: auto;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	.productPageCon .productsImgCon {
		padding: 0;
	}
}

.profileProperties {
	background: #273456;

	padding: 140px 0;
}

.profileProperties .propertiesBox {
	text-align: center;

	color: #fff;
}

.profileProperties .propertiesBox figure {
	width: 130px;

	height: 130px;

	padding: 25px;

	margin: auto;

	display: block;

	border: 2px solid rgba(255, 255, 255, 0.1);

	border-radius: 100%;

	margin-bottom: 20px;
}

.profileProperties .propertiesBox figure img {
	width: 100%;

	height: auto;

	display: block;
}

.profileProperties .propertiesBox h4 {
	font-size: 36px;

	line-height: 40px;

	font-weight: 600;
}

.profileProperties .propertiesBox p {
	color: rgba(255, 255, 255, 0.5);

	font-size: 15px;

	font-weight: 300;

	margin-top: 10px;
}

.profileProperties2 .propertiesBox h4 {
	font-size: 24px;

	line-height: 30px;
}

.profileProperties2 .propertiesBox p {
	font-size: 22px;

	font-weight: 300;

	margin-top: 5px;
}

@media screen and (max-width: 1151px) {
	.profileProperties .propertiesBox h4 {
		font-size: 24px;

		line-height: 30px;
	}

	.profileProperties .propertiesBox p {
		margin-top: 5px;
	}
}

@media screen and (max-width: 991px) {
	.profileProperties {
		padding: 50px 0;
	}

	.profileProperties .propertiesBox {
		margin: 15px 0;
	}

	.profileProperties .propertiesBox h4 {
		font-size: 24px;

		line-height: 30px;
	}

	.profileProperties .propertiesBox p {
		margin-top: 5px;
	}
}

@media screen and (max-width: 991px) {
	.profileProperties {
		padding: 50px 0;
	}

	.profileProperties .propertiesBox {
		margin: 15px 0;
	}

	.profileProperties .propertiesBox figure {
		width: 110px;

		height: 110px;

		padding: 25px;

		margin: auto;

		display: block;

		border: 2px solid rgba(255, 255, 255, 0.1);

		border-radius: 100%;

		margin-bottom: 20px;
	}

	.profileProperties .propertiesBox figure img {
		width: 100%;

		height: auto;

		display: block;
	}

	.profileProperties .propertiesBox h4 {
		font-size: 20px;

		line-height: 26px;
	}

	.profileProperties .propertiesBox p {
		margin-top: 5px;
	}
}

.techDetail {
	padding: 70px 0;
}

.techDetail h2 {
	font-size: 40px;

	line-height: 50px;

	color: #b12841;

	font-weight: 600;
}

.techDetail ul {
	margin-top: 25px;
}

.techDetail ul li {
	width: 20%;

	float: left;

	list-style: none;

	padding: 10px;
}

.techDetail ul li .box {
	padding: 25px;

	box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.05);

	min-height: 180px;

	font-size: 16px;

	line-height: 26px;

	color: #273456;
}

.techDetail ul li .box:hover {
	transform: scale(1.05);
}

.techDetail ul li:nth-child(even) .box {
	background: #eee;

	box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.01);
}

@media screen and (max-width: 1151px) {
	.techDetail {
		padding: 70px 0;
	}

	.techDetail ul li {
		width: 25%;
	}
}

@media screen and (max-width: 991px) {
	.techDetail {
		padding: 50px 0;
	}

	.techDetail ul li {
		width: 25%;
	}

	.techDetail ul li .box {
		padding: 20px 15px;

		box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.05);

		font-size: 14px;

		line-height: 24px;

		color: #273456;
	}
}

@media screen and (max-width: 767px) {
	.techDetail h2 {
		font-size: 24px;

		line-height: 36px;
	}

	.techDetail ul li {
		width: 33.3333333%;
	}

	.techDetail ul li .box {
		min-height: 160px;
	}
}

@media screen and (max-width: 599px) {
	.techDetail ul li {
		width: 50%;
	}

	.techDetail ul li .box {
		min-height: 140px;
	}
}

@media screen and (max-width: 480px) {
	.techDetail ul li {
		width: 100%;

		padding: 7px 0;
	}

	.techDetail ul li .box {
		min-height: auto;
	}
}

.contactCon {
	margin: 0 0 0 0;
}

.contactCon figcaption h3 {
	color: #202f40;

	font-weight: 700;
}

.contactCon figcaption p {
	font-size: 24px;

	line-height: 34px;

	padding: 0 20% 0 0;
}

.contactCon figcaption .careerTxt {
	padding: 0 30% 0 0;
}

.contactCon figcaption .contactTxt {
	font-size: 20px;
}

.contactCon figcaption a {
	font-size: 20px;
	font-weight: 700;

	color: #f86048;

	display: inline-block;

	text-decoration: underline;
}

.contactCon figcaption a:hover {
	text-decoration: none;
}

.formCon p {
	color: rgba(255, 255, 255, 0.5);

	line-height: 24px;

	font-size: 16px;

	font-weight: 300;

	margin-top: 10px;

	text-align: center;
}

.formCon .contactForm .row {
	margin: 30px -7px 0 -7px;
}

.formCon .contactForm .row .col-sm-6,
.formCon .contactForm .row .col-sm-12 {
	padding: 0 7px;
}

.formCon .contactForm label {
	color: #fff;

	text-align: center;

	display: block;

	font-size: 18px;

	line-height: 24px;

	margin: 15px 0 10px 0;
}

.mapCon {
	height: auto;

	overflow: hidden;
	margin: 30px 0 0 0;
	text-align: center;
}

.mapCon .col-md-4 {
	margin-top: 30px;
}

.mapCon iframe {
	border: 0;

	margin: 0;

	padding: 0;
}

.mapCon .map {
	height: 450px;
	overflow: hidden;
}

.mapCon p {
	margin-bottom: 25px;
	font-weight: 600;
}

.mapCon h5 {
	text-transform: uppercase;

	font-weight: 700;

	font-size: 18px;

	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contactCon .innerBox {
		margin-top: 30px;
	}

	.contactCon .officeBox {
		margin: 20px 0 0 0;

		padding: 30px 20px;
	}

	.contactCon .officeBox h4 {
		font-size: 18px;
	}

	.contactCon .officeBox figure {
		margin: 15px 0;
	}

	.contactCon .officeBox figcaption {
		padding: 10px 0 10px 0;
	}

	.contactCon .officeBox figcaption h5 {
		color: #273456;

		font-size: 18px;

		line-height: 22px;
	}

	.contactCon .officeBox figcaption p {
		font-size: 14px;

		line-height: 22px;

		padding: 0 5%;

		margin: 15px 0 25px;
	}

	.contactCon .officeBox figcaption a {
		font-size: 14px;

		padding: 7px 10px;
	}

	.contactCon figcaption p {
		font-size: 18px;

		line-height: 22px;

 
		padding: 0 0 0 0;
	}

	.contactCon figcaption {margin-bottom: 20px;}
	.contactCon figcaption a{font-size: 18px; line-height: 22px;}
	.contactCon .col-md-6{margin-top: 20px !important;}
}

@media screen and (max-width: 767px) {
	.contactCon .officeBox h4 {
		font-size: 18px;
	}

	.contactCon .officeBox figcaption {
		padding: 10px 0 10px 0;
	}

	.contactCon .officeBox figcaption h5 {
		color: #273456;

		font-size: 18px;

		line-height: 22px;
	}

	.contactCon .officeBox figcaption p {
		font-size: 14px;

		line-height: 22px;

		padding: 0;
	}

	.contactCon .officeBox figcaption a {
		font-size: 14px;
	}
}

.rightFormBox h3 {
	font-size: 18px;

	color: #202f40;

	text-transform: uppercase;

	font-weight: 600;

	line-height: 24px;
}

.rightFormBox .inner {
	background: #eee;

	padding: 25px;

	margin-top: 5px;
}

@media screen and (max-width: 991px) {
	.rightFormBox .inner {
		padding: 15px;
	}

	.rightFormBox .inner .btn2 {
		padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	.rightFormBox {
		margin-top: 25px;
	}
}

.newsList .media {
	border: 1px solid #eee;

	padding: 30px;

	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.02);

	margin: 15px 0px;
}

.newsList .media figure {
	width: 30%;

	margin: 0;

	margin-right: 25px;
}

.newsList .media figure img {
	width: 100%;

	height: auto;
}

.newsList .media .media-body .title {
	font-family: "Poppins", sans-serif;

	font-size: 28px;

	line-height: 34px;

	font-weight: 600;

	color: #273456;
}

.newsList .media .media-body p {
	margin-top: 15px;

	font-size: 14px;

	line-height: 24px;

	font-family: "Poppins", sans-serif;
}

.newsList .media .media-body .posted-date {
	margin-top: 15px;

	font-weight: 600;

	display: block;

	font-size: 12px;

	font-family: "Poppins", sans-serif;

	color: #888;
}

.newsList .media .media-body .posted-date span {
	color: #b12841;
}

.newsList .media:hover .media-body .title {
	text-decoration: underline;

	color: #b12841;
}

@media screen and (max-width: 767px) {
	.newsList .media {
		display: block;
	}

	.newsList .media figure {
		width: 100%;

		margin: 0 0 25px 0;
	}
}

@media screen and (max-width: 599px) {
	.newsList .media {
		display: block;

		padding: 15px;
	}
}

.newsDetail {
	border-bottom: 1px solid #eee;

	padding-bottom: 30px;
}

.newsDetail figure {
	display: block;

	width: 100%;

	text-align: center;
}

.newsDetail figcaption {
	padding: 30px 0;
}

.newsDetail h4 {
	font-family: "Poppins", sans-serif;

	font-size: 28px;

	line-height: 34px;

	font-weight: 600;

	color: #273456;
}

.newsDetail p {
	margin-top: 15px;

	font-size: 14px;

	line-height: 24px;
}

.newsDetail .posted-date {
	margin-top: 15px;

	display: block;

	font-size: 12px;

	font-weight: 600;

	color: #888;
}

.newsDetail .posted-date span {
	color: #b12841;
}

.mouse-icon {
	position: absolute;

	left: 50%;

	bottom: 50px;

	border: 2px solid #fff;

	border-radius: 16px;

	height: 50px;

	width: 30px;

	margin-left: -16px;

	display: block;

	z-index: 4;
}

.mouse-icon .wheel {
	-webkit-animation-name: drop;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	-webkit-animation-name: drop;

	animation-name: drop;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	animation-play-state: running;
}

.mouse-icon .wheel {
	position: relative;

	border-radius: 10px;

	background: #fff;

	width: 4px;

	height: 8px;

	top: 4px;

	display: block;

	margin-left: auto;

	margin-right: auto;
}

@-webkit-keyframes drop {
	0% {
		top: 5px;

		opacity: 0;
	}

	30% {
		top: 15px;

		opacity: 1;
	}

	100% {
		top: 35px;

		opacity: 1;
	}
}

@keyframes drop {
	0% {
		top: 5px;

		opacity: 0;
	}

	30% {
		top: 15px;

		opacity: 1;
	}

	100% {
		top: 35px;

		opacity: 0;
	}
}

@media only screen and (max-width: 991px) {
	.mouse-icon {
		display: none;
	}
}

/*faq*/

.faqCon {
	padding: 40px 0;
}

.faq-content {
	padding: 30px 30px 15px 30px;

	margin: 0;
}

.faq-content .card {
	min-height: auto;

	padding: 0;

	border-radius: 5px;
}

.faq-content .card:hover {
	transform: translate(0);
}

.faq-content .card > .card-header {
	background-color: #fff;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important;
}

.faq-content .more-less {
	float: right;

	margin-top: 2px;

	color: #ccc;

	font-size: 20px;
}

.faq-content .card {
	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px;

	text-decoration: none;
}

.faq-content .card-body {
	padding: 20px 20px 20px 20px !important;

	border: none !important;
}

.faq-content .card-header {
	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;
}

a.card-link {
	text-decoration: none;

	display: block;
	background: #f5f5f5;

	font-size: 16px;

	line-height: 24px;

	padding: 20px;

	color: #202f40;

	font-weight: 600;
}

a.card-link i {
	font-size: 14px;
}

.faq-content .card:hover {
	border-bottom: 1px solid #dbd6d2;
}

.faq-content .card-body ul {
	margin-top: 30px;

	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.faq-content {
		padding: 20px;
	}

	a.card-link {
		font-size: 16px;

		line-height: 20px;

		padding: 13px 15px 15px 15px;
	}

	.faq-content .card-body ul {
		margin-left: 30px;
	}
}

.videoSection {
	padding: 60px 0;
	background: #f5f5f5;
}

.videoSection .embed-responsive {
	background: #202f40;
	overflow: hidden;
	border-radius: 10px;
	border: 10px solid #202f40;
	border-top: 0;
	border-bottom: 0;
	margin-top: 20px;
}

/*team clasess*/

.teamCom .card .cardItems {
	display: block;
	text-align: left;
	padding: 10px;
}

.teamCom .card .cardItems p {
	margin: 0 0 0 0;
}

.teamCom .card .cardItems .left {
	float: left;
}

.teamCom .card .cardItems .social {
	float: right;
}

.teamCom .card .cardItems .social a:nth-child(3):after {
	display: none;
}

.teamCom .card .cardItems .social a:nth-child(3) {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	.teamCom .card .cardItems .left,
	.teamCom .card .cardItems .social {
		float: none;
		text-align: center;
	}

	.teamCom .card .cardItems .social {
		margin: 20px 0 0 0 !important;
	}

	.teamCom .card .cardItems .social a:nth-child(3) {
		margin-right: 17px;
	}
}

/*team clasess end*/

/*filter*/

.filter {
	padding: 15px 15px;
	border: 1px solid #ddd;
	margin-top: 10px;
}

.filter .available {
	font-size: 14px;

	float: left;

	margin: 5px 0 0 0;
}

.filter .btn-group {
	float: right;
}

.filter .btn-group .form-control {
	float: right;
	height: 36px !important;
	padding: 3px 10px;
	width: 200px;
}

.filter .btn-group .search {
	position: relative;
	margin-left: 10px;
	display: inline-block;
}

.filter .btn-group .search .searchBtn {
	position: absolute;
	right: 0;
	border: 0;
	background: none;
}

.filter .btn {
	height: 36px;
	line-height: 36px;
	margin-left: 10px;
}

.reviewDetails {
	background: #f5f5f5;
	padding: 30px 40px 45px 40px;
}

/*filter end*/

/*payment*/

.selectPayment {
	display: flex;
	flex-wrap: wrap;
}

.selectPayment .cols {
	width: 100%;
	border: 1px solid #ddd;
	padding: 15px 20px;
	margin-bottom: 10px;
}

.selectPayment .cols input[type="checkbox"],
input[type="radio"] {
	line-height: normal;
	display: inline-block;
	margin-top: 4px;
}

.selectPayment .cols:hover {
	background: #f5f5f5;
}

.selectPayment .cols label {
	margin-bottom: 0;
}

.selectPayment input[type="radio"] {
	margin-top: 3px;
}

.thankYou {
	text-align: center;
	margin: 60px 0;
}

.thankYou h3 {
	margin: 10px 0;
}

/*payment end*/

.cmsArea ul.serviceList {
	margin: 20px -0.5% 0 -0.5% !important;
}

.cmsArea ul.serviceList li {
	width: 48%;
	float: left;
	border: 1px solid #ddd;
	padding: 10px 15px 10px 30px !important;
	margin: 5px 0.5%;
	font-weight: 600;
}

.cmsArea ul.serviceList li:hover {
	background: #f5f5f5;
	border-left: 3px solid #e03f15;
}

.cmsArea ul.serviceList li:before {
	content: "";

	background: url(../images/disc.svg) no-repeat left;

	width: 8px;

	height: 8px;

	position: absolute;

	top: 18px;

	left: 15px;
}

.mediaObject {
	background: #fff;
	padding: 20px;
}

.mediaObject h4 {
	font-size: 20px;
}

.mediaObject p {
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
}

/*left Nav*/

.leftNav {
	background: #fff;
}

.leftNav a {
	line-height: 32px;

	padding: 10px 20px;

	display: block;

	background: #f5f5f5;

	text-decoration: none;

	font-weight: 600;

	font-size: 20px;

	color: #e03f15;

	margin: 7px 0;

	border: 0;

	border-radius: 10px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;
	font-family: "K2D", sans-serif;
}

.leftNav a:hover,
.leftNav a.active {
	background: #e03f15;

	color: #fff;
}

/*left nav end*/