select {
	background: #f3f3f3;
	color: #000;
	border: none;
	box-shadow: inset 0 1px 0px #006cb5; 
	height: 40px;
}
.con-form{
	padding: 5% 5% 2% 5%;
}
.pt0{
	padding-top: 0px!important;
}
p {
	font-family: 'Lato', sans-serif;
}
.country-dd, .state-dd, .donate-dd, .amount-dd, .cc-dd{
	background: #f3f3f3;
	color: #000;
	height: 6vh;
	border: none;
	box-shadow: inset 0 1px 0px #006cb5;
	width: 100%;
}
.donate-form-box{
	margin-top: 3%;
	margin-bottom: 3%;
	box-shadow: 0px 0px 14px -4px #949494;
}
.donate-form-box h6 {
	font-size: 13px;
	text-transform: initial;
	color: #006cb5;
	font-weight: 600;
}
.pl0{
	padding-left: 0px;
}
.work-icons{
	background: linear-gradient(133deg, rgba(0,108,181,1) 40%, rgba(117,222,255,1) 100%);
	padding: 2% 0% 0% 0%;
	margin-bottom: 2%;
}

.background-sec-porfolio{
	height: auto;
	background: url(../img/homepage/work-banner.jpg);
	background-size: cover;
	background-position-y: 40%;
}
.work-line{
	text-transform: capitalize;
	text-align: left!important;
	font-size: 40px;
	padding: 2% 0% 0% 8%;
	font-family: 'Cinzel', serif;
	font-weight: 500;
}
.ori-bg{
	background-image: url(../img/homepage/founder1.png);
	background-size: cover;
}

.tntc{
	margin-top: 11%;
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
	font-family: 'Cinzel', serif;
	font-size: 25px;
}

.ff-c{
	font-family: 'Cinzel', serif;
}
.nb-icon{
	position: absolute;
	bottom: 6%;
	right: -20%;
}
.ban-view {
	width: auto;
}

.white{
	color: #fff!important;
}

.blue{
	color: #006cb5!important;
}
.blue-bg{
	background: #006cb5!important;
}
.purple-bg{
	background: #401fa9!important;
}

.light-blue{
	color: #78dbfc!important
}
.black{
	color: #000!important;
}

.p0{
	padding: 0px;
}

.fw-7{
	font-weight: 700;
}

.ban-line{
	display: table-cell;
	vertical-align: middle;
	writing-mode: vertical-rl;
	float: right;
	font-size: 30px;
	color: #fff;
	font-weight: 100;
	font-family: 'Cinzel', serif;
	border-left: 2px solid #fff;
	padding-left: 25px;
}

.carousel-control.right{
	background: none!important;
}

.carousel-control.left{
	background: none!important;
}

.about-line{
	transform: rotate(180deg);
	writing-mode: tb-rl;
	float: left;
	font-size: 40px;
	color: #fff;
	text-transform: capitalize;
	text-align: left;
	padding-top: 35%;
}

.hist-line{
	text-transform: capitalize;
	text-align: left!important;
	font-size: 45px;
	padding: 1%;
	/*margin-top: -5%;*/
}

.wrk-line{
	text-transform: capitalize;
	text-align: center;
	font-size: 50px;
	padding: 5%;
}

.join-line{
	text-transform: capitalize;
	text-align: left!important;
	font-size: 40px;
	font-family: 'Cinzel', serif;
	font-weight: 500;	
}

.ju-text{
	font-family: 'Cinzel', serif;
	font-size: 25px!important;
	font-weight: 500;
	color: #3d77b8;
}

.ban-side-text{
	padding: 20% 25% 0 0%;
}

.ban-side-text h5{
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 600;
	font-family: 'Cinzel', serif;
}

.ban-side-text h4{
	font-size: 23px;
	color: #fff;
	text-transform: inherit;
	letter-spacing: 1px;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
}

.about-text-box{
	padding: 10% 5% 10% 5%;
}

.about-text-box p {
	color: #fff;
	font-size: 17px;
}

.cl-thumbs img {
	width: 40%;
}


.slide-text img {
	width: 10%;
}

.slide-text h3 {
	margin-bottom: 0;
	margin-top: 2%;
	color: #fff!important;
}

.pt5{
	padding-top: 5%!important;
}

.btn-default.blue-style{
	background-color: #3d77b8;
	color: #ffffff;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding: 13px 25px;
	font-size: 14px!important; 
	font-family: 'Cinzel', serif;
}

.btn-default.blue-style:hover {
	box-shadow: 4px 4px 5px -2px #636363;
}

.carousel-indicators{
	bottom: 0;
	top: 60%;
}
.join-img{
	box-shadow: 5px 5px 10px -5px #000;
}

.top-nav-line #menu-open .icon-bar {
	background: #006cb5!important;
}
.p-head{
	padding-top: 1%;
	color: #006cb5!important;
	margin-bottom: 1%;
	padding-left: 2%;
}
.p-content{
	font-size: 1.57143rem;
	color: white;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1.70;
	background:#fff;
	padding: 2% 2% 2% 2%;
	height: 60vh!important;
}

.p-content ul > li {
	color: #000;
	letter-spacing: 0px;
	font-size: 18px;

}

.mh-title{
	padding-top: 10%;
	color: #fff;
}

.ptb80{
	padding-bottom: 80px;
	padding-top: 80px
}

.pt7{
	padding-top: 7%;
}

.logo-mini {
	margin: 20px 0 0 40px;
}

.form-head{
	font-family: 'Cinzel', serif;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 24px;
	color: #006cb5;
}


.pt10{
	padding-top: 10%;
}

.medi-img{
	width: 10%;
}

.ft-bg{
	background: linear-gradient(133deg, rgba(0,108,181,1) 40%, rgba(117,222,255,1) 100%);
}

.abt-title{
	font-family: 'Crimson Text', serif;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 30px;
	color: #006cb5!important;
}

#about-us-content p {
	font-size: 17px;
	line-height: 1.6;
	font-weight: 100;
	text-transform: inherit;
	font-family: 'Lato', sans-serif;
	color: #666666;
	text-align: justify;
}
#about-us-content h5 {
	color: #006cb5;
	font-size: 26px;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	font-family: 'Cinzel', serif;
}
.fw8{
	font-weight: 800;
}

.about-box{
	padding: 3% 3% 0% 3%;
}
.mail-line{
	font-weight: 600;
	color: #006cb5;
	padding-left: 5px;
}

#myTabContent ul > li {
	font-size: 16px;
	line-height: 1.5;
}

.donate-btn-menu{
	display: block;
	margin: 3% 25% 0 25%;
	font-size: 15px!important;
}

.medi-content ul li {
	font-size: 17px!important;
	/*color: #fff;*/
	text-align: justify;
}

.medi-content img {
	display: block;
	margin: 0 40%;
}

.medi-content h5 {
	text-align: left;
	color: #006cb5;
	font-family: 'Cinzel', serif;
	margin-bottom: 2%;
	margin-top: 3%;
}
.medi-content p {
	font-size: 17px!important;
	text-align: justify;
	line-height: 1.5;
}
.pt4{
	padding-top: 4%;
}


.medi-content{
	/*background: linear-gradient(133deg, rgba(0,108,181,1) 40%, rgba(117,222,255,1) 100%);*/
	/*min-height: 65vh;*/
}

.medi-content ul {
	padding-left: 40px;
}


.pt3{
	padding-top: 3%;
}

.pb3{
	padding-bottom: 3%;
}

.header-box {
	background: #fff!important;
}

.don-line{
	font-size: 18px;
	text-align: center;
	line-height: 26px;
	background: #ededed;
	padding: 10px;
	font-weight: 300;
	color: #424242;
	margin-top: 10%;
	font-family: 'Crimson Text', serif;
	text-transform: initial;
}

.social-footer-links ul li {
	display: inline-block;
	margin-bottom: 0px;
}

.social-footer-links ul
{
	margin: 0px;
}
.mes-video{
	width: 100%;
	background: #000;
	box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.75);
}
.mes-img{
	box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.75);
	margin: 0 auto;
	display: block;
}
.foodmenu-img{
	box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.75);
	margin: 0 auto;
	display: block;
	width: 30%;
}
.fm-btn{
	margin: 3% auto;
	display: block;
	width: 18%;
}
.welfare-video {
	width: 100%;
	background: #000;
	height: 86vh;
}
.receipe-book-order-btn{
	font-size: 15px!important;
	text-align: left!important;
	font-weight: 600!important;
	text-transform: capitalize!important;
	font-family: 'Raleway', sans-serif!important;
	padding-top: 0%!important;
}
.rb-head{
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}
.bg-blue{
	background: #006cb5;
}
.close-btn{
	color: #fff;
	font-size: 30px;
	opacity: 1;
	font-weight: 400;
}
.rb-btn{
	display: block;
	margin: 0 auto;
}
.work-para{
	text-align: left;
	font-size: 18px;
	padding-top: 5%;
}
.work-head{
	font-size: 20px;
	text-transform: none;
	font-weight: 600;
	color: #006cb5;
	margin-bottom: 2%;
	font-family: 'Cinzel', serif;
}
.ml5{
	margin-left: 5%!important;
}
.ml0{
	margin-left: 0%!important;
}

.ml12{
	margin-left: 12%;
}
.work-icons img {
	display: block;
	margin:0 auto;
	width: 50%;
}
.work-icons h5 {
	text-align: center;
	font-size: 16px;
	padding-top: 15px;
	text-transform: capitalize;
	font-weight: 100;
	color: #fff;
	font-family: 'Lato', sans-serif;
}
.phase-approch-head{
	font-size: 20px;
	margin-top: 6%;
	text-transform: none;
	font-weight: 600;
	color: #006cb5;
	margin-bottom: 2%;
	text-align: left;
	margin-left: -1%;
	font-family: 'Cinzel', serif;
}
.phase-approch ul > li {
	text-align: justify;
	font-size: 16px;
}
.phase-approch span {
	font-weight: 600;
}
.phase-approch p {
	font-size: 18px;
	text-align: justify;
}


/*timeline*/

.experience h4 {
	text-align: center;
}

.experience {
	width: 100%;
	height: 60vh;

}

.experience h5 {
	color: #008080;
	font-size: 22px;
	text-transform: uppercase;
}

.experience ol,
.experience ul {
	list-style: none;
}

.experience a {
	text-decoration: none;
}

.experience img {
	width: 25%;
	float: right;
}

.experience .fa {
	color: #40E0D0;
	font-size: 35px;
}

.experience .fa-users {
	font-size: 30px;
}

.cd-horizontal-timeline {
	opacity: 0;
	margin: 2em auto;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
	/* never visible - this is used in jQuery to check the current MQ */
	content: 'mobile';
	display: none;
}

.cd-horizontal-timeline.loaded {
	/* show the timeline after events position has been set (using JavaScript) */
	opacity: 1;
}

.cd-horizontal-timeline .timeline {
	position: relative;
	height: 100px;
	width: 100%;
	/*  max-width: 425px; */
	margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
	position: relative;
	height: 100%;
	margin: 0 40px;
	overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
	/* these are used to create a shadow effect at the sides of the timeline */
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	height: 100%;
	width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
	left: 0;
	/*background-image: -webkit-linear-gradient( left, #f8f8f8, rgba(248, 248, 248, 0));*/
	/*background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
}

.cd-horizontal-timeline .events-wrapper::after {
	right: 0;
	/*background-image: -webkit-linear-gradient( right, #f8f8f8, rgba(248, 248, 248, 0));*/
	/*background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
}

.cd-horizontal-timeline .events {
	/* this is the grey line/timeline */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 80px;
	height: 2px;
	/* width will be set using JavaScript */
	background: #dfdfdf;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
	/* this is used to create the green line filling the timeline */
	position: absolute;
	z-index: 1;
	left: -10%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #58c3ff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	font-size: 1.3rem;
	padding-bottom: 15px;
	color: #383838;
	/* fix bug on Safari - text flickering while timeline translates */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
	/* this is used to create the event spot */
	content: '';
	position: absolute;
	left: 0%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -5px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background-color: #f8f8f8;
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
	background-color: #008080;
	border-color: #008080;
}

.cd-horizontal-timeline .events a.selected {
	pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
	background-color: #58c3ff;
	border-color: #58c3ff;
}

.cd-horizontal-timeline .events a.older-event::after {
	border-color: #58c3ff;
	background: #58c3ff;
	/*animation: pulse 1s infinite;*/
}
	/*.cd-horizontal-timeline .events a.older-event img::after {
		animation: pulse 1s infinite;
		}*/
		.event-text {
			font-size: 18px!important;
			text-transform: unset;
			font-weight: 600;
			color: #fff!important;
		}

		@media only screen and (min-width: 1100px) {
			.cd-horizontal-timeline {
				margin: 3em auto;
			}
			.cd-horizontal-timeline::before {
				/* never visible - this is used in jQuery to check the current MQ */
				content: 'desktop';
			}
		}

		.cd-timeline-navigation a {
			/* these are the left/right arrows to navigate the timeline */
			position: absolute;
			z-index: 1;
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			height: 34px;
			width: 34px;
			border-radius: 50%;
			border: 2px solid #dfdfdf;
			/* replace text with an icon */
			overflow: hidden;
			color: transparent;
			text-indent: 100%;
			white-space: nowrap;
			-webkit-transition: border-color 0.3s;
			-moz-transition: border-color 0.3s;
			transition: border-color 0.3s;
		}

		.cd-timeline-navigation a::after {
			/* arrow icon */
			content: '';
			position: absolute;
			height: 16px;
			width: 16px;
			left: 50%;
			top: 50%;
			bottom: auto;
			right: auto;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
			-o-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background: url(../img/cd-arrow.svg) no-repeat 0 0;
		}

		.cd-timeline-navigation a.prev {
			left: 0;
			-webkit-transform: translateY(-50%) rotate(180deg);
			-moz-transform: translateY(-50%) rotate(180deg);
			-ms-transform: translateY(-50%) rotate(180deg);
			-o-transform: translateY(-50%) rotate(180deg);
			transform: translateY(-50%) rotate(180deg);
		}

		.cd-timeline-navigation a.next {
			right: 0;
		}

		.no-touch .cd-timeline-navigation a:hover {
			border-color: #008080;
		}

		.cd-timeline-navigation a.inactive {
			cursor: not-allowed;
		}

		.cd-timeline-navigation a.inactive::after {
			background-position: 0 -16px;
		}

		.no-touch .cd-timeline-navigation a.inactive:hover {
			border-color: #dfdfdf;
		}

		.cd-horizontal-timeline .events-content {
			position: relative;
			width: 100%;
			margin: 2em 0;
			overflow: hidden;
			-webkit-transition: height 0.4s;
			-moz-transition: height 0.4s;
			transition: height 0.4s;
		}

		.cd-horizontal-timeline .events-content li {
			position: absolute;
			z-index: 1;
			width: 100%;
			left: 0;
			top: 0;
			-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			-o-transform: translateX(-100%);
			transform: translateX(-100%);
			padding: 0 5%;
			opacity: 0;
			-webkit-animation-duration: 0.4s;
			-moz-animation-duration: 0.4s;
			animation-duration: 0.4s;
			-webkit-animation-timing-function: ease-in-out;
			-moz-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
		}

		.cd-horizontal-timeline .events-content li.selected {
			/* visible event content */
			position: relative;
			z-index: 2;
			opacity: 1;
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}

		.cd-horizontal-timeline .events-content li.enter-right,
		.cd-horizontal-timeline .events-content li.leave-right {
			-webkit-animation-name: cd-enter-right;
			-moz-animation-name: cd-enter-right;
			animation-name: cd-enter-right;
		}

		.cd-horizontal-timeline .events-content li.enter-left,
		.cd-horizontal-timeline .events-content li.leave-left {
			-webkit-animation-name: cd-enter-left;
			-moz-animation-name: cd-enter-left;
			animation-name: cd-enter-left;
		}

		.cd-horizontal-timeline .events-content li.leave-right,
		.cd-horizontal-timeline .events-content li.leave-left {
			-webkit-animation-direction: reverse;
			-moz-animation-direction: reverse;
			animation-direction: reverse;
		}

		.cd-horizontal-timeline .events-content li > * {
			max-width: 800px;
			margin: 0 auto;
		}

		.cd-horizontal-timeline .events-content em {
			display: block;
			font-style: italic;
			margin: 10px auto;
			font-size: 16px;
			color: #778899;
		}

		.cd-horizontal-timeline .events-content p {
			font-size: 15px;
			color: #333;
		}

		.cd-horizontal-timeline .events-content em,
		.cd-horizontal-timeline .events-content p {
			line-height: 1.6;
		}

		@media only screen and (min-width: 310px) and (max-width: 330px) {
			.rb-l {
				left: 0%!important;
				top: 60%!important;
			}
			.wel-r {
				left: 0%!important;
				top: 78%!important;
			}
			#about-us .cont-a-text-box {
				padding: 40px 15px;
			}
			.contact-form {
				padding: 0 0px;
			}
			.donate-form-box{
				padding: 0% 5% 0% 5%;
			}
			.direction-l .flag:before, {
				left: 53%!important;
			}
			.con-form{
				padding: 5% 10% 2% 10%;
			}
			.medi-content img {
				display: block;
				margin: 0 0%;
				width: 30%;
			}
			.other-work-link h3 {
				font-size: 22px!important;
				padding-top: 20%!important;

			}
			.medi-content ul {
				padding-left: 10px!important;
				font-size: 17px!important;
				text-align: justify;
				line-height: 1.5;
				font-family: 'Lato', sans-serif;
				list-style-type: disc;
			}





		}

		@media only screen and (min-width: 300px) and (max-width: 767px) {
		    .foodmenu-img{
				width: 100%;
			}
			.fm-btn{
				width: 70%;
				margin: 5% auto;
			}
			.other-work-link .pt0 {
				padding-top: 25px!important;
			}
			.pt3-mob{
				padding-top: 3%;
			}
			.pt4-mob{
				padding-top: 4%;
			}
			.rb-l {
				left: 0%!important;
				top: 60%!important;
			}
			.wel-r {
				left: 0%!important;
				top: 78%!important;
			}
			.medi-content img {
				display: block;
				margin: 0 0%;
				width: 30%;
			}

			ul{
				list-style-type: none;
			}
			.tt-mob img {
				display: block;
				margin: 0 auto;
				width: 20%;
				padding-bottom: 8%;
			}
			.tt-mob h4 {
				text-align: center;
			}
			.tt-mob p {
				text-align: center;
				color: #fff;
				font-size: 18px;
			}
			.tntc{
				margin-top: 10%;
			}
			.ban-side-text h4 {
				font-size: 19px;
				color: #fff;
				text-transform: initial;
				letter-spacing: 1px;
				font-weight: 600;
				font-family: 'Lato', sans-serif;
			}
			.ori-bg {
				background-image: url(../img/homepage/founder1.png);
				background-size: contain;
				background-repeat: no-repeat;
			}
			.primary-banner .video-box {
				min-height: 85vh!important;
			}
			.other-work-link img {

				width: 30%!important;
			}



			.cd-horizontal-timeline .events-content h4 {
				font-size: 22px;
			}
			.cd-horizontal-timeline .events-content em {
				font-size: 16px;
			}
			.cd-horizontal-timeline .events-content p {
				font-size: 15px;
			}

			.cd-horizontal-timeline .events .mob-2dot{
				margin-left: -5%!important;
			}
			.cd-horizontal-timeline .events .mob-3dot{
				margin-left: -10%!important;
			}
			.cd-horizontal-timeline .events .mob-4dot{
				margin-left: -15%!important;
			}
			#about-us h5 {
				margin-bottom: 0!important;
			}
			.ml22 {
				margin-left: -10%!important;
			}
			.social-footer-links {
				padding: 0px 0px 10px 0;
				float: none;
			}
			.header.menu-sidebar.minimized-menu .menu-box{
				height: 100vh!important;
			}
		}

		@media only screen and (max-width: 535px) {
			.rb-l {
				left: 0%!important;
				top: 60%!important;
			}
			.wel-r {
				left: 0%!important;
				top: 78%!important;
			}
			.experience img {
				visibility: visible;
			}
			.cd-horizontal-timeline .events-wrapper {
				margin: 0 -280px;
			}
		}

		@-webkit-keyframes cd-enter-right {
			0% {
				opacity: 0;
				-webkit-transform: translateX(100%);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateX(0%);
			}
		}

		@-moz-keyframes cd-enter-right {
			0% {
				opacity: 0;
				-moz-transform: translateX(100%);
			}
			100% {
				opacity: 1;
				-moz-transform: translateX(0%);
			}
		}

		@keyframes cd-enter-right {
			0% {
				opacity: 0;
				-webkit-transform: translateX(100%);
				-moz-transform: translateX(100%);
				-ms-transform: translateX(100%);
				-o-transform: translateX(100%);
				transform: translateX(100%);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateX(0%);
				-moz-transform: translateX(0%);
				-ms-transform: translateX(0%);
				-o-transform: translateX(0%);
				transform: translateX(0%);
			}
		}

		@-webkit-keyframes cd-enter-left {
			0% {
				opacity: 0;
				-webkit-transform: translateX(-100%);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateX(0%);
			}
		}

		@-moz-keyframes cd-enter-left {
			0% {
				opacity: 0;
				-moz-transform: translateX(-100%);
			}
			100% {
				opacity: 1;
				-moz-transform: translateX(0%);
			}
		}

		@keyframes cd-enter-left {
			0% {
				opacity: 0;
				-webkit-transform: translateX(-100%);
				-moz-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				-o-transform: translateX(-100%);
				transform: translateX(-100%);
			}
			100% {
				opacity: 1;
				-webkit-transform: translateX(0%);
				-moz-transform: translateX(0%);
				-ms-transform: translateX(0%);
				-o-transform: translateX(0%);
				transform: translateX(0%);
			}
		}

		.mar-bt40{
			margin-bottom: 40px;
		}
		.work-side-text h5 {
			text-transform: uppercase;
			font-weight: 600;
			color: #006cb5;
			letter-spacing: 1px;
			font-size: 18px;
			text-align: left;
			font-family: 'Cinzel', serif;
		}
		.mrbt60{
			margin-bottom: 60%;
		}
		.mrbt40{
			margin-bottom: 40%;
		}
		.work-side-text{
			padding-left: 20px;
		}
		.ml22{
			margin-left: 22%;
		}
		.tl-1{
			position: relative!important;
			left: -12%!important;
			float: none!important;
			top: 3px;
		}
		.fp-layer{
			background:linear-gradient(0deg, rgba(97,94,210,1) 15%, rgba(63,80,198,1) 60%);
		}
		.origin-img{
			background-image: url(../img/homepage/founder1.png);
			background-size:contain!important;
		}


		/*/ end about work experience /*/
		/*i pads*/


		@media only screen and (min-width: 768px) and (max-width: 1024px)	and (orientation: portrait) 
		and (-webkit-min-device-pixel-ratio: 2)  {

			.ps-timeline-sec{
				margin-top: -55%;
			}
			.ori-bg {
				background-image: url(../img/homepage/founder1.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position-y: 25%;
			}
			.ps-timeline-sec .container ol.ps-timeline{
				margin: 35% 0!important;
			}



			.ml22 {
				margin-left: 7%!important;
			}
			.social-footer-links ul li{
				margin: 0px 5px;
			}
			.corp {
				font-size: 11px;
			}
			.work-side-text {
				padding-left: 0!important;
			}
			.work-side-text h5{
				font-size: 16px!important;
			}

			.ban-side-text {
				padding: 70% 25% 0 0%;
			}

			.ban-line{
				margin-top: 60%;
				font-size: 22px;
			}

			.ban-side-text h4 {
				font-size: 20px;
			}

			.ban-side-text h5
			{
				font-size: 20px;
			}

			.next-sections{
				bottom: 25%;
			}

			.primary-banner-center-box > .container-fluid > .row > div .background {
				height: 80vh!important;
			}

			#about-us{
				margin-top: -30%;
			}

			.about-line {
				margin-top: -30%;
				font-size: 30px;
				margin-left: 39%;
			}

			#about-us .cont-a-text-box {
				padding: 5% 17px;
			}

			.primary-banner-center-box{
				height: 70%;
			}



			#about-us .big-text{
				font-size:15px!important;
			}

			#milestones{
				margin-top: -43%;
			}

			.abt-cont{
				height: 70%!important;
			}

			.cd-horizontal-timeline .events-wrapper{
				margin: 0 -15%;
			}

			.dividing-block.sample-3 h5 {
				font-size: 11px!important;
			}

			.isotope{
				min-height: 285px!important;
			}


			.top-nav-line #menu-open{
				margin: 10px!important;
			}

			.mh-title {
				padding-top: 20%;
			}


			.ju-text{
				font-size: 28px!important;
			}

			.ban-view {
				width: 160%;
				height: auto;
			}

			.carousel-indicators {
				bottom: 0;
				top: 80%;
				left: 30%;
			}
			.cd-horizontal-timeline .events-wrapper {
				margin: 0 -25%;
			}
			.phase-approch{
				padding: 20px;
			}
		}

		@media only screen 
		and (min-width: 768px) 
		and (max-width: 1024px) 
		and (orientation: landscape) 
		and (-webkit-min-device-pixel-ratio: 2) {

			.ps-timeline-sec {
				margin-top: -20%;
			}


			#about-us {
				margin-top: 0%;
			}
			#about-us .background .layer {
				background-position: top;
			}

			.primary-banner-center-box > .container-fluid > .row > div .background {
				height: 100vh!important;
			}
			.ban-view {
				width: 100%;
			}

			.carousel-indicators {
				bottom: 0;
				top: 90%;
				left: 50%;
			}

			.next-sections {
				bottom: 0%;
			}
			.ban-line {
				margin-top: 25%;
				font-size: 30px;
			}
			.ban-side-text h5 {
				font-size: 25px;
			}
			.ban-side-text h4 {
				font-size: 25px;
			}
			.ban-side-text {
				padding: 45% 25% 0 0%;
			}
			.hand-bgimg{
				height: 86vh!important;
			}
			#milestones {
				margin-top: -12%;
			}
			.about-line {
				margin-top: 0%;
				font-size: 32px;
				margin-left: 40%;
			}
			#about-us .big-text {
				font-size: 17px!important;
			}
			.cd-horizontal-timeline .events-content li.selected{
				padding-left: 18%;
			}

		}

		/*ipdas*/		

		@media only screen 
		and (min-width: 1024px) 
		and (max-width: 1366px) 
		and (orientation: portrait) 
		and (-webkit-min-device-pixel-ratio: 2) {

			.ps-timeline-sec {
				margin-top: -32%;
			}
			.about-line {
				margin-top: -10%;
				font-size: 40px;
				margin-left: 40%;
			}		
			#about-us .big-text {
				font-size: 19px!important;
			}
			#about-us .cont-a-text-box {
				padding: 15% 17px;
			}
			.about-text-box{
				margin-top: -16%;
			}

			.primary-banner-center-box > .container-fluid > .row > div .background {
				height: 75vh!important;
			}

			#about-us {
				margin-top: -34%;
			}

			.next-sections {
				bottom: 30%;
			}
			.ban-line {
				margin-top: 40%;
				font-size: 35px;
			}
			.ban-side-text h5 {
				font-size: 28px;
			}
			.ban-side-text h4 {
				font-size: 28px;
				line-height: 1.2;
			}

			.cd-horizontal-timeline .events-wrapper {
				margin: 0 -8%;
			}
			.ml22 {
				margin-left: 15%!important;
			}
			.fp-layer{
				height: 60vh!important;
			}
			#milestones {
				margin-top: -56%;
			}
			.origin-img{
				margin-top: -30%;
			}


		}

		@media only screen 
		and (min-width: 1024px) 
		and (max-width: 1366px) 
		and (orientation: landscape) 
		and (-webkit-min-device-pixel-ratio: 2) {

			.ori-bg{
				background-position-x: 40%;
			}



			.ban-line{
				font-size: 40px;
			}

			.ban-side-text h5{
				font-size: 35px;
			}
			.ban-side-text h4 {
				font-size: 35px;
				line-height: 1.2;
			}
			.about-text-box {
				padding: 33% 5% 10% 5%;
			}

			#about-us .big-text {
				font-size: 22px;
			}
			.about-line{
				margin-left: 25%;
				padding-top: 60%;
			}


		}


		@media only screen and (min-width : 833px) and (max-width : 1113px) 
		and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)  {



			#about-us .big-text {
				font-size: 16px;
			}

			.background-sec-porfolio{

				background-position-y: 5%;
			}

			.ban-line{
				font-size:28px!important;
				margin-top: 10%;
				border-left: 1px solid #fff;
				padding-left: 5%;
			}
			.ban-side-text h5{
				font-size: 23px;
				margin-bottom: 14px;

			}
			.ban-side-text h4{
				font-size: 23px;
				font-family: 'Lato', sans-serif;
			}
			.tntc{
				margin-top: 15%;
				text-transform: capitalize;
				font-weight: 600;
				color: #fff;
				letter-spacing: 1px;
				font-weight: 600;
				font-family: 'Cinzel', serif;
				font-size: 25px;
			}
			.ban-side-text {
				padding: 30% 25% 0 0%;
			}
			.top-text-hr{
				width: 20%;
				margin-left: 80%;
			}   
			#about-us .big-text{
				line-height: 1.3;
			}
			#about-us h4{
				font-size: 33px;
				padding: 5% 0% 5% 0%;

			}
			.about-line{
				padding-top: 14%;
			}

			#about-us h5{
				font-size: 25px;
				margin-top: 10%;
			}

			.hist-line{
				padding: 5%;
			}

			.ori-bg {
				background-image: url(../img/homepage/founder1.png);
				background-size: contain!important;
				background-repeat: no-repeat!important;
				background-position: center center!important;
			}

			.img-handler-top h4 {
				font-size: 20px;
			}

			.don-text h5{			
				color: #006cb5;
				font-family: 'Cinzel', serif;
				margin-bottom: 2%;
				margin-top: 3%;
			}





















			.ju-text {
				font-size: 28px!important;
			}
			.about-text-box {
				padding: 20% 5% 10% 5%;
			}
			.next-sections {
				left: 43%;
			}
			.about-line {
				padding-top: 100%;
			}
			.pad-top-md{
				padding-top: 0;
			}
			.cd-horizontal-timeline .filling-line {
				left: -20%;
			}
			.tl-1 {
				left: -65%!important;
			}
			.cd-horizontal-timeline .events a::after {
				left: -52%;
			}
			.mrbt60 {
				margin-bottom: 40%;
			}
			.carousel-indicators {
				top: 90%;
			}	
		}
		@media only screen and (min-width : 833px) and (max-width : 1113px) 
		and (orientation : portrait) {
			.heightPrimaryBanner{
				height: 1015px!important;
			}
			.carousel-indicators {
				top: 74%;
			}
			.background .layer {
				-webkit-background-size: cover;
				background-position: 50% 20%;
			}
			#about-us h5 {
				margin-bottom: 10px;
			}
			
		}

		.other-work-link{
			margin-bottom: 4%;
		}

		.other-work-link h3 {
			font-size: 30px;
			line-height: 1.6;
			font-weight: 600;
			padding-bottom: 3%;
			text-transform: inherit;
			font-family: 'Lato', sans-serif;
			text-align: center;			
			padding-top: 5%;
			color: #656565;
			font-family: 'Cinzel', serif;
		}
		.other-work-link img {
			display: block;
			margin: 0 auto;
			width: 40%;
		}
		.other-work-link h5 {
			text-align: center;
			color: #006cb5;
			font-family: 'Cinzel', serif;
			margin-bottom: 2%;
			margin-top: 5%;
			font-size: 20px;
		}
		.app-head{
			font-size: 20px;
			text-transform: none;
			font-weight: 600;
			color: #006cb5;
			margin-bottom: 2%;
			font-family: 'Cinzel', serif;
			text-align: center;
			margin-top: 4%;
		}
		.mil-data{
			position: absolute;
			/* top: 81%; */
			padding-top: 15%;
		}
		/*case stusy css */
		.work-side-text h5.case-study {
			background: #e4e4e4;
			padding: 20px 24px;
			font-size: 14px;
			width: 100%;
		}
		.work-side-text h5.case-study img {
			width: 40px;
		}
		.work-side-text h5.case-study a span.nb-icon {
			position: absolute;
			bottom: 7%;
			right: 6%;
		}

		@media only screen and (min-width: 310px) and (max-width: 330px) {
			.ban-line {
				padding-top: 0%!important;
				font-size: 17px!important;
				margin-top: 40%;
			}
			.primary-banner .text-box{
				padding-top: 95%!important;
			}
			.logo-mini a{
				margin-top: -25%;
			}
			.ban-side-text h5{
				font-size: 16px;
				margin-bottom: 15px;
			}
			.tntc {
				margin-top: 7%;
				font-size: 20px;
			}
			.ban-side-text h4 {
				font-size: 17px;
			}
		}

		.don-content h5 {
			text-align: center;
			color: #006cb5;
			font-family: 'Cinzel', serif;
			margin-bottom: 2%;
			margin-top: 3%;
		}
		.don-text p {			
			font-size: 17px!important;
			text-align: justify;
			line-height: 1.5;
		}
		.don-text h5 {			
			color: #006cb5;
			font-family: 'Cinzel', serif;
			margin-bottom: 10px;
			margin-top: 3%;
			font-size: 20px;
		}
		.mt7{
			margin-top: 7%;
		}
		
		.dome-video {
			width: 100%;
			background: #000;
			box-shadow: 0px 0px 7px 0px rgba(141, 141, 141, 0.75);
			height: 495px;
		}