html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 959px) and (max-width: 1200px) {
.logo3{width:39%; top:-80%;position:absolute;display:inline-block; float:left; z-index:10; background-color:rgba(255,255,255,0.2); border-radius:50%; padding:2.5% 1%;  margin:6% 0 0 0 ;height:auto;}
.mobile-devices{display:none;}


}

@media only screen and (min-width: 800px) and (max-width: 959px) {
.logo3{width:39%; top:-80%;position:absolute;display:inline-block; float:left; z-index:10; background-color:rgba(255,255,255,0.2); border-radius:50%; padding:2.5% 1%;  margin:13% 0 0 0 ;height:auto;}
.mobile-devices{display:none;}

.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}

@media only screen and (min-width: 780px) and (max-width: 800px) {
.logo3{width:39%; top:-80%;position:absolute;display:inline-block; float:left; z-index:10; background-color:rgba(255,255,255,0.2); border-radius:50%; padding:2.5% 1%;  margin:15% 0 0 0 ;height:auto;}
.mobile-devices{display:none;
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}

}
@media only screen and (min-width: 730px) and (max-width: 780px) {
.logo3{width:39%; top:-80%;position:absolute;display:inline-block; float:left; z-index:10; background-color:rgba(255,255,255,0.2); border-radius:50%; padding:2.5% 1%;  margin:20% 0 0 0 ;height:auto;}
.mobile-devices{display:none;}
.select-title{width:80%; display:block; margin:5px auto;}
.d-text-1,.d-text-2{width:100%; margin:5px auto; display:block; position:relative; left:0;}
.d-text-3,.d-text-4,.d-text-5{display:none;}
.image-seo:hover{-webkit-transform: rotate(0deg) translateX(0px);
	-moz-transform: rotate(0deg)  translateX(0px);
	-o-transform: rotate(0deg) translateX(0px);
	-ms-transform: rotate(0deg) translateX(0px);
	transform: rotate(0deg) translateX(0px);}
		.circle1{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:0px; background-color:#42b1e0;}
	.circle2{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:250px; background-color:#42b1e0;}
	.fromright{
    -webkit-animation: fromright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromright ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes  fromright  {
   0%{right:-15%;}
   100% {right:15%;}
}
@keyframes  fromright {
	0%{right:-15%;}
	100%{right:15%;}
}
 .fromleft{
    -webkit-animation: fromleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromleft ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes  fromleft  {
   0%{left:-15%;}
   100% {left:15%;}
}
@keyframes  fromleft {
	0%{left:-15%;}
	100%{left:15%;}
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}
@media only screen and (min-width: 620px) and (max-width: 730px) {
.logo3{width:39%; top:-80%;position:absolute;display:inline-block; float:left; z-index:10; background-color:rgba(255,255,255,0.2); border-radius:50%; padding:2.5% 1%;  margin:25% 0 0 0 ;height:auto;}
.mobile-devices{display:none;}
.select-title{width:80%; display:block; margin:5px auto;}
.d-text-1,.d-text-2{width:100%; margin:5px auto; display:block; position:relative; left:0;}
.d-text-3,.d-text-4,.d-text-5{display:none;}
.image-seo:hover{-webkit-transform: rotate(0deg) translateX(0px);
	-moz-transform: rotate(0deg)  translateX(0px);
	-o-transform: rotate(0deg) translateX(0px);
	-ms-transform: rotate(0deg) translateX(0px);
	transform: rotate(0deg) translateX(0px);}
		.circle1{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:0px; background-color:#42b1e0;}
	.circle2{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:250px; background-color:#42b1e0;}
	.fromright{
    -webkit-animation: fromright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromright ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes  fromright  {
   0%{right:-15%;}
   100% {right:15%;}
}
@keyframes  fromright {
	0%{right:-15%;}
	100%{right:15%;}
}
 .fromleft{
    -webkit-animation: fromleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromleft ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes  fromleft  {
   0%{left:-15%;}
   100% {left:15%;}
}
@keyframes  fromleft {
	0%{left:-15%;}
	100%{left:15%;}
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}
@media only screen and (min-width: 620px) and (max-width: 630px) {
.logo2-wrapper{display:none;}

.menu2-wrapper{width:100%;}

body {background:none;}
.w-circle{display:none;}
.mobile-devices{display:block;}
.select-title{width:80%; display:block; margin:5px auto;}
.d-text-1,.d-text-2{width:100%; margin:5px auto; display:block; position:relative; left:0;}
.d-text-3,.d-text-4,.d-text-5{display:none;}
.image-seo:hover{-webkit-transform: rotate(0deg) translateX(0px);
	-moz-transform: rotate(0deg)  translateX(0px);
	-o-transform: rotate(0deg) translateX(0px);
	-ms-transform: rotate(0deg) translateX(0px);
	transform: rotate(0deg) translateX(0px);}
		.circle1{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:0px; background-color:#42b1e0;}
	.circle2{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:250px; background-color:#42b1e0;}
	.fromright{
    -webkit-animation: fromright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromright ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes  fromright  {
   0%{right:-15%;}
   100% {right:15%;}
}
@keyframes  fromright {
	0%{right:-15%;}
	100%{right:15%;}
}
 .fromleft{
    -webkit-animation: fromleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromleft ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes  fromleft  {
   0%{left:-15%;}
   100% {left:15%;}
}
@keyframes  fromleft {
	0%{left:-15%;}
	100%{left:15%;}
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}



@media only screen and (min-width: 480px) and (max-width: 619px) {


.logo2-wrapper{display:none;}
.menu2-wrapper{width:100%;}
body {background:none;}
.w-circle{display:none;}
.mobile-devices{display:block;}
.select-title{width:80%; display:block; margin:5px auto;}
.d-text-1,.d-text-2{width:100%; margin:5px auto; display:block; position:relative; left:0;}
.d-text-3,.d-text-4,.d-text-5{display:none;}
.image-seo:hover{-webkit-transform: rotate(0deg) translateX(0px);
	-moz-transform: rotate(0deg)  translateX(0px);
	-o-transform: rotate(0deg) translateX(0px);
	-ms-transform: rotate(0deg) translateX(0px);
	transform: rotate(0deg) translateX(0px);}
		.circle1{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:0px; background-color:#42b1e0;}
	.circle2{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:250px; background-color:#42b1e0;}
	.fromright{
    -webkit-animation: fromright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromright ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes  fromright  {
   0%{right:-15%;}
   100% {right:15%;}
}
@keyframes  fromright {
	0%{right:-15%;}
	100%{right:15%;}
}
 .fromleft{
    -webkit-animation: fromleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromleft ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes  fromleft  {
   0%{left:-15%;}
   100% {left:15%;}
}
@keyframes  fromleft {
	0%{left:-15%;}
	100%{left:15%;}
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}

@media only screen and (max-width: 479px) {
.logo2-wrapper{display:none;}
.menu2-wrapper{width:100%;}
.w-circle{display:none;}
body {background:none;}
.mobile-devices{display:block;}
.select-title{width:80%; display:block; margin:5px auto;}
.d-text-1,.d-text-2{width:100%; margin:5px auto; display:block; position:relative; left:0;}
.d-text-3,.d-text-4,.d-text-5{display:none;}
.image-seo:hover{-webkit-transform: rotate(0deg) translateX(0px);
	-moz-transform: rotate(0deg)  translateX(0px);
	-o-transform: rotate(0deg) translateX(0px);
	-ms-transform: rotate(0deg) translateX(0px);
	transform: rotate(0deg) translateX(0px);}
	.circle1{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:0px; background-color:#42b1e0;}
	.circle2{ border:7px solid #555555; width:200px; height:200px; background-image: url(../images/slices/b2.png); background-position:center; background-attachment:fixed; border-radius:50%; position:absolute; overflow:hidden;top:250px; background-color:#42b1e0;}
	.fromright{
    -webkit-animation: fromright; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromright ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes  fromright  {
   0%{right:-15%;}
   100% {right:15%;}
}
@keyframes  fromright {
	0%{right:-15%;}
	100%{right:15%;}
}
 .fromleft{
    -webkit-animation: fromleft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation:  fromleft ;
    animation-duration: 2s;
	-webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes  fromleft  {
   0%{left:-15%;}
   100% {left:15%;}
}
@keyframes  fromleft {
	0%{left:-15%;}
	100%{left:15%;}
}
.circle-3{ border:4px solid #000;width:95%; height:830px; background-image: url(../images/slices/b2.png);  background-attachment:fixed; margin:0 auto; display:block; border-radius:0%; padding:0;}
.cloud-c-wrapper{height:auto;}
.cloud-image{width:80%; display:block; margin:0 auto; position:relative;  left:5px;}
.cld-content{width:80%;  color:#000;margin:0 auto 0 auto; position:relative; display:block; top:40px; overflow:auto; left:5px;}
.cld-content p{text-align:justify; padding:5px 0 0 0;display:block;}
}