/* CSS Document */


	.my_about_box1{		
		height: 100%;
		/*padding-bottom: 180px;	*/
		padding-bottom: 10px;
		background-image: url(../otherimg/about_img1.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}
	.my_txt1{
		padding: 15px;
		overflow: hidden;
		width: 70%;
		text-align: left;

	}
	.my_txt1 p{			
		padding: 10px 0px;
		padding-top: 3px;
		font-size: 16px;
		line-height: 26px;
		color: #363636;
		font-family: 'Poppins', Lato;
		text-align: left;			
	}
	
	.my_txt1 ul{
		padding: 20px 25px;
		position: relative;
		z-index: 1;
	}
	.my_txt1 ul li{
		display: block;
		padding: 7px 0px;
		font-size: 16px;
		line-height: 20px;
		color: #333333;
		font-family: 'Poppins', 'Lato';
		font-size: 15px;
		font-style: italic;
	}
	.my_txt1 ul li i{
		color: #04B153;
		margin-right: 5px;
		font-size: 25px;
		vertical-align: sub;
	}

	/*.my_about_box1:after{
		content: '';
		background: url('../icon/moncy-bg.png') no-repeat;
		background-size: contain;
		position: absolute;
		z-index:1;
		width: 100px;
		height: 200px;
		top: -60px;
		right: 30px;
		opacity: 0.9;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-animation: swinging 3.5s ease-in-out forwards infinite;
		animation: swinging 3.5s ease-in-out forwards infinite;

	}
		
	@-webkit-keyframes swinging{
		0%{-webkit-transform: rotate(10deg);}
		50%{-webkit-transform: rotate(-5deg)}
		100%{-webkit-transform: rotate(10deg);}
	}

	@keyframes swinging{
		0%{transform: rotate(10deg);}
		50%{transform: rotate(-5deg)}
		100%{transform: rotate(10deg);}
	}*/
	.my_team{
			padding: 40px 0px;
	}
	.my_team_in{			
		display: flex;
		padding: 20px 0px;
	}
	.my_team_in section{
		flex: 1;
		max-width: 24%;
		background: #f4f4f4;
		margin: 0px 15px;
		border: 1px solid #f2f2f2;
		border-radius: 10px;
		overflow: hidden;
		-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1);
		-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);
		box-shadow: 0 10px 30px rgba(0,0,0,.1);
		transition: .3s all;
	}
	.my_team_in section:hover{
		box-shadow:0 .2rem .5rem rgba(69,77,93,.5);
		transform:scale(1.05,1.05);
	}
	.my_team_in section:first-child{
		margin-left: 0px;
	}
	.my_team_in section:last-child{
		margin-right: 0px;
	}

	.my_team_img {
		height: 310px;
		overflow: hidden;
		-webkit-clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
		-moz-clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
		-ms-clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
		-o-clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
		clip-path: polygon(0 0,100% 0,90% 100%,10% 100%);
	}

	.my_team_img img {
		width: 100%;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.my_team_in section:hover img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	.my_team_in section article{
		padding: 10px;
		text-align: right;
	}
	.my_team_in h1{
		color: var(--t);
		font-family: 'Fjalla One';
		font-size: 28px;
		padding-bottom: 3px;
	}
	.my_team_in h1 b{
		color: var(--y);			
	}
	.my_team_in h3{
		color: var(--t);
		font-size: 20px;
		padding-bottom: 3px;
		font-family: 'ProximaNovaBold';
	}
	.my_team_in h3 b{
		color: #0F48FF;			
	}
	.my_team_in p{
		font-size: 14px;
		line-height: 18px;
		color: var(--t);
	}

	.my_team_in dd{
		padding: 15px 0px;
	}
	.my_team_in dd a{
		display: inline-block;
		font-size: 20px;
		padding-right: 8px;		
    	transition: ease-in-out 0.1s all;
	}
	.my_team_in dd a:hover{
		cursor: pointer;
		transform: scale(1.1);
	}
	/**Faq**S**/

	.sv_faqs{
		overflow:hidden;
		font-size:14px;
		color:#294f88;
		padding: 15px;
	}
	.sv_faqs dt{
		font-weight:bold;
		background:url(../img/q.gif) 10px 12px no-repeat;
		text-align:left;
		padding:15px 40px;
		position:relative;
		background-color:#F8F8F8;
		margin:10px 0px;
		font-size:18px;
		box-shadow: 0px 0px 1px 1px rgba(51,51,51,0.1);
		font-weight: 500;
	}
	.sv_faqs dt:hover{
		cursor:pointer;
		background-color:#f1f1f1;
		color:#E87400;
	}
	.sv_faqs dd{
		background:url(../img/a.gif) 10px 23px no-repeat;
		padding:25px 40px;
		text-align:left;
		position:relative;
		color:#666;
		font-size:14px;
		line-height:18px;
		display:block;
		width:50%;
	}
	.sv_faqs dd p{
		padding: 5px 0px;
	}
	.sv_faqs dd ul{
		padding: 10px 0px;
		padding-left: 20px;
	}
	.sv_faqs dd ul li{
		padding: 4px 0px;
	}
	.my_2box{
		display: flex;
	}
	.my_2box_b1{
		flex:1 0 75%;
	}
	.my_2box_b2{
		flex:1 0 25%;
	}
	.my_2box_b2_in{
		padding-left: 15px;
	}
	.my_2box_b2_in .sv_h1 h1{
		font-size: 20px;
	}
	.my_testimonials_1{
		padding: 15px 0px;
		text-align: left;
	}
	.my_testimonials_1 section{
		padding: 20px 0px;		
		border-bottom: 1px dashed rgba(0,0,0,0.1);
	}
	.my_testimonials_1 section h2{
		font-size: 18px;
		color: #009FE1;
	}
	.my_testimonials_1 section p{
		padding: 8px 0px;
		font-size: 14px;
		line-height: 20px;
		color: var(--t);
		font-style: italic;
	}
	.my_testimonials_1 section p em{
		font-size: 18px;
		color: #009FE1;
    	vertical-align: text-bottom;
	}
	/**Faq**E**/

	
	/**LSld**S**/
	.sv_l_sld{
		overflow:hidden;
		background:#fff;
		height:200px;
		margin: 2px;
		margin-top:20px;
		padding: 10px;
		box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.1);
		border-radius:7px;
	}
	.sv_l_sld #simple-slider{
		height:200px;
	}

	.sv_index_sld{
		overflow:hidden;
		position:relative;
	}

	#simple-slider {
		position: relative;
		width: 100%;
		height: 200px;
		/* box-shadow: 0 0 20px rgba(199, 199, 199, 0.4); */
		background-color: #ffffff;
	}
	#simple-slider > div {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	#simple-slider > div > img{
		width:100%;
		height:200px;
	}
	.sv_index_sld_next{
		position:absolute;
		background:#FFF;
		z-index:99;
		font-size:30px;
		width:35px;
		height:35px;
		line-height:35px;
		color:#333;
		border-right:none;
		border-radius:30px;
		right:10px;
		top:50%;
		transform: translate(0%,-60%);
		opacity:0.8;
		display:none;
		transition:ease-in-out 0.2s all;
		box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.1);
	}
	.sv_index_sld:hover .sv_index_sld_next{
		display:block;
	}
	.sv_index_sld_next:hover{
		cursor:pointer;
		opacity:1;
	}

	/**LSld**E**/
	/**Our-Value**S**/

	/**Program-Flip**S**/
	.my_flip_container {
		perspective: 1000px;
		transform-style: preserve-3d;
		width: 100%;
	}
	.my_flip_container:hover .my_flip_back {transform: rotateY(0deg);}
	.my_flip_container:hover .my_flip_front {transform: rotateY(180deg);}
	.my_flip_container, .my_flip_front, .my_flip_back {
		width: 100%;
		height: 100%;
	}

	.my_flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}

	.my_flip_front, .my_flip_back {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100px;
	}

	.my_flip_front {
		z-index: 2;
		transform: rotateY(0deg);
	}
	.my_flip_back {
		transform: rotateY(-180deg);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		overflow: hidden;
	}

	.my_flip_vertical.my_flip_container {position: relative;}
	.my_flip_vertical .my_flip_back {	transform: rotateX(180deg);}
	.my_flip_vertical.my_flip_container:hover .my_flip_back  {transform: rotateX(0deg);}
	.my_flip_vertical.my_flip_container:hover .my_flip_front {transform: rotateX(180deg);}
	.my_flip_front {text-align:center; }
	.my_flip_body{
		display: flex;
		padding: 30px 0px;
		flex-wrap: wrap;
	}
	.my_flip_body section{
		flex:1;
		margin: 15px;
		display: flex;
		align-items: stretch;

	}
	/**Program-Flip**E**/

	
	.ind_value_body{
		padding: 30px 0px;
		background: #FCFFDF;
		position: relative;
		overflow: hidden;
	}
	.ind_value section{
		flex:1 0 20%;
		margin: 20px;
	}
	.ind_value .my_flip_front{
		box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
		border-radius: 15px 0px 15px 0px;
		overflow: hidden;
		background: #ffffff;
	}
	.ind_value .my_flip_back{		
		border-radius: 0px 15px 0px 15px;
	}
	.ind_value_front{
		min-height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 30px 10px;
	}
	.ind_value_front span{
		color: #fff;
		font-size: 38px;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	}
	.ind_value_front h3{
		color: #000;
		font-size: 16px;
		padding: 15px 0px;
    	font-family: 'Alkatra';
		font-weight: 400;
	}
	.ind_value .my_flip_back{			
		overflow: hidden;
		box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.05);
		border-radius: 15px;
		background: #ffffff;
		border-radius: 0px 15px 0px 15px;
	}
	
	.ind_value .my_flip_back article{
		padding: 15px;
		color: var(--p2);
		line-height: 22px;
		font-size: 16px;
		padding-bottom: 0px;
	}
	.ind_value_cbox1{
		position: absolute;
		width: 500px;
		height: 500px;
		background: #f3ff83;
		transform: rotate(30deg);
		top: -250px;
		right: -250px;
		opacity: 0.9;
		animation:sv_fast_spinner 10s linear infinite;
	}	
	.ind_value_cbox2{
		position: absolute;
		width: 400px;
		height: 400px;
		background: #ffffff;
		transform: rotate(40deg);
		bottom: -200px;
		left: -200px;
		opacity: 0.9;
	}
	.ind_value_cbox3{
		position: absolute;
		width: 300px;
		height: 300px;
		background: #eddc68;
		left: 150px;
		top: -150px;
		border-radius: 50%;
		opacity: 0.3;
		
	}
	/**Our-Value**E**/
	/**Our-Team**S**/

	.my_team1{
		padding: 30px 0px;
		display: flex;
	}
	.my_team1 section{
		flex:1;
		position: relative;
	}
	.my_team1 section article{
		padding-right: 40px;
		text-align: left;
	}
	.my_team1 section article h1{
		color: #0062c4;
		font-family: 'Fjalla One';
		font-size: 28px;
		padding-bottom: 5px;
	}
	.my_team1 section article h1 b{
    	color: var(--y);
	}
	.my_team1 section article h3{
		color: var(--t);
		font-size: 20px;
		padding-bottom: 5px;
		font-family: 'ProximaNovaBold';
	}
	.my_team1 section article h3 b{
    	color: #0F48FF;
	}
	.my_team1 section article p{
		font-size: 16px;
		line-height: 28px;
		color: #a2a3a5;
		padding: 20px 0px;
		text-align: justify;
		width: 90%;
	}
	.my_team1 aside{
		margin-top: -70px;
		overflow: hidden;
		position: relative;
	}
	.my_team1 aside:after, .my_team1 aside:before{
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
		border-radius: 50%;
		opacity: 0.7;
	}

	.split-box.split-active:after {
	}

	.split-box.split-active:before {
	}

	.my_team1 aside:before {
		background-color: #3d56f0;
		z-index: 1;
		-webkit-transform: translateX(-101%);
		-ms-transform: translateX(-101%);
		transform: translateX(-101%);
	  -webkit-animation: split-box-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
	  animation: split-box-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
	}
	.my_team1 aside:after {
		background-color: #fff04c;
		z-index: 2;
		-webkit-transform: translateX(-101%);
		-ms-transform: translateX(-101%);
		transform: translateX(-101%);
	  -webkit-animation: split-box-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
	  animation: split-box-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
	}

	@-webkit-keyframes split-box-animation {
	  0% {
		-webkit-transform: translateX(-101%);
		transform: translateX(-101%);
	  }

	  50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	  }

	  100% {
		-webkit-transform: translateX(101%);
		transform: translateX(101%);
	  }
	}

	@keyframes split-box-animation {
	  0% {
		-webkit-transform: translateX(-101%);
		transform: translateX(-101%);
	  }

	  50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	  }

	  100% {
		-webkit-transform: translateX(101%);
		transform: translateX(101%);
	  }
	}

	.my_team1 aside img{
		width: 400px;
		border-radius: 50%;
    	box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.05);
	}
	.my_team2{
		padding: 30px 0px;
		display: flex;
		flex-wrap: wrap;
	}
	.my_team2 section{
		flex:1 0 50%;
		display: flex;
		margin: 20px 0px;
	}
	.my_team2 section dl{
		flex:1 0 40%;
	}
	.my_team2 section dl img{
		width: 100%;
		height: 100%;
		border-radius: 15px;
	}
	.my_team2 section aside{		
		flex:1 0 60%;
		text-align: left;
		position: relative;
	}
	.my_team2 section aside:before {
		content: "";
		position: absolute;
		top: 35px;
		left: -15px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		/*border-left: 15px solid transparent;*/
		border-right: 15px solid #fff;
		z-index: 1;		
		left: -15px;
	}
	.my_team2 section aside h1{	
		color: var(--t);
		font-family: 'Fjalla One';
		font-size: 22px;
		line-height: 24px;
		padding: 10px 15px;
		padding-bottom: 5px;
	}
	.my_team2 section aside h3 {
		color: #939393;
		font-size: 16px;
		padding: 4px 0px;
		margin: 0px 15px;
		padding-bottom: 15px;
		font-weight: 500;
		border-bottom: 1px dashed #ccc;
	}
	.my_team2 section aside p {
		
		font-size: 14px;
		line-height: 20px;
		color: #a2a3a5;
		padding: 15px 15px;
	}
	.my_team2 section dd{
		padding: 15px;
	}
	.my_team2 section dd a{
		display: inline-block;
		font-size: 20px;
		padding-right: 8px;		
    	transition: ease-in-out 0.1s all;
	}
	.my_team2 section dd a:hover{
		cursor: pointer;
		transform: scale(1.1);
	}
	.my_team2_right aside{
		text-align: right !important;
	}
	.my_team2_right aside:after {
		display: none !important;
	}
	.my_team2_right aside:before {
		content: "";
		position: absolute !important;
		top: 35px !important;
		left: -15px !important;
		border-top: 15px solid transparent !important;
		border-bottom: 15px solid transparent !important;
		border-right: 0 !important;
		border-left: 15px solid #fff !important;
		z-index: 1 !important;
		left: inherit !important;
		right: -15px !important;		
	}
	/**Our-Team**E**/
	
	.my_course_type{
		padding: 20px 0px;
		display: flex;
		flex-wrap: wrap;
	}
	.my_course_type section{
		flex:1 0 30%;
		margin: 15px;
		background: rgba(255,255,255,0.8);
		box-shadow: 0px 3px 6px 0.05px rgb(0 0 0 / 20%);
	}
	.my_course_type section h1{
		font-size: 26px;
		text-align: center;
		color: var(--p2);
		padding: 15px 5px;
		background: #f0f0f0;
		font-family: 'Alkatra';
	}
	.my_course_type section ul{
		padding: 20px 25px;
		position: relative;
		z-index: 1;
	}
	.my_course_type section ul li{
		display: block;
		padding: 5px 0px;
		font-size: 16px;
		line-height: 20px;
		color: var(--t);
		font-family: 'Poppins', 'Lato';
		text-align: left;
	}
	.my_course_type section ul li i{
		color: #03821A;
		margin-right: 5px;
	}


	.ind_contact_body{
		padding: 50px 0px;
		background: url(../pattern/ptrn1.png) top;
	}
	.ind_contact{
		background: #f7fdff;
		border: 2px dashed #6ad2ff;
		padding: 15px;
		border-radius: 15px;
		display: flex;
		box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.05);
	}
	.ind_contact_box1{
		flex:1;		
	}
	.ind_contact_box2{
		flex:1;		
	}
	.ind_contact_map{
		height: 100%;
	}
	.ind_contact_map iframe{
		height: 100%;
		overflow: hidden;
		border-radius: 10px 0px 0px 10px;
	}
	.ind_contact_info{
		padding: 20px;
		text-align: left;
	}
	.ind_contact_info h1{
		color: var(--p2);
		font-family: 'Alkatra';
		font-size: 25px;
	}
	.ind_contact_info h1 i{
		margin-right: 7px;
	}
	.ind_contact_info article{
		padding: 25px 0px;
		font-size: 16px;
		line-height: 22px;
		color: #333;
		padding-top: 5px;
	}
	.ind_contact_info article a{
		color: #333;
	}
	.ind_contact_info article a:hover{
		cursor: pointer;
		color: var(--y);
	}
	@media screen and (max-width:1100px){
	}
	@media screen and (max-width:1024px){
		.my_team_in{
			padding: 20px 10px;
			flex-wrap: wrap;
		}
		.my_team_in section{
			flex: 1 0 45%;
			max-width: 45%;
			margin: 5px 5px;		
		}
		.my_team_img{
			height: 150px;
		}
		.my_team_in section:first-child {
			margin-left: 5px;
		}
		.my_team_in section:last-child {
			margin-left: 5px;
		}
		.my_team_in h1 {
			font-size: 20px;
		}
		.my_team_in h3{
			font-size: 16px;
		}
		.my_team_in p {
			font-size: 12px;
			line-height: 14px;
		}
		.my_2box{
			flex-direction: column;
		}
		.my_2box_b2_in{
			padding: 0px 15px;
		}
		.sv_faqs dt{
			font-weight: 600;
			font-size: 16px;
			line-height: 18px;
		}
		.sv_faqs dd{
			width: auto;
		}
		
		.my_flip_body section{
			flex:1 0 30%;
		}
		.ind_value .my_flip_back article{		
			line-height: 15px;
			font-size: 13px;
		}

	}
	@media screen and (max-width:931px){
	}
	@media screen and (max-width:768px) {	
	}
	@media screen and (max-width:480px) {	
		.my_flip_body section{		
			flex:1 0 40%;
		}
		.my_flip_body section{
			margin: 7px;
		}
		
		.my_flip_back article{
			font-size: 12px;
			line-height: 14px;
		}
		.ind_value{
			padding: 30px 15px;
		}
		.ind_value_front{
			min-height: 100px;
		}
		.ind_value_cbox1{
			right: -400px;

		}
		.ind_value_cbox2{
			left: -300px;
		}
		.ind_value_cbox3{		
			width: 100px;
			height: 100px;
			left: 10px;
			top: -60px;
		}
		
		.my_team1{
			padding: 30px 15px;
			flex-direction: column;
		}
		.my_team1 section article{
			padding-right: 0px;		
		}
		.my_team1 section article p{
			width: auto;
		}
		.my_team1 aside{
			margin-top: auto;
		}
		.my_team1 aside img{
			width: 100%;
		}
		.my_team2{
			padding: 30px 15px;
			flex-direction: column;
		}
		.my_team2 section{
			flex-direction: column;
		}
		.ind_contact{
			margin:0px 15px;
			flex-direction: column;
		}
		.ind_contact_info{
			padding: 20px 0px;
		}
		.ind_contact_map iframe{
			height: 200px;
		}
		.ind_contact_info h1{
			font-size: 20px;
		}
		.ind_contact_info article{		
			font-size: 14px;
			line-height: 20px;
		}
		.ind_contact_info article{
			padding: 15px 0px;
		}
	}