/*
    Theme Name: Reflektor Gallery
    Author: Raf Segat
    Version: 1.2
    Description: Elegant Reflektor Plugin Wordpress - A CodeCanyon featured plugin

    Wordpress Plugin
    --------------------------
    Build Version :     1.0
    Author :            rafasegat@gmail.com
    Website :           http://rafsegat.com

*/

/*==================
   Reflektor Gallery
====================*/

/*================================= HEADER */

.seg-rfktportfolio .seg-header .seg-header-profile-picture{
    float: left;
}

.seg-rfktportfolio .seg-header .seg-header-profile-picture a{
  outline: 0;
  border: none !important;
}

.seg-rfktportfolio .seg-header .seg-header-profile-picture img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 35px;
  margin: 3px;
}

.seg-rfktportfolio .seg-header{
    width: 100%;
    float: left;
}

.seg-rfktportfolio .seg-header .seg-header-row-1{
    float: left;
    width: 100%;
}
.seg-rfktportfolio .seg-header .seg-header-counts{
    float: left;
    margin: 8px 0 0 8px;
    padding: 0;
    list-style: none;
}

.seg-rfktportfolio .seg-header .seg-header-counts li{
    float: left;
    margin-left: 5px;
}

.seg-rfktportfolio .seg-header .seg-header-counts li i{
    display: block;
    text-align: center;
    font-size: 14px;
    font-style:normal;
    font-weight: bold;
    font-family: "Open-Sans", sans-serif;
}

.seg-rfktportfolio .seg-header .seg-header-counts li span{
    display: block;
    text-align: center;
    font-size: 10px;
    font-family: "Open-Sans", sans-serif;
}


.seg-rfktportfolio .seg-header .seg-font-rfkt{
    float: right;
    color: white;
    font-size: 24px;
    margin: 8px 8px 0 0;
    line-height: 22px;
    padding: 0;
}

.seg-rfktportfolio .seg-header .seg-header-counts{
    float: left;
    margin: 8px 0 0 8px;
    padding: 0;
    list-style: none;
}

.seg-rfktportfolio .seg-header .seg-header-counts .seg-rfktportfolio-photo{
    float: left; 
    margin-left: 5px;
}

.seg-rfktportfolio .seg-header .seg-header-counts .seg-rfktportfolio-photo i{
    display: block;
    text-align: center;
    font-size: 12px;
    font-style:normal;
    font-weight: bold;
    font-family: "Open-Sans", sans-serif;
}

.seg-rfktportfolio .seg-header .seg-header-counts .seg-rfktportfolio-photo span{
    display: block;
    text-align: center;
    font-size: 10px;
    font-family: "Open-Sans", sans-serif;
}

.seg-rfktportfolio .seg-header .seg-follow-rfkt{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    outline: 0;
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;    
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    background: white;
    opacity: 1;
    font-family: 'Open-Sans', sans-serif;
}

.seg-rfktportfolio .seg-header .seg-header-counts .seg-header-posts{
    float: left;
}

.seg-rfktportfolio .seg-header .seg-header-name{
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 12px;
  font-family: 'Open-Sans', sans-serif;
  border-left: 1px solid black;
  padding-left: 10px;
}


.seg-rfktportfolio .seg-header .seg-header-bio{
    font-size: 12px;
    opacity: .8;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    font-family: 'Open-Sans', sans-serif;
}

.seg-rfktportfolio .seg-header .seg-header-hashtag{

    padding-left: 5px;

}

.seg-rfktportfolio .seg-header .seg-header-hashtag span{
  font-family: 'Open-Sans', sans-serif;
  font-size: 18px;
  color: white;
  line-height: 38px;
}

/*=============================== END HEADER */
.seg-circle
{
    border-radius: 50%;
}

.seg-rfktportfolio .seg-font-small{
    font-size: 10px;
}

.seg-rfktportfolio .seg-font-regular{
    font-size: 12px;
    line-height: 16px;
}

.seg-rfktportfolio .seg-font-large{
    font-size: 14px;
}

.seg-rfktportfolio .seg-font-icon-small{
    font-size: 18px;
}

.seg-rfktportfolio .seg-font-icon-medium{
    font-size: 25px;
}

.seg-rfktportfolio .seg-font-icon-large{
    font-size: 32px;
}

/*============== EFFECTS */
.seg-rfktportfolio .seg-grayscale
{
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
}

.seg-rfktportfolio .seg-sepia
{
    -webkit-filter: sepia(1);
       -moz-filter: sepia(100%);
        -ms-filter: sepia(100%);
         -o-filter: sepia(100%);
            filter: sepia(100%);
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey');
}

.seg-rfktportfolio .seg-saturate
{
    -webkit-filter: saturate(8);
       -moz-filter: saturate(8);
        -ms-filter: saturate(8);
         -o-filter: saturate(8);
            filter: saturate(8);
}

.seg-rfktportfolio .seg-hue-rotate
{
    -webkit-filter: hue-rotate(90deg);
       -moz-filter: hue-rotate(90deg);
        -ms-filter: hue-rotate(90deg);
         -o-filter: hue-rotate(90deg);
            filter: hue-rotate(90deg);
}

.seg-rfktportfolio .seg-invert
{
    -webkit-filter: invert(.8);
       -moz-filter: invert(.8);
        -ms-filter: invert(.8);
         -o-filter: invert(.8);
            filter: invert(.8);
}


.seg-rfktportfolio .seg-brightness
{
    -webkit-filter: brightness(3);
       -moz-filter: brightness(3);
        -ms-filter: brightness(3);
         -o-filter: brightness(3);
            filter: brightness(3);
}

.seg-rfktportfolio .seg-contrast
{
    -webkit-filter: contrast(4);
       -moz-filter: contrast(4);
        -ms-filter: contrast(4);
         -o-filter: contrast(4);
            filter: contrast(4);
}


.seg-rfktportfolio .seg-blur
{
    -webkit-filter: blur(5px);
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);
         -o-filter: blur(5px);
            filter: blur(5px);
}

/*============= HOVER EFFECTS */

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-seg-normal-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: none !important;
       -moz-filter: none !important;
        -ms-filter: none !important;
         -o-filter: none !important;
            filter: none !important;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-grayscale-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-sepia-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: sepia(1);
       -moz-filter: sepia(100%);
        -ms-filter: sepia(100%);
         -o-filter: sepia(100%);
            filter: sepia(100%);
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey');
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saturate-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: saturate(8);
       -moz-filter: saturate(8);
        -ms-filter: saturate(8);
         -o-filter: saturate(8);
            filter: saturate(8);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-hue-rotate-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: hue-rotate(90deg);
       -moz-filter: hue-rotate(90deg);
        -ms-filter: hue-rotate(90deg);
         -o-filter: hue-rotate(90deg);
            filter: hue-rotate(90deg);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-invert-hover .seg-rfktportfolio-photo:hover img{
    -webkit-filter: invert(.8);
       -moz-filter: invert(.8);
        -ms-filter: invert(.8);
         -o-filter: invert(.8);
            filter: invert(.8);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-brightness-hover .seg-rfktportfolio-photo:hover img{
    -webkit-filter: brightness(3);
       -moz-filter: brightness(3);
        -ms-filter: brightness(3);
         -o-filter: brightness(3);
            filter: brightness(3);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-contrast-hover .seg-rfktportfolio-photo:hover img{
    -webkit-filter: contrast(4);
       -moz-filter: contrast(4);
        -ms-filter: contrast(4);
         -o-filter: contrast(4);
            filter: contrast(4);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-blur-hover .seg-rfktportfolio-photo:hover img{ 
    -webkit-filter: blur(5px);
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);
         -o-filter: blur(5px);
            filter: blur(5px);
}


/*============= END EFFECTS */

.seg-rfktportfolio
{
    position: relative;
    float: left;
    width: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos
{
    margin: 0;
    padding: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos img
{
    display: block;
    width: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
}

.seg-rfktportfolio .seg-social-icons{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    transition: all .35s;
    -webkit-transition: all .35s;
    opacity: 0;
}

.seg-rfktportfolio .seg-social-icon{
    margin: 5px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    color: #333;
    padding: 0;
    transition: all .35s;
    -webkit-transition: all .35s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.seg-rfktportfolio .seg-rfktportfolio-photo:hover .seg-social-icons{
    top: 5%;
    opacity: 1;
}

.seg-rfktportfolio.not-show-share-button .seg-social-icons.share{
    display: none !important;
}
.seg-rfktportfolio .seg-social-facebook:hover{
  background: #446aa9;
}
.seg-rfktportfolio .seg-social-twitter:hover{
  background: #1c96c7;
}
.seg-rfktportfolio .seg-social-instagram:hover{
  background: #2E5E86;
}
.seg-rfktportfolio .seg-social-pinterest:hover{
  background: #c21f24;
}
.seg-rfktportfolio .seg-social-gplus:hover{
  background: #d54a3b;
}
.seg-rfktportfolio .seg-social-linkedin:hover{
  background: #007BB6;
}
.seg-rfktportfolio .seg-social-github:hover{
  background: #323131;
}

.seg-rfktportfolio .seg-social-icon i{
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.seg-rfktportfolio .seg-social-icon:hover i{
    color: white;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside
{
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    pointer-events: none;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions,
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions > a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    color: #fff;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions > a
{
    font-size: 0;
    z-index: 1000;
    white-space: nowrap;
    text-indent: 200%;
    opacity: 0;
}


.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    color: white;

}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt .seg-title-size-small{
    font-size: 14px;
}
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt .seg-title-size-regular{
    font-size: 22px;
}
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt .seg-title-size-big{
    font-size: 32px;
}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description .seg-description-size-small{
    font-size: 14px;
}
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description .seg-description-size-regular{
    font-size: 22px;
}
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description .seg-description-size-big{
    font-size: 32px;
}

/*.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
     font-family: "Give You Glory", cursive;
    letter-spacing: 1px;
}*/

.seg-rfktportfolio .seg-load-more
{
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
}

.seg-rfktportfolio .seg-rfkt-load-more{
    
    display: none !important;

}

.seg-rfktportfolio .seg-load-more span
{
    cursor: pointer;
    position: relative;
    color: #5d6365;
}

.seg-rfktportfolio .seg-load-more span::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 150%;
    left: 0;
    background: #5d6365;
    opacity: 0;
    transition: all .35s;
    -webkit-transition: all .35s;
}

.seg-rfktportfolio .seg-load-more span:hover::before{

    opacity: 1;
    top: 100%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt{
    
    transition: all .35s;
    -webkit-transition: all .35s;
    opacity: .3;
}    
.seg-rfktportfolio .seg-rfktportfolio-photos .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-rfkt{
    
    opacity: 1;

}

/*===============================================================*/
/*========================= FLINDERS EFFECT =====================*/
/*===============================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos img
{
    transition: all .35s;
    -webkit-transition: all .35s; ;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    -webkit-transform: scale(0,1);
            transform: scale(0,1);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    -webkit-transform: scale(1,0);
            transform: scale(1,0);
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    text-align: center;
    position: absolute;
    top: 33%;
    width: 100%;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 12%;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like{
    
    position: absolute;
    bottom: 20%;
    width: 100%;
    left: 0;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
    text-align: center;
    opacity: 0;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after
{
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: -5%;
   opacity
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   top: 15%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-flinders .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*==============================================================*/
/*========================= CLAYTON EFFECT =====================*/
/*==============================================================*/


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside
{
    z-index: 9999;
    width: 100%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo:hover img 
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    text-align: left;
    padding: 2em;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside .animated-line::after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(-101%,0,0);
            transform: translate3d(-101%,0,0);
    background: #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .animated-line::after
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    position: relative;
    overflow: hidden;
    padding: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton.animated-lines .seg-rfktportfolio-photo .seg-rfktportfolio-inside .animated-line::after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(-101%,0,0);
            transform: translate3d(-101%,0,0);
    background: #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton.animated-lines .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .animated-line::after
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    padding: 0;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfkt-description
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}



.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-clayton .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}

/*==============================================================*/
/*=========================== BELLS EFFECT =====================*/
/*==============================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    text-align: right;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    line-height: 1.5;
    bottom: 60px;
    -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    line-height: 1.5;
    bottom: 30px;
    -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    top: 5%;
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt::after
{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
            transform: translate3d(0,40px,0);
    background: #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt::after,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-rfkt::after,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-bells .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*=================================================================*/
/*=========================== SWANSTON EFFECT =====================*/
/*=================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside
{
    -webkit-perspective: 1000px;
            perspective: 1000px;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside img
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0,0,300px);
            transform: translate3d(0,0,300px);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: .6;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: -5%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   top: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
    content: '';
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    background: #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before
{
    -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
            transform: translate3d(-50%,-50%,0) rotate(45deg);
    opacity: .5;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after
{
    -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
            transform: translate3d(-50%,-50%,0) rotate(-45deg);
    opacity: .5;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
            transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    bottom: 40%;
    padding: 0 5%;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
            transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    text-align: center;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    bottom: 10%;

    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
            transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    text-align: center;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
            transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-swanston .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
            transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}


/*==================================================================*/
/*=========================== CAULFIELD EFFECT =====================*/
/*==================================================================*/


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside img
{
    transition: opacity .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover img
{
    opacity: .4;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    height:         calc(50% - 30px);
    content: '';
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
    border: 7px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt{
    
    position: absolute;
    width:100%;
    top: 25%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    bottom: 5%;
    width: 100%;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    text-align: left;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute;
    right: 60px;
    bottom: 60px;
    left: 60px;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0,-100px,0);
            transform: translate3d(0,-100px,0);
    text-align: center;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-caulfield .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-rfkt-description
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*==================================================================*/
/*============================= CHAPEL EFFECT ======================*/
/*==================================================================*/


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    position: absolute;
    content: '';
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    -webkit-transform: scale(0,1);
            transform: scale(0,1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    -webkit-transform: scale(1,0);
            transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 10%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-rfkt-description
{
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    text-align: center;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 35%;
    padding: 0 15%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-icon-like
{

    -webkit-transform: translate3d(0,-10px,0);
            transform: translate3d(0,-10px,0);
    text-align: center;
    opacity: 0;
    position: absolute;

    bottom: 5%;

    width: 100%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-photo .seg-rfktportfolio-inside img,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside img,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);

    opacity: .7;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after
{
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);

    opacity: 1;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover .seg-icon-like,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chapel .seg-rfktportfolio-inside:hover img
{
    transition-delay: .15s;
}


/*====================================================================*/
/*============================= ST KILDA EFFECT ======================*/
/*====================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside img
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda img .seg-rfktportfolio-inside:hover
{
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: .5;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-icon-like
{
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
    position: absolute;
    width: 100%;
    top: 5%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    bottom: 20%;
    width: 100%;
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside .seg-rfkt-description
{
    padding: 3em;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
            transform: translate3d(0,20px,0) scale(1.1);
    opacity: 0;
    border: 1px solid #fff;
    margin: 4em 3em;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-st-kilda .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0) scale(1);
            transform: translate3d(0,0,0) scale(1);
    opacity: 1;
    
}


/*====================================================================*/
/*============================= TAMACHI EFFECT =======================*/
/*====================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside img
{
    width:         calc(100% + 60px);
    max-width: none;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50px,0,0);
            transform: translate3d(-50px,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-20px,0,0);
            transform: translate3d(-20px,0,0);
    opacity: 0;
    border: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    text-align: left;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-icon-rfkt
{
    text-align: center;
    position: absolute;
    top: 20%;
    width: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 15%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-rfkt-description
{

    position: absolute;
    width: 100%; 
    top: 50%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-icon-like
{

    position: absolute;
    width: 100%; 
    bottom: 20%;

}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0);
    text-align: center;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);

    opacity: .7;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tamachi .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*====================================================================*/
/*============================= SHIBUYA EFFECT =======================*/
/*====================================================================*/


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside img
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .5;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-rfktportfolio-captions
{
    padding: 3em;
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    border: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 15%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-icon-rfkt
{
    padding: 10% 0 20px 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-rfkt-description
{
    max-width: 200px;
    margin: 0 auto;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside .seg-icon-like
{
    padding-top: 20px;
    max-width: 200px;
    margin: 0 auto;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shibuya .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}



/*====================================================================*/
/*============================= ASAKUSA EFFECT =======================*/
/*====================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside img
{
    width:         calc(100% + 60px);
    max-width: none;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-30px,0,0) scale(1.12);
            transform: translate3d(-30px,0,0) scale(1.12);
    opacity: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 5%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: translate3d(0,0,0) scale(1);
            transform: translate3d(0,0,0) scale(1);
    opacity: .5;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside .seg-icon-rfkt
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2em;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5em 2em;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside .seg-rfkt-description
{
    width: 30%;
    padding: 0 10px 0 0;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-40px,0,0);
            transform: translate3d(-40px,0,0);
    text-align: right;
    opacity: 0;
    border-right: 1px solid #fff;
    margin-top: 10px;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-asakusa .seg-rfktportfolio-inside:hover .seg-rfkt-description
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*=====================================================================*/
/*============================= SHINJUKU EFFECT =======================*/
/*=====================================================================*/
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside img
{
    transition: opacity .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-icon-like,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-rfkt-description
{
    text-align: center;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.4,1.4,1);
            transform: scale3d(1.4,1.4,1);
    opacity: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,.2);
}



.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    position: absolute;
    width: 100%;
    top: 20%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-photo .seg-rfktportfolio-inside .seg-social-icons
{
   top: inherit;
   bottom: -5%;
   opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   bottom: 15%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-rfkt-description{
    top: 40%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-icon-like
{
    bottom: 20%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: scale(.9);
            transform: scale(.9);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-shinjuku .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions
{
    background-color: rgba(58,52,42,0);
}

/*=====================================================================*/
/*============================= TIRADENTES EFFECT =======================*/
/*=====================================================================*/
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside img
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: .95;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-icon-like,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-rfkt-description
{
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: scale3d(.95,.95,1);
            transform: scale3d(.95,.95,1);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-icon-rfkt
{
    padding-top: 10%;
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(0,20px,0);
            transform: translate3d(0,20px,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside .seg-icon-like
{
    padding-top: 5%;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
            transform: perspective(1000px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;

    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-tiradentes .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
            transform: perspective(1000px) rotate3d(1,0,0,0);

    opacity: 1;
}


/*===========================================================================*/
/*============================= CINQUENTENARIO EFFECT =======================*/
/*===========================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    bottom: 5%;
    left: 50%;
}



.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    content: '';
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
            transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    opacity: 0;
    border: 2px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside .seg-rfkt-description
{
    -webkit-transform: translate3d(-50px,-50px,0);
            transform: translate3d(-50px,-50px,0);
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before
{
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
            transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
    opacity: 1;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(-50%,-50%,0)  scale3d(1,1,1);
            transform: translate3d(-50%,-50%,0)  scale3d(1,1,1);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-cinquentenario .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
            transform: translate3d(-50%,-50%,0) scale3d(.8,.8,1);
    opacity: 0;
}



/*===========================================================================*/
/*================================= YOYOGI EFFECT ===========================*/
/*===========================================================================*/
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside img
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05,1.05,1);
            transform: scale3d(1.05,1.05,1);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition:         -webkit-transform .6s;
    transition:         transform .6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
            transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    background: rgba(255,255,255,.5);
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   top: 25%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 150px;
    margin: 3em;
    padding: 0 1em;
    transition: opacity .35s;
    text-align: right;
    opacity: 0;
    border-right: 4px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside .seg-icon-like{
    position: absolute;
    

    top: 30%;
    width: 100%;
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside .seg-icon-rfkt
{
    text-align: center;
    position: absolute;
    top: 10%;
    width: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);

    opacity: .6;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before
{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
            transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-yoyogi .seg-rfktportfolio-inside:hover .seg-rfkt-description
{
    transition-delay: .1s;
    opacity: 1;
}


/*===========================================================================*/
/*================================= HALONG EFFECT ===========================*/
/*===========================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside img
{
    transition: opacity .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside .seg-icon-like
{
    width: 50%;
    height: 50%;
    padding: 20px;
    border: 2px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside .seg-icon-rfkt
{
    width: 50%;
    height: 50%;
    padding: 20%;
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(10px,10px,0);
            transform: translate3d(10px,10px,0);
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside .seg-icon-like
{
    float: right;

    padding: 20%;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    text-align: center;

    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside:hover .seg-icon-rfkt
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-halong .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);

    opacity: 1;
}


/*===========================================================================*/
/*================================= CHIANG EFFECT ===========================*/
/*===========================================================================*/


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside img,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfktportfolio-captions::after
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
            transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-like
{
    -webkit-transform: scale3d(.8,.8,1);
            transform: scale3d(.8,.8,1);
    text-align: center;
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute; 
    top: 40%;
    width: 100%; 
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute; 
    bottom: 10%;
    width: 100%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside .seg-icon-like
{
    opacity: 0;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: scale3d(1.05,1.05,1);
            transform: scale3d(1.05,1.05,1);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::after
{
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
            transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-chiang .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);

    opacity: 1;
}




/*===========================================================================*/
/*================================= SAIGON EFFECT ===========================*/
/*===========================================================================*/
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-rfkt-description
{
    opacity: 0;
}
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside img
{
    width:         calc(100% + 10px);
    max-width: none;
    margin: -10px 0 0 -10px;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(10px,10px,0);
            transform: translate3d(10px,10px,0);
    opacity: .9;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}


.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   top: 25%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-rfktportfolio-captions::before
{
    position: absolute;
    right: -45px;
    bottom: -70px;
    width: 200px;
    height: 200px;
    content: '';
    -webkit-transform: scale3d(.5,.5,1);
            transform: scale3d(.5,.5,1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255,255,255,.2);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-icon-like
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: translate3d(5px,5px,0);
            transform: translate3d(5px,5px,0);
    text-align: left;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-icon-rfkt
{
    position: absolute;
    left: 5%;
    top: 10%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    right: 10%;
    bottom: 10%;
    padding: 0;
    -webkit-transform: translate3d(20px,20px,0);
            transform: translate3d(20px,20px,0);
    text-align: right;
    opacity: 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside:hover .seg-rfktportfolio-captions::before
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-saigon .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    opacity: 1;
}


/*===========================================================================*/
/*================================= ANGKOR EFFECT ===========================*/
/*===========================================================================*/

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside img,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside .seg-icon-like
{
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside:hover img
{
    -webkit-transform: scale3d(2,2,1);
            transform: scale3d(2,2,1);
    opacity: .1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside .seg-icon-rfkt
{
    transition:         -webkit-transform .35s;
    transition:         transform .35s;
    -webkit-transform: scale3d(.8,.8,1);
            transform: scale3d(.8,.8,1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 10%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-photo .seg-rfktportfolio-inside:hover .seg-social-icons
{
   top: 25%;
   opacity: 1;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside .seg-rfkt-description
{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 20px;
    padding: 30px;
    -webkit-transform: scale3d(.8,.8,1);
            transform: scale3d(.8,.8,1);
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    text-align: center;
    opacity: 0;
    border: 2px solid #fff;
    width: 100%;
    margin: 0 0 5% 0;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside .seg-icon-like
{
    position: absolute;
    width: 100%;
    -webkit-transform: scale3d(.8,.8,1);
            transform: scale3d(.8,.8,1);
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    text-align: center;
    opacity: 0;
    top: 30%;
}

.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside:hover .seg-icon-rfkt,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside:hover .seg-rfkt-description,
.seg-rfktportfolio .seg-rfktportfolio-photos.seg-angkor .seg-rfktportfolio-inside:hover .seg-icon-like
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    opacity: 1;
}

.seg-scroll-no-effect
{
    opacity: 1 !important;
}

.seg-scroll-fade
{
    transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    opacity: 0;
}


.seg-scroll-fade-animated
{
    opacity: 1 !important;
}


.seg-scroll-scale
{
    transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    -webkit-transform: scale3d(.5,.5,.5);
            transform: scale3d(.5,.5,1);
    opacity: 0;
}


.seg-scroll-scale-animated
{
    -webkit-transform: scale3d(1,1,1);
            transform: scale3d(1,1,1);
    opacity: 1 !important;
}


/*================================== LIGHTBOX */
.seg-lightbox{
    position: relative;
    width: 100%;
    height: 100%;
}
.seg-lightbox-caption{
    line-height: 14px;
    font-size: 14px;
}
.seg-lightbox-topbar{
    background: none !important;
    bottom: 45px !important;
    top: inherit !important;
}
.seg-lightbox-topbar img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 45px !important;
  cursor: pointer !important;
  transition: all .35s;
  -webkit-transition: all .35s;
}

.seg-lightbox-topbar img:hover{
  opacity: 0 !important;
}

.custom-html p{
    white-space: initial !important;
    margin-bottom: 30px !important;
}

#lg-action{
    bottom: 5px !important;
}

.lg-backdrop.in,
.lg-outer.lg-visible{
    z-index: 9999;
}

.seg-lightbox-topbar .seg-lightbox-link{
  width: 45px;
  height: 45px;
  background: black url(../front/img/fa-link.png) no-repeat center center;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

}

.seg-lightbox-topbar a:hover img {
    display: none !important;
}

/*============================ LOADING SPINNER */
.seg-spinner-square {width: 40px; height: 40px; background-color: #333;margin: 75px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out;} @-webkit-keyframes sk-rotateplane {0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) } } @keyframes sk-rotateplane {0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.seg-spinner-bounce {width: 40px; height: 40px; position: relative;margin: 75px auto;} 
.double-bounce1, .double-bounce2 {width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce {0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce {0%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {transform: scale(1.0); -webkit-transform: scale(1.0); } }

.seg-spinner-rectangular {margin: 75px auto;width: 45px;height: 45px; text-align: center; font-size: 10px;} 
.seg-spinner-rectangular > div {background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .seg-spinner-rectangular .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .seg-spinner-rectangular .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .seg-spinner-rectangular .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .seg-spinner-rectangular .rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay {0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  20% {transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }

.seg-spinner-doub-square {margin: 75px auto; width: 40px; height: 40px; position: relative; } 
.cube1, .cube2 {background-color: #333; width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .cube2 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-cubemove {25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cubemove {25% {transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% {transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% {transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% {transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% {transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } }

.seg-spinner-gps {width: 40px; height: 40px; margin: 75px auto; background-color: #333; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes sk-scaleout {0% { -webkit-transform: scale(0) } 100% {-webkit-transform: scale(1.0); opacity: 0; } } @keyframes sk-scaleout {0% {-webkit-transform: scale(0); transform: scale(0); } 100% {-webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } }

.seg-spinner-round-dots {margin: 75px auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } 
.dot1, .dot2 {width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .dot2 {top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes sk-bounce {0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce {0%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {transform: scale(1.0); -webkit-transform: scale(1.0); } }

.seg-spinner-three-dots {margin: 75px auto 0; width: 70px; text-align: center; } 
.seg-spinner-three-dots > div {width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .seg-spinner-three-dots .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .seg-spinner-three-dots .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1.0); transform: scale(1.0); } }

.seg-spinner-circular-dots {margin: 75px auto; width: 40px; height: 40px; position: relative; } 
.seg-spinner-circular-dots .sk-child {width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 
.seg-spinner-circular-dots .sk-child:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .seg-spinner-circular-dots .sk-circle2 {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .seg-spinner-circular-dots .sk-circle3 {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .seg-spinner-circular-dots .sk-circle4 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .seg-spinner-circular-dots .sk-circle5 {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .seg-spinner-circular-dots .sk-circle6 {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .seg-spinner-circular-dots .sk-circle7 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .seg-spinner-circular-dots .sk-circle8 {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .seg-spinner-circular-dots .sk-circle9 {-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .seg-spinner-circular-dots .sk-circle10 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .seg-spinner-circular-dots .sk-circle11 {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .seg-spinner-circular-dots .sk-circle12 {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .seg-spinner-circular-dots .sk-circle2:before {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .seg-spinner-circular-dots .sk-circle3:before {-webkit-animation-delay: -1s; animation-delay: -1s; } .seg-spinner-circular-dots .sk-circle4:before {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .seg-spinner-circular-dots .sk-circle5:before {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .seg-spinner-circular-dots .sk-circle6:before {-webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .seg-spinner-circular-dots .sk-circle7:before {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .seg-spinner-circular-dots .sk-circle8:before {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .seg-spinner-circular-dots .sk-circle9:before {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .seg-spinner-circular-dots .sk-circle10:before {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .seg-spinner-circular-dots .sk-circle11:before {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .seg-spinner-circular-dots .sk-circle12:before {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay {0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0); } 40% {-webkit-transform: scale(1); transform: scale(1); } }

.seg-spinner-cube-grid {width: 40px; height: 40px; margin: 75px auto; } 
.seg-spinner-cube-grid .sk-cube {width: 33%; height: 33%; background-color: #333; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .seg-spinner-cube-grid .sk-cube1 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .seg-spinner-cube-grid .sk-cube2 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .seg-spinner-cube-grid .sk-cube3 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .seg-spinner-cube-grid .sk-cube4 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .seg-spinner-cube-grid.sk-cube5 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .seg-spinner-cube-grid .sk-cube6 {-webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .seg-spinner-cube-grid .sk-cube7 {-webkit-animation-delay: 0s; animation-delay: 0s; } .seg-spinner-cube-grid .sk-cube8 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .seg-spinner-cube-grid .sk-cube9 {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% {-webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% {-webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } }

.seg-spinner-fadding-circle {margin: 75px auto; width: 40px; height: 40px; position: relative; } 
.seg-spinner-fadding-circle .sk-circle {width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 
.seg-spinner-fadding-circle .sk-circle:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .seg-spinner-fadding-circle .sk-circle2 {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .seg-spinner-fadding-circle .sk-circle3 {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .seg-spinner-fadding-circle .sk-circle4 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .seg-spinner-fadding-circle .sk-circle5 {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .seg-spinner-fadding-circle .sk-circle6 {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .seg-spinner-fadding-circle .sk-circle7 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .seg-spinner-fadding-circle .sk-circle8 {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .seg-spinner-fadding-circle .sk-circle9 {-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .seg-spinner-fadding-circle .sk-circle10 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .seg-spinner-fadding-circle .sk-circle11 {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .seg-spinner-fadding-circle .sk-circle12 {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .seg-spinner-fadding-circle .sk-circle2:before {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .seg-spinner-fadding-circle .sk-circle3:before {-webkit-animation-delay: -1s; animation-delay: -1s; } .seg-spinner-fadding-circle .sk-circle4:before {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .seg-spinner-fadding-circle .sk-circle5:before {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .seg-spinner-fadding-circle .sk-circle6:before {-webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .seg-spinner-fadding-circle .sk-circle7:before {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .seg-spinner-fadding-circle .sk-circle8:before {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .seg-spinner-fadding-circle .sk-circle9:before {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .seg-spinner-fadding-circle .sk-circle10:before {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .seg-spinner-fadding-circle .sk-circle11:before {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .seg-spinner-fadding-circle .sk-circle12:before {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay {0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay {0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }

.seg-spinner-folding-cube {margin: 75px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } 
.seg-spinner-folding-cube .sk-cube {float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.seg-spinner-folding-cube .sk-cube:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .seg-spinner-folding-cube .sk-cube2 {-webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .seg-spinner-folding-cube .sk-cube3 {-webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .seg-spinner-folding-cube .sk-cube4 {-webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .seg-spinner-folding-cube .sk-cube2:before {-webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .seg-spinner-folding-cube .sk-cube3:before {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .seg-spinner-folding-cube .sk-cube4:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } }