::-moz-selection {   color: #329cd6;  background: transparent;}
::selection {  color: #329cd6;  background: transparent;}
body::-webkit-scrollbar { width: 0.5em; }
body::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {  background-color: #ffbb00;  outline: 1px solid slategrey;}

.link9{position:relative;top:600px;left:1px; height: 160px; display:block }
iframe.link{position:relative;top:-34px;display:none;}
iframe{height: 120px}

body {font-family: 'Open Sans', sans-serif; padding:0px;   margin: 0; text-rendering: optimizeLegibility;}
a {cursor: pointer;color: black;text-decoration: none;}
a:visited {color: #329cd6; text-decoration: none;}
#left {    float: left;    position: absolute;    width: 750px;    height: 100vh;    background: white;   border-radius: 0px 600px 600px 0;    margin: -170px 0 0 0;    padding: 180px 0 0 0;}
header {margin: 0 0 0 30px;}
header i {    margin: 0 5px;}
#left h1 {    margin: 50px 0 0 30px;    font-size: 48px;    font-weight: 900;}
#left h2 {    font-size: 30px;    font-weight: 900;    width: 650px;    margin: 20px 0 0 30px;}
#left h3 {    font-size: 20px;    font-weight: 900;    width: 650px;    margin: 20px 0 0 30px;}
#left #logo {    width: 348px;    height: 348px;    margin: 40px 0 0 30px;}
footer { font-size: 35px;    height: 300px;    margin: 0 0 0 30px;}
footer p {    font-size: 14px;    text-align: justify;}
footer #copy {    font-size: 12px;    margin: 45px 0;}
/*Ipad*/

@media only screen and (max-width:1021px) {
#left {width: 500px;  height: 90vh;}
#left #logo img{    width: 248px;    height: 248px;  }
#right .block .test {    padding: 20.7px;    height: 4.2vh;}
#left #logo { width: 248px;    height: 248px;    margin: 25px 0 23px 28px;}
}
@media only screen and (max-width:768px) {
#left {    width: 491px;    height: 85vh;
    border-radius: 0px 600px 600px 0;
    margin: -145px 0 0 0;
    padding: 179px 0 0 0;}
#left h1 {font-size: 33px;}

}

@media only screen and (max-width:500px) {
#left {    width: 295px;
    height: 83vh;
    border-radius: 0px 200px 250px 0;
    margin: -57px 0 0 0px;
    padding: 70px 4px 0 0;}
#left #logo img{width: 200px;height: 200px;  }
#left #logo {    width: 200px; height: 200px;    margin: 18px 0 18px 31px;}
#left h1 {font-size: 28px;}
#left h2 {font-size: 25px;}
#left h3 {font-size: 12px;}
#right .block .test {padding: 27px 0px 31px 26px;}
	}	   


#right {    background: yellow;    height: 100vh;}
#right .block {width: 100%; text-align: right;color: #FFF;
/*padding: 31.7px ;height: 4.58vh;*/}

#right .block .test{ padding: 31.7px ;height: 4.58vh; cursor: pointer; box-shadow: -50px 40px 70px #33333355 inset;}

#right .block .test a {    color: #FFF;    text-decoration: none;}
#right .block .test i {    font-size: 30px;    padding: 0 20px 0 10px;    line-height: 100%;}
#yellow {    background: #ffc21a; }
#orange {    background: #f75314;}
#red {    background: #fe0000;}
#violet {    background: #cd004d;}
#indigo {    background: #6b49a0;}
#blue {    background: #329cd6;}
#green {    background: #0cb14b;}
#green2 {    background: #94c432;}
.buttone a {
  background-color: #93c431 ; border: none;color: white;text-align: center;  text-decoration: none;  display: inline-block;font-size: 16px;padding: 5px 35px;border-radius:6px;
}
Acima do outro
/* POP-UP
========================================== */
@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(50px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-moz-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(50px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@-o-keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(50px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
  50% {
    transform: translatey(-30px);
    transform: translatex(50px);
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
  }
}

.button button {
  position: relative;
  width: 99.5%;
  padding: 15px 25px;
  background-color:#ffc21a;color:#000000;
  border: 0;  
  text-transform: uppercase;  font-size: 21px;  letter-spacing: 4px;  font-weight: bold; font-family: inherit;
  overflow: hidden;  outline: 0;    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  visibility: visible;  opacity: 1;
}
.button button:hover {  cursor: pointer;  background-color: #8e6ac1;  color: #ffffff;}
.button button:visited { background-color: #93c431 ;}
.button button span {  opacity: 1;}
.button.clicked button {  visibility: hidden;  opacity: 0;}


.pop-up {border-radius:8px;
  position: absolute;  top: 50%;  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  overflow-y: auto;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
  visibility: hidden;  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}

.pop-up .content .close {
     position: absolute;    z-index: 99;    top: 20px;    right: 20px;
	 font-size: 1.1rem;
  letter-spacing: 0.05rem;
  color: #3e4146;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.pop-up .content .close:hover {
  cursor: pointer;
  color: #f66867;
}
.pop-up .content .dots .dot {
  position: absolute;
  border-radius: 100%;
  z-index: 11;
}
.pop-up .content .dots .dot:nth-of-type(1) {
  top: -80px;
  right: -80px;
  width: 160px;
  height: 160px;
  background-color: #329cd6;
  -webkit-animation: float 6s ease-in-out infinite;
  -moz-animation: float 6s ease-in-out infinite;
  -o-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@media (min-width: 768px) {
  .pop-up .content .dots .dot:nth-of-type(1) {
    top: -190px;
    right: -190px;
    width: 380px;
    height: 380px;
  }
}

.pop-up .content .container { padding: 35px 20px 140px;}
.pop-up .content .dots .dot:nth-of-type(2) {
  bottom: -120px;
  left: -120px;
  width: 240px;
  height: 240px;
  background-color: #93c431;
  -webkit-animation: float 8s ease-in-out infinite;
  -moz-animation: float 8s ease-in-out infinite;
  -o-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}
.pop-up .content .dots .dot:nth-of-type(3) {
  bottom: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #f65314;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.pop-up .content .title h1 {  text-align: center;  color: #f66867;
  text-transform: uppercase;  font-weight: 900;  font-size: 2.8rem;  letter-spacing: 0.05rem;}
.pop-up .content .subscribe h1 {  font-size: 1.5rem;  color: #3e4146;  line-height: 130%;  letter-spacing: 0.07rem;  margin-bottom: 20px;}
.pop-up .content .subscribe {position: relative;    z-index: 1000;}
.pop-up .content iframe {  border-color: #ffc21a;   background: white url('loader.gif') center center no-repeat;}
iframe {height: 500px;width:304px;border-radius:8px; margin-left: 10px; margin-right: 10px;}
.pop-up.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*slide*/
.content_slide {  width: 100%;  margin: 0px;}
.card h3{  background: #fff;border: 1px solid #ffc21a;  margin: 0px; padding: 0px;  width:305px;  }
.card img{ background: white url('loader.gif') center center no-repeat; margin: 0px 5px 0px 5px;
padding: 0px; width:305px;height:508px; border-radius:8px;border: 1px solid #ffc21a; }

.slick-slider {  position: relative;  display: block;  box-sizing: border-box;  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;
  -ms-user-select: none;  user-select: none;  -ms-touch-action: none;  touch-action: none;
  -webkit-tap-highlight-color: transparent;}
.slick-list {  position: relative;  overflow: hidden;  display: block;  margin: 0;  padding: 0;}
.slick-list:focus {  outline: none;}
.slick-loading .slick-list {  background: white url('loader.gif') center center no-repeat;}
.slick-list.dragging {  cursor: pointer; }
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.slick-track {  position: relative;  left: 0;  top: 0;  display: block;  zoom: 1;}
.slick-track:before, .slick-track:after {  content: "";  display: table;}
.slick-track:after {  clear: both;}
.slick-loading .slick-track {  visibility: hidden;}
.slick-slide {  float: left;  height: 100%;  min-height: 1px;  display: none;}
.slick-slide img {  display: block;}
.slick-slide img.slick-loading { background: white url('loader.gif') center center no-repeat;padding-bottom: 100%;}
.slick-slide.dragging img {  pointer-events: none;}
.slick-initialized .slick-slide {  display: block;}
.slick-loading .slick-slide {  visibility: hidden;}
.slick-vertical .slick-slide {  display: block;  height: auto;  border: 1px solid transparent;}
	
.slick-prev, .slick-next {
  background: #93c431;
    color: #FFF;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    height: 80px;
    margin-top: -40px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none;}
  
.slick-prev:focus,
.slick-next:focus {  outline: none;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {  opacity: 0.25;}
.slick-prev:before, .slick-next:before {  font-size: 20px;  font-family:courier,arial,helvetica;  line-height: 1;  color: white;  opacity: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.slick-prev {  left: 0px;}
.slick-prev:before { content: '<';}
.slick-next {  right:0px;}
.slick-next:before {  content: '>';}
.slick-slider {  margin-bottom: 30px;}
.slick-dots {  position: absolute;  bottom: -55px;  list-style: none;  display: block;  text-align: center;  padding: 0px; width: 100%;}
.slick-dots li { position: relative;  display: inline-block;  height: 20px;  width: 20px;  margin: 0px 5px;  padding: 0px;  cursor: pointer;}
.slick-dots li button {  border: 0;  background: transparent;  display: block;  height: 20px;  width: 20px;  outline: none; line-height: 0;  font-size: 0;  color: transparent;  padding: 5px;  cursor: pointer;  outline: none;}
.slick-dots li button:focus {  outline: none;}
.slick-dots li button:before {
  position: absolute;
  top: 0;  left: 0;
  content: '\2022';
  width: 20px; height: 20px;
  font-size: 8px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {  opacity: 0.75;}
.slick-slider {  margin-bottom: 30px;}
.slick-dots {  position: absolute;  bottom: -35px;  list-style: none;  display: block;  text-align: center;  padding: 0px; width: 100%;}
.slick-dots li {  position: relative;  display: inline-block;  height: 20px;  width: 20px;  margin: 0px 5px;  padding: 0px; cursor: pointer;color:black;}
.slick-dots li button {  border: 0;  background: transparent;  display: block;  height: 20px;  width: 20px;  outline: none; line-height: 0;  font-size: 0;  color:black;  padding: 5px;  cursor: pointer;  outline: none;}
.slick-dots li button:focus {  outline: none;}
.slick-dots li button:before {
  position: absolute;  top: 0;  left: 0;
  content: '\2022';
  width: 20px;  height: 20px;
  font-family:courier,arial,helvetica;
  font-size: 20px;  line-height: 20px;  text-align: center;  color:#000; 
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {  opacity: 0.75;}

/*resize*/

@media (min-width: 768px) {
  .pop-up {
    width: calc(100% - 40px);
    height: auto;
    max-width: 900px;
  }
}
.pop-up .content { width: 100%; overflow: hidden;  text-align: center;  position: relative;  min-height: 100vh;}
@media (min-width: 1025px) {
  .pop-up .content {    min-height: inherit;  }
  #grid{display:none; }  
}



@media (max-width: 1024px) {
  #left{display:none;  }
  .pop-up {display:none; }  
#right {display:none; }  
#grid{display:block; }  
  /*mozaic*/
  *, *:after, *:before { 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
          box-sizing: border-box;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

}

/*Mosaic*/
.janela{width: 100%; height:504px;background:transparent}
.janela iframe {width:100%; height:100%;border: 0; }
.cardy img {  border: 0;  display: block;  width: 100%;}

.entry {
  background: #FFF;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: -10px 10px 10px -10px rgba(0,0,0,.35), -10px 10px 0 -3px rgba(0,0,0,.2);
  margin: 10px auto 20px;
  max-width: 800px;
  overflow: hidden;
  padding: 20px 40px;
  position: relative;
  text-align: center;
}
.entry > p {  padding: 20px 0 10px;}
.entry > .grid {  margin: 20px auto 0px;}
.entry > .grid > .item {  width: 50%;}
.grid {	max-width: 69em;	list-style: none;	margin: 30px auto;	padding: 1;}
.grid .item {	display: block;	float: left;	padding: 2px;	width: 33%;	opacity: 1;}
.grid .item a,.grid .item img {	outline: none;	border: none;	display: block;	max-width: 100%;}
.grid.effect-2 .item.animate {	-webkit-transform: translateY(200px);	transform: translateY(200px);	-webkit-animation:moveUp 0.65s ease forwards;	animation: moveUp 0.65s ease forwards;}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@media screen and (max-width: 900px) {
	.grid .item {width: 50%;}
  .entry {box-shadow: none;}
  .entry > .grid > .item {width: 50%;}
}

@media screen and (max-width: 400px) {
	.grid .item {width: 100%;}
  .entry {padding: 20px 0;}
  .entry > p {padding: 10px;}
  .entry > .grid > .item {width: 100%;}
}