

.point-floating-1{
    background-color: red;
    height: 10px;
    width: 10px;
    position: relative;
    -webkit-animation-name: p1; /* Safari 4.0 - 8.0 
    -webkit-animation-duration: 80s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p1;
    animation-duration: 80s;
    animation-iteration-count: infinite;
}

.point-floating-2{

    background-color: green;
    height: 10px;
    width: 10px;
    position: relative;
    -webkit-animation-name: p2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 90s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p2;
    animation-duration: 90s;
    animation-iteration-count: infinite;
}

.point-floating-3{

    background-color: orange;
    height: 5px;
    width: 5px;
    position: relative;
    -webkit-animation-name: p3; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 80s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p3;
    animation-duration: 80s;
    animation-iteration-count: infinite;
}

.point-floating-4{

    background-color: pink;
    height: 8px;
    width: 8px;
    position: relative;
    -webkit-animation-name: p4; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 80s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p4;
    animation-duration: 80s;
    animation-iteration-count: infinite;
}

.point-floating-5{

    background-color: #336799;
    height: 8px;
    width: 8px;
    position: relative;
    -webkit-animation-name: p5; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p5;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}

.point-floating-6{

    background-color: #ffc64c;
    height: 8px;
    width: 8px;
    position: relative;
    -webkit-animation-name: p6; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 70s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p6;
    animation-duration: 70s;
    animation-iteration-count: infinite;
}

.point-floating-7{

    background-color: orange;
    height: 10px;
    width: 10px;
    position: relative;
    -webkit-animation-name: p7; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 70s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p7;
    animation-duration: 70s;
    animation-iteration-count: infinite;
}

.point-floating-8{

    background-color: purple;
    height: 6px;
    width: 6px;
    position: relative;
    -webkit-animation-name: p8; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p8;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}

.point-floating-9{

    background-color: purple;
    height: 12px;
    width: 12px;
    position: relative;
    -webkit-animation-name: p9; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 100s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p9;
    animation-duration: 100s;
    animation-iteration-count: infinite;
}


.point-floating-10{

    background-color: #336799;
    height: 12px;
    width: 12px;
    position: relative;
    -webkit-animation-name: p9; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 100s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: p9;
    animation-duration: 100s;
    animation-iteration-count: infinite;
}


@-webkit-keyframes p1 {
    0%   {left:0px; top:0px;}

    50%  {left: 0; top:800px;}

    100% {left:0px; top:0px;}
}

@keyframes p1 {
    0%   {left:800px; top:0px;}

    50%  {left:0px; top:800px;}

    100% {left:800px; top:0px;}
}

@-webkit-keyframes p2 {
    0%   {left: 0; top:100px;}

    50%  {left: 0; top:800px;}

    100% {left: 0; top:100px;}
}

@keyframes p2 {
    0%   {left: 0; top:100px;}

    50%  {left:0px; top:800px;}

    100% {left: 0; top:100px;}
}

@-webkit-keyframes p3 {
    0%   {left:300px; top:900px;}

    50%  {left: 500px; top:0px;}

    100% {left:300px; top:900px;}
}

@keyframes p3 {
    0%   {left:300px; top:900px;}

    50%  {left:500px; top:0px;}

    100% {left:300px; top:900px;}
}

@-webkit-keyframes p4 {
    0%   {left:1000px; top:500px;}

    50%  {left:00px; top:500px;}

    100% {left:1000px; top:500px;}
}

@keyframes p4 {
    0%   {left:1000px; top:500px;}

    50%  {left:0px; top:500px;}

    100% {left:1000px; top:500px;}
}

@-webkit-keyframes p5 {
    0%   {left:500px; top:1000px;}

    50%  {left: 50%; top:0px;}

    100% {left:500px; top:1000px;}
}

@keyframes p5 {
    0%   {left:500px; top:1000px;}

    50%  {left: 50%; top:0px;}

    100% {left:500px; top:1000px;}
}

@-webkit-keyframes p6 {
    0%   {left:500px; top:200px;}

    50%  {left: 50%; top: 70%;}

    100% {left:500px; top:200px;}
}

@keyframes p6 {
    0%   {left:500px; top:200px;}

    50%  {left: 50%; top: 70%;}

    100% {left:500px; top:200px;}
}

@-webkit-keyframes p7 {
    0%   {left:50px; top: 10%;}

    50%  {left: 50%; top: 10%;}

    100% {left:50px; top: 10%;}
}

@keyframes p7 {
    0%   {left:50px; top: 10%;}

    50%  {left: 50%; top: 10%;}

    100% {left:50px; top: 10%;}
}

@-webkit-keyframes p8 {
    0%   {left: 0; top: 20%;}

    50%  {left: 50%; top: 20%;}

    100% {left: 0; top: 20%;}
}

@keyframes p8 {
    0%   {left: 0; top: 20%;}

    50%  {left: 50%; top: 20%;}

    100% {left: 0; top: 20%;}
}

@-webkit-keyframes p9 {
    0%   {left:1000px; top:100px;}

    50%  {left:500px; top:950px;}

    100% {left:1000px; top:100px;}
}

@keyframes p9 {
    0%   {left:1000px; top:100px;}

    50%  {left:500px; top:950px;}

    100% {left:1000px; top:100px;}
}
.point{
  border-radius: 50%;
  z-index: 999;
  position: absolute;
}
.illustration{
  position: absolute;
  left: 0;
  width: 100%;
  top: -20%;
  z-index: 1;
}

.section .points{
  overflow: hidden;
  width: 100%;
  position: absolute;
  height: 1200px;
  z-index: 0;
}
.section .container .row{
  position: relative;
  z-index: 1;
}
.section-header .points{
  z-index: 0;
}
.section-header .container .col-z-index{
  z-index: 2;
}
.card-plain{
  box-shadow: none;
  background: transparent;
}

  #pointz {
    top: 16.3%;
    left: 46.7%;
  }
    #pointz {
    top: 32%;
    left: 21.8%;
  }


  .propr{
  font-weight: normal;
  cursor: pointer;
}

.section-do .wrapper-h{
  text-align: center;
  margin-bottom: 60px;
}

@media(min-width:992px){
  .section-do .wrapper-h{
    padding-left: 75px;
    text-align: left;
    margin-bottom: 0px;
  }
  .wrapper-testimonials {
    margin-left: 55%;
    float: none;
}
}

@media(min-width:1200px){
  .section-do .wrapper-button{
    margin-left: 25%;
  }
  .section-do .wrapper-h{
    margin-left: 75px;
    padding-left: 0px;
    padding-right: 140px;
    text-align: left;
    margin-bottom: 0px;
  }
}
@media(min-width:992px){
  .map{
    background-size:120%;
    background-image: url("/images/map-ct.png");
    background-position: center;
    background-color:  #fff;
    background-repeat: no-repeat;
    height:480px;
  }
}
