/*-------------group---------------------*/
 .div-group {
            width: 350px;
            height: 550px;
            float: right;
            background-color: white;
            text-align: center;
            margin-top:20px;
            margin-right:25px;
            margin-left:25px;
        }
        .div-group div{
           height:200px;
           border:solid 1px #b0b0b1;
           text-align:right;
           padding:8px;
           line-height:24px;
           border-radius:10px;
           text-align:justify;
           border-bottom-left-radius:50px;
           direction:ltr;
           color:#3b3a3a;
              background: gray; /* For browsers that do not support gradients */
              background: -webkit-linear-gradient(left bottom, gray, white); /* For Safari 5.1 to 6.0 */
              background: -o-linear-gradient(left bottom, gray, white); /* For Opera 11.1 to 12.0 */
              background: -moz-linear-gradient(left bottom, gray, white); /* For Firefox 3.6 to 15 */
              background: linear-gradient(to top right,gray, white); /* Standard syntax */


        }
         .a-group1 {
                background-position: center 40px;
                display: block;
                width: 350px;
                height: 160px;
                position: absolute;
                margin-top: -315px;
                padding-top: 140px;
                background-image: url('../../Images/G1.jpg');
                background-repeat: no-repeat;
                border-radius:50%;
          }
          .a-group2 {
                background-position: center 47px;
                display: block;
                width: 350px;
                height: 160px;
                position: absolute;
                margin-top: -315px;
                padding-top: 140px;
                background-image: url('../../Images/G2.jpg');
                background-repeat: no-repeat;
                border-radius:50%;
          }
           .a-group3 {
                background-position: center 40px;
                display: block;
                width: 350px;
                height: 160px;
                position: absolute;
                margin-top: -315px;
                padding-top: 140px;
                background-image: url('../../Images/G3.jpg');
                background-repeat: no-repeat;
                border-radius:50%;
          }
            .a-group1 p, .a-group2 p, .a-group3 p {

                font-size:15px; 
                color:#0729ad;
                margin-top:-20px;
            }

           
        .div-group img {
            width: 300px;
            height: 315px;
            margin-right: auto;
            margin-left: auto;
            border-radius: 100%;
        }

        .div-group:hover img{
              -webkit-transform: scale(0.95) rotate(-360deg); 
                -moz-transform: scale(0.95) rotate(-360deg); 
                -ms-transform: scale(0.95) rotate(-360deg); 
                -o-transform: scale(0.95) rotate(-360deg); 
                transform: scale(0.95) rotate(-360deg); 
        }

        .a-more-group {
             background: -webkit-linear-gradient(top, #0c0352 0%, #0c0352 40%, #040023 100%);
            background: linear-gradient(to bottom, #0c0352 0%, #0c0352 40%, #040023 100%);
            display:block;
            width:90px;
            height:25px;
            padding-top:4px;
            text-align:center;
            position:absolute;
            margin-left:230px;
            margin-top:160px;
            border-radius:5px;
            color:white;
        }
            .a-more-group:hover {
                color:#ff6a00;
            }
        /*--------برند ---------*/


        #div-items {
            padding-top: 5px;
            height: auto;
            overflow: hidden;
            padding-bottom: 15px;
            font-size:0px!important;
            margin-top:20px;
            color:transparent;
            width:1180px;
            margin-left:auto;
            margin-right:auto;
        }
        #div-items a:hover {
            background-color:#ff6a00!important;
            color:white!important;
        }


        .inner ul li a {
            display: block;
            width: 250px;
            height: 100px;
            float: right;
            background-color: white;
            border-radius: 5px;
            margin: 5px;
            text-align: center;
        }

        .inner ul li img {
            width: 250px;
            height: 100px;
            border-radius: 5px;
        } 
       /*---------------------------------------------*/