body
{
  width: 100vw;
  height: 100vh;
  font-family: 'Lato' ;
  font-size: 1.3em;
  margin: 0;
  padding: 0px;
  border: 0;
  outline: 0;
  overflow: hidden;

  /* background:
  linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
  linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
  linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
  linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
  linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
  linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); */

  /* background: rgb(244,238,238);
  background: linear-gradient(90deg, rgba(244,238,238,0.1) 10%, rgba(240,231,220,0.1) 53%, rgba(251,240,225,0.1) 89%); */


}
*::-webkit-scrollbar {
    width: 4px;
    height: 12px;
}
.modal-individual
{
  background: none;
  height: auto;
  width:auto;
  position: absolute;
  width: 90%;
  left: 5%;
  top:10%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.text-white{
  color: #F9F6EE !important;
}
a{
   text-decoration: none;
   color: white;
}
.shiningeffect
  {
    animation: shine 10s ease-in-out infinite;
    /* animation-delay: 10s; */
    animation-fill-mode: none;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    margin-top: 30%;
    margin-left: -45%;
    width: 100%;
    height: 20%;
    opacity: 0;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
    z-index: 200;
}
.facebookcolor
{
  background: #3b5998;
}
.instacolor
{
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.container-1
{
  height: auto !important;
  width: 100%;
  overflow: hidden;
}
.unit-black-transparent
{
  border-radius: 25px;
  box-shadow: 0 0 20px;
  color: white;
  background-color: rgba(0,0,0,0.35);
  position: relative;
  height: 98vh;
  width: 80%;
  left: 10%;
}
@-webkit-keyframes shine {
0% {

    opacity: 0.4;
    top: -50%;
    left: -50%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }

20%,100% {
opacity: 0.0;
top: 80%;
left: 80%;
transition-property: left, top, opacity;
}
}

@-moz-keyframes shine {
0% {

  opacity: 0.8;
  top: -50%;
  left: -50%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;

}

20%,100% {
opacity: 0.0;
top: 80%;
left: 80%;
transition-property: left, top, opacity;
}
}

@-ms-keyframes shine {
0% {
opacity: 0.8;
top: -50%;
left: -50%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}

20%,100% {
opacity: 0.0;
top: 80%;
left: 80%;
transition-property: left, top, opacity;
}
}

@-o-keyframes shine {
0% {
opacity: 0.8;
top: -50%;
left: -50%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}

20%, 100% {
opacity: 0.0;
top: 80%;
left: 80%;
transition-property: left, top, opacity;
}
}

@keyframes shine {
0% {
opacity: 0.8;
top: -50%;
left: -50%;
transition-property: left, top, opacity;
transition-duration: 0.5s, 0.7s, 0.15s;
transition-timing-function: ease;
}

20%,100% {
opacity: 0.0;
top: 80%;
left: 80%;
transition-property: left, top, opacity;
}
}
.fsize1
{
  font-weight: 300;
  font-size: 0.8em;
}
.fsize2
{
  font-weight: 550;
  font-size: 1.1em;
}
.contentbreak
{
  margin-top: 55px;
}
.randomform,
.randomformvideo
{
  position:absolute;
  border-radius: 25px;
  height: 250px;
  width: 350px;
  /* background-color: white; */
  /* padding: 15px; */
  border: 2px solid black;
  background-color: #f0e8d5;
  box-shadow: 0 0 10px;

}
.description1
{
  position:absolute;
  left: 3em;
  top: 3em;
  border-radius: 55px;
  border: 4px solid white;
  width: 45%;
}

.description2
{
  position:absolute;
  top: 50%;
  left: 50%;
  border-radius: 25px;
  border: 4px solid white;
  width: 45%;
}
.services
{
  position:relative;
  min-height: 80vh;
  width: 100%;
}

.randomform:hover
{
  /* display: inline-block; */
  position: absolute;
  height: 50%;
  width: 50%;
  left: 25%;
  top: 25%;
  z-index: 101;
  transform: scale(1.1) !important;

  /* transform: scale(5); */
}
.fs-small
{
  font-size: 0.7em;
}
.footer
{
  position: absolute;
  height: 5vh;
  width: 100%;
  bottom: 0%;
}
.randomformvideo:hover
{
  /* position: fixed; */
  /* display: flex; */
  /* align-self:  center;  */
  z-index: 101;
  /* width: 95vw; */
  /* margin: 2.5%; */
  /* height: 90vh !important; */
  /* right: 0% !important; */
  /* top: 0% !important; */
  transform: scale(1.1) !important;
  /* transform: rotateX(-45deg) !important; */
}
#tov
{
  width: 80%;
  height: 80vh;
  position: absolute;
  z-index: 150;
}

.unit-translucent
{
  background-color: rgba(0,0,0,0.5);
  border-radius: 5px;
  margin: 5px;
  box-shadow:  0 0 10px;
   /* filter: blur(5px); */
}
.font-test1
{
  font-family: 'Times New Roman', serif;
}
.softerCchars
{
  font-size: 1.4em;
  font-weight: 300;
}
.bg-test
{
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.wrapper
{
  height: auto;
}
.bg-test2
{
  background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.8267682072829132) 76%, rgba(231,238,240,0.6530987394957983) 100%);
}
.bg-gallery1
{
  background: #D1913C;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFD194, #D1913C);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFD194, #D1913C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bg-gallery2
{
  background: #7F7FD5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
/* unikat stuff

.triangle-right
*/


/*
end unikat stuff

 */
.center_items
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.input1
{
  border-radius: 15px;
  padding: 5px;
}
.input1:hover
{
  border: 2px solid black;
}
.input1:focus
{
  border: 2px solid black;
  background: rgba(0,0,0,0.3);
  color:white;
  font-weight: bold;
}
#sidemenuwrapper
{
  position: fixed;
  display:block;
  z-index: 200;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;


}
.sidemenubutton
{
  position: absolute;
  right: 5px;
  color:white;
  cursor: pointer;
  top: 5px;
  background-color: rgba(0,0,0,0.4);
  border-radius: 45%;
  /* transform: translateY(-20%); */

}
#openbutton
{
  font-size: 3em;
}
#closebutton
{
  font-size: 2em;
  display:none;
}
#sidemenu
{
  display: none;
  animation: fadeInRight 3s forwards;
  /* height: 300px; */
  /* width: 300px; */
  color:white;
}
#sidemenu1
{
  display: none;
  height: 100%;
  color:white;
  animation: growTo100 2s forwards;
  /* height: 300px; */
  /* width: 300px; */

}
.logocontainer
{
  position: absolute;
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  height: 49%;
  width: 33%;
  left: 33%;
  top: 15%;
  /* border: 5px dashed; */
  border-image-slice: 1;
  border-width: 5px;
  /* border-image-source: linear-gradient(to left, #743ad5, #d53a9d); */
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);

  /* box-shadow: 20px 20px 20px 20px , 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  text-align: center;
  z-index: 100;
  font-size: 1.5em;
  font-weight: 700;
  opacity: 0.5;
}
.sidemenuitem
{
  display: flex;
  cursor: pointer;
  border-radius: 15px;
  width: auto;
  height: 50px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.picLPLR
{
  width: 100%;
  /* min-width: 100%; */
  border-radius: 25px;
  object-fit: cover;
}
.bgimagebottomrow
{
  position: absolute;
  bottom: 5px;
  background-color: rgba(255,255,255, 0.3);
  /* font-size: 2em; */
  /* font-weight: 700; */
  /* display: flex; */
}


.b4Pic
{
  /* position: absolute; */
  z-index: 105;
  font-size: 2em;
  font-weight: 900;
}
.readabiltyEnhancerWhite
{
  position: absolute;
  background-color: rgba(255,255,255,0.5);
}
.readabiltyEnhancerBlack
{
  /* position: absolute; */
  background-color: rgba(0,0,0,0.5);
}
.mt1
{
  margin-top:50px;
}
.galleryimg2
{
  /* margin-top: 50px; */
  height: 250px;
  width: 90%;
  object-fit: cover;
  box-shadow: 0 0 20px;
  color:white;
  border-radius: 15px;
  /* display: none; */
}
.image_generic
{
  position: relative;
  /* min-height: 300px; */
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 25px;
  border: 2px solid black;
  box-shadow: 0 0 10px;
  /* z-index: -5; */
}

.crp
{
  height: 170px ;
  position:relative;
  -webkit-perspective: 900px;
}
.text-shadow{
  text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
}
.textsize1
{
  font-size: 0.8em;
  font-weight: 200;
}
.textsize2
{
  font-size: 1.3em;
  font-weight: 700;
}
.textsize3
{
  font-size: 2.5em;
  font-weight: 900;
}
.socmedbutton
{
  height: 130px;
  width: 150px;
  border-radius: 15px;
  padding: 5px;
  font-size: 120px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;

  color: white;
}
#thebusiness
{
  text-align: center;
}
.tright
{
  text-align: right;
}
.tleft
{
  text-align: left;
}
.responsiveCon
{
  max-height: 85vh;
}
.t_stand
{
  font-size: 1.2em;
  font-weight: 200;
  }
  .popupmenu
      {
        position: absolute;
        left: 5px;
        top: 5px;
        min-width: 300px;
        /* max-width: 350px; */
        height: content;
        /* max-width: 350px; */
        animation: fadeInTop 2s ease-out forwards;
      }

      .textani1 span{

        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        font-size: 30px;
        word-break:break-all; /* wrap extended text*/
        /* animation: dissolve 3s forward;*/
        animation: type 2s steps(60, end);

      }


      .subissues{
        display: block;
        /* width: 100px; */
        word-break:break-all; /* wrap extended text*/

      }

      @keyframes fadeInRight
      {
        from {
          margin-right:-300px;
          background-color: rgba(0,0,0,0);
        }
        to {
          margin-right:0px;
          background-color: rgba(0,0,0,0.8);
        }
      }
      @keyframes fadeInTop
      {
        from {
          height:0px;
          background-color: rgba(0,0,0,0);
        }
        to {
          height:150px;
          background-color: rgba(0,0,0,0.1);
        }
      }
      @keyframes fadeInTop2
      {
        from {
          height:0px;
          background-color: rgba(0,0,0,0);
        }
        to {
          height:250px;
          background-color: rgba(0,0,0,0.1);
        }
      }


      @keyframes type{
      from {
           width: 0;
           }
       }
.sidebartest
{
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: relative; /* Stay in place */
  z-index: 1; /* Stay on top */
  left: 0;
  background-color: #222831;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 8px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}
/* The sidebar links */
.sidebartest a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #dddddd;
display: block;
transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */
.sidebartest a:hover
{
color: #f05454;
}
/* MENÜ-Button */
label.hamburg {
    display: flex;
    background-color:rgb(0,0,0,0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.popupleft
{
  display:flex;
  color: white;
  margin-left: 10px;
}

/* .sidemenu i:hover + .popupleft
{
  display: flex;
  background-color: green;
  color:green;
} */

.line {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: 3px;
  width: 28px;
  background: #dddddd; border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
  }

  .line:nth-child(1) { top: 33%; }
  .line:nth-child(2) { top: 50%; }
  .line:nth-child(3) { top: 67%; }

  #hamburg:checked + .hamburg .line:nth-child(1){
    transform: translate(-50%,160%) rotate(-45deg);
  }
  #hamburg:checked + .hamburg .line:nth-child(2){
  opacity:0;
  }
  #hamburg:checked + .hamburg .line:nth-child(3){
  transform: translate(-50%,-410%) rotate(45deg);
}
input#hamburg {display:none}

  .col_designed
  {
    width: 30%;
  }
  {
    width: 30%;
  }


  @-webkit-keyframes image_wiggle {

  0% {

    /* -webkit-filter: blur(0px); */

    transform: skew(1deg) scale(1.1);

  }

  25% {

    /* -webkit-filter: blur(0.5px); */

    transform: skew(-1deg) scale(1.1);

    }

  50% {

    /* -webkit-filter: blur(1px); */

    transform: skew(1deg) scale(1.05);;

    /* transform: scale(0.9); */

  }



  75% {

    /* -webkit-filter: blur(0.5px); */

    transform: skew(-1deg) scale(1.03);;

  }



  100% {

     /* -webkit-filter: blur(0px); */

    transform: skew(1deg) scale(1.1);;

  }

}
.list-collapse
{
width: 100%;
/* background: white; */
/* border-top: 2px solid green; */
border-bottom: 2px solid white;
padding: 5px;
/* border-collapse: collapse; */
}
@keyframes grow

{

FROM

{

  transform: scale(0);

  opacity: 0.1;

  transform-origin: center;

}

to

{

  transform: scale(5);

  opacity: 0.01;

  transform-origin: center;

}

}
#bgimage
{
  position: relative;
  width:100%;
  height:100%;
  /* border-radius: 15px; */
  overflow: hidden;
}
#bgimage1 {

  position: absolute;
  /* object-fit: none; */
  /* object-position:80% 30; */
  height: 100%;
  width: 100%;
  /* -webkit-animation: image_wiggle 35s infinite; */
  /* border: 4px solid white; */
  border-radius: 15px;
  /* transition: all 5s ease; */

}
.prevArrow:hover
{
opacity: 0.5;
animation: rotate 3s forwards;
cursor: pointer;
}
.nextArrow:hover
{

animation: rotate 3s forwards;
cursor: pointer;
}

@keyframes rotate
{
FROM
{
  transform: rotateY(1deg);
}
to
{
  transform: rotateY(45deg);
}

}
.col-designed
{
  position: relative;
  background-color: rgba(250, 235, 215,1);
  color:rgb(128,128,128);
  height: 190px;
  width: 25%;
}
.logoRes
{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.borderrectangle

{
  position: absolute;
  height: 10px;
  width: 10px;
  border: 3px solid white;
}
  .csh
  {
    /* position: absolute; */
    height: 70vh !important;
    width: 90vw !important;
    margin-left: 8vw;
  }
  .dotcustom
  {

  }
  .galleryimg3
  {
    /* position: absolute;  */
    border-radius: 25px;
    height: 100%;
    width: 100%;
    /* margin-left: 10%; */
    object-fit: cover;
    box-shadow: 0 0 20px;
  }
    .galleryimg
    {
      height: 300px;
      width: 90%;
      object-fit: cover;
      border-radius: 5%;
      border: 5px solid white;
      -webkit-animation: image_wiggle 50s infinite;
    }
    .bwr
    {
      border-right: 3px solid white;
      cursor: pointer;
    }
    .hoverclass1:hover
    {
      opacity: 0.5;
    }
    .nav-link{
      color: white;
    },
    .nav-item
    {
      border-left: solid white 2px;
      /* border-width: 10px; */
    }
    .disSMNone
    {
      display: flex;
    }
    .fa-angle-left,.fa-angle-right
    {
      display: none;
    }
    #pictureborder
    {
      height: 45vh;
      width: 40vw;

    }
    .bubble
    {
      position: absolute;
      display: grid;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      text-align: center;
      height: 150px;
      width: 150px;
      color: white;
      /* font-weight: 900; */
      background: rgb(65,95,255);
      background: radial-gradient(circle, rgba(65,95,255,1) 17%, rgba(12,44,201,0.9780287114845938) 48%, rgba(211,211,237,1) 92%);
      opacity: 0.4;

    }
    .bubble-up
    {
      animation: floatBubble 10s forwards;

    }
    .swing
    {
      /* animation: swing 10s forwards; */

    }
    .triangle-left
     {
        display: flex;
        align-items: center;
        width: 100%;
        height: 5%;
        border-top: 25px solid transparent;
        border-right: 50px solid #555;
        border-bottom: 25px solid transparent;
    }
    .triangle-right
     {
        display: flex;
        align-items: center;
        width: 100%;
        height: 5%;
        border-top: 25px solid transparent;
        border-left: 50px solid #555;
        border-bottom: 25px solid transparent;
    }
    @keyframes floatBubble {

       10%
       {
         transform: translateY(-200px) translateX(30px);
       }
       30%
       {
         transform: translateY(-500px) translateX(-30px);
       }
       60%
       {
         transform: translateY(-800px) translateX(30px);
       }
       90%
       {
         transform: translateY(-1500px) translateX(-30px);
       }

    }
    keyframes swing {

        /* transform : translateX(10px); */
    }
    .flip-card {
      background-color: transparent;
      width: 82%;
      height: 100%;
      perspective: 1000px; /* Remove this if you don't want the 3D effect */
      /* transform: rotateX(-10deg); */
      transition: all .5s ease;

    }
    #content{
      position: absolute;
      height: 70vh;
      /* width: 100vw !important; */
      border-radius: 15px;
      top: 15%;
      text-align: justify;

    }
    /* This container is needed to position the front and back side */
    .flip-card-inner {
  	  position: relative;
  	  width: 105%;
  	  height: 105%;
      border: 5px solid white;
      background-color: rgba(200, 200, 205, 0.8);
  	  text-align: center;
      border-radius: 15px;
  	  transition: transform 0.8s;
  	  transform-style: preserve-3d;
  	}

    /* Do an horizontal flip when you move the mouse over the flip box container */
    .flip-card:hover {
      transform: scale(1.35);
      z-index: 5;
      /* background-color: transparent; */
    }

    /* Position the front and back side */
    .flip-card-front, .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden; /* Safari */
      backface-visibility: hidden;
      overflow: scroll;
    }

    /* Style the front side (fallback if image is missing) */
    .flip-card-front {
      /* background-color: #bbb; */
      color: black;
    }

    .flip-card-back {

  	  color: black;
      background-color: rgba(200, 200, 205, 0.8);
  	  transform: rotateY(180deg);
      text-align: left;
      font-size: 0.9em;
  	}
    #myChart
    {
      height: 300px !important;
      width: 90% !important;
    }
    .bwbgi1,
    .bwbgi2,
    .bwbgi3
    {
      height: 125px;
      width: 125px;
      bottom: 0em;
      border-radius: 50%;
      border: 5px solid white;
      margin: 25px;
      margin-bottom: -3em;
      /* background-color: green; */
    }

    @media only screen and (min-width: 300px){
      .fa-angle-left
      {
        display:block;
        font-size: 1.5em;
        /* height: 40px; */
        /* width: 40px; */
      }
      .fa-angle-right
      {
        display:block;
        font-size: 1.5em;
      }
    }

    @media only screen and (max-width: 415px){

      h2
      {
        font-size: 1.5em;
      }
      .flip-card:hover {
        transform: scale(1);
        /* position: absolute;
        top: 10%;
        left: 5%;

        transform: scale(1);
        height: 70vh;
        width: 90%; */

      }
      .flip-card
      {
        height: 105px;
        width: 100%;
        /* margin-top: 25px; */
        font-size: 0.7em !important;
      }
      .flip-card-back
      {
        font-size: 1.5em !important;
        text-align: center;
      }
      #content
      {
        display: none;
      }
      .unit-black-transparent
      {
        width: 95%;
        left: 2.5%;
      }
      .description1
      {
        width: 80vw;
        min-height: 50vh;
        left: 10vw;
        font-size: 0.8em;
      }
      .description2
      {
        width: 80vw;
        min-height: 50vh;
        left: 10vw;
        top: 100vh;
        font-size: 0.8em;
      }
      .logocontainer
      {
        height: 50vh;
        width: 80vw;
        left: 10vw;
      }
        .crp
        {
          height: 300px;
        }
      .disSMNone
      {
        display: none;
      }
      .bwbgi1,
      .bwbgi2,
      .bwbgi3

      {
        height: 75px;
        width: 75px;
        margin: 15px;
        margin-bottom: -2em;
        bottom: -5em;
        border-radius: 50%;
        border: 5px solid white;

        /* background-color: green; */
      }
      .csh
      {
        height: 65vh !important;
      }
      .csh2
      {
        height: 80vh !important;
      }
      .galleryimg3
      {
        /* width: 90%; */
        height: 90%;
        max-width: 95%;
        object-fit: cover;

      }

      .randomform,
      .randomformvideo
      {
        height: 100px;
        width: 100px;
      }
      .b4Pic
      {
        font-size: 0.9em;
      }
      #pictureborder
      {
        height: 30vh;
        width: 95vw;
      }
      #thebusiness,#whatwedo
      {
        text-align:  center;
      }
      .col-designed
      {
        width: 90%;
        }
      .triangle-left
      {
        display: none;
      }
      .triangle-right
      {
        display: none;
      }
      .bubble
      {
        height: 6em;
        width: 6em;
      }
      .logoRes
      {
        height: 50vh;
        width: 80vw;
      }

    }


    @media only screen and (max-width: 769px){
      .unit-black-transparent
      {
        height: auto;
      }
    }
    @media only screen and (min-width: 601px){

      .col-designed
      {
        width: 50%;
      }
      .fa-angle-left
      {
        display:none !important;
      }
      .fa-angle-right
      {
        display:none !important;
      }


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

      .col-designed
      {
        width: 25%;
        }
    }
  .paginationjs{line-height:1.6;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-nav{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{height:30px;line-height:30px}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}