@media 
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) ,
	only screen and (min-width:481px) and (max-width:767px) 
{

.wds * {color:#002850; }
.wds {position:relative; top:0; background:rgba(0,150,255,.5);background: url('../images/wds/wds_bg.jpg') 50% 0% ; }

.wds_fs .container.flexCanGen {flex-direction:column}

.wdsBox1, .wdsBox2, .wdsBox3, .wdsBox4 {
	position:relative; top:0px;
	}
.wdsBox2, .wdsBox3, .wdsBox4 {
	height:400px; 
	background:#fff; 
	text-align:center;  
	box-shadow:0px 10px 25px -15px #000; 
	overflow:hidden; 
	border-radius:0px; 
    max-width: 280px;

	margin: auto auto 25px auto;
}

.wdsBox1 {}
.wdsBox2 {}
.wdsBox3 {}
.wdsBox4 {margin-top:0; height: 450px;}

.c-wdsBox2, .c-wdsBox3, .c-wdsBox4 {}

.wdsBox2-hdr, .wdsBox3-hdr,  .wdsBox4-hdr { 
	position:		relative; 
	top:			0px; 
	overflow:		hidden;	
	background:		rgba(0,175,255,.75);
	box-shadow:		0px 1px 2px 0px #666;
	}

.wdsBox2-ftr, .wdsBox3-ftr, .wdsBox4-ftr { 
	position:absolute; bottom:0px; height:50px; width:100%; background:#0080af; overflow:hidden ;
	}


 .wdsBox2:after, .wdsBox3:after, .wdsBox4:after	{
/* 	display:block;
	content: "";
	position: relative;
	top:0%;
	left:0%;
	width: 50%;
	height: 50%;
	border-top:3px solid rgba(250, 250, 250, .5 ); */
} 

.wdsBox2:after	{
/* 	top:-42%;
	left:80%;
	 	background:#0080af url() 100% 200% repeat-x;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);  */
} 

.wdsBox3:after	{
/* 	top:-42%;
	left:80%;
	background:#0080af url() 100% 200% repeat-x;
	 	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg); */
}
.wdsBox4:after	{
/*  	top:19%;
 		left:-40%;
 		background:#0080af url() 50% 750%;
 		 	-webkit-transform: rotate(-45deg);
 		-moz-transform: rotate(-45deg);
 		-ms-transform: rotate(-45deg);
 		-o-transform: rotate(-45deg);
 		transform: rotate(-45deg);
 		background:rgba(0,175,255, 1);
 		z-index: 10; */
}
.wdsBox2-s2, .wdsBox3-s2, .wdsBox4-s2 { 
	position:relative; top:0px; padding:0px 15px; margin:15px 0 0px 0;  text-align:left;
	}

.wdsBox4-hdr, .wdsBox4-s2, .wdsBox4-s3, .wdsBox4-s4 {
	position:relative; 
	top:0px; 
	padding:0 15px; 
	}

.wdsBox4-s2 {overflow:hidden; height:350px; margin: 2px 0 0 0; overflow-Y:auto}
.wdsBox4-s3 {margin-bottom: 15px; overflow:hidden; float: right;
    xxwidth: 50%; padding:0; margin:0 0 0 15px;}
.wdsBox4-s4 {padding-left:0}

.wdsBox4-cir {
	float:left; 
	overflow:hidden; 
	position:relative; 
	height:65px; 
	width:65px; 
	border-radius:100px; 
	transform:scale(1);
}

.wdsBox4-cir.c1,
.wdsBox4-cir.c2,
.wdsBox4-cir.c3	{
	margin:5px 0px;
	border:transparent 1px solid; 
	background:#005090; background:#007 url(../images/wds/b2.jpg) 50% 5%;
	box-shadow: 0px 0px 0px 0px #fff inset, 0px 0px 1px 0px #000;
	}

.wdsBox4-cir.c1	{/* float:left; float:right;  clear:both; */}
.wdsBox4-cir.c2	{float:right; clear:both;
/* 	position:absolute; top:50%; left:50%; 
	-o-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	 */}
.wdsBox4-cir.c3	{/* float:none; box-shadow:0 0 5px 0 #fff inset; float:right;  clear:both; */}
.wdsBox4-cir.c1 > img,
.wdsBox4-cir.c2 > img,
.wdsBox4-cir.c3 > img {
	width: 50%;
	position: absolute;
    top:50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform:translate(-50%, -50%);
}

/* ul.wds-ul-box4 {}
ul.wds-ul-box4 > li {float:none;  margin-left:0px; background:##red}
ul.wds-ul-box4 > li > div {padding:0 0 0 0; background:##cyan}
ul.wds-ul-box4 > li > div > div.bult {display:inline-block; background:##orange; padding:0;}
ul.wds-ul-box4 > li > div > div.bult + div {display:inline-block; background:##fuchsia; xxmargin-right:10px; xxmargin-left:3px; } */

.wds .wdsBoxHdng {
    color: #fff;
	letter-spacing:0.05em;
	line-height: 3.0em;
	font-size:75%;
	display:block;
	padding:0;
	padding: 0 0 0 15px;
    text-align: left;
}

.hdrAro:after {
	content:" ";
	width:10px;
	height:10px;
	position:absolute;
	top:20px;
	right:15px;

	border-top: 0px solid yellow;
	border-bottom: 1px solid white;
	border-left: 0px solid cyan;
	border-right: 1px solid white;

	transform:rotate(45deg);
}

.up.hdrAro:after {transform:rotate(-135deg);    margin-top: 5px;}


.wds .wdsBoxHdng.twk1 {	line-height: 1.5em; padding:5px 0}


.wds-mtr { margin:0 0 5px 0;}
span.wds-mtr {font-size:70%}

.wds-ul-box4 h3 a {padding-bottom:1px; border-bottom:1px solid transparent; display:table}
.wds-ul-box4 h3 a:hover {border-bottom:1px solid crimson}




.skwCan {	
	position:relative; 
	top:0px; 
	height:140px; 
	max-width:280px;
	margin:50px auto;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
    text-transform: uppercase;
	text-shadow:0 0 0 #000, 0 0 0 #000;
}

.wds .wedoBox {
	position: absolute;
    top: -29%;
    background: rgba(0,175,255,1);
    /* border: 1px solid transparent; */
    /* box-shadow: 0px 0px 5px 0px #000, 0px 0px 10px -25px #000; */
    padding: 0px 10px;
    left: 0;
    z-index: 10;
    transform: Skew(0deg, -3deg);
    border-radius: 3px;
    background: rgba(0,150,255,1);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%);
}

.wds .srvBox  {
padding: 0px 11px;
    position: absolute;
    border: 1px solid transparent;
    /* box-shadow: 2px 2px 2px 0px #000, 0px 2px 10px 0px #000; */
    background: rgba(0,175,255,1);
    top: 99%;
    right: -1px;
    z-index: 10;
    transform: Skew(0deg, -1deg);
    border-radius: 5px;
    top: 90%;
    background: rgba(0,150,255,1);
    clip-path: polygon(0% 17%, 100% 0%, 100% 100%, 0% 100%);

}

.wds .wddsBox {
	padding: 5px 0;
    position: absolute;
    border: 0 solid #0080af;
    /* box-shadow: 0px 30px 10px -25px #000; */
    background: rgba(0,175,255,1);
    top: 20px;
    z-index: 9;
    width: 100%;
    transform: Skew(0deg, -3deg);
    border-radius: 5px;
}


.wds .wedoTxt {display:block; xxfont-size:80%; padding: 7px 8px;}
.wds .wdwd {display:block; font-size: 92%; padding: 10px 15px; padding-left:20px}
.wds .srv {display:block;  font-size: xx80%; padding: 7px 8px;}

.wds .wedoTxt {font-family:'DroidSerifBold';}
.wds .srv {font-family:'DroidSerifBold';}
.wds .skwCan span { color:#fff}

P.wds-mtr.wds-dnp-1 {display:block; transition:all .2s ease-in-out}

.wds div.wdsBox2-inr {position:relative; top:0; transition:all .2s ease-in-out}

.wds div.domReg-dv{z-index:9; padding:0}
.wds img.domReg-img {position:relative; top:0px; width:100%;}
.wds div.wdsBox2:hover img.domReg-img {xxtop:60px;}
.wds div.wdsBox2-ftr {opacity:0}


.wds div.wdsBox3-inr {position:relative; top:0; transition:all .2s ease-in-out}

.wds div.wbspcReg-dv{z-index:9; padding:0}
.wds img.wbspcReg-img {position:relative; top:0px; width:100%}
.wds div.wdsBox3:hover img.wbspcReg-img {xxtop:60px;}
.wds div.wdsBox3-ftr {opacity:0}


.wds div.explrNew {
	display:block;
	position:relative; 
	top:0px;
	left:0px;
	float:right;
	width:40%;
	border:10px solid #fff;  border-radius:50px; overflow:hidden;
	}
.wds div.explrNew.bx2,
.wds div.explrNew.bx3,
.wds div.explrNew.bx4	{
	top: -10px;
    margin: 0 15px;
    transform: skewX(-15deg);
    border-radius: 0px;
    perspective: 500px; }

.wds div.explrNew.bx2 {}
.wds div.explrNew.bx3 {float:right}
.wds div.explrNew.bx4 {float:right; width:140px; }

.wds div.explrNew a.wdsmore {display:block; background: transparent url(../images/wds/b2.jpg) 50% 25%; border:1px solid #006090;  border-radius:0px; box-shadow:0px 0px 1px 0px #eee inset; transition: all .5s ease-in-out; }
.wds div.explrNew a.wdsmore:hover {background:linear-gradient(#fff, #ddd, #fff); transition: all .5s ease-in-out;}

.wds div.explrNew a.wdsmore span {font-size:200%;  line-height:1.25em;  color:#fff; transition: all .5s ease-in-out;}
.wds div.explrNew a.wdsmore:hover  span {color:#ff0000; transition: all .5s ease-in-out;}

.wds div.explrNew i.fa { color:#fff; transition: all .5s ease-in-out; }
.wds div.explrNew a.wdsmore:hover i.fa { color:#ff0000; transition: all .5s ease-in-out; }


.wds .hdrAro {/* display:inline-block; float:right; padding:10px 20px 0 0px; font-size:150% */;}
.wds div.wdsBox2-inr.hdrUP {top:-187px}
.wds div.wdsBox3-inr.hdrUP {top:-187px}
.wds .wdsftr {z-index:-1}


.wds .fxHtDv {flex-direction:column; height: 325px; overflow-y:scroll}

.wds .picNtxts2s3 {flex-direction:row; flex-direction: row;
    padding: 10px 5px 0 15px;    }

.wds .wdsBox4-s2n {flex-direction:column; padding:0 0; flex-direction: column;
    padding: 0 0;    justify-content: flex-start;    order: 2;    margin-left: 10px;}




.wds-ul-box4.flexCanGen .lil1 a:before {

	content:'';
	position:relative;
	top:0px;
	left:0px;
	display:inline-block;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}

.wds-ul-box4.flexCanGen {flex-direction:column; flex-wrap:wrap; margin:0 0 0 15px}

.wds .lil1 h3 {line-height:0}



/* x319 i320-x480-P i320-x480-L i481-x767 */
}





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

.skwCan { max-width:320px	}
.wdsBox2, .wdsBox3, .wdsBox4 { max-width: 320px; }

.wds div.wdsBox2-inr.hdrUP {		top: -213px;	}
.wds div.wdsBox3-inr.hdrUP {		top: -213px;	}

/* 360 */
}










@media only screen and (min-width:992px) and (max-width:1199px) {

.wds * {color:#002850; }

.wds:before {
	position:absolute; 
	top:0; 
	left:0;
	content:" ";
	width:100%;
	height:100%;
	background: url(../images/wds/b2.jpg);
	xx-webkit-animation: rotation 2s infinite ease-in-out;
	xxanimation: rotation 2s infinite ease-in-out ;
}

.wds {
	position:relative; 
	top:0; 
	background:rgba(0,150,255,transparent);
}


@-webkit-keyframes rotation {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(-360deg);
	}
}
.wds .wds_fs {background:rgba (0,30,120,.75); padding:50px 0 50px 0}

.wdsBox1, .wdsBox2, .wdsBox3, .wdsBox4 {
	position:relative; top:0px;
	}
.wdsBox2, .wdsBox3, .wdsBox4 {height:375px; background:#fff; text-align:center; margin:5px 0 0 0; box-shadow:0px 10px 25px -15px #000; overflow:hidden; border-radius:2px;}

.wdsBox2.flexCanGen {width:23.0%}
.wdsBox3.flexCanGen {width:23.0%}
.wdsBox4.flexCanGen {width:50.0%}

.wdsBox2-hdr, .wdsBox3-hdr,  .wdsBox4-hdr { 
	position:		relative; 
	top:			0px; 
	overflow:		hidden;	
	background:		rgba(0,175,255,.75) url(../images/wds/b2.jpg) 25% 75%;
	box-shadow:		0px 1px 2px 0px #666;

	}

.wdsBox2-ftr, .wdsBox3-ftr, .wdsBox4-ftr { 
	position:absolute; bottom:0px; height:75px; width:100%; background:##red; overflow:hidden;
	}

.wdsBox2:after, .wdsBox3:after, .wdsBox4:after	{
	content: "";
	position: absolute;
	top:0%;
	left:0%;
	width: 200%;
	height: 200%;
	border-top:3px solid rgba(250, 250, 250, .5 );
}

.wdsBox2-s2, .wdsBox3-s2, .wdsBox4-s2 { 
	position:relative; top:0px; padding:0px 15px; margin:15px 0 0px 0;  text-align:left;
	}

.wdsBox4-hdr, .wdsBox4-s2, .wdsBox4-s3, .wdsBox4-s4 {
	position:relative; 
	top:0px; 
	padding:0 15px; 
	}

.wdsBox4-s2 {padding:0 0; overflow:hidden}
.wdsBox4-s3 {margin-bottom: 15px; overflow:hidden}
/* .wdsBox4-s4 {padding-left:0} */

.wdsBox4-cir {
	overflow:hidden; 
	position:relative; 
	height:90px; 
	width:90px; 
	border-radius:100px; 
	transform:scale(.75);
}

.wdsBox4-cir.c1,
.wdsBox4-cir.c2,
.wdsBox4-cir.c3	{
	border:transparent 0 solid; 
	background:#005090; background:#007 url(../images/wds/b2.jpg) 50% 5%;
	box-shadow: 0px 0px 0px 0px #fff inset, 0px 0px 1px 0px #000;
	}

.wdsBox4-cir.c1	{}
.wdsBox4-cir.c2	{
/* 	position:absolute; top:50%; left:50%; 
	-o-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%); */
}
.wdsBox4-cir.c3	{box-shadow:0 0 5px 0 #fff inset;}
.wdsBox4-cir.c1 > img,
.wdsBox4-cir.c2 > img,
.wdsBox4-cir.c3 > img {
	position: absolute;
    top:50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform:translate(-50%, -50%);
}

.wds .wdsBoxHdng {
    color: #fff;
	letter-spacing:0.01em;
	line-height: 3.0em;
	font-size:50%;
	display:block;
}

.wds .wds-mtr {}
.wds .wdsBox4-s3n  .wds-mtr {
	margin:10px 5px 5px 0;
}

.wds .wds-ul-box4 .wds-mtr.gtx {font-size:0.6em; display:inline-block;	line-height: 1.5;	 padding:0}

.wds-ul-box4 h3 a {padding-bottom:0; border-bottom:1px solid transparent; display:block }
.wds-ul-box4 h3 a:hover {border-bottom:1px solid crimson}

.skwCan {	
	position:relative; 
	top:0px; 
	height:100px; 
	margin: 0 0 20px 0;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
    text-transform: uppercase;
	z-index:0;
}

.wds .wedoBox {
    border-radius: 3px;

	position: absolute;
    top: -37%;
    background: rgba(0, 50, 150,1) url(../images/wds/b2.jpg) 80% 0%;
    border-top: 1px solid transparent;
    box-shadow: 0px 2px 100px 0px #003c77, 0px 25px 10px -25px #000;
    padding: 8px 0;
    z-index: 10;
    transform: Skew(0deg, -12deg);
    border-bottom-left-radius: 5px

}

.wds .wedoBox h3 {	line-height:0.75;}

.wds .srvBox  {
	padding:7px 0;
	position:absolute; 
	border-top:1px solid transparent;
	box-shadow:1px 2px 100px 0px #003c77, 0px 25px 10px -25px #000;
	background:		rgba(0,175,255,1);
	background: rgba(0, 50, 150,1) url(../images/wds/b2.jpg) 50% 10%;;
	top: 24%;
    right: 0px;
    z-index: 10;
    transform: Skew(0deg, -6deg);
    border-radius: 3px;
}
.wds .srvBox h3 {	line-height:0.75;}


.wds .wddsBox {
	padding:5px 0;
	position:absolute; 
	border-top:1px solid transparent;
	box-shadow:0px 30px 10px -25px #000;
		background:		rgba(0,175,255,1);
		background:rgba(1, 49, 142, 1) url(../images/wds/b2.jpg) 50% 10%;;
    top: 20px;
    z-index: 9;
    width: 100%;
    transform: Skew(0deg, -1deg);
    border-radius: 3px;
}
.wds .wddsBox > h3 {line-height:1.2}

.wds .wedoTxt {font-family:'DroidSerifBold';}
.wds .srv {font-family:'DroidSerifBold';}
.wds .skwCan span { color:#fff}

.wdsBox2:after	{
	top:85%;
	left:-25%;
	background:url(../images/wds/b2.jpg) 50% 750%;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
	xx-background:rgba(0,175,255, 0);
}

.wdsBox3:after	{
 	top:87.5%;
	left:-30%;
	background:url(../images/wds/b2.jpg) 50% 750%;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
	xx-background:rgba(0,175,255, 0);
}

.wdsBox4:after	{
	top:85%;
	left:-30%;
	background:url(../images/wds/b2.jpg) 50% 750%;
 	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	xx-background:rgba(0,175,255, 0);
}

/* .wds-mtr.wds-dnp-1 {display:block; transition:all .2s ease-in-out} */

.wds .wdsBox2-inr {position:relative; top:0; transition:all .2s ease-in-out}
.wds .wdsBox2:hover .wdsBox2-inr {top:-150px; transition:all .2s ease-in-out}
.wds .domReg-dv{z-index:9; padding:0}
.wds img.domReg-img {position:relative; top:0; width:100%;}
.wds .wdsBox2:hover img.domReg-img {top:60px;}
.wds .wdsBox2-ftr {opacity:.5}
.wds .wdsBox2:hover .wdsBox2-ftr   {display:block; opacity:1; transition:all .2s ease-in-out}
.wds .bx2pra2 {display:none; transition:all .2s ease-in-out; }
.wds .wdsBox2:hover .bx2pra2  {display:block; transition:all .2s ease-in-out}

.wds div.wdsBox3-inr {position:relative; top:0; transition:all .2s ease-in-out}
.wds div.wdsBox3:hover div.wdsBox3-inr {top:-150px; transition:all .2s ease-in-out}
.wds div.wbspcReg-dv{z-index:9; padding:0}
.wds img.wbspcReg-img {position:relative; top:0; width:100%}
.wds div.wdsBox3:hover img.wbspcReg-img {top:60px;}
.wds div.wdsBox3-ftr {opacity:.5}
.wds div.wdsBox3:hover div.wdsBox3-ftr {display:block; opacity:1; transition:all .2s ease-in-out} 
.wds .bx3pra2 {display:none; transition:all .2s ease-in-out}
.wds div.wdsBox3:hover .bx3pra2 {display:block;transition:all .2s ease-in-out}

.wds .wedoTxt {display:block; font-size:100%; padding: 10px 15px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}
.wds .wdwd {display:block; font-size: 110%; padding: 0px 15px; padding-left:170px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}
.wds .srv {display:block;  font-size: 100%; padding: 10px 15px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}

.wds div.explrNew {
	display:block;
	margin: 0 auto;
	position:relative; 
	left:0px;
	float:right;
	xx-width:50%;
	}
.wds div.explrNew.bx2,
.wds div.explrNew.bx3,
.wds div.explrNew.bx4	{
	top:20px; margin:0 15px; top: 17px;
    margin: 0 12px;}

.wds div.explrNew.bx2 {}
.wds div.explrNew.bx3 {float:left}
.wds div.explrNew.bx4 {float:right; z-index:1}

.wds div.explrNew a.wdsmore {display:block; background: transparent url(../images/wds/b2.jpg) 50% 25%; border:1px solid #006090;  border-radius:50px; box-shadow:0px 0px 1px 0px #eee inset;     width: 50px;
    height: 50px;transition: all .5s ease-in-out; }

.wds div.explrNew a.wdsmore:hover {background:linear-gradient(#fff, #ddd, #fff); transition: all .5s ease-in-out;}

.wds div.explrNew a.wdsmore span {font-size:1.5em;  line-height:1.9em;  color:#fff; transition: all .5s ease-in-out;}
.wds div.explrNew a.wdsmore:hover  span {color:#ff0000; transition: all .5s ease-in-out;}

.wds div.explrNew i.fa { color:#fff; transition: all .5s ease-in-out; }
.wds div.explrNew a.wdsmore:hover i.fa { color:#ff0000; transition: all .5s ease-in-out; }


.wds .hdrAro {display:none}
.wds .wdsftr {z-index:1}

.wds .fxHtDv {
	flex-direction:row; 
}

.wds .picNtxts2s3 {
	flex-direction: row;
    padding: 0px 5px 0 0px;    
}

.wds .wdsBox4-s2n {
	flex-direction: column;
    padding: 0 0;    
	justify-content: flex-start; 
}

.wds .wdsBox4-s3n {width:325px}
.wds .wdsBox4-s4n {order:2; padding:10px 0px; background:aliceblue;}

.wds-ul-box4.flexCanGen .lil1 a:before {

	content:'';
	position:relative;
	top:0px;
	left:0px;
	display:inline-block;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}

.wds-ul-box4.flexCanGen {text-align:left; flex-wrap:wrap;}


.wds .lil1 h3 {xxline-height:0}

/* media@1200*/
}

















@media only screen and (min-width:1200px) {

.wds * {color:#002850; }

.wds:before {
	position:absolute; 
	top:0; 
	left:0;
	content:" ";
	width:100%;
	height:100%;
	background: url(../images/wds/b2.jpg);
	xx-webkit-animation: rotation 2s infinite ease-in-out;
	xxanimation: rotation 2s infinite ease-in-out ;
}

.wds {
	position:relative; 
	top:0; 
	background:rgba(0,150,255,transparent);
}


@-webkit-keyframes rotation {
	from {
			-webkit-transform: rotate(0deg);
	}
	to {
			-webkit-transform: rotate(-360deg);
	}
}
.wds .wds_fs {background:rgba (0,30,120,.75); padding:50px 0 50px 0}

.wdsBox1, .wdsBox2, .wdsBox3, .wdsBox4 {
	position:relative; top:0px;
	}
.wdsBox2, .wdsBox3, .wdsBox4 {height:425px; background:#fff; text-align:center; margin:5px 0 0 0; box-shadow:0px 10px 25px -15px #000; overflow:hidden; border-radius:2px;}

.wdsBox2.flexCanGen {width:22.5%}
.wdsBox3.flexCanGen {width:22.5%}
.wdsBox4.flexCanGen {width:45.0%}

.wdsBox2-hdr, .wdsBox3-hdr,  .wdsBox4-hdr { 
	position:		relative; 
	top:			0px; 
	overflow:		hidden;	
	background:		rgba(0,175,255,.75) url(../images/wds/b2.jpg) 25% 75%;
	box-shadow:		0px 1px 2px 0px #666;

	}

.wdsBox2-ftr, .wdsBox3-ftr, .wdsBox4-ftr { 
	position:absolute; bottom:0px; height:75px; width:100%; background:##red; overflow:hidden;
	}

.wdsBox2:after, .wdsBox3:after, .wdsBox4:after	{
	content: "";
	position: absolute;
	top:0%;
	left:0%;
	width: 200%;
	height: 200%;
	border-top:3px solid rgba(250, 250, 250, .5 );
}

.wdsBox2-s2, .wdsBox3-s2, .wdsBox4-s2 { 
	position:relative; top:0px; padding:0px 15px; margin:15px 0 0px 0;  text-align:left;
	}

.wdsBox4-hdr, .wdsBox4-s2, .wdsBox4-s3, .wdsBox4-s4 {
	position:relative; 
	top:0px; 
	padding:0 15px; 
	}

.wdsBox4-s2 {padding:0 0; overflow:hidden}
.wdsBox4-s3 {margin-bottom: 15px; overflow:hidden}
/* .wdsBox4-s4 {padding-left:0} */

.wdsBox4-cir {
	xxfloat:left; 
	overflow:hidden; 
	position:relative; 
	height:100px; 
	width:100px; 
	border-radius:100px; 
	transform:scale(.75);
}

.wdsBox4-cir.c1,
.wdsBox4-cir.c2,
.wdsBox4-cir.c3	{
	border:transparent 0 solid; 
	background:#005090; background:#007 url(../images/wds/b2.jpg) 50% 5%;
	box-shadow: 0px 0px 0px 0px #fff inset, 0px 0px 1px 0px #000;
	}

.wdsBox4-cir.c1	{xxfloat:left}
.wdsBox4-cir.c2	{
/* 	position:absolute; top:50%; left:50%; 
	-o-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%); */
}
.wdsBox4-cir.c3	{xxfloat:right; box-shadow:0 0 5px 0 #fff inset;}
.wdsBox4-cir.c1 > img,
.wdsBox4-cir.c2 > img,
.wdsBox4-cir.c3 > img {
	position: absolute;
    top:50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform:translate(-50%, -50%);
}

.wds .wdsBoxHdng {
    color: #fff;
	letter-spacing:0.01em;
	line-height: 3.0em;
	font-size:50%;
	display:block;
}



.wds .wds-mtr {margin:0}
.wds .wdsBox4-s3n  .wds-mtr {
	xxdisplay:inline-block;
	margin:0 0 5px 0;
	}

.wds .wds-ul-box4 .wds-mtr.gtx {font-size:45%; display:inline-block;	margin:0 0 0 0;    line-height: 1.5;	 padding:0}


.wds-ul-box4 h3 a {padding-bottom:0; border-bottom:1px solid transparent; display:block }
.wds-ul-box4 h3 a:hover {border-bottom:1px solid crimson}

.skwCan {	
	position:relative; 
	top:0px; 
	height:100px; 
	margin: 0 0 20px 0;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
    text-transform: uppercase;
	z-index:0;
}

.wds .wedoBox {
	position:absolute; 
	top: -43%;
	background:		rgba(0,175,255,1) url(../images/wds/b2.jpg);
	border-top:1px solid transparent;
	box-shadow:1px 2px 200px 0px #f1f2f3, 0px 30px 10px -25px #000;
	padding:7px 0;
    z-index: 10;
    transform: Skew(0deg, -18deg);
    border-radius: 3px;

position: absolute;
    top: -37%;
    background: rgba(0, 50, 150,1) url(../images/wds/b2.jpg) 80% 0%;
    border-top: 1px solid transparent;
    box-shadow: 0px 2px 100px 0px #003c77, 0px 25px 10px -25px #000;
    padding: 8px 0;
    z-index: 10;
    transform: Skew(0deg, -18deg);
    border-bottom-left-radius: 5px

}

.wds .wedoBox h3 {	line-height:0.75;}

.wds .srvBox  {
	padding:7px 0;
	position:absolute; 
	border-top:1px solid transparent;
	box-shadow:1px 2px 100px 0px #003c77, 0px 25px 10px -25px #000;
	background:		rgba(0,175,255,1);
	background: rgba(0, 50, 150,1) url(../images/wds/b2.jpg) 50% 10%;;
	top: 24%;
    right: 0px;
    z-index: 10;
    transform: Skew(0deg, -9deg);
    border-radius: 3px;
}
.wds .srvBox h3 {	line-height:0.75;}


.wds .wddsBox {
	padding:5px 0;
	position:absolute; 
	border-top:1px solid transparent;
	box-shadow:0px 30px 10px -25px #000;
		background:		rgba(0,175,255,1);
		background:rgba(1, 49, 142, 1) url(../images/wds/b2.jpg) 50% 10%;;
    top: 20px;
    z-index: 9;
    width: 100%;
    transform: Skew(0deg, -1deg);
    border-radius: 3px;
}
.wds .wddsBox > h3 {line-height:1.2}

.wds .wedoTxt {font-family:'DroidSerifBold';}
.wds .srv {font-family:'DroidSerifBold';}
.wds .skwCan span { color:#fff}

.wdsBox2:after	{
	top:85%;
	left:-25%;
	background:url(../images/wds/b2.jpg) 50% 750%;
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	transform: rotate(-7deg);
	xx-background:rgba(0,175,255, 0);
}

.wdsBox3:after	{
 	top:87.5%;
	left:-30%;
	background:url(../images/wds/b2.jpg) 50% 750%;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
	xx-background:rgba(0,175,255, 0);
}

.wdsBox4:after	{
	top:85%;
	left:-30%;
	background:url(../images/wds/b2.jpg) 50% 750%;
 	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	xx-background:rgba(0,175,255, 0);
}

/* .wds-mtr.wds-dnp-1 {display:block; transition:all .2s ease-in-out} */

.wds .wdsBox2-inr {position:relative; top:0; transition:all .2s ease-in-out}
.wds .wdsBox2:hover .wdsBox2-inr {top:-180px; transition:all .2s ease-in-out}
.wds .domReg-dv{z-index:9; padding:0}
.wds img.domReg-img {position:relative; top:0; width:100%;}
.wds .wdsBox2:hover img.domReg-img {top:60px;}
.wds .wdsBox2-ftr {opacity:.5}
.wds .wdsBox2:hover .wdsBox2-ftr   {display:block; opacity:1; transition:all .2s ease-in-out}
.wds .bx2pra2 {display:none; transition:all .2s ease-in-out; }
.wds .wdsBox2:hover .bx2pra2  {display:block; transition:all .2s ease-in-out}

.wds div.wdsBox3-inr {position:relative; top:0; transition:all .2s ease-in-out}
.wds div.wdsBox3:hover div.wdsBox3-inr {top:-180px; transition:all .2s ease-in-out}
.wds div.wbspcReg-dv{z-index:9; padding:0}
.wds img.wbspcReg-img {position:relative; top:0; width:100%}
.wds div.wdsBox3:hover img.wbspcReg-img {top:60px;}
.wds div.wdsBox3-ftr {opacity:.5}
.wds div.wdsBox3:hover div.wdsBox3-ftr {display:block; opacity:1; transition:all .2s ease-in-out} 
.wds .bx3pra2 {display:none; transition:all .2s ease-in-out}
.wds div.wdsBox3:hover .bx3pra2 {display:block;transition:all .2s ease-in-out}

.wds .wedoTxt {display:block; font-size:100%; padding: 10px 15px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}
.wds .wdwd {display:block; font-size: 110%; padding: 0px 15px; padding-left:170px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}
.wds .srv {display:block;  font-size: 100%; padding: 10px 15px; text-shadow: 1px 1px 0px rgba(0, 170,255,1), 5px 0px 50px #fff;}

.wds div.explrNew {
	display:block;
	margin: 0 auto;
	position:relative; 
	left:0px;
	float:right;
	xx-width:50%;
	}
.wds div.explrNew.bx2,
.wds div.explrNew.bx3,
.wds div.explrNew.bx4	{
	top:20px; margin:0 15px; xxborder:1px solid #006090;  xxborder-radius:50px; xxoverflow:hidden; top: 17px;
    margin: 0 12px;}

.wds div.explrNew.bx2 {}
.wds div.explrNew.bx3 {float:left}
.wds div.explrNew.bx4 {float:right; xx-width:140px; z-index:1}

.wds div.explrNew a.wdsmore {display:block; background: transparent url(../images/wds/b2.jpg) 50% 25%; border:1px solid #006090;  border-radius:50px; box-shadow:0px 0px 1px 0px #eee inset;     width: 50px;
    height: 50px;transition: all .5s ease-in-out; }

.wds div.explrNew a.wdsmore:hover {background:linear-gradient(#fff, #ddd, #fff); transition: all .5s ease-in-out;}

.wds div.explrNew a.wdsmore span {font-size:1.5em;  line-height:1.9em;  color:#fff; transition: all .5s ease-in-out;}
.wds div.explrNew a.wdsmore:hover  span {color:#ff0000; transition: all .5s ease-in-out;}

.wds div.explrNew i.fa { color:#fff; transition: all .5s ease-in-out; }
.wds div.explrNew a.wdsmore:hover i.fa { color:#ff0000; transition: all .5s ease-in-out; }


.wds .hdrAro {display:none}
.wds .wdsftr {z-index:1}



.wds .fxHtDv {flex-direction:row; xxheight: 325px; xxoverflow-y:scroll}

.wds .picNtxts2s3 {flex-direction:row; flex-direction: row;
    padding: 10px 5px 0 5px;    }

.wds .wdsBox4-s2n {flex-direction:column; padding:0 0; flex-direction: column;
    padding: 0 0;    justify-content: flex-start;    margin-left:0 ;}


.wds .wdsBox4-s3n {width:350px}
.wds .wdsBox4-s4n {order:2; padding:10px 15px; background:aliceblue;}

.wds-ul-box4.flexCanGen .lil1 a:before {

	content:'';
	position:relative;
	top:0px;
	left:0px;
	display:inline-block;
	color:rgba(0,111,211, 0.25);
	text-shadow:2px 0px 0px rgba(17,0,119,.5);
	border-top:5px solid transparent;
	border-left:5px solid rgba(0,117,174,1);
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
}

.wds-ul-box4.flexCanGen {text-align:left; flex-wrap:wrap;}


.wds .lil1 h3 {xxline-height:0}

/* media@1200*/
}