.circle{
    width: 180px;
    height: 180px;
    border: 10px inset rgb(30 43 122);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    border-radius: 200px;
    -moz-animation: rotate 5s infinitelinear;
    -webkit-animation: rotate 5s infinite linear;
    animation: rotate 5s infinite linear;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.circle-small{
    width: 150px;
    height: 150px;
    border: 6px outset rgb(254 128 166);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -81px;
    margin-top: -81px;
    border-radius: 156px;
    -moz-animation: rotate-rev 3s infinite linear;
    -webkit-animation: rotate-rev 3s infinite linear;
    animation: rotate-rev 3s infinite linear;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.circle-big{
    width: 210px;
    height: 210px;
    border: 4px dotted rgb(254 128 166);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -109px;
    margin-top: -109px;
    border-radius: 214px;
    -moz-animation: rotate-rev 10s infinite linear;
    -webkit-animation: rotate-rev 10s infinite linear;
    animation: rotate-rev 10s infinite linear;
}

.circle-inner{
    width: 80px;
    height: 80px;
    background-color: rgb(30 43 122);
    color: white;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 80px;
    -moz-animation: pulse 1.5s infinite ease-in;
    -webkit-animation: pulse 1.5s infinite ease-in;
    animation: pulse 1.5s infinite ease-in;
    opacity: 1;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.circle-inner-inner{
    width: 100px;
    height: 100px;
    background-color: rgb(9 13 37);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 100px;
    -moz-animation: pulse 1.5s infinite ease-in;
    -webkit-animation: pulse 1.5s infinite ease-in;
    animation: pulse 1.5s infinite ease-in;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}


/*==============ANIMATIONS=================*/

/*==============ROTATE=====================*/

@-moz-keyframes rotate{
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

@keyframes rotate{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*==============ROTATE-REV=================*/

@-moz-keyframes rotate-rev{
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-360deg);}
}

@-webkit-keyframes rotate-rev{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-360deg);}
}

@keyframes rotate-rev{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

/*==============PULSE======================*/

@-moz-keyframes pulse{
	0% {
        -moz-transform: scale(0.1);
        opacity: 0.2;
    }
	50% {
        -moz-transform: scale(1);
        opacity: 0.8;
    }
    100% {
        -moz-transform: scale(0.1);
        opacity: 0.2;
    }
}

@-webkit-keyframes pulse{
	0% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;
    }
	50% {
        -webkit-transform: scale(1);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;
    }
}

@keyframes pulse{
	0% {
        transform: scale(0.1);
        opacity: 0.2;
    }
	50% {
        transform: scale(1);
        opacity: 0.8;
    }
  100% {
        transform: scale(0.1);
        opacity: 0.2;
    }
}

/*TESTIMONIO*/

@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
    .testimonial3 {
      font-family: "Montserrat", sans-serif;
      color: #8d97ad;
      font-weight: 300;
    }

    .testimonial3 h1,
    .testimonial3 h2,
    .testimonial3 h3,
    .testimonial3 h4,
    .testimonial3 h5,
    .testimonial3 h6 {
      color: #3e4555;
    }

    .testimonial3 .font-weight-medium {
      font-weight: 500;
    }

    .testimonial3 .bg-light {
      background-color: #f4f8fa !important;
    }

    .testimonial3 .subtitle {
      color: #8d97ad;
      line-height: 24px;
    }

    .testimonial3 .testi3 .card-body {
      padding: 40px;
    }
    .testimonial3 .testi3 .item{
      background-color:#D3D2D2;
    }
    .testimonial3 .testi3 h6 {
      line-height: 26px;
    }

    .testimonial3 .testi3 .thumb-img img {
      width: 60px;
    }

    .testimonial3 .testi3 .customer {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 500;
    }

    .testimonial3 .card.card-shadow {
        -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
        box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    }

    .testimonial3 .font-10 {
      font-size: 10px;
    }

    .testimonial3 .text-success {
        color: #2cdd9b !important;
    }

    .testimonial3 .text-muted {
        color: #8d97ad !important;
    }

    .testimonial3 .owl-theme .owl-dots .owl-dot.active span,
    .testimonial3 .owl-theme .owl-dots .owl-dot:hover span {
      background: #316ce8;
    }
/**/
#main {
  margin: 50px 0;
  width: 75%;
}

#main #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #3e4ca7;
  color: #FFFFFF;
  padding: 20px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #1c54e2;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #ffffff;
  line-height: 30px;
  border: 1px solid #A2A2A2;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #ffffff;
  line-height: 30px;
  border: 1px solid #A2A2A2;
  color: #222;
}

:root {
  --size: 1;
  --background: #000;
  --color1: #d25778;
  --color2: #ec585c;
  --color3: #e7d155;
  --color4: #56a8c6;
}

/*
 * 
Thanks to Lea Verou's geniusness: http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/
*
*/
.tixContainer {
  position: relative;
  margin: 50px;
  -webkit-transform: rotateZ(-5deg) rotateY(0deg);
}

.tix {
  font-size: 15px;
  display: table;
  z-index: 2;
  width: 206px;
  height: 104px;
  /*grey*/
  background: -webkit-radial-gradient(0 100%, circle, rgba(204, 204, 204, 0) 14px, #ccc 15px), -webkit-radial-gradient(100% 100%, circle, rgba(204, 204, 204, 0) 14px, #ccc 15px), -webkit-radial-gradient(100% 0, circle, rgba(204, 204, 204, 0) 14px, #ccc 15px), -webkit-radial-gradient(0 0, circle, rgba(204, 204, 204, 0) 14px, #ccc 15px);
}

.tix:before {
  content: "";
  display: block;
  width: 200px;
  height: 100px;
  position: absolute;
  left: 0px;
  z-index: 0;
  background: -webkit-radial-gradient(0 100%, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(100% 100%, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(100% 0, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(0 0, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px);
}

.tixInner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.tixInner:before {
  z-index: 0;
  content: "";
  display: block;
  width: 186px;
  height: 86px;
  position: absolute;
  left: 8px;
  top: 8px;
  background: -webkit-radial-gradient(0 100%, circle, rgba(255, 255, 255, 0) 14px, white 15px), -webkit-radial-gradient(100% 100%, circle, rgba(255, 255, 255, 0) 14px, white 15px), -webkit-radial-gradient(100% 0, circle, rgba(255, 255, 255, 0) 14px, white 15px), -webkit-radial-gradient(0 0, circle, rgba(255, 255, 255, 0) 14px, white 15px);
}

.tixInner:after {
  z-index: 0;
  content: "";
  display: block;
  width: 182px;
  height: 82px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: -webkit-radial-gradient(0 100%, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(100% 100%, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(100% 0, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px), -webkit-radial-gradient(0 0, circle, rgba(204, 102, 153, 0) 14px, #ABAAAB 15px);
}

.tix,
.tix:before,
.tix:after,
.tixInner:before,
.tixInner:after {
  background-position: bottom left, bottom right, top right, top left;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.tixInner span {
  z-index: 10;
  position: relative;
  color: #1e2b7a;
}

/*a {
  text-decoration: none;
}

body {
  font-family: Helvetica, arial;
}*/


/*FLOTANTE*/

.social-bar {
  position: fixed;
  right: 0;
  top: 30%;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 100;
  -webkit-animation:linear infinite alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 7s;
}

.social-bar a {
    background: #ff0000;
    color: white;
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
    /*height: 87px;
    display: flex;
    align-items: center;*/
    flex-direction: column;
}

.social-bar a img{
  margin-left: 21px;
}

/*.social-bar a:hover {
  padding-right: 3rem;
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}*/

@-webkit-keyframes run {
    0% { right: 3%;}
    50%{ right : 20%;}
    100%{ right: 3%;}
}