﻿ .BoxGenialSlider {
            width: 750px;
            position: relative;
            
        }


    .GenialSlider {
            width: 750px;
            height:500px;
            position: relative;
            
        }

    .GenialThumbsSliderNoActive {
            width: 85px;
            height: 57px;
            margin:4px;
            /*float:left;*/
            opacity: 0.5;
            filter: alpha(opacity=50);
            background-size: 100%;

            
            
            
        }
     .GenialThumbsSliderNoOpacity
     {
            opacity: 1;
            filter: alpha(opacity=100);

     }

    .GenialThumbsSliderActive {
            width: 85px;
            height: 57px;
            margin:2px;
            border:2px solid red;
            /*float:left;*/
            background-size: 100%;
            
            
        }


        .GenialSliderImg {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 1px;
            background-size: 100%;
            
            display: none;
        }


        .GenialSliderNext{
                cursor: pointer;
                width: 32px;
                height: 32px;
                background-image: url('../images/right-arrow.png');
                background-repeat: no-repeat;
                position:absolute; 
                top:40%; right:5px;
                z-index:99;
                display:none;
        }

        .GenialSliderPrev{
                
                right: 15px;
                width: 32px;
                height: 32px;
                background-image: url('../images/left-arrow.png');
                background-repeat: no-repeat;
                position:absolute; 
                top:40%; left:5px;
                z-index:99;
                display:none;
        }

        .GenialTagSelected {

            background: #d93434;
            background-image: -webkit-linear-gradient(top, #d93434, #b82b6f);
            background-image: -moz-linear-gradient(top, #d93434, #b82b6f);
            background-image: -ms-linear-gradient(top, #d93434, #b82b6f);
            background-image: -o-linear-gradient(top, #d93434, #b82b6f);
            background-image: linear-gradient(to bottom, #d93434, #b82b6f);
            
       
            box-sizing:border-box;
            
            float:left;
            margin:4px;
            padding:4px 12px 4px 12px;
            color: #ffffff;
            font-size: 14px;
            cursor:pointer;
        }

        .GenialTagSelected:hover {

  background: #00ff44;
  background-image: -webkit-linear-gradient(top, #00ff44, #017d2d);
  background-image: -moz-linear-gradient(top, #00ff44, #017d2d);
  background-image: -ms-linear-gradient(top, #00ff44, #017d2d);
  background-image: -o-linear-gradient(top, #00ff44, #017d2d);
  background-image: linear-gradient(to bottom, #00ff44, #017d2d);
        



            box-sizing:border-box;
            
            float:left;
            margin:4px;
            padding:4px 12px 4px 12px;
            color: #ffffff;
            font-size: 14px;
            cursor:pointer;

        }




        .GenialTagUnSelected {

            background: #3498db;
            background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
            background-image: -moz-linear-gradient(top, #3498db, #2980b9);
            background-image: -ms-linear-gradient(top, #3498db, #2980b9);
            background-image: -o-linear-gradient(top, #3498db, #2980b9);
            background-image: linear-gradient(to bottom, #3498db, #2980b9);



            box-sizing:border-box;
            
            float:left;
            margin:4px;
            padding:4px 12px 4px 12px;
            color: #ffffff;
            font-size: 14px;
            cursor:pointer;


        }

        .GenialTagUnSelected:hover {
background: #f4fc00;
  background-image: -webkit-linear-gradient(top, #f4fc00, #a7ad05);
  background-image: -moz-linear-gradient(top, #f4fc00, #a7ad05);
  background-image: -ms-linear-gradient(top, #f4fc00, #a7ad05);
  background-image: -o-linear-gradient(top, #f4fc00, #a7ad05);
  background-image: linear-gradient(to bottom, #f4fc00, #a7ad05);
            
            
            
            box-sizing:border-box;
            
            float:left;
            margin:4px;
            padding:4px 12px 4px 12px;
            color: #ffffff;
            font-size: 14px;
            
            cursor:pointer;

        }



@media screen and (min-width: 1660px) {
     .BoxGenialSlider {
            width: 1060px;
            position: relative;
            
        }


    .GenialSlider {
            width: 1060px;
            height:707px;
            position: relative;
            
        }
}