@import "http://alkafeelacademy.com/static/fonts/fonts/styles.css";


* {
    font-family : 'DroidArabicKufi';

}


a {
color:inherit;
}
.row {
position:relative;
}
.column {
margin-bottom:5px;
}

img:not(.img) {
    width  : 100% ;
    height : auto;
}


@keyframes imgbg {
    0%   { background-position: 100% 0%; }
    100% { background-position: 0% 100%; }
}
a:hover {
color:inherit;
}
.imgbg {
    width:  100%;
    height: 200px;
    background-position: 100% 0%;
    background-repeat:   no-repeat;
    background-size:     100% 100%;
}

.imgbg:hover {
/*animation: imgbg 3s linear;
background-position: 0% 100%;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family : 'HacenLinerXL';
}

.fluid {
max-width:100%;
}


    .aboutMeWithOutTitle

    {
        border: 1px solid #d7d1d1;
        padding: 9px;
        line-height: 2rem;
        border-radius: 8px;
        text-align: justify;
    }
    .news_academy
    {
        text-align: center;
        padding: 5px 20px;
        font-size: 46px;
        font-weight: bold;
        text-shadow: 5px 5px 5px #aaa7a7;
    }

    .courses_academy {
        text-align: center;
        padding: 5px 20px;
        font-size: 46px;
        font-weight: bold;
        text-shadow: 5px 5px 5px #aaa7a7;
    }
    .gallery_academy {
        text-align: center;
        padding: 5px 20px;
        font-size: 46px;
        font-weight: bold;
        text-shadow: 5px 5px 5px #aaa7a7;
    }


    .myCourses.grid-x
    {
        border: 1px solid #cbd7db;
        height: 160px;
        margin-bottom: 30px;
        border-radius: 7px;
        background-size: 100% 100%;
        background-color: #607d8b4a;

        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    .myCourses .cell
    {
        background: #e0e8ec;
        text-align: center;
        font-size: 24px;
        border-top: 1px solid #9ba3a6;
        border-bottom: 1px solid #9ba2a5;
        color: #121111;
        font-weight: bold;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .myCourses.grid-x:hover
    {
        background-color: #607d8b12;
    }

    .myCourses.grid-x:hover .cell
    {
        padding: 15px 0;
    }



    .phone .dropdown-pane
    {
        width: auto;
        padding: 5px 15px;
        border-radius: 15px;
    }

    .email .dropdown-pane
    {
        width: auto;
        padding: 5px 15px;
        border-radius: 15px;
    }

    .home, .phone, .email {
        text-align: center;
        margin-bottom: 22px;
    }
    .email {
        margin-bottom: 0;
    }

    .home,.phone ,.email
    {
        text-align: center;
    }

    .social_media
    {
       text-align: center;
    }

    .social_media a img
    {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        margin-bottom: 15px;
        background: #fff;
    }


 .c_ul_color li a
 {
     color: black;
 }

    .Menu_F {

        color: #fff;

    }


    .menu_ul .menuLi {
        font-size: 20px;
        min-height: 30px;
        padding-right: 50px;
        border-bottom: 1px solid #5c5c5d;
        background: url("http://alkafeelacademy.com/static/images/site/liimage.png");
        background-repeat: no-repeat;
        background-position: right;
        background-size: 30px 30px;
        width: 100%;
        display: inline-block;
        list-style: none;
        color: #fff;
    }




    .footer
    {
        background-image: url("http://alkafeelacademy.com/static/images/site/Bgfooter.png");
        background-size: 100% 100%;
        padding: 49px 0 0 0;
    }

    .borderTwoFooter


    {   border-top: 18px solid #d7d1d1;
        border-bottom: 18px solid #ff0000;


    }

    .imageIcon_footer
    {
      text-align: center;
    }
    .imageIcon_footer img.img
    {
        height: 74px;
    }

       .set_menuFooter
    {
        width: auto;
    }

   .button_cat_dropdown
   {
       margin: 0;
       width: 100%;
       padding: 7px 0;
       background: red;
       font-size: 20px;
       margin-top: 13px;
       margin-bottom: 20px;
    }

    @media screen and (max-width: 640px)
    {   .button_cat_dropdown
    {

        font-size: 15px;

    }

    }

    .img_friendSite img
    {
        width: 50px;
        height: 50px;
    }
    .img_friendSite {
        color: #fff;
        margin-bottom: 17px;
    }
    .copyRight {
        color: #fff;
        text-align: center;
        padding-bottom: 14px;
        margin-top: 37px;
        font-size: 18px;
    }



    .tableCourses {
        border-top: 2px solid red;
        position: fixed;
        top: 50%;
        right: 0;
        webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .tableCourses:hover {
        padding-right: 25px;
    }

    .button_tableCourses
    {
        padding: 0;
        margin: 0;
        background: transparent;
        margin-top: -3px;
    }
    .button_tableCourses:hover,   .button_tableCourses:focus
    {
        background: transparent;
    }
    .button_tableCourses img
    {
       width: 65%;
    }

   /* @media screen and (max-width: 640px){
        .button_tableCourses img
        {
            width: 55px;
        }

    }*/

    .button_tableCourses.has-tip {


        border: solid 1px transparent;
        font-weight: bold;
        cursor: pointer;
    }

 a.link_vai_2_lang
    {
        border: 1px solid #0e0e0e;
        display: block;
        color: #fff;
        float: left;
        text-align: center;
        background: #ff0000c2;
        padding: 0px 5px;
        margin-right: 18px;
        font-size: 20px;
        border-radius: 17px;
     webkit-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
    }
    a.link_vai_2_lang:hover
    {
        display: block;
        background:green;
    }
    @media screen and (max-width: 640px) {
        a.link_vai_2_lang {
            font-size: 12px;
            margin-top: 4px;
        }

    }

    a.link_vai
    {
        color: #fefefe;
        font-size: 22px;
        font-weight: bold;
        margin-left: 26px;
    }




    a.link_vai:hover
    {

        color: #fefefe;

    }
    a.link_vai:last-child
    {

        margin-left: 0px;

    }


    a.link_vai_2
    {
        color: #fefefe;
        font-size: 22px;
        font-weight: bold;
        margin-right: 26px;
    }
    a.link_vai_2:hover
    {

        color: #fefefe;

    }
    a.link_vai_2:first-child
    {

        margin-right: 0px;

    }
    @media screen and (max-width: 640px){
        a.link_vai
        {

            font-size: 12px;

        }

        a.link_vai_2
        {

            font-size: 12px;

        }
    }



    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        color: #feffff;
        display: block;
        transition: 0.3s;
    }

    .sidenav a::after {
        border-color: #feffff transparent transparent !important;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    #main {
        transition: margin-left .5s;

    }





    .m1_line
    {
        border: 1px solid #0f0f0f;
        width: 43px;
        height: 7px;
        background: #0e0e0f;
        margin-top: 3px;
        border-radius: 4px;
    }


.showForSmall
{
    display: none;
}
    @media screen and (max-width:910px){
        .showForLarge
        {
        display: none;
        }


        .showForSmall
        {
            display: block;
        }

    }



    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after
    {
        border-color: transparent #fefefe transparent transparent;
    }

.header
{
    background-image: url("http://alkafeelacademy.com/static/images/site/Bgheader.png");
    background-size: 100% 100%;
    padding: 3px 0;


}
.twoBorder{
    border-top: 18px solid #ff0000;
background: #d7d1d1;
    padding: 5px 0;
}


.logos
{
    text-align: center;
}

    .li_set
    {
        border-left: 1.2px solid #9e9e9ecc
    }
    .li_set:hover
    {
        background: #00968891;
        color: #ffff;
    }
  .li_set a
    {
      font-weight: bold;
    }

    .li_set:last-child
    {
        border-left: 1.2px solid transparent;
    }

.main_menu {
    background: #dedbe3;
    border-radius: 8px;
}

    .subMenuHer
    {
        background: #0c0c0c;
    }

    .subMenuHer li
    {
        border-bottom: 1px solid red;
        color: #fefefe  !important;
    }
   .subMenuHer li:last-child
    {
        border-bottom: 1px solid transparent;

    }

.subMenuHer li:hover
{
   background: red;
    color: #fefefe ;
}

    .colorActive.is-active > a {
        background: transparent;
        color: #fefefe !important;
    }