/* EFFECT */

    .effect {
        overflow: hidden;
    }

    .zoom .effect.zoomin img, .effect.zoomin img {
        transform: scale(1, 1);
        transition-duration: 500ms;
        transition-timing-function: ease-out;
    }

    .zoom:hover .effect.zoomin img, .effect.zoomin img:hover {
        transform: scale(1.1, 1.1);
        transition-duration: 500ms;
        transition-timing-function: ease-out;
    }

    .effect.zoomout img {
        transform: scale(1.1, 1.1);
        transition-duration: 500ms;
        transition-timing-function: ease-out;
    }

    .effect.zoomout img:hover {
        transform: scale(1, 1);
        transition-duration: 500ms;
        transition-timing-function: ease-out;
    }

    @-webkit-keyframes custom-floatX {
      0% {
        -webkit-transform: translateX(0px); 
        -moz-transform: translateX(0px); 
        -o-transform: translateX(0px); 
        -ms-transform: translateX(0px);
            transform: translateX(0px);
      }
      50% {
        -webkit-transform: translateX(-20px); 
        -moz-transform: translateX(-20px); 
        -o-transform: translateX(-20px); 
        -ms-transform: translateX(-20px); 
            transform: translateX(-20px); 
      }
      100% {
        -webkit-transform: translateX(0px); 
        -moz-transform: translateX(0px); 
        -o-transform: translateX(0px); 
        -ms-transform: translateX(0px);
            transform: translateX(0px);
      }
    }

    @keyframes custom-floatX {
      0% {
        -webkit-transform: translateX(0px); 
        -moz-transform: translateX(0px); 
        -o-transform: translateX(0px); 
        -ms-transform: translateX(0px);
            transform: translateX(0px);
      }
      50% {
        -webkit-transform: translateX(-20px); 
        -moz-transform: translateX(-20px); 
        -o-transform: translateX(-20px); 
        -ms-transform: translateX(-20px); 
            transform: translateX(-20px); 
      }
      100% {
        -webkit-transform: translateX(0px); 
        -moz-transform: translateX(0px); 
        -o-transform: translateX(0px); 
        -ms-transform: translateX(0px);
            transform: translateX(0px);
      }
    }

    .custom-floatX {
        -webkit-transform: translateX(0px); 
        -moz-transform: translateX(0px); 
        -o-transform: translateX(0px); 
        -ms-transform: translateX(0px);
            transform: translateX(0px);
        -webkit-animation: custom-floatX 3s ease-in-out infinite; /* Safari 4+ */
        -moz-animation: custom-floatX 3s ease-in-out infinite; /* Fx 5+ */
        -o-animation: custom-floatX 3s ease-in-out infinite; /* Opera 12+ */
        -ms-animation: custom-floatX 3s ease-in-out infinite; /* IE */
        animation: custom-floatX 3s ease-in-out infinite;

    }


    @-webkit-keyframes custom-floatY {
      0% {
        -webkit-transform: translateY(0px); 
        -moz-transform: translateY(0px); 
        -o-transform: translateY(0px); 
        -ms-transform: translateY(0px);
            transform: translateY(0px);
      }
      50% {
        -webkit-transform: translateY(-20px); 
        -moz-transform: translateY(-20px); 
        -o-transform: translateY(-20px); 
        -ms-transform: translateY(-20px); 
            transform: translateY(-20px); 
      }
      100% {
        -webkit-transform: translateY(0px); 
        -moz-transform: translateY(0px); 
        -o-transform: translateY(0px); 
        -ms-transform: translateY(0px);
            transform: translateY(0px);
      }
    }

    @keyframes custom-floatY {
      0% {
        -webkit-transform: translateY(0px); 
        -moz-transform: translateY(0px); 
        -o-transform: translateY(0px); 
        -ms-transform: translateY(0px);
            transform: translateY(0px);
      }
      50% {
        -webkit-transform: translateY(-20px); 
        -moz-transform: translateY(-20px); 
        -o-transform: translateY(-20px); 
        -ms-transform: translateY(-20px); 
            transform: translateY(-20px); 
      }
      100% {
        -webkit-transform: translateY(0px); 
        -moz-transform: translateY(0px); 
        -o-transform: translateY(0px); 
        -ms-transform: translateY(0px);
            transform: translateY(0px);
      }
    }

    .custom-floatY {
        -webkit-transform: translateY(0px); /* Chrome, iOS, Safari e Android */
        -moz-transform: translateY(0px); /* Firefox */
        -o-transform: translateY(0px); /* Opera */
        -ms-transform: translateY(0px); /* IE 9 */
            transform: translateY(0px);
        -webkit-animation: custom-floatY 3s ease-in-out infinite; /* Safari 4+ */
        -moz-animation: custom-floatY 3s ease-in-out infinite; /* Fx 5+ */
        -o-animation: custom-floatY 3s ease-in-out infinite; /* Opera 12+ */
        -ms-animation: custom-floatY 3s ease-in-out infinite; /* IE */
        animation: custom-floatY 3s ease-in-out infinite;

    }

    @-webkit-keyframes rotate-obj {
        from { -webkit-transform: rotate(360deg); }
        to { -webkit-transform: rotate(0); }
    }
    @-moz-keyframes rotate-obj {
        from { -moz-transform: rotate(360deg); }
        to { -moz-transform: rotate(0); }
    }
    @-ms-keyframes rotate-obj {
        from { -ms-transform: rotate(360deg); }
        to { -ms-transform: rotate(0); }
    }
    @-o-keyframes rotate-obj {
        from { -o-transform: rotate(360deg); }
        to { -o-transform: rotate(0); }
    }
    @keyframes rotate-obj {
        from { transform: rotate(360deg); }
        to { transform: rotate(0); }
    }


    .rotate-obj {
      position: absolute; 
      left: 0; top: 0;

      -webkit-animation-name: rotate-obj;
         -moz-animation-name: rotate-obj;
          -ms-animation-name: rotate-obj;
           -o-animation-name: rotate-obj;
              animation-name: rotate-obj;
      -webkit-animation-duration: 15s;
         -moz-animation-duration: 15s;
          -ms-animation-duration: 15s;
           -o-animation-duration: 15s;
              animation-duration: 15s;
      -webkit-animation-iteration-count: infinite;
         -moz-animation-iteration-count: infinite;
          -ms-animation-iteration-count: infinite;
           -o-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
         -moz-animation-timing-function: linear;
          -ms-animation-timing-function: linear;
           -o-animation-timing-function: linear;
              animation-timing-function: linear;
    }


    @-webkit-keyframes rotate-icon {
      from {
       -webkit-transition: all 0.25s 0s ease-in-out;
        -moz-transition: all 0.25s 0s ease-in-out;
        -o-transition: all 0.25s 0s ease-in-out;
        -ms-transition: all 0.25s 0s ease-in-out;
        transition: all 0.25s 0s ease-in-out;
        opacity: 1;
      }

      to {
	      -webkit-transform:rotate(225deg); /* Chrome, iOS, Safari e Android */
	      -moz-transform:rotate(225deg); /* Firefox */
	      -o-transform:rotate(225deg); /* Opera */
	      -ms-transform:rotate(225deg); /* IE 9 */
	      transform:rotate(225deg); /* tutti i nuovi browser */
        opacity: 1;
      }
    }

    @keyframes rotate-icon {
      from {
       -webkit-transition: all 0.25s 0s ease-in-out;
        -moz-transition: all 0.25s 0s ease-in-out;
        -o-transition: all 0.25s 0s ease-in-out;
        -ms-transition: all 0.25s 0s ease-in-out;
        transition: all 0.25s 0s ease-in-out;
        opacity: 1;
      }

      to {
	      -webkit-transform:rotate(225deg); /* Chrome, iOS, Safari e Android */
	      -moz-transform:rotate(225deg); /* Firefox */
	      -o-transform:rotate(225deg); /* Opera */
	      -ms-transform:rotate(225deg); /* IE 9 */
	      transform:rotate(225deg); /* tutti i nuovi browser */
        opacity: 1;
      }
    }

    .rotate-icon {
      -webkit-animation-name: rotate-icon;
      animation-name: rotate-icon;
    }

    .rotate-icon:before {
	    -webkit-transform:rotate(0deg); /* Chrome, iOS, Safari e Android */
	    -moz-transform:rotate(0deg); /* Firefox */
	    -o-transform:rotate(0deg); /* Opera */
	    -ms-transform:rotate(0deg); /* IE 9 */
	    transform:rotate(0deg); /* tutti i nuovi browser */
       -webkit-transition: all 0.25s 0s ease-in-out;
        -moz-transition: all 0.25s 0s ease-in-out;
        -o-transition: all 0.25s 0s ease-in-out;
        -ms-transition: all 0.25s 0s ease-in-out;
        transition: all 0.25s 0s ease-in-out;
    }

    .row-flip .flip-container .front:hover .rotate-icon:before, 
    .rotate-icon:hover:before,
    .btn-actions:hover .rotate-icon:before,
    .active .rotate-icon:before {
	    -webkit-transform:rotate(225deg); /* Chrome, iOS, Safari e Android */
	    -moz-transform:rotate(225deg); /* Firefox */
	    -o-transform:rotate(225deg); /* Opera */
	    -ms-transform:rotate(225deg); /* IE 9 */
	    transform:rotate(225deg); /* tutti i nuovi browser */
    }