@import url(responsive.css);
@import url("https://use.typekit.net/uer8qqk.css");




                        /* شريط القائمة الرئيسية */
#menu
    
    {
        
    background-color: white;
    height: 70px;
    width: 100%;
    color: #c1c1c1;
    border: 1px solid #ececec;
 /*   border: 1px solid #ececec;  */
    
   /* position: fixed; 
    هذا كود تثبيت الشريط العلوي*/

    }


                        /* الشعار */
.logo
    
    {
        
    float: right;
    
   /* padding: 10px;
    float: right;
    padding-right: 20px;
    padding-left: 20px;
    text-align: right;
    font-size: 25px;
    line-height: 25px; */
    
    }


                        /* ارزار القائمة الرئيسية */
/*.menu-all .menu-item
    
    {
        
    float: left;
    padding: 10px;
    list-style-type: none;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}.menu-all .menu-item:hover{
    background-color: #f9f9f9;
    
    }*/




                        /* المربع الذي يجمع شرح الايفون */
#howsideiphone
    
    {
        
    background-color: #ffffff;
    color: #dbdbdb;
    font-size: 20px;
    padding-bottom: 35px;
    width: 600px;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    border: 0px solid #ececec;
    
    }


                        /* بنر كلمة الايفون */
.ff3
    
    {
    background-color: #4731a8;
    font-size: 25px;
    text-align: center;
    color: #ffffff;   
    border-radius: 7px;
    border: 1px solid #ececec; 
    background-image: linear-gradient(to right, #4731a8, #4731a8, #4731a8, #8E37D7);

        
    }

                        /* شرح الايفون */
.howiphone
    
    {
        
    font-size: 16px;
    color: #0e65e6;   
    }

                        /* فاصل علامة تنصيص في شرح الايفون */
.ff6
    
    {

    font-size: 10px;
    color: #ca6d00;   

    }


                        /* شرح تفصيلي لنسخة الايفون */
.ff5
    
    {
        
    font-size: 14px;
    color: #696969;  
        
    }



                        /* فاصل شرح الايفون */
.ff4
    
    {

    color: #ececec;   

    }


                        /* شرح الايفون السؤال */
.Q
    
    {
        
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #5637e1;   
        
    }

.Q2
    
    {
        
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 2;
    margin: 0 auto;    
    border-radius: 50px;
    border: 1px solid #ececec;
        
    }

.Q3
    
    {
        
    font-family: Arial;
    font-size: 19px;
    font-weight: bold;
    color: #db7700; 
    margin: 20px;

        
    }

.Q4
    
    {

    color: #000000;   
        
    }


.Q5
    
    {

    font-family: Tahoma;
    font-size: 15px;
    text-align: center;
    color: #000000;   
    border-radius: 20px;
    border: 0px solid #cccccc; 
        
    }

    

                        /* شرح الايفون */
.AN
    
    {
        
    font-size: 17px;
    color: #000000;   
        
    }

.AN2
    
    {
        
    font-family: Tahoma;
    font-size: 15px;
    color: #000000;   
        
    }

.AN3
    
    {
        
    font-weight: bold;
    font-size: 18px;
    color: #1d75d8;   
        
    }

.ff7
    
    {
        
    font-size: 17px;
    color: #aaaaaa;   
        
    }


                        /* زر الاخفاء */



#sh_style

    {
        
    border-radius: 10px;
    text-align: center;
    background: #ffffff;
    font-size: 22px;
    color: #0db481;   
    border-radius: 50px;
    border: 1px solid #0db481; 
    cursor: pointer;
        
    }


#moretext

{
    
    display: none;
    margin: 5px;
    
}





                        /* الوان زر الاخفاء */

.btnmoretext {
    
    text-align: center;
}

.btn-hover {
    
    height: 40px;
    width: 200px;
    margin: 20px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 400% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}

.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
}




                        /* خانة الايميل للمشتركين */
.emailTXT
    
    {

    height: 40px;
    width: 250px;
    font-size: 14px;
    text-align: center;
    color: #000000;   
    border-radius: 50px;
    border: 1px solid #cccccc; 
        
    }

                        /* زر الاشتراك بالايميل */

#mc_embed_signup_scroll

{
    text-align: center;
}


.emailBTN1
    
    {
        
    height: 40px;
    width: 250px;
    margin: 10px;
    border-radius: 10px;
    background: #ffffff;
    font-size: 120%;
    color: #0db481;   
    border-radius: 50px;
    border: 1px solid #0db481; 
    cursor: pointer;
    transition-duration: 0.1s;
}.emailBTN:active{
    box-shadow: 0px 0px #666;
    transform: translateY(5px)
    
    }



.emailBTN {
    
    text-align: center;
}

.btn-hover2 {
    
    height: 40px;
    width: 250px;
    margin: 10px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover2:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover2:focus {
    outline: none;
}

.btn-hover2.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    
}



                        /* المربع الذي يجمع ايميل التواصل */
#contact
    
    {
    
    color: #434343;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ececec; 
    
    }

.contact2
    
    {
        
    font-size: 13px;
    color: #434343;
        
    }
    
    
                        /* النص أسفل الصفحة */
    #wsfooter
    
    {
        
    padding-bottom: 10px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    color: #c1c1c1;
    
    }