﻿


.Section-Mobile-tab{display:none;}

span {
    font-size: 15px;
}
.box {
    padding: 60px 0px;
}

.box-part {
    background: #FFF;
    border-radius: 0;
    padding: 60px 10px;
    margin: 30px 0px;
}

.text {
    margin: 20px 0px;
}

.fa {
    color: #4183D7;
}


.m-fadeOut {    
    opacity: 0;
	-webkit-transition: opacity 5s ease-in-out;
	  -moz-transition: opacity 5s ease-in-out;
	  -o-transition: opacity 5s ease-in-out;
	  transition: opacity 5s ease-in-out;
    
}
.m-fadeIn {    
    opacity: 1;  
-webkit-transition: opacity 5s ease-in-out;
	  -moz-transition: opacity 5s ease-in-out;
	  -o-transition: opacity 5s ease-in-out;
	  transition: opacity 5s ease-in-out;	
}

.maincontentDiv{
    width:1600px;
    margin:30px auto;
    max-width:100%;
}
.h2Device {
    color: #FFFFFF;
    font-family: 'HelveticaNeue';
    line-height: 26px;
    text-align: left;
    font-size: 24px;
    letter-spacing: 0.02px;
    font-weight: 900;
}
.textHik {
    color: #FFFFFF;  
    line-height: 26px;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.02px;
}
.boxContainer1{text-align:center;}

.img1, .img2, .img3 , .img4 , .img5, .img6, .img7, .img8, .img9, .img10{	position: relative;	width: 100%;	height:19.8vw;	}

/*.img1b,.img2b,.img3b,.img4b,.img5b,.img6b,.img7b,.img8b ,.img9b,.img10b{height:inherit;}*/

.boxContainer1 img{	position: absolute;	top:0;	left: 0;padding: 10px;	height:inherit;	width: 100%;}

.about-header{	color: #FFFFFF;	font-family: Helvetica;		line-height: 78px;	text-align: center;    margin-top: 130px;}

.topfoldimg{position:absolute;bottom: -3px;padding-top: 0px;z-index:9;}

.container {width: 100%;}

.flip_content.container{padding-right: 0px;    padding-left: 0px;}

.jumbotron{background-color: rgb(88, 198, 206);}

.col-sm-5cols{position: relative;    min-height: 1px;    padding-right: 0px;    padding-left: 0px;}

.thumbnail {background-color: TRANSPARENT;border: 1px solid transparent;padding: 4px 9px;}

.meet-the-team-subheader {	height: 12px;		color: #58C6CE;	font-family: Helvetica;	font-size: 40px;	line-height: 48px;	text-align:center;	margin: 0px 60px 60px;}
.meet-the-team-subheader h1{margin-top:5px;}
.meet-the-team-backgroubnd {	height: 71.19%;	width: 100%;	background: url("./aboutImage/MeettheTeam.png")no-repeat center center;    background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;}

.padding-fi{padding-left: 0px !important;}

.padding-li{padding-right: 0px !important;}

.team-member-card-one {	height: 664px;	width: 408px;	background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.5);}

.team-member-profile-pic-5 {
    height: 360px;
    width: 360px;
    margin: 0px auto;
    padding-top: 60px;
}

.team-member-profile-pic-5-back {   
    margin: 0px auto;
    padding-top: 60px;
}
    .team-member-profile-pic-5-back img {
        height: 200px;
        width: 200px;
        margin:0 auto;
    }
.team-member-profile-pic {
    box-sizing: border-box;
    height: 319.73px;
    width: 316.23px;
    margin: 0px auto;
    padding-top: 76px;
}
 
 .team-member-profile-pic-4 {	height: 290px;	width: 290px; margin: 0px auto;	padding-top: 90px;}
 
 .tea-member-card-5 {	height: 664px;	width: 408px;	background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.5);}
 
.card-body{	-ms-flex: 1 1 auto;    flex: 1 1 auto;    padding: 1.25rem;    text-align: center;	}

.tea-member-2-title {height: 60px;		color: #FFFFFF;	font-family: "HelveticaNeue";		font-weight: 500;	line-height: 30px;	text-align: center;	padding-top:130px;}

.tea-member-1-title {height: 60px;color: #FFFFFF;	font-family: "HelveticaNeue";		font-weight: 500;	line-height: 30px;	text-align: center;	padding-top:172px;}

.card-title{font-size:32px;}

.card-text{font-size:18px; color:#f37250;}

.margin-team-member{margin:0 auto;}

.team-member-card-4 {background: linear-gradient(339.68deg, #CEF3F5 0%, #58C6CE 100%);	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.5);	width: 408px; height: 664px;	margin: 0 auto;}

.section-padding{margin-top:30px;height:700px;}

.tea-member-3-title {    height: 60px;    color: #FFFFFF;    font-family: "HelveticaNeue";    font-weight: 500;    line-height: 30px;    text-align: center;    padding-top: 200px;}

.team-member-profile{margin:0 auto;}

.flip-container-height{height:45px;}

.card-4-1{margin-bottom: 100px;}



.first-section .flip-container, .front, .back {height: 664px;	width: 408px;}



.flip-container, .front, .back {	height: 664px;	width: 408px;	cursor:pointer;}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}


/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}



/*.flip-container {  -webkit-perspective: 1000;  -moz-perspective: 1000;  -o-perspective: 1000;  perspective: 1000;}

.flip-container:hover .flipper,.flip-container.hover .flipper {		-webkit-transform: rotateY(180deg);		-moz-transform: rotateY(180deg);    -o-transform: rotateY(180deg);		transform: rotateY(180deg);	}

.flip-container, .front, .back {	height: 664px;	width: 408px;	cursor:pointer;}

.flipper {-webkit-transition: 0.6s;	-webkit-transform-style: preserve-3d;	-moz-transition: 0.6s;	-moz-transform-style: preserve-3d;    -o-transition: 0.6s;	-o-transform-style: preserve-3d;	transition: 0.6s;	transform-style: preserve-3d;position: relative;}

.front, .back {-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;  -o-backface-visibility: hidden;	backface-visibility: hidden;	position: absolute;	top: 0;	left: 0;}

.front {z-index: 2;-webkit-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);}


.back {	-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);  -o-transform: rotateY(180deg);}*/








.back-logo {	position: absolute;	top: 40px;	left: 90px;	width: 160px;	height: 117px;}

.boxContainer1 .carousel-inner {overflow:visible;}

.back-title {	font-weight: bold;	color: #00304a;	position: absolute;	top: 180px;	left: 0;	right: 0;	text-align: center;	text-shadow: 0.1em 0.1em 0.05em #acd7e5;	font-family: Courier;	font-size: 2em;}

.flip_sectionTab{width: 1024px;margin: 0 auto;}

.flip_sectionTab2{width: 1024px;margin: 0 auto;}

.first-section_2{padding-top:45px;}
	
.team-member-text {margin: 45px;     color: #fff;    font-size: 16px;}

.blankImage{display:none;}


/**************************************/
/* entire container, keeps perspective */
.container-fluid {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;}

.boxContainer1 .carousel-inner {height: 0;}

.first-section{margin:30px auto;}

/**************************************/
@media (max-width: 1080px) {
.flip_sectionTab{width: 100%;margin: 0 auto;}

.flip_sectionTab2{width: 100%;margin: 0 auto;}	

.card-4-1 {margin-bottom: 0;}

.first-section {margin: auto;margin-bottom: 46px;}
	
}
/*******************991px*******************/
@media (max-width: 991px) {
.team-member-profile{float:none;    margin: 0 auto;}

.secound-section{margin: 30px auto;height: 660px;}

.team-member {float: none;}

.tea-member-card-5 {margin: 0 auto;}

.section-padding{height:auto;}

.card-4-1 {margin-bottom: 0;}

.first-section {margin: auto;margin-bottom: 46px;}

}


/*******************768px*******************/
@media (min-width: 768px) {
.col-sm-5cols {width: 20%;float: left;}

.card-4-1 {margin-bottom: 0;}

.flip-container-height {height: 0px;}
}

/*******************481px*767px*******************/
@media screen and (min-width: 481px) and (max-width: 767px){
	
.Section-Mobile-tab{display:block;}	

.flip_sectionTab2,.flip_sectionTab{display:none;}

.section__content {height: 400.86px;    width: 232px;}	

.team-member-card-one {height: 372.58px;    width: 226.93px;}

.team-member-profile-pic-5 {height: 160px;    width: 158.74px;    padding-top: 47px;}

.team-member-profile-pic-5-back {height: 160px;    width: 158.74px;    padding-top: 47px;}

.team-member-text {padding-top: 40px;font-size: 10px;    margin: 10px;}
.card-text {
    font-size: 14px;
}

.card-title {
    font-size: 20px;
}

.tea-member-2-title {padding-top: 80px;}

.col-sm-5cols {width: 19%;float: left;}

.boxContainer1 img {padding: 5px;}

.card-4-1{margin-bottom:0px;}

.flip-container-height {height: 0px;}

.col-sm-5cols {width: 20%;}
  
}


/*******************480px*******************/
@media screen and (min-width: 320px) and (max-width: 480px){

.section__content {    height: 400.86px;    width: 232px;}

.Section-Mobile-tab{display:block;}	

.flip_sectionTab2,.flip_sectionTab{display:none;}
	
.flip_sectionTab {margin: -30px auto;}

.first-section {margin: 33px auto;z-index:15;}

.jumbotron.about-header h1 {font-size: 20px;}

.jumbotron.about-header h2 {font-size: 12px;}

.meet-the-team-subheader {margin: 20px;}

.meet-the-team-subheader h1 {color: #58C6CE;	font-family: Helvetica;	font-size: 20px;	line-height: 24px;	text-align: center;}

.meet-the-team-subheader {height:21px;}

.jumbotron {padding-bottom: 0px;}

.card-4-1{margin-bottom:0px;}

.flip-container-height{height:0px;}

.boxContainer1 img {padding: 3px;}	

.topfoldimg	{bottom:-8px;}
	
.about-header {margin-top: 25px;}	
	
.col-sm-5cols {padding-right: 0px;    padding-left: 0px;}	
	
.card-title {font-size: 20px;}

.card-text {font-size: 14px; }	

.thumbnail {padding: 1px; border: sienna;}

.tea-member-3-title {padding-top: 90px;}

.tea-member-1-title {padding-top: 93px;}
	
.team-member-text {padding-top: 37px;font-size: 10px;    margin: 7px;line-height: 14px;}

.team-member-card-one {height: 372.58px;	width: 226.93px;}

.team-member-profile-pic-4 {padding-top: 47px;}

.flip-container, .front, .back {cursor: pointer;    height: 372.58px;    width: 226.93px;z-index:9999;}

.flip-container1, .front, .back {cursor: pointer;height: auto;width: auto;}

.tea-member-2-title{padding-top:80px;}

.team-member-profile-pic-4{height: 160px;	width: 158.74px;}

.team-member-profile-pic{height: 160px;	width: 158.74px;}

.tea-member-card-5{height: 372.58px;    width: 226.93px;}

.team-member-profile-pic-5 ,.team-member-profile-pic-5-back{padding-top: 47px;}

.team-member-profile-pic-5-back{height: 160px;	width: 158.74px;}

.team-member-profile-pic-5 {	height: 160px;	width: 158.74px;}

.team-member-card-4{height: 372.58px;	width: 226.93px;}

.col-sm-5cols {width: 20%;float: left;}

}


