/* @charset "UTF-8"; */

html, body{
    min-height: 0!important;
    height: auto!important;
    position: inherit!important;
}

html,
body,
#content {
    background-color: #222!important;
    color: white!important
}

.open-menu {width:55px;height:60px;line-height:60px;text-align:center;font-size:14px;}

#preloader {
    background-color: #fdfdfd!important
}

.btn-orange {
    color: #212529!important;
    background-color: orange!important;
    border-color: orange!important;
}
.btn-orange:hover,.btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active, .show > .btn-orange.dropdown-toggle {
    color: #212529!important;
    background-color: #ef9d02!important;
    border-color: #d78d00!important;
}
.btn-orange.focus, .btn-orange:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #FCA705!important
}

p.push-foward {
    background-color: rgba(255, 255, 255, .1)!important;
    padding: 10px;
    border-bottom: 1px solid orange!important;
    margin-bottom: 10px
}

img.mobile {
    max-width: 500px
}

.footer-socials {
    width: 310px
}

.error-page {
    width: auto
}

.error-page-wrapper {
    position: initial;
    margin-bottom: 10px
}

.sidebar-divider {
    width: 100%
}

.content {
    clear: both;
    margin-left: 10px;
    margin-right: 10px
}

.header-logo {
    background-image: url(../images/misc/head_team-bully_french-american-bully-xl.png);
    width: 60px;
    height: 42px;
    background-size: 248px 42px;
    float: none;
    margin: 10px auto 0
}

/* TOP LINKS */
#top-links {background-color: rgba(255,255,255,.1);margin-bottom:20px; padding-bottom:10px;}

.top-links .col-12 {
    padding:0;
}

.top-links {
    padding:0 10px 0 10px;
    margin:0;
}

.top-links a {
    margin-top:10px;
}

.top-links a + a {
    margin-left: 5px;
}

.soon-page,
.soon-page h1 {
    width: 300px
}

.soon-page {
    height: 90%;
    margin-top: 5%;
    top: 0
}

.countdown {
    padding-bottom: 20px
}

.soon-page-wrapper {
    background-image: url(../images/pictures/teambully-french-breeding-of-american-bully-xl-in-paris.png)
}

.soon-page a,
.soon-page a:active,
.soon-page a:hover,
.soon-page a:visited {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 13px;
    color: #333;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 5px;
    font-weight: 500;
    height: 40px
}

.soon-page .share>a {
    margin: 0;
    width: auto;
    display: inline-block;
    text-align: center;
    border: 1px dashed rgba(255, 255, 255, .5);
    padding: 13px
}

.soon-page .contact>a.button>div {
    display: block;
    text-align: center
}

.soon-page .contact {
    margin-bottom: 20px
}

.soon-page p {
    text-align: justify-all;
    padding: 0 10px;
    color: rgba(255, 255, 255, .7)
}

.sidebar-divider {
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
}

.sidebar-logo a {
    background-image: none;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0
}

h4 {
    line-height: 30px
}

h3 {
    font-size: 12px
}

.dark-overlay {
    background-color: rgba(0, 0, 0, 0.60)!important
}

.cover-page-wrapper {
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}

.cover-image {
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 558px;
}

.cover-image-50 {
    background-image: url(../images/pictures/teambully-french-breeding-of-american-bully-xl-in-paris.png)
}

.cover-content-s1 {
    position: absolute;
    width: 100%;
    top: 35%;
    z-index: 9999;
    height: auto;
    margin-top: 0px;
}

.cover-content-s1 h1 {
    color: #FFFFFF;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom: 0px;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 5px
}

.cover-content-s1 h2 {
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.cover-content-s1 p {
    text-align: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    margin-bottom: 3px
}

.cover-button-1 {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    transition: all 200ms ease
}

#anchor-cover {
    margin-top: 60px
}

#presentation h1 {
    font-size: 16px;
    font-weight: 500
}

#presentation h2 {
    font-size: 1.5em;
    font-weight: 400;
    text-align: center
}

#presentation p {
    font-size: 1em;
    line-height: 25px;
    text-align: start;
    font-weight: initial
}

.decoration {
    margin-bottom: 15px;
    background-color: orange
}

.decoration-end {
    height: 1px;
    display: block;
    clear: both;
    margin-bottom: 3px;
    background-color: rgba(255, 255, 255, .3)
}

.decoration-end+.decoration-end {
    margin-bottom: 15px
}

.content-heading-decoration {
    height: 15px;
    background-color: #fff
}

.content-heading {
    height: 80px;
    max-height: 80px;
    margin-bottom: 10px!important;
}

.content-heading h1 {
    position: absolute;
    z-index: 9999;
    text-transform: uppercase;
    pointer-events: none;
    font-weight: 800;
    width: 100%;
    background-color: rgba(255, 255, 255, .07);
    font-size: 16px;
    margin: 10px 0 0 0;
    padding: 5px 20px;
}

.content-heading i {
    font-size: 12px!important;
    z-index: 9999;
    pointer-events: none;
    float: right;
    margin-top: 3px!important;
    right: 21px;
}

.content-heading p {
    font-size: 11px;
    opacity: 0.75;
    padding-left: 20px;
    margin-bottom: 0;
    width: 100%;
    margin-top: 45px;
}

.content-heading img:hover {
    filter: blur(1px);
    -webkit-filter: blur(1px)
}

.content-heading .overlay {
    background-color: rgba(0, 0, 0, 0.6)
}

.structured {
    width: 100%;
    margin: 0 auto
}

.thumb-left,
.thumb-right {
    padding-bottom: 0!important
}

.thumb-left img {
    margin-right: 10px;
    float: left
}

.thumb-right img {
    margin-left: 10px;
    float: right
}

.thumb-left img,
.thumb-right img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    transition: all 500ms ease
}

.thumb-left strong,
.thumb-right strong {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 16px
}

.thumb-left strong {
    float: right;
    padding-bottom: 31px;
}

.thumb-left em,
.thumb-right em {
    font-style: normal;
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.open-menu-home {
    position: inherit;
    width: auto;
    height: auto;
    left: 0px;
    top: 0px;
    transition: all 250ms ease;
}

.center-socials .instagram-social {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    float: left
}

.center-socials .youtube-social {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    float: left;
}

.center-socials .facebook-social,
.center-socials .instagram-social,
.center-socials .youtube-social,
.center-socials .twitter-social {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    float: none;
}

.center-socials {
    width: 100%
}

.center-socials a {
    margin-bottom: 0!important
}

.center-socials a+a {
    margin-left: 10px!important
}

.bully-list-item {
    margin-bottom: 15px
}

.bully-list-item strong {
    margin-left: 10px;
    display: inline-block
}

.bully-list-item img {
    width: 70px;
    height: 70px;
    border-radius: 50px;
}
.american-bully-xl.content {
    margin-top: 10px;
}

.american-bully-xl.cover {
    width: 100%;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
    border-bottom: 2px solid orange;
}

.american-bully-xl.overlay {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.american-bully-xl.avatar {

    position: absolute;
    top: 50px;
    left: 5px;
    width: 90px;
    height: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid orange;
    border-right: 2px solid orange;
    border-bottom: 2px solid orange;
    border-left: 2px solid orange;
    z-index: 9999;
    border-radius: 100px;
    background-color: #222;

}

.american-bully-xl.head {

    position: absolute;
    top: 74px;
    left: 0px;
    width: 100%;
    height: auto;
    margin-left: 79px;
    z-index: 99;

}

.american-bully-xl.head h1 {
    padding-left: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, .2);
}

.american-bully-xl.head h2 {

    padding-left: 20px;
    margin-bottom: 0;
    font-size: 14px!important;

}

.american-bully-xl.head h3 {
    padding-left: 20px;
    font-size: 1em;
    margin-bottom: 3px;
}

.american-bully-xl.head h4 {
    padding-left: 20px;
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0;
}

.american-bully-xl.head span {
    text-transform: initial;
}

.american-bully-xl.layout {
    margin-top: 62px;
}

.american-bully-xl.informations,
.american-bully.cards {
    padding-bottom: 15px;
}

.american-bully-xl.informations p {
    text-align: justify;
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 0;
    background-color: rgba(255, 255, 255, .1);
    padding: 5px;
}

.american-bully-xl.informations .line {
    margin-left: -10px;
    padding-right: 0
}

.american-bully-xl.content ul {
    margin-bottom: 0;
}

.american-bully-xl.content li {
    list-style-type: none!important;
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    padding-left: 5px;
}

.american-bully.cards li>span {
    color: white;
}

.informations li>span {
    color: #FCA705!important;
}

.american-bully.cards .cards-title {
    color: white;
}

.next-bully {
    z-index: 99999;
    background-image: url(../images/ui/next1.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    background-size: 16px 16px;
    background-position: 16px 15px;
    background-color: rgba(255, 255, 255, .75);
    position: absolute;
    right: 0px;
    margin-top: 50%;
    border-radius: 0;
    transition: all 400ms ease;
}

.prev-bully {
    z-index: 99999;
    background-image: url(../images/ui/prev1.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    background-size: 16px 16px;
    background-position: 13px 15px;
    background-color: rgba(255, 255, 255, .75);
    position: absolute;
    left: 0px;
    margin-top: 50%;
    border-radius: 0;
    transition: all 400ms ease;
}

.bully-item img {
    border-radius: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    transition: all 500ms ease;
    margin-top: 0;
}

.line-descent {
    margin-top: -6px;
    margin-bottom: -3px;
}

.bully-xl-content .row img {
    padding: .25rem;
    border-radius: .25rem;
    background-color: white;
    border: 0;
    margin: initial;
}

.american-bully.content .the-beast>div {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10%;
    margin-left: 15px;
    margin-right: 15px;
    width: 80%;
}

.beast+.beast {
    margin-top: 10px;
}

.beast>h1 {
    background-color: rgba(255, 255, 255, .1);
    color: white!important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.beast>.description>h1 {
    font-size: 1.2em;
    color: white!important;
    text-decoration: underline;
}

.beast>.description>p {
    font-size: 1.1em;
}

.beast>.description>h1,
.beast>.description>p,
.beast>.description>em {
    margin-bottom: 0;
    padding: 0 5px 0 5px;
}

.beast>.description>span.bully-register {
    padding: 0 5px 0 5px;
    display: block;
}

.beast>.description>p {
    line-height: 15px;
    font-size: .8rem;
    letter-spacing: 0px;
    padding-top: 5px;
}

.beast+.decoration-end {
    margin-top: 10px;
}

#beast {
    padding-bottom: 15px;
}

.parents {
    padding-bottom: 15px;
}

#pedigree h1 {
    margin-bottom: 0px;
}

#weddings #weddings-head {
    padding-top: 10px;
}

#weddings-head .cover {
    width: 100%;
    height: 100px;
    background-size: cover;
}

#weddings p {
    line-height: 25px;
    margin-bottom: 15px;
}

#weddings .cover-content {
    padding: 15px 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 0;
}

#weddings .cover-content h1 {
    font-size: 1.5em;
}

#weddings .cover-footer {
    text-align: justify
}

#weddings .cover-footer h2,
#weddings .cover-footer h3 {
    color: silver!important
}

#weddings .cover-footer h3 {
    margin-bottom: 15px
}

#wedding .announce {
    padding: 10px;
    background-color: rgba(255, 255, 255, .1);
}

.wedding h1,
.wedding h2 {
    text-decoration: underline;
    color: white!important
}

.wedding ul {
    margin-bottom: 15px;
}

#wedding ul {
    margin-bottom: 0;
}

.wedding li,
#wedding li {
    list-style-type: none!important;
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    padding-left: 5px;
}

.wedding li>span,
#wedding li>span {
    color: orange
}

#wedding .married-ones .images {
    width: 100%;
    height: auto;
}

#wedding .married-ones .images>div.mars,
#wedding .married-ones .images>div.venus {
    border: 5px solid white;
}

#wedding .married-ones .images .mars,
#wedding .married-ones .images .venus,
#wedding .married-ones .infos .mars,
#wedding .married-ones .infos .venus,
#wedding .married-ones .puppies-sale .mars,
#wedding .married-ones .puppies-sale .venus {
    width: 49%;
    float: left;
}

#wedding .married-ones .images .mars,
#wedding .married-ones .infos .mars,
#wedding .married-ones .puppies-sale .mars {
    margin-right: 1%;
}

#wedding .married-ones .images .venus,
#wedding .married-ones .infos .venus,
#wedding .married-ones .puppies-sale .venus {
    margin-left: 1%;
}

#wedding .married-ones .infos h3,
#wedding .married-ones .infos h4,
#wedding .married-ones .infos h5 {
    text-align: center;
}

#wedding .married-ones .infos h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
    background: orange;
    padding-top: 5px;
    padding-bottom: 5px;
}

#wedding .married-ones .infos h4,
#wedding .married-ones .infos h5,
#wedding .married-ones .puppies-sale h3,
#wedding .married-ones .puppies-sale h4 {
    color: silver!important;
    line-height: 15px;
}

#wedding .married-ones .infos h4 {
    font-size: 1.1em;
    margin-bottom: 5px;
}

#wedding .married-ones .infos h5 {
    font-size: 0.9em;
}

#wedding .married-ones .puppies-sale h3 {
    color: white!important;
    font-size: 1.1em;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px 0 5px 0;
}

#wedding .married-ones .puppies-sale h4 {
    color: darkorange!important;
    font-size: 0.9em;
}

#wedding .married-ones .details p {
    line-height: 15px!important;
    padding: 10px;
    font-size: 0.9em;
    background-color: rgba(255, 255, 255, 0.1);
    height: 155px;
    word-break: keep-all;
    overflow: hidden;
    margin-bottom: 10px
}

#wedding .married-ones .puppies-sale ul span {
    color: orange!important;
}

.gender-list {
    padding: 15px 0 10px 0;
}

.gender-list>.head>h1 {
    margin-bottom: 5px;
}

.gender-list>.head>p,
.gender-list>.infos>p {
    background-color: rgba(255, 255, 255, .1);
    padding: 10px;
    line-height: 20px;
    margin-bottom: 0;
}

.gender-list>.decoration {
    margin-bottom: 10px;
    background-color: darkorange;
}

.gender-list .lines .image,
.gender-list .lines .infos {
    float: left;
}

.gender-list .lines>.line {
    background-color: rgba(255, 255, 255, .1);
    margin-bottom: 10px;
}

.gender-list .lines .image {
    width: 25%;
}

.gender-list .lines .infos {
    width: 72.5%;
    padding: 10px;
}

.gender-list .lines .infos h1,
.gender-list .lines .infos h2,
.gender-list .lines .infos h3 {
    margin-bottom: 0;
    color: white!important;
}

.gender-list .lines .infos h1+h2,
.gender-list .lines .infos h2+h3 {
    margin-top: 2px;
}

.gender-list .lines .infos h1 {
    font-size: 18px;
}

.gender-list .lines .infos h2 {
    font-size: 1em;
}

.gender-list .lines .infos small {
    width: 21%;
    display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
    padding: 3px 0 3px 3px;
    background-color: rgba(255, 255, 255, .1);
}

#puppiesForSale .card {
    border: none!important;
}

#puppiesForSale .card .card-body {
    background-color: #222!important;
}

#puppiesForSale .card .card-body>p {
    background-color: #343a40!important;
}

#puppiesForSale .beast h1,
#puppiesForSale .beast h2,
#puppiesForSale .beast span {
    padding-left: 5px;
}

#puppiesForSale .beast {
    background-color: rgba(255, 255, 255, .1);
    margin-bottom: 15px;
}

#puppiesForSale .beast h1 {
    margin-bottom: 0;
}

#puppiesForSale .beast h2 {
    font-size: 1em;
    padding: 5px;
    color: white!important;
}

#puppiesForSale .row.no-gutters:last-child .col-12 {
    margin-bottom: 0!important;
}

#puppiesForSale .card-footer span.float-right {
    float: left!important;
    margin-left: 0!important;
}

#puppiesForSale.gender-list .lines .image {
    width: 24%!important;
    margin: 1%!important;
}

#puppiesForSale.gender-list .lines .infos {
    width: 73.0%!important;
    margin-top: 1%!important;
    margin-bottom: 1%!important;
    margin-right: 1%!important;
    padding: 0!important;
}

#weddings .images>div,
#weddings .infos>div {
    float: left;
    width: 50%
}

#weddings .images>.mars {
    padding-right: 2.5px
}

#weddings .images>.venus {
    padding-left: 2.5px
}

#weddings .block-heading,
#wedding .block-heading {
    height: 49px;
    max-height: 49px;
    margin-bottom: 5px!important;
}

#weddings .block-heading img {
    margin-top: -45px
}

#weddings .wedding-content .decoration {
    margin-bottom: 5px!important
}

.wedding-list .row {
    margin-bottom: 10px
}

.wedding-list .infos {
    padding-top: 5px
}

.wedding-list .infos h1 {
    font-size: 1.4em;
    margin-bottom: 0
}

.wedding-list .infos h1>span.info {
    color: white!important;
    font-size: .75em!important
}

.wedding-list .infos h2 {
    font-size: .95em;
    margin-bottom: 0
}

.wedding-list .link {
    background-color: orange;
    text-align: center;
}

.pagination {
    border-radius: 0;
    margin-bottom: 10px;
}

.pagination>ul {
    margin-bottom: 0;
}

.pagination>ul li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0;
}

.pagination>ul li+li {
    padding-left: 5px;
}

.page-item .page-link {
    z-index: 1;
    color: #fff;
    background-color: #343a40!important;
    border-color: gray;
}

.page-item .page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    z-index: 1;
    background-color: gray!important;
    border-color: #fff;
}

.decoration-end+.decoration-end {
    margin-bottom: 10px;
}

.login-page-wrapper {
    position: inherit!important;
    width: 280px;
    height: initial!important;
    top: initial!important;
    margin-top: 50px!important;
    left: 50%;
    margin-left: -140px;
    z-index: 2;
}

#bottom-links {
    padding-bottom: 10px;
}

#bottom-links ul {
    margin-bottom: 0;
}

#bottom-links ul+h2 {
    margin-top: 10px;
}

#bottom-links h2 {
    text-decoration: underline;
}

#bottom-links li {
    list-style-type: none!important;
    background-color: rgba(255, 255, 255, .1);
    width: inherit !important;
    font-weight: inherit !important;
    padding-left: 5px;
}

#bottom-links li>a,
#bottom-links li>a:focus {
    display: initial!important;
    color: white;
    text-decoration: none!important
}

#bottom-links li>a:hover {
    color: orange!important
}

#bottom-links li>a:active,
#bottom-links li>a:hover {
    text-decoration: underline!important
}

.large-title p {
    width: 100%;
}

.footer-socials a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
    color: #FFFFFF;
    transition: all 200ms ease;
}

.footer-socials a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.footer-socials a {
    margin-bottom: 0!important
}

.footer-socials a+a {
    margin-left: 10px!important
}

.contact-form input:not([type="submit"]), .contact-form textarea, .contact-form input:not([type="submit"]):focus:invalid, .contact-form textarea:focus:invalid, .contact-form input:not([type="submit"]):empty:invalid, .contact-form textarea:empty:invalid {
    box-shadow: 0 0 0 0 #222!important;
    border-color: #343a40!important;
    border-left-color: silver!important;
    border-left-width: 3px;
}

.contact-form input:not([type="submit"]):invalid, .contact-form textarea:invalid, .contact-form input:not([type="submit"]):not(:focus):invalid, .contact-form textarea:not(:focus):invalid {
    box-shadow: 0 0 0 0 #222!important;
    border-color: #343a40!important;
    border-left-color: crimson!important;
    border-left-width: 3px;
}
.contact-form input:not([type="submit"]):valid, .contact-form textarea:valid {
    box-shadow: 0 0 0 0 #222!important;
    border-color: #343a40!important;
    border-left-color: chartreuse!important;
    border-left-width: 3px;
}

#puppy-profile #avatar h1 {

    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background-color: rgba(255,255,255,0.33);
    margin-bottom: 5px;
    font-size:15px;

}

#puppy-profile .alert > dl {
    font-size:12px;
}

.cards-content .btn-dark {
    font-size: 14px;
}

.cards-content .bg-white-transparent, .married-ones .bg-white-transparent {
    padding: 5px!important;
}
.contact-form h2 {
    font-size: 15px;
}

#google_translate_element {
  position: absolute;
  bottom: calc(53px + 16px);
  right: 16px!important;
}
.goog-te-gadget {
  font-family: Roboto, 'Open Sans', sans-serif!important;
  text-transform: uppercase;
}
.goog-te-gadget-simple  {
  background-color: rgba(255,255,255,0.20)!important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  padding: 8px!important;
  border-radius: 4px!important;
  font-size: 1rem!important;
  line-height:2rem!important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}
.goog-te-menu2 {
  max-width: 100%;
}
.goog-te-menu-value {
  color: #fff !important;
    &:before {
    font-family: 'Material Icons';
    content: "\E927";
    margin-right: 16px;
    font-size: 2rem;
    vertical-align: -10px;
    /*width:32px!important;*/
  } 
}
.goog-te-menu-value span:nth-child(5) {
  display:none;
}
.goog-te-menu-value span:nth-child(3) {
  border:none!important;
  font-family: 'Material Icons';
  &:after {
    font-family: 'Material Icons';
    content: "\E5C5";
    font-size: 1.5rem;
    vertical-align: -6px;
  }  
}

.goog-te-gadget-icon {
    background-image: url(https://placehold.it/32)!important;
    background-position: 0px 0px;
    height: 32px!important;
    width: 32px!important;
    margin-right: 8px!important;
    /*//     OR
    display: none;*/
}

/*// ============ HIDE TOP BAR ============ */
.goog-te-banner-frame.skiptranslate {display: none!important;} 
body {top: 0px!important;}

/* ================================== *\
    Mediaqueries
\* ================================== */
@media (max-width: 667px) {
    #google_translate_element {
        bottom: calc(100% - 50% - 53px);
        left: 16px!important;
        width: 100%!important;
        goog-te-gadget {
            width:100%!important;
        }
        .skiptranslate {
            width:100%!important;           
        }
        .goog-te-gadget-simple {
            width: calc(100% - 32px)!important;
            text-align: center;
        }   
    }
}

@media (min-width: 380px) {

    .american-bully-xl.avatar {
        top: 50px;
        left: 10px;
        width: 100px;
        height: 100px;
    }

    .american-bully-xl.head {
        top: 74px;
        left: 0px;
        margin-left: 100px;
    }

    .american-bully-xl.head h2 {
        padding-left: 20px;
        font-size: 1em;
        margin-bottom: 0;
    }
    .cards-content .btn-dark {
        font-size: initial;
    }

    .cards-content .bg-white-transparent, .married-ones .bg-white-transparent {
        padding: 10px!important;
    }

	.contact-form h2 {
	    font-size: 18px;
	}

    #puppy-profile #avatar h1 {

        font-size:20px;
        margin-bottom: 20px;

    }

    #puppy-profile .alert > dl {

        font-size:15px;

    }

}

@media (min-width: 490px) {

    .beast>.image,
    .beast>.description {
        float: left;
    }

    .beast>.image {
        width: 30%;
    }

    .beast>.description {
        width: 70%;
    }

}

@media (max-width: 576px) {

    .col-12.col-sm-7.pl-0 {
        padding-left: 15px!important;
    }

}

@media (min-width: 576px) {

    .american-bully-xl.cover {
        height: 300px;
    }

    .american-bully-xl.avatar {
        top: 188px;
        width: 200px;
        height: 200px;
    }

    .american-bully-xl.head {
        top: 250px;
        margin-left: 200px;
    }

    .american-bully-xl.head h1 {
        padding-left: 20px;
        margin-bottom: 15px;
        height: 46px;
        font-size: 30px;
        padding-top: 6px;
    }

    .american-bully-xl.layout {
        margin-top: 110px;
    }
	.contact-form h2 {
	    font-size: 19px;
	}

}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .all-elements {
        position: relative!important;
        overflow-x: hidden !important;
        width: 992px;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        margin: 0 auto;
    }
    .snap-drawers {
        /*position: initial!important;*/
        width: 286px!important;
        height: 100%;
    }
    .snap-drawer {
        position: initial!important;
    }
    .snap-content {
        position: sticky!important;
        width: 992px!important;
        height: 100%;
    }

    .american-bully-xl.informations p {
        padding: 10px;
    }

    #wedding .married-ones .infos h3 {
        font-size: 2em;
    }

}

@media (min-width: 1012px) {
    .content {margin-left:0;margin-right:0;}
}

@media (min-width: 1200px) {
    .row.no-gutters .col-xl-3 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .row.no-gutters .col-xl-3+.col-xl-3 {
        margin-left: 0;
    }
    #puppiesForSale .col-xl-3 {
        -ms-flex: 0 0 23.69693741%;
        flex: 0 0 23.69693741%;
        max-width: 23.69693741%;
    }
    #puppiesForSale .row.no-gutters .col-xl-3:nth-child(5),
    #puppiesForSale .row.no-gutters .col-xl-3:nth-child(9) {
        margin-left: 10px;
    }
}