body{
	margin:0;
	padding: 0;
	-webkit-user-select: none; /* Safari */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* IE 10+ */
      user-select: none; /* Others */
}

.content h3 {
    margin-bottom: 12px !important;
    margin-top: 12px;
}
.waves-line {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves-line {
    height:40px;
    min-height:40px;
  }
  
}

@supports (-moz-appearance: none) {
  * {
    animation: none !important;
	-webkit-animation: none !important;
  }
  .waves.rotate .wave-1:before {
	  animation: none !important;
	-webkit-animation: none !important;
}
.waves.rotate .wave-2:before {
	  animation: none !important;
	-webkit-animation: none !important;
}
.waves.rotate .wave-3:before {
	  animation: none !important;
	-webkit-animation: none !important;
}
}

@keyframes pulsate {
  0% {
    transform: scale(1.0); 
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.0); 
  }
}

.single-feature .content {
    display: flex;
    flex-wrap: wrap;
}

@keyframes fake {
    from { opacity: 1; }
    to { opacity: 1; }
}
body { animation: fake 1s infinite; }

/* tab0 */

.worko-tabs {
    background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0px;
    color: #000000;
    overflow: hidden;
}
.worko-tabs .state { position: absolute; left: -10000px; }
.worko-tabs .flex-tabs { display: flex; flex-direction: column; }
.worko-tabs .tabs { display: flex; width: 100%; }
.worko-tabs .tab {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs .tab:hover { background-color: #0088CC1c; }
.worko-tabs .panel { padding: 20px; display: none; }
.worko-tabs #tab-one:checked ~ .tabs #tab-one-label,
.worko-tabs #tab-two:checked ~ .tabs #tab-two-label {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs #tab-one:checked ~ .panels #tab-one-panel,
.worko-tabs #tab-two:checked ~ .panels #tab-two-panel {
    display: block;
}



/* tab1 */


.worko-tabs1 {
    background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0px;
    color: #000000;
    overflow: hidden;
	margin-bottom: 10px;
}
.worko-tabs1 .state1 { position: absolute; left: -10000px; }
.worko-tabs1 .flex-tabs1 { display: flex; flex-direction: column; }
.worko-tabs1 .tabs1 { display: flex; width: 100%; }
.worko-tabs1 .tab1 {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs1 .tab1:hover { background-color: #0088CC1c; }
.worko-tabs1 .panel1 { display: none; }
.worko-tabs1 #tab-one1:checked ~ .tabs1 #tab-one-label1,
.worko-tabs1 #tab-two1:checked ~ .tabs1 #tab-two-label1,
.worko-tabs1 #tab-three1:checked ~ .tabs1 #tab-three-label1 {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs1 #tab-one1:checked ~ .panels1 #tab-one-panel1,
.worko-tabs1 #tab-two1:checked ~ .panels1 #tab-two-panel1,
.worko-tabs1 #tab-three1:checked ~ .panels1 #tab-three-panel1 {
    display: block;
}




/* tab2 */
.worko-tabs2 {
    background: #dcdeff4f;
    padding: 0px;
    color: #000000;
    overflow: hidden;
}
.worko-tabs2 .state2 { position: absolute; left: -10000px; }
.worko-tabs2 .flex-tabs2 { display: flex; flex-direction: column; }
.worko-tabs2 .tabs2 { display: flex; width: 100%; }
.worko-tabs2 .tab2 {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs2 .tab2:hover { background-color: #0088CC1c; }
.worko-tabs2 .panel2 { display: none; }
.worko-tabs2 #tab-one2:checked ~ .tabs2 #tab-one-label2,
.worko-tabs2 #tab-two2:checked ~ .tabs2 #tab-two-label2,
.worko-tabs2 #tab-three2:checked ~ .tabs2 #tab-three-label2,
.worko-tabs2 #tab-four2:checked ~ .tabs2 #tab-four-label2 {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs2 #tab-one2:checked ~ .panels2 #tab-one-panel2,
.worko-tabs2 #tab-two2:checked ~ .panels2 #tab-two-panel2,
.worko-tabs2 #tab-three2:checked ~ .panels2 #tab-three-panel2,
.worko-tabs2 #tab-four2:checked ~ .panels2 #tab-four-panel2 {
    display: block;
}



/* tab3 */

.worko-tabs3 {
    background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0px;
    color: #000000;
    overflow: hidden;
}
.worko-tabs3 .state3 { position: absolute; left: -10000px; }
.worko-tabs3 .flex-tabs3 { display: flex; flex-direction: column; }
.worko-tabs3 .tabs3 { display: flex; width: 100%; }
.worko-tabs3 .tab3 {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs3 .tab3:hover { background-color: #0088CC1c; }
.worko-tabs3 .panel3 { padding: 20px; display: none; }
.worko-tabs3 #tab-one3:checked ~ .tabs3 #tab-one-label3,
.worko-tabs3 #tab-two3:checked ~ .tabs3 #tab-two-label3 {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs3 #tab-one3:checked ~ .panels3 #tab-one-panel3,
.worko-tabs3 #tab-two3:checked ~ .panels3 #tab-two-panel3 {
    display: block;
}


/* tab4 */

.worko-tabs4 {
    background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0px;
    color: #000000;
    overflow: hidden;
}
.worko-tabs4 .state4 { position: absolute; left: -10000px; }
.worko-tabs4 .flex-tabs4 { display: flex; flex-direction: column; }
.worko-tabs4 .tabs4 { display: flex; width: 100%; }
.worko-tabs4 .tab4 {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs4 .tab4:hover { background-color: #0088CC1c; }
.worko-tabs4 .panel4 { padding: 20px; display: none; }
.worko-tabs4 #tab-one4:checked ~ .tabs4 #tab-one-label4,
.worko-tabs4 #tab-two4:checked ~ .tabs4 #tab-two-label4,
.worko-tabs4 #tab-three4:checked ~ .tabs4 #tab-three-label4,
.worko-tabs4 #tab-four4:checked ~ .tabs4 #tab-four-label4 {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs4 #tab-one4:checked ~ .panels4 #tab-one-panel4,
.worko-tabs4 #tab-two4:checked ~ .panels4 #tab-two-panel4,
.worko-tabs4 #tab-three4:checked ~ .panels4 #tab-three-panel4,
.worko-tabs4 #tab-four4:checked ~ .panels4 #tab-four-panel4 {
    display: block;
}

/* tab5 */


.worko-tabs5 {
    background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0px;
    color: #000000;
    overflow: hidden;
	margin-bottom: 10px;
}
.worko-tabs5 .state5 { position: absolute; left: -10000px; }
.worko-tabs5 .flex-tabs5 { display: flex; flex-direction: column; }
.worko-tabs5 .tabs5 { display: flex; width: 100%; }
.worko-tabs5 .tab5 {
    flex: 1;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px solid #0088CC40;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.worko-tabs5 .tab5:hover { background-color: #0088CC1c; }
.worko-tabs5 .panel5 { padding: 20px; display: none; }
.worko-tabs5 #tab-one5:checked ~ .tabs5 #tab-one-label5,
.worko-tabs5 #tab-two5:checked ~ .tabs5 #tab-two-label5,
.worko-tabs5 #tab-three5:checked ~ .tabs5 #tab-three-label5 {
    cursor: default;
    border-bottom-color: #0088CC;
    background: #0088CC4a;
}
.worko-tabs5 #tab-one5:checked ~ .panels5 #tab-one-panel5,
.worko-tabs5 #tab-two5:checked ~ .panels5 #tab-two-panel5,
.worko-tabs5 #tab-three5:checked ~ .panels5 #tab-three-panel5 {
    display: block;
}

/* END tabs */

.border-section {
    border: 5px solid #0088CC !important;
    box-shadow: 0 0 66px #0088cc;
    background: #0088CC57 !important;
    border-radius: 29px;
    padding-bottom: 20px;
    padding-top: 5px;
	overflow: hidden;
}

.card-design {
	background: #dcdeff4f;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 20px;
    color: #000000;
}

a.main-btn.border-btn.btn-hover.wow.fadeInUp {
    padding-left: 80px;
    visibility: visible;
    animation-delay: 0.6s;
    animation-name: fadeInUp;
    background: #acb2ff70;
    border: 3px solid #000000 !important;
}

a.main-btn.border-btn.btn-hover.wow.fadeInUp div {
    color: #000000;
}




.text-3d {
    position: relative;
    text-transform: uppercase;
    font-family: 'Exo 2';
    font-size: 55px;
    font-weight: 900;
    color: #0088CC !important;
    text-shadow: 1px 1px 1px #000000, 1px 2px 1px #000000, 1px 3px 1px #000000, 1px 4px 1px #000000, 1px 5px 1px #000000, 1px 6px 1px #000000, 1px 7px 1px #000000, 1px 8px 1px #000000, 1px 9px 1px #000000, 1px 10px 1px #000000, 1px 18px 6px rgb(0 0 0 / 40%), 1px 22px 10px rgb(0 0 0 / 20%), 1px 25px 35px rgb(0 0 0 / 20%), 1px 30px 60px rgb(0 0 0 / 40%);
}


.feature-section .single-feature .icon {
    border: 0px solid #000000 !important;
}

span.text-3d.wow.fadeInUp {
    margin-bottom: 20px;
}

p.wow.fadeInUp.sub-main-title {
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 30px !important;
}

@media all and (max-width:768px){
p.wow.fadeInUp.sub-main-title {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 0px !important;
}
}
h3.content-h3 {
    margin-bottom: 10px;
}
h4.content-h4 {
    margin-bottom: 10px;
}

p.content-p {
    margin-bottom: 10px;
	text-align: left;
}
.features-content {
    margin: 20px;
}

@media all and (min-width:1400px){

}

@media all and (min-width:1200px){

}

@media all and (min-width:992px){

}




.animate-this {
    overflow: hidden;
    transition: height 2s ease-in-out;
}




.animating {
    max-height: 1000px; 
}





.hero-img.wow.animated img {
    animation: pulsate 5s infinite ease-in-out;
}


.waves {
  position: relative;
    width: calc(100% - 40px);
    left: 20px;
    margin-top: 65px;
    margin-bottom: 65px;
}
.waves img {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pulsate 5s infinite ease-in-out;
}
.waves .wave-1:before,
.waves .wave-2:before,
.waves .wave-3:before {
  transition: border-radius 1s ease;
}
.waves .wave-1 {
  position: absolute;
  top: -2.5vmin;
  right: -2.5vmin;
  bottom: -2.5vmin;
  left: -2.5vmin;
}
.waves .wave-1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0088CC !important;
  border-radius: 42% 58% 54% 46%/59% 58% 42% 41%;
}
.waves .wave-2 {
  position: absolute;
  top: -5.5vmin;
  right: -5.5vmin;
  bottom: -5.5vmin;
  left: -5.5vmin;
}
.waves .wave-2:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0088cc99;
  border-radius: 43% 57% 34% 66%/57% 39% 61% 43%;
}
.waves .wave-3 {
  position: absolute;
  top: -8.5vmin;
  right: -8.5vmin;
  bottom: -8.5vmin;
  left: -8.5vmin;
}



.waves .wave-3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0088cc33;
  border-radius: 59% 41% 44% 56%/45% 54% 46% 55%;
}
.waves.round .wave-1:before,
.waves.round .wave-2:before,
.waves.round .wave-3:before {
  border-radius: 50%;
}
.waves.other .wave-1:before {
  border-radius: 87% 62% 74% 64%/60% 74% 62% 76%;
}
.waves.other .wave-2:before {
  border-radius: 52% 84% 74% 64%/68% 58% 75% 54%;
}
.waves.other .wave-3:before {
  border-radius: 66% 59% 66% 71%/53% 72% 65% 79%;
}
.waves.rotate .wave-1:before {
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
}
.waves.rotate .wave-2:before {
  animation: rotate 30s linear reverse infinite;
}
.waves.rotate .wave-3:before {
  -webkit-animation: rotate 25s linear infinite;
          animation: rotate 25s linear infinite;
}
.waves.grow .wave-1,
.waves.grow .wave-2,
.waves.grow .wave-3 {
  -webkit-animation: grow 7s ease-in-out infinite;
          animation: grow 7s ease-in-out infinite;
}
.waves.grow .wave-1 {
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
}
.waves.grow .wave-2 {
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
}
.waves.grow .wave-3 {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}





@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes grow {
  0%, 3%, 100% {
    transform: scale(0.99);
  }
  50% {
    transform: scale(1.07);
  }
}
@keyframes grow {
  0%, 3%, 100% {
    transform: scale(0.99);
  }
  50% {
    transform: scale(1.07);
  }
}

.icon-list-style.icon-style-full {
    width: 100% !important;
}
.options {
  padding: 30px 45px;
  background: #f0f0f0;
  position: absolute;
  border-radius: 3px;
  top: 25px;
  left: 25px;
}
.options h2 {
  margin-top: 0;
  text-align: center;
  text-decoration: underline;
}
.options h3 {
  margin: 0;
}
.options hr {
  margin: 15px -5px;
}
.options > label {
  display: block;
  margin: 5px 0 5px 20px;
}

.waves.rotate.grow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-image: url("https://i.kym-cdn.com/photos/images/original/000/244/457/793.gif");
  background-size: cover;
  background-position: center;
}


.background {
        width: 100%;
        height: 450px; 
        background-color: #0088CC !important; 
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; 
    }
p#text12 {
    background: #5b67ffbf;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 9px 9px 15px #0000003d;
}

.container.buybutton0 {
        margin-bottom: 10px;
    }

.language-switcher {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            background-color: #fff;
            padding: 20px 40px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            max-width: 100%;
        }

        .language {
            text-align: center;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            padding: 10px;
            border-radius: 10px;
            text-decoration: none;
            color: inherit;
        }

        .language:hover {
            transform: scale(1.1);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        .language img {
            width: 50px;
            height: 33px;
            border-radius: 5px;
			border: 1px solid #cdcdcd;
        }

        .language p {
            margin: 10px 0 0;
            font-size: 14px;
            color: #333;
			font-weight: bold;
        }
        @media (max-width: 480px) {
           .language-switcher {
            gap: 0px;
			max-width: 100%;
            padding: 0px;
        } 
		
          	.language p {
            font-size: 13px;
        }
          	.language img {
            width: 40px;
}
        }

.price-sec .ptables-head{
  font-family: 'Domine', serif;
  box-shadow:0px 6px 14px rgba(0, 0, 0, 0.3);
  padding:30px 0;
  margin:0px 0px 100px 0px;
  border-radius:3px;
  background:linear-gradient(25deg,#feae3f 15%,transparent 0%),
    linear-gradient(-25deg, #f321d7 15%, transparent 0%),
    linear-gradient(-150deg, #64b5f6 15%, transparent 0%),
    linear-gradient(150deg, #f47 15%, transparent 0%);

}
@media all and (max-width:600px){
  .ptables-head h1{
     font-size:30px;
  }
}

@media all and (max-width:575px){
  .price-sec .price-table .card {
    margin-bottom: 60px !important;
}

.price-sec .price-table .card {
    transform: scale(1.2) !important;
}
.price-sec .price-table {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.col-sm-6.price-table.buybutton1 {
    margin-bottom: 55px;
	margin-top: 40px;
}
}

@media all and (max-width:768px){
.icon-list-style {
    width: calc(50% - 8px) !important;
}
}

@media all and (max-width:992px){
.worko-tabs {
    margin-bottom: 10px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .icon-list-style {
        width: calc(50% - 8px) !important;
    }
}


@media all and (min-width:576px){
  .container-fluid.buybutton {
	  padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
.col-sm-6.price-table.buybutton1 {
    padding-left: 0;
}
.col-sm-6.price-table.buybutton2 {
    padding-right: 0;
}
.container.buybutton0 {
    padding-right: 0;
    padding-left: 0;
}
}


@media all and (max-width:576px){
.container-fluid.buybutton {
        margin-top: 40px;
    }
}


img.icons-list {
    width: 38px;
    left: 2px;
    top: 1px;
    float: left;
    position: relative;
    border-radius: 25px;
}

.col-lg-3.col-md-6.col-sm-8.col-xs-10.resizeit.wow.fadeInUp.list-features {
    width: 100%;
}

.icon-list-style {
    height: 42px;
    background: #0088CC1f !important;
    border-radius: 25px 25px 25px 25px;
    margin-bottom: 6px;
    box-shadow: inset 0 0 0px 2px rgb(124 134 253 / 7%);
    text-align: center;
    font-size: 17px;
    line-height: 42px;
    font-weight: bold;
    border: 1px solid #0000002e;
    width: calc(25% - 8px);
    margin: 4px;
    box-sizing: border-box;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-lg-3.col-md-6.col-sm-8.col-xs-10.resizeit {
    width: 50% !important;
}
}


.price-sec .price-table{
	margin:5px 0px;
}
.price-sec .price-table .card{
	position: relative;
    height: auto;
    background: linear-gradient(-45deg, #fe0847, #feae3f);
    border-radius: 15px;
    margin: 0 auto;
    padding: 15px 0px;
    box-shadow: 0 0px 15px rgb(0 0 0);
    transition: .5s;
    overflow: hidden;
    border: 2px solid #2d337d;
}
.price-sec .price-table .card:hover{
	transform: scale(1.04);
}

.price-table:nth-child(1) .card,
.price-table:nth-child(1) .card .title i{
		background: linear-gradient(-45deg, #00aaff, #008cd2) !important;
}
.price-table:nth-child(2) .card,
.price-table:nth-child(2) .card .title i{
		background: linear-gradient(-45deg, #00a2f2, #0076b2);

}

.price-table:nth-child(3) .card,
.price-table:nth-child(3) .card .title i{
		background: linear-gradient(-45deg, #24ff72, #9a4eff);

}
.price-table .card:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: rgba(255, 255, 255, .1);
	z-index: 1;
	transform:skewY(-5deg) scale(1.5);

}
.price-table .title i {
    color: #00163b;
    font-size: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
.price-table .title h2 {
    position: relative;
    margin: 5px 0 0;
    padding: 0;
    color: #ffffff;
    font-size: 28px;
    z-index: 2;
    background: #00163b;
    margin: 0px 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.price-table .price{
	position: relative;
	z-index: 2;
}
.price-table .price h4 {
    margin: 0;
    padding-top: 5px;
    color: #00000082;
    font-size: 40px;
}

.price-table .price-discount h4 {
    margin: 0;
    padding-bottom: 10px;
    color: #fff;
    font-size: 60px;
}
.strike {
    position: relative;
    display: inline-block;
}

.strike::before {
    content: '';
    position: absolute;
    top: 56%;
    left: 54%;
    height: 2px;
    width: 42%;
    background-color: #131313b0;
    transform: translateX(-50%) rotate(-21deg);
    transform-origin: center;
}
.option {
	position: relative;
	z-index: 2;
}
.option ul{
	margin:0;
	padding: 0;
	
}
.option ul li{
	margin:0 0 10px;
	padding: 0px 15px;
	list-style: none;
	color: #000000;
	font-size: 16px;
}

.card a {
    background: #ffffff70 !important;
    color: #000 !important;
    width: 195px;
    height: 50px;
    line-height: 14px;
	margin: 0px auto 0;
    font-size: 16px;
	box-shadow: inset 0 0 0px 2px rgb(0 0 0);
    padding-left: 55px;
    border: none !important;
}

}
.card a:hover{
	text-decoration: none;
}

.card-checks {
    width: 176px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-list {
    list-style: none;
    padding: 0;
}

.icon-list li {
    margin-bottom: 5px;
    align-items: center;
}

.icon-list li svg {
    margin-right: 10px; 
	display: flex;
    margin-bottom: -20px;
}

.icon-list li span {
    text-align: center; 
    width: 100%;
}

.breadcrumbs {
  margin: 10px 0;
  font-size: 14px;
  text-align: center;
}

.breadcrumbs ul {
  padding: 0;
  list-style: none;
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li::after {
  content: "›";
  margin: 0 8px;
}

.breadcrumbs li:last-child::after {
  content: none;
}

.breadcrumbs a {
  text-decoration: none;
  color: #0077cc;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:700');

body {
  margin:0px;
  font-family: 'Exo 2' !important;
  text-align:center;
}

#container {
	color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    width: 100%;
    bottom: 45%;
    display: flex;
    text-align: left;
}

#flip {
  height:42px;
  overflow:hidden;
  margin-left: 15px;
}

#flip > div > div {
	color: #fff;
    padding: 0px 13px;
    height: 52px;
    margin-bottom: 48px;
    display: inline-block;
}

#flip div:first-child {
  animation: show 10s linear infinite;
}

#flip div div {
  background: #DC143C;
}
#flip div:first-child div {
  background: #2cbafa;
}
#flip div:last-child div {
  background: #00b81c;
}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}










/*
ul{
	list-style: none;
	background-color: #eee;
	position: relative;
	width: 200px;
	height: 200px;
	animation: rotate-rose 3s infinite;
	
}
ul li{
	font-size: 190px;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	
}
ul li:nth-child(1){
	color: #FAE166;
	
}
ul li:nth-child(2){
	color: #EBC048;
	top:0px;
	transform: rotate(90deg);
	animation: 3s;

}
ul li:nth-child(3){
	color: #FF6600;
	transform: scale(.7,.7);
	animation: 4s.
}

@keyframes rotate-rose{
	25%{
		transform: rotate(45deg);
	}
	50%{
		transform: rotate(90deg);
	}
		75%{
		transform: rotate(180deg);
	}
		100%{
		transform: rotate(270deg);
	}
}
*/