/* Fonts */
@font-face{
    font-family:font_arialRounded;
    src:url(../fonts/arial-rounded-mt-bold.ttf)
}

.font_arialRounded {
	font-family: font_arialRounded;
    font-size: 18px;
}

@font-face{
    font-family:font_arialRegular;
    src:url(../fonts/arial-regular.ttf)
}

.font_arialRegular {
	font-family: font_arialRegular;
    font-size: 18px;
}


.effectService{
    transition: transform .2s;
    cursor: pointer;
}

.effectService:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.effectButtonNormal{
    --c: #B14053;;
  line-height: 1.2em;
  background:
    conic-gradient(from -135deg at 100%  50%,var(--c) 90deg,#0000 0) 0    var(--p,0%),
    conic-gradient(from -135deg at 1.2em 50%,#0000 90deg,var(--c) 0) 100% var(--p,0%);
  background-size: var(--s,0%) 200%;
  background-repeat: no-repeat;
  transition: .4s ease-in, background-position 0s;
}


.effectButtonNormal:hover {
    --p: 100%;
    --s: calc(55% + .61em); /* it should be 0.6em(1.2em/2) but we use a litte bigger */
    color: #fff;
  }
  



/* Layout 1 */
#layout_1_header_faq{
    background-image: url(../img/backgrounds/layout_1_header_faq.png);
    background-position: center center;
    background-size: cover;
}

#layout_1_2_contentNav{
    background-color: rgba(0, 0, 0, 0.3);
    border-color: gray gray gray gray;
    border-style: solid solid solid solid;
    border-width: 2px 0px 2px 0px;
}

/* Layout 7 */
#layout_7_footer{
    background-color: #2D2B39;
}

/* Colours */
.color-EC6C83{
    color:#EC6C83;
}

.color-B14053{
    color: #B14053;
}

.bg-2D2B39{
    background-color: #2D2B39;
}


/* A Href */
a:link, a:visited, a:active {
    text-decoration:none;
}

/* Cursor */
.pointer{
    cursor:pointer;
}

/* Border Radius */
.b_radius15{
    border-radius: 15px;
}

/* Font Size */
.f-sz12{
    font-size:12px;
}

/* Width */
.w-30{
    width: 30px;
}

.input-group-text {
    background-color: #BBBBBB;
}

@media (max-width: 991px){
    .buttonsAccount{
        margin-right: 0rem!important;
    }
    .buttonMenu{
        margin-left: 0rem!important;
        margin-right: 0rem!important;
    }
}

.logoPhone{
    display: none;
}

@media (max-width: 360px){
    .logoPhone{
        display: block;
    }
    .logoNotPhone{
        display: none;
    }
}