@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..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: 'Amaranth', sans-serif; color:#000; font-weight: 700;}



body {

	margin: 0;

	padding: 0;

	font: 400 16px/24px 'Open Sans', sans-serif;

	color: #666;

	background: #fff;

}

.mt-0 {

	margin-top: 0 !important

}

.transEff {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .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: #000;

	font-weight: 600; font-family: 'Amaranth', sans-serif; 

}

.display-3:after {

	position: static;

	width: 90px;

	height: 3px;

	content: '';

	background: #000;

	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:30px;

	padding: 0 30px;

	font-family: 'Amaranth', sans-serif; 

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

}

.btn2 {

	height: 50px; font-family: 'Amaranth', sans-serif; 

	line-height: 48px;

	border-radius:30px;

	padding: 0 45px;

	border: 0; font-weight: 700;

	font-size: 20px;  

}

 

.btn-border {

	background: #fff !important;

	color: #012B4F !important; 

	border: 2px solid #012B4F !important;

	box-shadow: none !important

}

.btn-border:hover {

	background: #012B4F !important; color:#fff !important;

}





.btn-border2 {

	background: none !important;

	color: #fff !important; 

	border: 2px solid #EE481C !important;

	box-shadow: none !important;

}

.btn-border2:hover {

	background: #fff !important; color:#EE481C !important; border: 2px solid #fff !important;

}

 

 .btn-warning {

	background: #E03F15 !important;

	color: #fff !important;

	border: 0 !important;

	box-shadow: none !important

}

.btn-warning:hover {

	background: #D63A12 !important

}





.btn-light {

	background: #f5f5f5 !important;

	color: #E03F15 !important;

	border: 0 !important;

	box-shadow: none !important

}

.btn-light:hover {

	background: #f9f9f9 !important

}





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

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

.btn-link{color:#E03F15; font-weight: 400; font-family: 'Amaranth', sans-serif; text-decoration: underline;}

.btn-link:hover, .btn-link:focus{color:#E03F15; 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: 0;

	font-size: 18px; border:2px solid #000;

	color:#333; font-family: 'Amaranth', sans-serif; 

}

.form-control:focus {

	box-shadow: none !important;

	color: #E03F15; border:2px solid #E03F15;

}



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



select {

	height: 66px !important

}

.form-group {

	margin-bottom: 30px

}









#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 .3s;

	cursor: pointer;

}


.commanTitle {

	line-height: 52px;  font-size:44px; font-weight: 700;

}

 

@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: 767px) {
    
    
.commanTitle {

	line-height: 42px;  font-size:32px; font-weight: 700;

}

}



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

.commanBox {

	margin: 0;

	padding: 20px

}

}









header {

	height: auto; padding: 5px 0;

	position:absolute; background: #fff;

	width: 100%; z-index: 9; top:0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .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,.5);}

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



header .navbar {

	padding: 0;  

}





header .navbar-expand-lg .navbar-collapse{justify-content: end;}



header .navbar .navbar-collapse {

	flex-grow:1 !important;

	margin-left: 10px;

}

header .navbar .navbar-nav {

	float: left !important; margin-left: 20px;

}

header .navbar .navbar-nav li {

	padding: 0;

	margin: 0;

	position: relative !important

}

header .navbar .navbar-nav li a {

	font-size: 18px;

	color: #000;

	padding: 0 20px;

	font-weight: 500;

	height: 48px;

	font-family: 'Amaranth', sans-serif;

	line-height: 48px;

	text-decoration: none;

	display: block;  

	position: relative; background: none !important;

}



 header .navbar .navbar-nav li a:hover {

	color: #E03F15; 

}



header .navbar .navbar-nav li.active a{color: #E03F15;}





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: 0;

	z-index: 999;

	height: auto;

	background: #fff;

	position: absolute; overflow: hidden;

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

	display: none; border-radius: 20px;

}

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: #000;

	font-size: 16px;

	padding: 0 20px ;

	line-height: 46px;

	height: 46px;

	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: 130px;

	height: auto;  

	padding:0;

	margin: 0 0 -40px 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: #000;

	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: #000

}

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 {

	background: #fff;

	position: fixed;

	z-index: 97; top:0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

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

}

.header_fixer .navbar .navbar-nav li a {

	height: 48px;

	line-height: 48px;

}

.header_fixer .navbar-brand {

	max-width: 78px; 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;}

.btnMob{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 15px; width:auto; font-size: 21px;}

	 .rightBtn .btn1{padding:0;}





	

}



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

	.rightBtn{display: none;}
	.btnMob{display:block;}

	header .topBar{display: none;}

header { padding:10px 0;

	 

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

}

header .navbar {

	display: block

}

 
 
 
header .navbar-brand {

	max-width: 100px;

	height: auto;  

	padding:0;

	margin: 0 0 -30px 0; 

}

 	

	

 

header .iconsNav {

	border-left: 0;

	height: auto;

	padding-left: 0;

	position: absolute;

	right: 15px

}

header .iconsNav a {

	color: #fff;

	font-size: 20px;

	margin-left:5px; width: auto; height: 44px; display: inline-block; border-radius:30px;
	text-decoration: none; text-align: center; padding:0 20px; line-height:44px;

	 

}

	

	 

	

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: #000;

	transition: 0.5s;

	display: none

}

.sidenav .navbarHeader {

	background: #000;

	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: #E03F15;

}

.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: #000;

	font-size: 16px

}

.sidenav .navbarFooter {

	position: absolute;

	bottom: 0;

	width: 100%

}

.subLinkMob {

	background: #000;

	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:60px;

}



.sliderCon:after{background:url(../images/zigzag.svg) no-repeat center bottom; height: 82px; width: 101%; background-size:contain; 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:40%;  margin: 0;

  	  

}

.sliderCon .carousel-indicators li {

 	height: 19px; background: rgba(255,255,255,.4);

	width: 19px; padding: 0;

	border-radius: 100%; display: block;

	opacity: .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; top:50%; bottom:auto;

 	text-align: center;  transform: translate(0,-50%)

	 

}

.sliderCon .carousel-caption h2 {

	font-size: 66px;

 	line-height: 80px;  

	font-weight: 800;

 	color:#fff;  

 }

 

 

.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-caption{left: 0;

    right:0;}

}



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

 .sliderCon .carousel-indicators {

    

    bottom: 20px;

}

 

	

}



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

.sliderCon .carousel-caption h2 {

	font-size: 32px;

	line-height: 40px;

		 

	 

	 

}

 

 

}



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

.sliderCon .carousel-caption h2 {

	font-size: 24px;

	line-height: 26px;  

 

}

.sliderCon .carousel-caption{top:54%;}

	 

	 .sliderCon .carousel-caption .btn, .sliderCon .carousel-caption p {

	display:none;

	 

}

	 

	 

	

 

}





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

 

.sliderCon .carousel-indicators{top:30%; right:15px;}

	 .sliderCon:after{display:none;}

 

}

 
 

 





/*Welcome*/

.welcomeCon {

 	padding: 80px 0; text-align: center; background: #F0F0F0; margin-top: -3px;

}





 .welcomeCon .left{width:100%;}





.welcomeCon h2 {

 	line-height: 56px; font-size: 66px; font-weight: 800;  

		

}

.welcomeCon h2 span{font-weight: 500; font-size: 40px; display: block;} 



.welcomeCon p{margin-top: 35px; padding: 0 6%; font-size: 18px; line-height: 28px; }



.welcomeCon .btnCon{margin-top: 35px;}



 





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

	.welcomeCon h2 {

 	width: 100%;

}

}



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

 .welcomeCon{padding:60px 0;}
	

	.welcomeCon h2 {

 	line-height: 40px; font-size: 36px; width: 100%;

}

.welcomeCon h2 span{font-size:30px;}	 

		

}



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

	

	.welcomeCon{text-align: center;}

.welcomeCon .right{  width:100%; margin-top: 30px}

.welcomeCon .left{ width:100%; padding-left: 0;}

	 

.welcomeCon h2 span:after{display: none;}

.welcomeCon h2 {

 	line-height: 38px; font-size: 28px; width: 100%;

}

	

	.welcomeCon p{padding: 0; margin-top: 20px;} 

}













/*event clasess*/

  

.event{text-align: center; padding: 80px 0;}

.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;

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

		cursor:pointer; display: flex; align-items: center; justify-content: center; border-radius: 30px;

	    max-height:280px; margin: 20px 0;

	}





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



.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,.7), rgba(0,0,0,0));

			width: 100%;

			height:auto; font-family: 'Amaranth', sans-serif; 

			position: absolute;

			bottom:0; padding:20px 20px;

			left:0;  

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

			font-weight: 400;

			line-height: 20px;

			z-index: 2;

		} 



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


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

.event{text-align: center; padding: 60px 0;}
}


/*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,.08);}

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

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

@media only screen and (max-width:767px) {
    
    .programs{padding: 50px 0 60px;}

}

/*service clasess*/

  

 

.serviceCon .cols{width: 100%; float: left;}



.serviceCon .cols .flexBox{ display: flex; justify-content: center; flex-wrap: nowrap; overflow: hidden; color:#fff;}

.serviceCon .cols .flexBox .box { width: 50%; min-height: 300px;}

.serviceCon .cols .imgCon img{width: 100% }

.serviceCon .cols .textCon{background: #E03F15; padding:80px; }



.serviceCon {margin-left: -30px; margin-right: -30px;}







.serviceCon .cols .text-title{line-height: 52px; font-size: 44px; font-weight: 700; color:#fff; text-transform: uppercase;}

.serviceCon .cols ul{margin:30px 0 0 0; padding: 0 0 0 20px;}

.serviceCon .cols ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0;}



.serviceCon .cols .btn{margin-top: 40px;}

 .serviceCon .cols p{ margin-top: 25px; overflow: hidden;

     font-weight: 400;

    color: #fff;  }





.serviceCon .cols:nth-child(1) .flexBox, .serviceCon .cols:nth-child(3) .flexBox{flex-direction: row-reverse;}

 

.serviceCon .cols:nth-child(1) .textCon p{padding-right: 20%;}





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

 .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon{padding-left:80px;}

	.serviceCon .cols p, .serviceCon .cols:nth-child(2) p, .serviceCon .cols:nth-child(4) p{padding-right: 0;}

}



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

	

	 .serviceCon .cols .textCon, .serviceCon .cols:nth-child(1) .textCon, .serviceCon .cols:nth-child(3) .textCon{padding: 60px 30px;}



}



 

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

	.serviceCon .cols .text-title br{display: none;}

}



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

	.serviceCon .cols .text-title {

 	line-height: 44px; font-size: 36px; 

}

}





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

	.serviceCon .cols .flexBox{ display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden; color:#fff;}



	.serviceCon .cols .flexBox .box { width: 100%; min-height: 300px; text-align: center;}

 .serviceCon .cols .text-title {

 	line-height: 38px;

    font-size: 28px; 

}

}







/*profile*/



.profile{padding: 20px 0;}

.profile h4{font-size:38px; line-height: 50px; font-weight:700; margin-top: 20px;}

.profile .left{float: right; width: 50%; padding-left: 50px; margin-top: 60px;}

.profile .right{float: left; width: 50%; padding-right: 10px; margin-top: 60px;}

.profile .right p{line-height: 30px;}







/*profile end*/





/*section five*/

.sectionFive{background: #E03F15; padding:80px 0; text-align: center;}



.sectionFive .commanTitle{ color:#fff; font-weight: 400;}

.sectionFive .commanTitle strong{ font-weight: 700;}

.sectionFive p{color:#fff; margin-top: 25px; padding: 0 8%;}

/*section five end*/













/*welcoming*/

.welcoming{background: #000 url(../images/bg1.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}

.welcoming .contentCon{width: 58%;}

.welcoming p{background: rgba(0,0,0,.15); padding: 50px; color:#fff; margin-top: 40px;}



/*welcoming end*/



















/*why choose*/



.section4 {

	padding: 80px 0; background:#000 url(../images/newsBg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;

	 

}


  



.section4 .card {

  	display: block; border-radius:50px; overflow: hidden; border: 0; background: #fff;

	text-decoration: none; padding: 0;  

	text-align: left !important; margin:30px 0 0 0; min-height: 200px;

}

.section4 .card .cardIcon {

 	width: 100%; background: #ccc;

	height:auto;  margin: 0; display: flex; align-items: center; justify-content: center;

  overflow: hidden; border-radius:50px;

}



.resourcesCat .card {min-height: 200px;}







.section4 .card .cardIcon img {

	max-width: 100%;

	display: inline-block;

}

 

.section4 .card .cardItems {

	display:block; padding:40px;

	 

}



.section4 .card .cardItems h5{height:60px; overflow: hidden;}

.section4 .card .cardItems h5 a {  

	font-weight: 700; font-size: 20px;line-height: 28px; color:#000;

}

.section4 .card .cardItems p {

 	margin: 10px 0 0 0; height: auto; overflow: hidden;

}

  

  .section4 .card:hover .cardItems h5 a{color:#E03F15; text-decoration: underline;

}

.section4 .card .cardItems .time i{margin-right: 3px;}

.section4 .card .cardItems .time{font-size:16px; font-weight: 400; line-height: 20px; text-transform: uppercase; color: #999; height: auto; margin:0 0 15px 0; }





.resources{background: #f5f5f5; padding: 80px 0; margin: 0;}

.resources .card{background: #fff;}







.newsInside{background: none !important; padding: 40px 0 80px!important;}



.newsInside .card {

  background: #f5f5f5;

 

}

/*Volunteer*/



.volunteer {

	padding:70px 0; margin-top: 4px; background:#000 url(../images/vbg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;

	 

}





.volunteer .box{background:rgba(238, 72, 28,.9); padding: 50px; border-radius: 60px; width: 540px;}

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

.volunteer .box p{color:#fff; font-size: 20px; line-height: 28px; margin-top: 30px;}

.volunteer .btnBox{text-align: right; margin-top: -50px;}



@media only screen and (max-width: 1151px) {
    .volunteer .box{padding: 30px; border-radius: 60px; width: 40%;}
    .volunteer .box h2 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
}

.volunteer .box p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
}
}


@media only screen and (max-width: 991px) {
    .volunteer .box{padding: 30px; border-radius: 60px; width: 40%;}
    .volunteer .box h2 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}

.volunteer .box p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
}
}


@media only screen and (max-width: 767px) {
    .volunteer .box{padding: 30px; border-radius: 60px; width: 100%; text-align:center;}
    .volunteer .box h2 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}
.volunteer .box p{margin-top:10px;}
.volunteer .box h2 br{display:none;}
.volunteer .btnBox{margin-top:20px; float:none; display:block; text-align:center;}
 
}


@media only screen and (max-width: 599px) {
     
 
.volunteer .btnBox{margin-top:20px; float:none; display:block; text-align:center;}
.volunteer .btnBox .btn{display:block; text-align:center; margin:10px 0;}
 
 
}


/*testimonials classess*/



.tsCon{padding:80px 0; background:#FDE6E0;}



.tsBox {

 margin: 40px 0 0 0; position: relative; padding: 0 30px;

}

.tsBox .owl-prev{left:-40px; }

.tsBox .owl-next{right:-40px;}

.tsBox .owl-prev img, .tsBox .owl-next img{width: 14px; opacity: .6}

.tsBox .owl-prev, .tsBox .owl-next{width: 60px; height: 60px; background: rgba(255,255,255,.7); border-radius: 100%; border:1px solid #eee; text-align: center; padding: 16px; box-shadow:0 5px 13px 0 rgba(0,0,0,0.1); opacity: 1;}



.tsBox .item{padding: 15px ;}

.tsBox .inner{text-align: center; background:#fff; border-radius: 30px; padding:10px 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px 0px rgba(0,0,0,.08); min-height: 170px;

}

.tsBox .inner img{max-width: 100%;}



.tsBox h3  {

    font-size: 24px;

    line-height: 32px;

    font-weight: 700;

    margin-top: 0;

}

.tsBox p{ font-style: italic; font-size: 18px; line-height: 28px; font-weight: 500; margin-top: 25px;}

.tsBox .clientName{font-size: 16px; font-weight: 700; margin-top: 20px;}

  

 





.tsCon .rows{display: flex;  align-items:flex-end; flex-wrap: wrap;}

.tsCon .rows div{width: 40%;}

.tsCon .rows div.right{width: 60%; text-align: right;}

.tsCon .padding{padding-top:60px; padding-bottom: 70px;}

.tsCon .btn-link{color:#fff; font-weight: 600;}

.tsCon .btn-link i{font-size: 24px; vertical-align: middle; margin-left: 5px;}





.tsBoxinside{padding: 0; background: none;}

.tsBoxinside .tsBox {

	margin:0; padding:0;}

 

.tsBoxinside .tsBox .inner{border:2px solid #ddd; padding: 40px; margin: 25px 0; position: relative;}

.tsBoxinside .tsBox h3{margin: 0;}



.tsBoxinside .tsBox .inner:before{background:url(../images/tsQuote2.svg) no-repeat left top; position: absolute; content:""; width:150px; height: 100px; left: 50px; top:35px; }









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

	

	.tsCon .rows div{width: 45%;}

.tsCon .rows div.right{width: 55%; text-align: right;}

}



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

	

	.tsCon .rows div{width: 50%;}

.tsCon .rows div.right{width: 50%; text-align: right;}

}



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

	.tsCon .rows{text-align: center;}

	.tsCon .rows div{width: 100%;}

.tsCon .rows div.right{width: 100%; text-align: center; margin-top: 20px;}

	.tsCon h2{width: 100%; font-size: 32px; line-height: 40px;}

	.tsCon h2 span:after{display: none;}

}

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

}





/*clinical service*/

.clinicalService{background: #f5f5f5; padding: 80px 0;}

.clinicalService h2{font-size: 48px;}

.clinicalService p{margin-top: 30px;}



/*clinical service end*/







/*supporters*/

.supporters{background: #000 url(../images/sBg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 60px 0; text-align: center;}

.supporters img{max-width:600px;}
@media only screen and (max-width: 767px) {
    .supporters img{max-width:80%;}
}


/*welcoming*/

.servicesOffered{background: #000 url(../images/bg2.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}

.servicesOffered .contentCon{width: 55%;}

.servicesOffered .contentCon .inner{background: rgba(0,0,0,.3); padding: 50px; margin-top: 40px;}

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



.servicesOffered .inner ul{margin:30px 0 0 0; padding: 0;}

.servicesOffered .inner ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0; color:#fff; list-style: none; position: relative; padding-left: 20px;}

.servicesOffered .inner ul li:before{content:""; background: url(../images/disc.svg) no-repeat left; width: 8px; height: 8px; position: absolute; top:9px;  left: 0; }



.servicesOffered .btnCon{text-align: right; margin-top: -44px;}

/*welcoming end*/







/*org services*/

.orgServices{background:#f2f2f2; padding: 80px 0;}

.orgServices p{margin-top: 30px;}

.orgServices .btnCon{text-align: right; margin-top:40px;}



/*org services end*/





/*how does he do it*/



.howDoes{background: #000 url(../images/bg2.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding: 130px 0;}

.howDoes .contentCon{width: 100%;}

.howDoes .contentCon .inner{background: rgba(0,0,0,.3); padding: 50px; margin-top: 40px;}

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



.howDoes .inner ul{margin:30px 0 0 0; padding: 0;}

.howDoes .inner ul li{font-weight: 600; width: 48%; float: left; margin: 3px 0; color:#fff; list-style: none; position: relative; padding-left: 20px;}

.howDoes .inner ul li:before{content:""; background: url(../images/disc.svg) no-repeat left; width: 8px; height: 8px; position: absolute; top:9px;  left: 0; }



.howDoes .btnCon{text-align: right; margin-top: -44px;}

/*how does he do it end*/







/*section five clasess*/

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

.sectionSix h4{ color:#fff; line-height: 40px; font-size: 26px; padding: 0 4%;}

.sectionSix h3{margin-top: 50px; color:#3BBFAA; font-weight: 700; font-size: 40px; line-height: 50px;}

.sectionSix .form-con{margin-top: 40px;}

.sectionSix .form-con .btn-warning{height: 60px; line-height: 60px;} 





 





::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #999 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #999 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #999 !important;

}

:-moz-placeholder { /* Firefox 18- */

  color: #999 !important;

}







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

	.sectionSix .inner p{width:80%; }

	

}



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

	

	.sectionSix .inner h3{width:100%; text-align: center; padding: 0; border: 0;}

	.sectionSix .inner p{color:#fff; font-size: 16px; padding:0; line-height: 24px; margin-top: 20px; width: 100%;}

.sectionSix{padding: 60px 0;  }

	.sectionSix .inner{ flex-wrap: wrap; text-align: center;} 

	.sectionSix .inner .btn{margin-top: 30px;}

 }







/*footer*/



.footer {

	background:#000;

	padding: 70px 0 60px;

	margin-top: 0;

	position: relative; color:#fff; font-family:  'Amaranth', sans-serif;

}





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



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

.footer .row1 .col .links a{color:#fff;}



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

 .footer .row1 .col:nth-child(2){margin-top: 30px;}



.footer .row1 .col:nth-child(3){width: 27%; margin-top: 30px;}



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

 





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

 .footer .contact a{color:#fff; font-weight: 700;}

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



 .social a {

	display: inline-block;

  text-align: center;

  	margin: 5px;  

	 

}



 



 

.copyrightText {

	padding: 30px 0 0 0;

 	color: #fff; font-weight: 300;  text-transform: uppercase; 

	 

}



.copyrightText a{color:#fff;}

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

.copyrightText1 strong{font-weight: 600;}

.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{padding:0;}
    
    
    
}


@media only screen and (max-width: 1151px) {
    .footer .row1 .col:nth-child(1){width:10%;}
  .footer .row1 .col:nth-child(1) img{width:80px !important; margin-top:12px;}
    
    .footer .row1 .col:nth-child(3) {
    width: 35%;
    margin-top: 30px;
    padding-left: 30px;
}
    
}


@media only screen and (max-width: 991px) {
    .footer .row1 .col{width:100% !important; display:block; float:none; text-align:center; padding:0 !important;}
  .footer .row1 .col:nth-child(1) img{width:80px !important; margin-top:12px;}
    
  .footer .social span{display:block; padding:0 5px 10px 5px;}

.footer .row1 .col:nth-child(4){text-align:center;}

.footer {
 padding: 50px 0 50px;
 

}
    
}




/*footer end*/



.mybannerinside {

	min-height: auto;

	display: flex;

	width: 100%;

	justify-content: center;

	position: relative;

	align-items: center;

	padding: 140px 0 40px;

}





.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: 36px; line-height: 46px;

	 

}

.bannerContentInside p {

	color: #fff;

	font-size: 18px;

	line-height: 32px;

	margin-top: 30px;

}



/*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: #000;

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

}

.modal-content .modal-title2 {

	color: #000;

	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: #000

}

.formTitle {

	color: #000;

	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: #000

}

.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 0 70px 0;}





.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: 24px;

	line-height: 34px;

 	margin: 0;

	font-weight: 700;

 }





 

 

.cmsArea hr {

	border-color: #eee;

	margin: 25px 0

}





.cmsArea p strong{color:#000;}

.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: 16px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;
	margin:8px 0;

}

.cmsArea ol li strong{color:#000;}


.cmsImg {

	margin: 40px auto;

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

	 

}

.cmsImg2{display:block; width:100px; float:right; margin:20px 0 0 10px;}


.cmsImg img {

	display: inline-block !important

}





.table-striped tbody tr:nth-of-type(odd){background-color: rgba(59,191,170,.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

}

}

.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: #000;

	font-weight: 700;

}

.contactCon figcaption p {

	font-size: 20px;

	line-height: 30px;

 	padding: 0 45% 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: #E03F15;

	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

}

 

	

	

}



@media screen and (max-width: 767px) {
    
    
    .contactCon figcaption p{padding:0;}

.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; padding:0;

	line-height: 22px;

	padding: 0

}

.contactCon .officeBox figcaption a {

	font-size: 14px

}

}

.rightFormBox h3 {

	font-size: 18px;

	color: #000;

	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: #000;

	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:#000; overflow:hidden; border-radius:10px; border:10px solid #000; 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 -.5% 0 -.5% !important;}

.cmsArea ul.serviceList li{width: 48%; float: left; border:1px solid #ddd; padding: 10px 15px 10px 30px !important; margin: 5px .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 .3s;

	-webkit-transition: all linear .3s;

	-moz-transition: all linear .3s;

	-ms-transition: all linear .3s; font-family: 'Amaranth', sans-serif;

}

.leftNav a:hover, .leftNav a.active {

	background: #E03F15;

 	color: #fff;

}

/*left nav end*/



/*media */

.media{border-radius: 30px; padding:50px; margin-bottom: 30px;}
.donateForm{background:#f2f2f2; padding:40px;}