﻿

        /*-------------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-right-radius:50px;
    color:#3b3a3a;
    background-color:#c1c1c1;
    /*background: -webkit-linear-gradient(left bottom, gray, white); 
    background: -o-linear-gradient(left bottom, gray, white); 
    background: -moz-linear-gradient(left bottom, gray, white); 
    background: linear-gradient(to top right,gray, white);*/ 


}
    .a-group1 {
        background-position: center 45px;
        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 45px;
        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 45px;
        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:30px;
    text-align:center;
    position:absolute;
    margin-right:230px;
    margin-top:160px;
    border-radius:5px;
    color:white;
    background-color:#062e8a;
}
    .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:100%;
    margin-left:auto;
    margin-right:auto;*/
}



/*---------------------------------------------*/

/*-------------------slider product--------------------------*/

.content-sliderss{
	list-style: none outside none;
	padding-left: 0;
    margin: 0;
}
        
.content-sliderss li{ 
	text-align: center;
	color: #FFF;
    height:150px;
}


/*.content-sliderss div {
	width:100%;
	height:99%;
    border-radius:10px;
    background-color:#ffffff;
    border:solid 1px #ffffff;
    overflow:hidden;
    position:relative;
            
}

.content-sliderss div:hover {
    background-color:rgba(254, 217, 115, 0.00);
}*/
.content-sliderss li a {
    width: 100%;
    height:auto;
    overflow: hidden;
    display: block;
    margin-right:20px;
    text-align: center;   
}


.content-sliderss li a img {
     width:90%;
     margin-right:5%;
     margin-left:5%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.content-sliderss li a:hover img {
    -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
    }

