.col1{
    background: #0033EE;
}

.col2{
    background: #AFEEEE;
}

.col3{
     text-align: center;
    background: #AFEEEE;
}
.col333{
     text-align: center;
    /*background: #AFEEEE;*/
}
.col4{
    background: #3BC0FF;
}
.col55{
    background: #AFEEEE;
}
.buton {
  /*position: absolute;*/
position: absolute; right: 0;
  top: 0px;
 /* border: 3px solid green;
#3BC0FF #28AA4C #FA384E

*/
}
.footer {
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
  text-align: center;
}
#number {
  width: 5em;
}
h1{
  text-transform: uppercase;
}
/*div{
    width:80px;
    height:20px;
    float:left;
    background-color:grey;
    border-left:1px solid grey;
}
span{
  float:left;
  color:green;
    height:20px;
}*/
#efect:hover{
   /* width:80px;
    height:20px;
    float:left;
    backgroung-color:grey;*/
    cursor:pointer;
    border-left:5px solid white;
}

   #pic  img{
            border: 10px solid #fff;
            float: left;
            height: px;
            width: px;
            margin: 20px;
            overflow: hidden;
            -webkit-box-shadow: 5px 5px 5px #111;
                        -box-shadow: 5px 5px 5px #111;
            }
            
                #focus img{
                   -webkit-transition: all 1s ease;
                       -moz-transition: all 1s ease;
                            -o-transition: all 1s ease;
                         -ms-transition: all 1s ease;
                                transition: all 1s ease; 
                      }
    #focus img:hover{
                     border: 70px solid #000;
                     border-radius:50%;
                   -webkit-transition: all 1s ease;
                      -moz-transition: all 1s ease;
                           -o-transition: all 1s ease;
                        -ms-transition: all 1s ease;
                               transition: all 1s ease; 
                              }
  #magazin  img{
            border: 10px solid #fff;
            float: left;
            height: 152px;
            width: 223px;
            margin: 20px;
            overflow: hidden;
            -webkit-box-shadow: 5px 5px 5px #111;
                        -box-shadow: 5px 5px 5px #111;
            }
            
             #girImage  img{
            border: 10px solid #fff;
           /* float: left;
            height: px;
            width: px;
            margin: 20px;*/
            overflow: hidden;
            -webkit-box-shadow: 5px 5px 5px #111;
                        -box-shadow: 5px 5px 5px #111;
            }