.ll{background-image:url(../111.jpg); background-position:right; background-repeat:no-repeat;}

.col-1-4tes{
	width:20%;
	float:left;display: inline-block;
	font-family: "Gill Sans MT";
	font-size: 18px;}
.col-1-2tes{
	width:60%;
	float:left;display: inline-block;
	font-family: "Gill Sans MT";
	font-size: 18px;}

.cir{
	border:#0077b5 solid 10px;
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
	border-bottom-left-radius: 50% 50%;
	text-align:center;
	vertical-align:middle;
	 
 
	
}
.cir1{position: relative;}
/*.cir1:after  {
margin-left:-10px;
left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
  .cir1:before {
  margin-right:-10px;
right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.cir1:before {
border-color: rgba(136, 183, 213, 0);

	border-left-color: #88b7d5;
	border-width: 10px;
	margin-top: -10px;
}
 */
 
.tet1a{
 
	position:relative;
/*	*/width:115px;
	height:120px;
	text-align:center;
	 
	 
 
	
}
   .tet1a:after{
 background:  url(../swim/arr.png);
	background-position: left center;
	background-repeat:no-repeat;
	  display: block;
    /**/content: " ";
 /**/width: 100px;
    height: 20px;
	left:100%;
/*	*/transform: translate(0, -50%);  
	position:absolute; top: 50%;
}

.tet3{
 
	float:left;
	 
	display:inline-block;
 
	font-family:"Gill Sans MT";
	vertical-align:middle;
	height:120px;
 
	
	 
 
	
}
  
.tet2{
	float:left;
	padding-right:0px;
	display:inline-block;
	min-width:180px;
 
	font-family:"Gill Sans MT";
	vertical-align:middle;
	height:120px;
	margin-left:12px;
	
	 
 
	
}
.tet1{
	float:left;
	padding-right:0px;
	display:inline-block;
	min-width:100px;
	 
	font-family:"Gill Sans MT";
	vertical-align:middle;
	height:120px;
	position:relative;
	 
 
	
}
   .tet1:after{
   
 background:  url(../swim/arr.png);
	background-position: left center;
	background-repeat:no-repeat;
	  display: block;
    /**/content: " ";
 /**/width: 115px;
    height: 20px;
	left:115px;
/*	*/transform: translate(0, -50%);  
	position:absolute; top: 50%;
	/*margin-left:115px;*/
}
 #mi3{
position:relative; height:120px;
display:block; } 
#mi2{
position:relative; height:120px;
display:block; }
.mi3{
	vertical-align:middle;
	line-height:25px !Important;
	position:absolute;
	top: 50%;
	text-align:center;
	transform: translate(0, -50%);
	width:100%;
	margin:0px;
 
	 
	/*border: 1px solid #000000;*/
	 
}
.mi2{
	vertical-align:middle;
	line-height:25px !Important;
	position:absolute;
	top: 50%;
	text-align:center;
	transform: translate(0, -50%);
	width:100%;
	margin:0px;
	 
	/*border: 1px solid #000000;*/
	background-color:#B9E9FF;
	box-sizing: border-box;
	font-family: "Gill Sans MT";
	font-size: 18px;
	color: #005380;
}

.mi2:after  {
margin-left:0px;
left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
 
/*  .mi2:before {
  margin-right:-10px;
right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mi2:before {
border-color: rgba(136, 183, 213, 0);

	border-left-color: #88b7d5;
	border-width: 10px;
	margin-top: -10px;
}*/
.mi2:after {
border-color: rgba(136, 183, 213, 0);

	border-left-color: #88b7d5;
	border-width: 10px;
	margin-top: -10px;
}
 
@media only screen and (max-width: 619px) {
.ll{background-image:none; background-position:right; background-repeat:no-repeat;}
 #mi3{
position:relative;
min-height:10px; height:auto;
 
 
display:block;   }
 .mi3{ 
 
 
 top:0px;
 position:relative;
	vertical-align:top !Important; 
	line-height:25px !Important; 
	 
	 	transform: translate(0, 0px);
	margin:0px;
 
	padding: 0px;
	/*border: 1px solid #000000;*/
	 
}
 #mi2{
position:relative; height:80px; 
display:block; }
.mi2{
	vertical-align:middle;
	line-height:25px !Important;
	 
	margin:0px;
 
	padding: 0px;
	/*border: 1px solid #000000;*/
	background-color:#B9E9FF;
}
.mi2:after{
display: none; 
width:0px;}
  
.mi2:before {
border:0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #88b7d5;;
    bottom: -10px;
    content: '';
    left: 47%;
    margin-left: -0px;
    position: absolute;
}
.col-1-4tes{
	width:100%;
	float:none;display: block;
	font-family: "Gill Sans MT";
	font-size: 18px;}
	
.col-1-2tes	{
	width:100%;
	float:none;display: block;
	font-family: "Gill Sans MT";
	font-size: 18px;}
	
	.tet1a{
 
	position:relative;
/*	*/width:115px;
	height:115px;
	text-align:center;
	 
	 
 
	
}
   .tet1a:after{
 background:  url(../swim/arrv.png);
	background-position: left center;
	background-repeat:no-repeat;
	  display: block;
    /**/content: " ";
 /**/width: 130px;
    height: 15px;
	left:45%;
/*	*/transform: translate(0, -50%);  
	position:absolute; top: 108%;
}
	
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
 #mi3{
position:relative;
min-height:10px;
 
 	height:auto; 
 
 
display:block;   }
 .mi3{ top:0px;
 position:relative;
	vertical-align:top !Important; 
	line-height:25px !Important; 
	 
	 	transform: translate(0, 0px);
	margin:0px;
 
	padding: 0px;
	 
	/*border: 1px solid #000000;*/
	 
}
 #mi2{
position:relative; height:80px; 
display:block; }
.mi2{
	vertical-align:middle;
	line-height:25px !Important;
	 
	margin:0px;
 
	padding: 0px;
	/*border: 1px solid #000000;*/
	background-color:#B9E9FF;
}
.mi2:after{
display: none; 
width:0px;}
  
.mi2:before {
border:0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #88b7d5;;
    bottom: -10px;
    content: '';
    left: 47%;
    margin-left: -0px;
    position: absolute;
}
.col-1-4tes{
	width:100%;
	float:none;display: block;
	font-family: "Gill Sans MT";
	font-size: 18px;}
	
.col-1-2tes	{
	width:100%;
	float:none;display: block;
	font-family: "Gill Sans MT";
	font-size: 18px;}
	
	.tet1a{
 
	position:relative;
/*	*/width:115px;
	height:115px;
	text-align:center;
	 
	 
 
	
}
   .tet1a:after{
 background:  url(../swim/arrv.png);
	background-position: left center;
	background-repeat:no-repeat;
	  display: block;
    /**/content: " ";
 /**/width: 130px;
    height: 15px;
	left:45%;
/*	*/transform: translate(0, -50%);  
	position:absolute; top: 108%;
}
 .ll{background-image:none; background-position:right; background-repeat:no-repeat;}
 
}