@font-face {
    font-family: Mtav2;
    src: url(../fonts/bpg_nino_mtavruli_normal_1.ttf);
}
@font-face {
    font-family: Mus;
    src: url(../fonts/MuseoModerno-VariableFont_wght.ttf);
}


@font-face {
    font-family: 'BPG Mikheil Stefane';
    src: url('../fonts/bpg-mikheil-stefane-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-mikheil-stefane-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/bpg-mikheil-stefane-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/bpg-mikheil-stefane-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/bpg-mikheil-stefane-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/bpg-mikheil-stefane-webfont.svg#bpg_mikheil_stefaneregular') format('svg'); /* Legacy iOS */
}
@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: 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: Patara4;
    src:url(../fonts/bpg-venuri-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);
}


.mynav1 { padding: 0px 0px 0px 0px; }



.conphone { background-color: #FFB606;
    float: right;
    text-align: center;
    color:#FFFFFF;
    font-size: 1.5em;
     height: 100%;
    padding: 20px;}


.top_slide {
    height: 100vh;
    background-image: url("../images/training.jpg");
    background-repeat: no-repeat;
    background-size: cover;
           }

.slide_text{
    position: absolute;
    margin-top: 15%;
    text-align: center;
    color: #FFFFFF;
    font-size: 4em;
    text-shadow: black 0 1px -1px;
    }

.orangetext { padding: 0px 5px 0px 20px; background-color:#FFB606;  !important;
             }


.cblock { height:200px;
    padding: 10px;
    background-color:#1A1A1A;
    color: #FFB606;
    border-radius: 10px;
    display: table;
    width: 100%;

    -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; }

.cblock:hover { height:200px;
    padding: 10px;
    background-color:#FFB606;
    border-radius: 15px;
    color: #FFFFFF;
    display: table;
    width: 100%;
    -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; }


.fonty { font-size: 0.7em;

         float: left;
         padding: 23% 0% 23% 0%;}

.fontytext { font-size: 0.3em;
             text-align: center;
             float: left;
             height: 10.4em;
             display: table;

            vertical-align: middle;}

.inte {display: table-cell;
    vertical-align: middle;}

.vipcblock {
    height:300px;
    padding: 10px;
    background-color: rgba(207, 210, 213, 0.41);
    color: #000000;display: table;
    min-height: 300px;
          }

.vipfonty{ padding: 20px; width: 100%; min-height: 250px; }

.vipfontytext{ display: table;
               width: 100%;
               background-color: #FFFFFF;}

.blogo { float:left;
         padding: 5px;
         display: table;
         width: 100%;}

.bname{ float:left;
        padding: 5px;
        width: 100%;
         display: table;;
        font-size: 0.8em;
        font-family: Mtav2;
text-align: center}


.didi { text-transform: uppercase; font-family: Mtav2;}


.didi_orange { text-transform: uppercase; font-family: Mtav2; color: #FFA200;}

.f_left { float: left;}


.listbl {
    display: table;

        box-shadow: 0 0 1px #FFA200;
        margin-top: 5px;
    background-color: #FFFFFF;
    -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;
    font-size: 1em;
    padding: 0px;
        }

.listbl:hover {
    display: table;

    box-shadow: 0px 0px 4px #FFA200;
    margin-top: 5px;
    background-color: rgb(252, 252, 252);
    -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;
    font-size: 1em;
    padding: 0px;
}

.b1 { box-shadow: black 0 0 1px; padding: 5px; }
.b2 { box-shadow: black 0 0 1px; padding: 5px;}
.b3 { box-shadow: black 0 0 1px; padding: 5px;}
.b4 {box-shadow: black 0 0 1px; padding: 5px;}
.b5 { box-shadow: black 0 0 1px; padding: 5px;}
.b6 {box-shadow: black 0 0 1px; padding: 5px;}
.b7 {box-shadow: black 0 0 1px; padding: 5px;}
.b8 { box-shadow: black 0 0 1px;padding: 5px;}
.b9 { box-shadow: black 0 0 1px;padding: 5px;}
.b10 { box-shadow: black 0 0 1px;padding: 5px;}

.b_in { font-size: 1.2em; }

.p0 {padding: 0px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p20_0 {padding: 20px 0px;}
.p30_0 {padding: 30px 0px;}
.p40_0 {padding: 40px 0px;}

.m0 {margin: 0px;}
.m5-top {margin-top: 5px;}
.m10-top {margin-top: 10px;}
.m20-top {margin-top: 20px;}
.m30-top {margin-top: 30px;}
.m40-top {margin-top: 40px;}
.m50-top {margin-top: 50px;}

.m5-bottom {margin-bottom: 5px;}
.m10-bottom {margin-bottom: 10px;}
.m20-bottom {margin-bottom: 20px;}
.m30-bottom {margin-bottom: 30px;}
.m40-bottom {margin-bottom: 40px;}
.m50-bottom {margin-bottom: 50px;}

.inputstyle {padding: 7px;
             width: 100%;

 border:1px solid #cccccc;
border-radius: 5px;}

.RedDot {color: red;}


.leftgraund { background-color: #fcfcfc;}
.mylabel { color: #000000; font-weight: bold; width: 100%;}

.trrep { padding: 10px; box-shadow: 0 0 1px green; background-color: #FFFFFF;}

.errep { padding: 10px; box-shadow: 0 0 1px red; background-color: #FFFFFF;}



.leftmenu { font-weight: normal;
            margin-top: 5px;
background-color: #FFFFFF;
    -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;}



.leftmenu:hover { font-weight: normal;
    margin-top: 5px;

    background-color: #FFFFFF;
    padding-left: 15px;
    box-shadow: 0 0 2px #cccccc;
    -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;}



.textareastyle { width: 100%;
                 min-height: 200px;}


.true_report { padding: 20px;
               text-align: center;
               box-shadow:  0 0 2px;
                margin-bottom: 20px;
                background-color: rgba(155, 251, 155, 0.04);}


.scroleddiv {height: 400px;
             min-height: 400px;
             overflow: scroll;
             background-color: #FFFFFF; display: block;}


#colstyle { color: black;
            padding: 5px;}

.gheader { float:left;  padding: 5px; background-color: #686868; color: #FFFFFF;}
.gdivin { float:left; background-color: #FFFFFF;  padding: 3px 0px 3px 0px;  color: #000000; box-shadow: 0 0 3px #000000; margin-bottom: 5px;margin-top: 10px; border-radius: 5px;}

.g1 { width: 4%; min-width: 4%; max-width: 4%;
    float:left; padding: 5px 0px 5px 2px;}
.g2 { width: 56%; min-width: 56%; max-width: 56%;
    float:left; }
/*.g3 { width: 16%;min-width: 16%; max-width: 16%;*/
    /*float:left; text-align: center; }*/
.g4 { width: 16%;min-width: 16%; max-width: 16%;
    float:left;text-align: center; }
.g5 { width: 15%;min-width: 15%; max-width: 15%;
    float:left; text-align: center;}
.g6 { width: 9%;min-width: 9%; max-width: 9%;
    float:left; text-align: center;}




.g11 { width: 4%; min-width: 4%; max-width: 4%;
    float:left; padding: 5px 0px 5px 2px;}

.g22 { width: 56%; min-width: 56%; max-width: 56%;
    float:left; font-size: 0.9em; display: table; }

/*.g33 { width: 16%;min-width: 16%; max-width: 16%;*/
    /*float:left; text-align: center;font-size: 0.9em; }*/

.g44 { width: 16%;min-width: 16%; max-width: 16%;
    float:left;text-align: center;font-size: 0.9em; }

.g55 { width: 15%;min-width: 15%; max-width: 15%;
    float:left; text-align: center; font-size: 0.9em;}

.g66 { width: 9%;min-width: 9%; max-width: 9%;
    float:left; text-align: center; font-size: 0.9em;}

.appfooter { background-color: rgba(144, 238, 144, 0.04); color: black; padding: 3px; border-top:1px solid silver; font-size: 0.9em; display: table;}


.mydropdawn { width: auto;}
.fbl { padding: 5px 0px 5px 0px; color: #c9cccf;}


#furl:hover { color: orange;}

#ftit {font-family: Mtav2; text-transform: uppercase; font-size: 1.1em; color: #FFB606;}


.favcountdiv {float: right;}

/* ------------app list-------------*/
.applist { background-color: #FFFFFF;
           box-shadow: #001a35 0 0 3px;
           margin: 4px 0px 4px 0px;
padding: 7px;
border-radius: 5px;
font-size: 0.9em; color: #0a0a0a;}

.applist:hover { background-color: #f7f7f7;
    box-shadow: #001a35 0 0 3px;
    margin: 4px 0px 4px 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 0.9em; color: #0a0a0a;}

.applist1 { background-color: #DCDCA4; padding: 3px;}

.applist2 { padding: 3px;}

.applist3 { padding: 3px; border-left:1px solid rgba(0, 0, 0, 0.78); padding-left: 5px;}

.applist4 {background-color: rgba(145, 208, 154, 0.1); padding: 3px; text-align: center;}

.applist5 {background-color: rgba(255, 203, 209, 0.13); padding: 3px; text-align: center;}

.applist6 {background-color: #d0d000; padding: 3px;}
.applist7 {}
.applist8 {}

.likeclick { cursor: pointer; margin-right: 7px; font-size: 1.4em; color: #454545;}
.likeclick:hover { cursor: pointer; margin-right: 7px; font-size: 1.4em; color: #FFB606; }
.lcount { margin-right: 10px; width: 15px; min-width: 15px; color:#FFB606; font-weight: bold; }

.aptitle {margin-left: 10px; border-left: 1px solid #001F3F; padding-left: 5px;}

.applisthead {
    background-color: #FFB606;
    margin: 4px 0px 0px 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 1em; color: #0a0a0a;
    color: black;
}
.applisthead1 { background-color: #DCDCA4; padding: 3px;}

.applisthead2 { padding: 3px; text-align: center; text-align: center;}

.applisthead3 { padding: 3px;  padding-left: 5px; text-align: center;}

.applisthead4 { padding: 3px; text-align: center; }

.applisthead5 { padding: 3px; text-align: center;}

.applisthead6 {background-color: #d0d000; padding: 3px;}

.viphhhh {font-family: Mtav2; text-transform: uppercase; font-weight:bold; color: #001F3F; }



.bodytraining {
                padding: 30px 20px;
                margin-top: 30px;
                border-top:1px solid silver;
                border-bottom:1px solid silver;
              }

.bodytraining1 {
    padding: 30px 20px;
    margin-top: 30px;
    border-bottom:1px solid silver;
}

.lblock { padding: 5px; }
.rightsatauri {font-family: Mtav2; font-weight: bold; font-size: 0.75em; color: #ff7f01;}

.searchdiv { background-color: #FFB606; position: absolute;
             margin-top: 2%;
             width: 40%;
             padding: 10px;
             border-radius:10px;
}

.searchdiv1 { background-color: rgba(255, 182, 4, 0.27);
    margin-top: 2%;
    width: 100%;
    padding: 10px 5px 5px 5px;
    border-radius:10px;
    margin-bottom: 20px;
}


.slsearch { padding: 5px; border:none; box-shadow: 0 0 1px #a2a2a2; border-radius:3px; width: 100%;}
.slsearch:hover { padding: 5px; border:none; box-shadow: 0 0 1px #ff7f01; border-radius:3px; width: 100%;}
.searchbut { background: none; font-size: 1.2em; padding: 5px;}
.searchbut:hover { background: none; font-size: 1.2em; padding: 5px; color: #ff7f01;}

@media (max-width: 767px) {
    .conphone {display: none;}
    .slide_text{
        position: absolute;
        margin-top: 15%;
        text-align: center;
        color: #FFFFFF;
        font-size: 3em;
        text-shadow: black 0 1px -1px;
        }

    .applisthead {display: none;}

    .hidden_homesss {display: none;}
    .gheader { display: none;}

    .inte { font-size: 3em;}
}

@media (max-width: 576px) {
    .conphone {display: none;}
    .slide_text{
        position: absolute;
        margin-top: 30%;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        text-shadow: black 0 1px -1px;
        }
    .applisthead {display: none;}

    .hidden_homesss {display: none;}

    .gheader { display: none;}

    .inte { font-size: 3em;}
}



@media (max-width: 424px) {
    .conphone {display: none;}
    .slide_text{
        position: absolute;
        margin-top: 5%;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        text-shadow: black 0 1px -1px;
        }

    .applisthead {display: none;}

    .hidden_homesss {display: none;}

    .gheader { display: none;}

    .inte { font-size: 3em;}
}
@media (max-width: 360px) {
    .conphone {display: none;}
    .slide_text{
        position: absolute;
        margin-top: 5%;
        text-align: center;
        color: #FFFFFF;
        font-size: 2em;
        text-shadow: black 0 1px -1px;
        }

    .applisthead {display: none;}

    .hidden_homesss {display: none;}

    .gheader { display: none;}

    .inte { font-size: 3em;}
}




/* -------------- PAGINATION--------------*/
.pagination {

    margin-top:10px;
    clear:both;



}
.pager {

    text-decoration:none;
    border-radius: 3px;
    float:left;
    margin-top:0;

    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #e1e1e1;
    margin:6px;





}
.pager a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    color: black;

    font-family:Arial;
    font-size:1em;
    text-align: center;
    margin-top: -5px;
    padding: 5px;





}
.pager a:link {
    color: black;
    font-weight: bold;
    text-decoration:none;
    font-size:1em;
    margin-top: -5px;
    padding: 5px;
}
.pager a:visited {
    color: #433823;
    text-decoration:none;
    font-size:1em;
    margin-top: -5px;
    padding: 5px;
}
.pager a:hover {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;

    font-family:Arial;
    font-size:1em;
    margin-top: -5px;
    padding: 5px;





}
.pager a:active {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    font-family:Aria;
    font-size:1em;
    padding: 3px;
    margin-top: -5px;


}



.pageractive {
    text-decoration:none;
    border-radius: 5px;
    float:left;
    margin-top:6px;
    font-family:Aria;
    text-align: center;
    font-size:1em;
    width: 30px;
    height: 30px;
    padding: 3px;
    background-color: #585F66;
    color: #ffffff;






}
.pagerarrow {
    text-decoration:none;
    border-radius: 5px;
    float:left;
    margin-top:6px;
    font-family:Aria;
    font-size:1em;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #e1e1e1;
    text-align: center;


}
.pagerarrow a {

    text-decoration: none;
    display: block;
    margin-top: -5px;
    font-family:Aria;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-radius: 3px;


    box-shadow: none;


}

.pagerarrow a:hover{

    text-decoration: none;
    display: block;
    margin-top: -5px;
    font-family:Aria;

    padding: 5px 5px 5px 5px;
    box-shadow: none;
    border-radius: 3px;
}


.pagerarrow a:link {
    color: #585F66;
    text-decoration:none;
}
.pagerarrow a:visited {
    color: #000000;
    text-decoration:none;
}
.pagerarrow a:hover {
    color:#585F66;
    text-decoration:none;
}
.pagerarrow a:active {
    color: #000000;
    text-decoration:none;
}