/* General
==================================*/
@font-face{font-family:'Mint Spirit';src:url('../fonts/mintspirit-regular.woff2') format('woff2'), url('../fonts/mintspirit-regular.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'Mint Spirit';src:url('../fonts/mintspirit-bold.woff2') format('woff2'), url('../fonts/mintspirit-bold.woff') format('woff');font-weight:bold;font-style:normal}
  @media screen and (max-width:700px) and (min-width:450.1px){.responsive{max-width:450px;left:17.85%;position:relative}}
  @media screen and (max-width:980px) and (min-width:700.1px){.responsive{max-width:500px;left:24.5%;position:relative}}
  @media screen and (max-width:1260px) and (min-width:980.1px){.responsive{max-width:500px;left:30.15%;position:relative}}
  @media screen and (max-width:1900px) and (min-width:1260.1px){.responsive{max-width:500px;left:31.7%;position:relative}}
html, body {
	font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;}
h1 {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #1a1a1a;
    text-align: center;
    text-shadow: 0 1px 0px #000;
    font-size: 200%;
    padding: 10px;
}

h2 {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #555;
    text-align: center;
    text-shadow: 0 1px 0px #000;
    font-size: 190%;
    padding: 10px;
}

h3 {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 0px #000;
    font-size: 180%;
    padding: 10px;
}

p {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    background-color: #fff;
    text-align: justify;
    font-size: 125%;
    line-height: 150%;
    border: 0px solid;border-radius:7px;
    padding: 12px;
    margin: 0 0 25px;
}
.intro{
    background:url('../img/bg.svg') center repeat-y;
    height:100%;
    text-align:center;
    width:auto;
    padding:0px;
    }
.safeshop{
    z-index: 5;
    margin: 200px 0px 0px 0px;
    }
.content{
    width: 100%;
    margin: auto;
    padding: 0px;
    }
.welcome{
    color:#f2f2f2;
    text-shadow: 0px 2.5px 0px rgba(0, 0, 0, 0.8);
    }
.mode{
    color:#cacaca;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.8);
    }
.btn{
    margin:4px;
    width: 50px;
	height: 50px;
    }
.help {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    background-color: #d6d6d6;
}
quote {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff;
    border: 0px solid;border-radius:4px;
    text-align: justify;
    font-size: 100%;
    line-height: 110%;
    font-style:italic;
    padding: 1px;
}
.buttona {
    margin: 15px;
}
.img {
    background-color: #ffffff;
    border: 0px solid;border-radius:7px;
}
.os{
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #b42900;
}
.credits{
    text-align:center;
    background:transparent;
}

.ml{
    margin-left:40px;
}

h4{
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #2900b4;
    text-align: center;
    text-shadow: 0 1px 0px #000044;
    font-size: 100%;
padding: 1px;
}

.simbi{
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    color: #2900b4;
}

.gal{
   display: inline;
}

.simbios{
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff;
    border: 0px solid;border-radius:5px;
    padding: 7px;
}
/* Utilities
==================================*/
.title-bordered {
    border-top: solid 2px #bbb;
    padding-top: 30px;
}

.scroll {
    height: 100%;
}
.tabl {
    width: 100%;
}
/* Menu
==================================*/
.menu .bar.bar-header.expanded {
    transition: all .5s ease-in-out;
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}

.menu-open .bar.bar-header.expanded {
    background-color: #222;
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}

.menu h2 {
    bottom: 0;
    font-size: 18px;
    left: 16px;
    position: absolute;
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}

.menu .avatar {
    height: 88px;
    width: 88px;
}

.menu.menu-left * {
    font-weight: bold;
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}

.menu-open .ion-navicon {
    transform: rotate(-360deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}

.menu-open .ion-navicon:before {
    content: "\f2ca";
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}
button {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
}
.inside {
color: white;
font-size: 35px;
               margin-right: 0px;
    margin-top: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.float-button {
z-index: 15;
  border-radius: 50%;
  background: rgba(180, 41, 0, 1);
  border: 1px solid rgba(0, 0, 0, 0.13);box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 15px;
  right: 15px;
}
.float-buttonc {
    position: relative;
    bottom: 15px;
    vertical-align: middle;
    display: flex;
    z-index: 5;
    background: none;
    border-radius: 50% 50% 50% 50%;
    height: 200px;
    width: 200px;
    margin-left:25%;
    box-shadow: 0px 12px 15px 0px rgba(242, 242, 242, 0.76);
}
.float-buttonl {
    position: absolute;
    bottom: 15px;
    vertical-align: middle;
    display: flex;
    z-index: 5;
    background: none repeat scroll 0% 0% rgb(239, 71, 58);
    border-radius: 50% 50% 50% 50%;
    height: 60px;
    width: 60px;
    left: 15px;
    border: 1px solid rgba(0, 0, 0, 0.13);box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
input {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
}
textarea {
    font-family: "Mint Spirit", "Clear Sans" , "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
}
/* Login
==================================*/
.app-icon {
    background: url('../img/pet.svg') center no-repeat;
    background-size: 80%;
    border-radius: 50%;
    border: 0px solid #2900b4;
    height: 185px;
    margin: 0 auto;
    width: 185px;
}

.bgw {
    background-color:#ffffff;
}
.social-login {
    position: fixed;
    bottom: 0;
}
/* Images
==================================*/
i.icon {
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    font-style: normal;
    position: relative;
}
.simbicon-pet {
    background: url('../img/pet.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-phone {
    background: url('../img/phone.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-info {
    background: url('../img/info.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-info2 {
    background: url('../img/info2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-pencil {
    background: url('../img/pencil.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-gps {
    background: url('../img/gps.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-pencil2 {
    background: url('../img/pencil2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-help {
    background: url('../img/help.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-addressbook2 {
    background: url('../img/addressbook2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-addressbook {
    background: url('../img/addressbook.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-clients {
    background: url('../img/clients.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-linkedin {
    background: url('../img/linkedin.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-facebook {
    background: url('../img/facebook.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-mobile {
    background: url('../img/mobile.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-sms {
    background: url('../img/sms.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-telegram {
    background: url('../img/telegram.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-email {
    background: url('../img/email.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }

.simbicon-vox {
    background: url('../img/vox.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }

.simbicon-print {
    background: url('../img/print.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }

.simbicon-picture {
    background: url('../img/picture.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }

.simbicon-film {
    background: url('../img/film.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-brush2 {
    background: url('../img/brush2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-brush {
    background: url('../img/brush.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-game {
    background: url('../img/game.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
   .simbicon-pp {
    background: url('../img/pp.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-money {
    background: url('../img/money.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-money2 {
    background: url('../img/money2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-download {
    background: url('../img/download.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
	 .simbicon-download3 {
    background: url('../img/download2.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-close {
    background: url('../img/close.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-back {
    background: url('../img/back.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-cart {
    background: url('../img/cart.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-cart-s {
    background: url('../img/cart2.svg') center no-repeat;
    bottom: 0;
    width: 24px;
    height: 24px;
    }
    .simbicon-web {
    background: url('../img/web.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
    .simbicon-gift {
    background: url('../img/gift.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-staff {
    background: url('../img/staff.svg') center no-repeat;
    background-size: 32px;
    bottom: 0;
    }
.simbicon-home {
    background: url('../img/home.svg') center no-repeat;
    background-size: 32px;
    background-position: 8px;
    bottom: 0;
    }
.simbicon-vcf {
    background: url('../img/vcf.svg') center no-repeat;
    background-size: 32px;
    bottom: 0;
    }
.simbicon-download2 {
    background: url('../img/download2.svg') center no-repeat;
    background-size: 32px;
    bottom: 0;
    }