@media only screen and (max-width: 800px) {
    .img_phone{
        width: 300px!important;
    }
}

@media only screen and (min-width: 800px) {
   .img_phone{
        z-index: 10;
        position: absolute;
        width: 300px;
        margin-left: -150px;
    }

}

:root {
    --backpage-color:#f5f5f5;
    --strong-gray-color: #4D4D4D;
    --gray-color: #666666;
    --ligth_gray-color: #e6e6e6;
    --low_gray-color: #999999;
    --green-color: #90AE4C;
    --ligth_green-color: #8CC63F;
    --green_shine-color: #8CC63F;
    --blue-color: #25799F;
    --white-color:#ffffff;
    --orange-color:#e67e22;
    --red-color:#e74c3c;
    --gradien-color:linear-gradient(115DEG, #94B646, #25799F);;
}

@font-face {
    font-family: 'farmappLight';
    src: url(font/FuturaStd-Book.otf);
}


@font-face {
    font-family: 'farmappRegular';
    src: url(font/FuturaStd-Medium.otf);
}

@font-face {
    font-family: 'farmappBold';
    src: url(font/FuturaStd-Heavy.otf);
}

button,a,label,input,span,h1,h2,h2{
    outline:none!important;
    text-shadow: none!important;
    text-decoration: none!important;
    font-family: 'farmappRegular'!important;
}

label{
    font-size: 14px!important;
}

*{
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:var(--backpage-color)!important;  
    font-size:16px;
    min-height:100%;
    height:auto;
    margin:0px;
    padding:0px;
    width:100%;
    text-shadow: none!important;
    font-family: 'farmappRegular'!important;
    text-rendering: optimizeLegibility;
}

.ft_light{
    font-family: 'farmappLight'!important;
}

.ft_medium{
    font-family: 'farmappRegular'!important;
}

.ft_bold{
    font-family: 'farmappBold'!important;
}

/*=============== GENERAL COLORS =========
========================================*/

.back_backpage{
    background: var(--backpage-color)!important;
}
.back_strong-gray{
    background: var(--strong-gray-color)!important;
}
.back_gray{
    background: var(--gray-color)!important;
}
.back_ligth_gray{
    background: var(--ligth_gray-color)!important;
}
.back_low_gray{
    background: var(--low_gray-color)!important;
}
.back_green{
    background: var(--green-color)!important;
}
.back_ligth_green{
    background: var(--ligth_green-color)!important;
}
.back_green_shine{
    background: var(--green_shine-color)!important;
}
.back_blue{
    background: var(--blue-color)!important;
}
.back_white{
    background: var(--white-color)!important;
}
.back_orange{
    background: var(--orange-color)!important;
}
.back_red{
    background: var(--red-color)!important;
}
.back_gradien{
    background: var(--gradien-color)!important;
}

.cl_backpage{
    color: var(--backpage-color)!important;
}
.cl_strong-gray{
    color: var(--strong-gray-color)!important;
}
.cl_gray{
    color: var(--gray-color)!important;
}
.cl_low_gray{
    color: var(--low_gray-color)!important;
}
.cl_ligth_gray{
    color: var(--ligth_gray-color)!important;
}
.cl_green{
    color: var(--green-color)!important;
}
.cl_ligth_green{
    color: var(--ligth_green-color)!important;
}
.cl_green_shine{
    color: var(--green_shine-color)!important;
}
.cl_blue{
    color: var(--blue-color)!important;
}
.cl_white{
    color: var(--white-color)!important;
}
.cl_orange{
    color: var(--orange-color)!important;
}
.cl_red{
    color: var(--red-color)!important;
}
.cl_gradien{
    color: var(--gradien-color)!important;
}

.ft_10{
    font-size: 10px!important;
}

.ft_11{
    font-size: 11px!important;
}

.ft_12{
    font-size: 12px!important;
}

.ft_14{
    font-size: 14px!important;
}

.ft_16{
    font-size: 16px!important;
}

.ft_18{
    font-size: 18px!important;
}

.ft_20{
    font-size: 20px!important;
}

.ft_22{
    font-size: 22px!important;
}

.ft_24{
    font-size: 24px!important;
}

.padding_20{
    padding: 20px!important;
}

.padding_10{
    padding: 10px!important;
}

.padding_50{
    padding: 50px!important;
}


.div_two_colors{
    background: linear-gradient(to right, #25799F 0%, #25799F 50%, #90AE4C 50%, #90AE4C 100%);
}