@font-face {
    font-family: Mtav;
    src: url(../fonts/bpg_nino_mtavruli_normal_1.ttf);
}


@font-face {
    font-family: Mtav2;
    src: url(../fonts/bpg-le-studio-02-caps-webfont.ttf);
}

@font-face {
    font-family: Aria;
    src: url(../fonts/bpg_arial_1.ttf);

}

@font-face { font-family: webfont;
    src:url(../fonts/glyphicons-halflings-regular.ttf);
}


@font-face { font-family: Patara;
    src:url(../../fonts/bpg-nateli-webfont.ttf);
}

@font-face { font-family: Patara1;
    src:url(../fonts/bpg-le-studio-02-webfont.ttf);
}

@font-face { font-family: Patara2;
    src:url(../fonts/archyedt-thin-webfont.ttf);
}


@font-face { font-family: Patara3;
    src:url(../../fonts/bpg-extrasquare-webfont.ttf);
}
/* -------*/
@font-face { font-family: Patara4;
    src:url(../fonts/bpg-venuri-webfont.ttf);
}

@font-face { font-family: Patara5;
    src:url(../../fonts/dejavu-sans-condensed-webfont.ttf);
}

@font-face { font-family: Patara6;
    src:url(../fonts/dejavu-sans-extra-light-webfont.ttf);
}


@font-face { font-family: Patara7;
    src:url(../fonts/dejavu-sans-webfont.ttf);
}


/*-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;*/
.mymenu_a {color: white;}

.mymenu_a:hover {color: silver;}

.didi {font-family: Mtav;}

.loginform {margin-top: 20%;
            padding:30px;
            background-color: rgba(40, 167, 69, 0.05);
            display: table;
border-radius: 5px;
box-shadow: 0 0 3px silver;}

.myleft {
    float: left;
    }

.log_input {width: 100%;
           padding: 10px;}


.error_login {
    position: absolute;
    font-size: 1.1em;
    color: #39134c;
    left: 50%;
    top: 20%;
    padding: 1% 5%;
    text-align: center;
    text-transform: uppercase;
    font-family: Mtav;
    color: #ffffff;
    z-index: 1001;
    border-radius: 10px;
    background-color: rgba(172, 2, 0, 0.97);

    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

}

.true_reg {
    position: absolute;
    font-size: 1.1em;
    color: #ffffff;
    left: 50%;
    top: 10%;
    padding: 1% 5%;
    text-align: center;
    text-transform: uppercase;
    font-family: Mtav;
    color: #ffffff;
    z-index: 1001;
    border-radius: 10px;
    background-color: rgb(11, 127, 0);

    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

}

/* ---------------- SUPER ADMIN ---- >*/

.myleft_menu {
    padding: 0 0 0 0;
    box-shadow: 0 0 1px #787878;
    min-height: 500px;}




.myleft_menu li{
    padding: 5% 1% 5% 3%;
    font-family: Mtav;
    color: #0B431D;
    border-bottom: 1px dotted silver;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

.myleft_menu li:hover{
    padding: 5% 1% 5% 3%;
    font-family: Mtav;
    color: #0a2814;

    background-color: rgba(130, 118, 68, 0.15);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}


.myleft_menu li a{
    text-decoration: none;
    color: #0B431D;}


.mywrapper {padding: 1%;}

.mybanners1 { background-color: rgba(10, 40, 20, 0.31);}
.mybanners2 { background-color: #0b2e13;}
.mybanners3 { background-color: #0B431D;}
.mybanners4 { background-color: #1c7430;}






/* -------------------------------------------- */

/*-----------------------------------------------*/




















@media (min-width: 960px)
{
.mobile_menu {display: none;}
}




@media (max-width: 767px)
{
    .hidden-xs {display: none;}
    .hidden-sm {display: none;}
    .mobile_menu { font-size: 0.8em;
        float: left;}


}
