.button-light > .background,
.button-dark > .background,
.services .circle > .background,
.testimonials .heading,
.testimonials .heading.hideme,
.hex .cover,
.hex .title,
.hex .hover,
.hex .zoom,
.hex .link,
footer .infomap .social > img.hover,
footer .infomap .social:hover > img,
.totop
{
    -webkit-opacity: 0;
       -moz-opacity: 0;
        -ms-opacity: 0;
         -o-opacity: 0;
            opacity: 0;
}

.button-dark.button-fade:hover > .background,
.button-dark.button-scale:hover > .background
{
    -webkit-opacity: 0.35;
       -moz-opacity: 0.35;
        -ms-opacity: 0.35;
         -o-opacity: 0.35;
            opacity: 0.35;
}

.button-dark.button-fade:active > .background,
.button-dark.button-scale:active > .background,
.hex:hover .inner,
.hex:hover .hover,
footer .flickr-box img
{
    -webkit-opacity: 0.5;
       -moz-opacity: 0.5;
        -ms-opacity: 0.5;
         -o-opacity: 0.5;
            opacity: 0.5;
}

#slider .overlay,
.button-light.button-fade:active > .background,
.button-light.button-scale:active > .background,
.hex:hover .zoom,
.hex:hover .link
{
    -webkit-opacity: 0.75;
       -moz-opacity: 0.75;
        -ms-opacity: 0.75;
         -o-opacity: 0.75;
            opacity: 0.75;
}

.button-light.button-fade:hover > .background,
.button-light.button-scale:hover > .background,
.button-dark,
.services .service:hover .circle-fade > .background,
.services .circle-scale > .background,
.testimonials .heading.showme,
.hex:hover .cover,
.hex:hover .title,
.hex:hover .zoom:hover,
.hex:hover .link:hover,
footer .flickr-box:hover img,
footer .infomap .social:hover > img.hover,
.totop.show
{
    -webkit-opacity: 1;
       -moz-opacity: 1;
        -ms-opacity: 1;
         -o-opacity: 1;
            opacity: 1;
}


.button-light.button-fade > .background,
.button-light.button-scale > .background,
.button-dark.button-fade > .background,
.button-dark.button-scale > .background,
.services .circle,
.services .circle i,
.services .circle-fade > .background,
.services .circle-scale > .background,
.testimonials .heading,
.hex .inner,
.hex .image,
.hex:hover .title,
.hex .hover,
.hex .zoom,
.hex .link,
footer .flickr-box img,
footer .infomap .social > img,
.testimonials .container,
.side,
.totop,
aside,
.hex:hover .cover,
.hex:hover .title,
.button,
aside .menu li a
{
    -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
       -moz-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
        -ms-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
         -o-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
            transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
}

.button-light.button-fade > .background,
.button-light.button-scale > .background,
.button-dark.button-fade > .background,
.button-dark.button-scale > .background
{
    -webkit-transition-duration: 0.25s;
       -moz-transition-duration: 0.25s;
        -ms-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
}

.services .circle,
.services .circle i,
.services .circle-fade > .background,
.services .circle-scale > .background,
.testimonials .heading,
.hex .inner,
.hex .image,
.hex:hover .title,
.hex .hover,
.hex .zoom,
.hex .link,
footer .flickr-box img,
footer .infomap .social > img,
.side,
aside,
aside .menu li a:hover:not(:active)
{
    -webkit-transition-duration: 0.35s;
       -moz-transition-duration: 0.35s;
        -ms-transition-duration: 0.35s;
         -o-transition-duration: 0.35s;
            transition-duration: 0.35s;
}

.testimonials .container,
body.aside .side,
.totop,
body.aside aside,
aside .menu li a:not(:active)
{
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
}

.hex:hover .cover,
.hex:hover .title
{
    -webkit-transition-delay: 0.35s;
       -moz-transition-delay: 0.35s;
        -ms-transition-delay: 0.35s;
         -o-transition-delay: 0.35s;
            transition-delay: 0.35s;
}

.button-light.button-scale > .background,
.button-dark.button-scale > .background,
.services .circle-scale > .background
{
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

footer .flickr-box:hover img
{
    -webkit-transform: scale(0.75);
       -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
         -o-transform: scale(0.75);
            transform: scale(0.75);
}

.services .service:hover .circle-scale > .background
{
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);
}

.hex:hover .image
{
    -webkit-transform: scale(0.82);
       -moz-transform: scale(0.82);
        -ms-transform: scale(0.82);
         -o-transform: scale(0.82);
            transform: scale(0.82);
}

.hex:hover .inner
{
    -webkit-transform: scale(0.96);
       -moz-transform: scale(0.96);
        -ms-transform: scale(0.96);
         -o-transform: scale(0.96);
            transform: scale(0.96);
}

.hex .image
{
    -webkit-transform: scale(0.95);
       -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
         -o-transform: scale(0.95);
            transform: scale(0.95);
}

.button-light.button-scale:hover > .background,
.button-dark.button-scale:hover > .background,
.hex:hover .zoom:hover,
.hex:hover .link:hover
{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

input.text:focus
{
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}

.services .circle
{
    -webkit-box-shadow: inset #000 0 0 0 2px;
       -moz-box-shadow: inset #000 0 0 0 2px;
        -ms-box-shadow: inset #000 0 0 0 2px;
         -o-box-shadow: inset #000 0 0 0 2px;
            box-shadow: inset #000 0 0 0 2px;
}

.services .service:hover .circle
{
    -webkit-box-shadow: inset #000 0 0 0 4px;
       -moz-box-shadow: inset #000 0 0 0 4px;
        -ms-box-shadow: inset #000 0 0 0 4px;
         -o-box-shadow: inset #000 0 0 0 4px;
            box-shadow: inset #000 0 0 0 4px;
}

.hex .title
{
    -webkit-transform-origin: 50% 0;
       -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
         -o-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: translate(84px, 149px) rotate(-60deg);
       -moz-transform: translate(84px, 149px) rotate(-60deg);
        -ms-transform: translate(84px, 149px) rotate(-60deg);
         -o-transform: translate(84px, 149px) rotate(-60deg);
            transform: translate(84px, 149px) rotate(-60deg);
}

.hex:hover .title
{
    -webkit-transform: translate(46px, 128px) rotate(-60deg);
       -moz-transform: translate(46px, 128px) rotate(-60deg);
        -ms-transform: translate(46px, 128px) rotate(-60deg);
         -o-transform: translate(46px, 128px) rotate(-60deg);
            transform: translate(46px, 128px) rotate(-60deg);
}

.hex .zoom
{
    -webkit-transform: rotate(-180deg) scale(0.85);
       -moz-transform: rotate(-180deg) scale(0.85);
        -ms-transform: rotate(-180deg) scale(0.85);
         -o-transform: rotate(-180deg) scale(0.85);
            transform: rotate(-180deg) scale(0.85);
}

.hex .link
{
    -webkit-transform: rotate(180deg) scale(0.85);
       -moz-transform: rotate(180deg) scale(0.85);
        -ms-transform: rotate(180deg) scale(0.85);
         -o-transform: rotate(180deg) scale(0.85);
            transform: rotate(180deg) scale(0.85);
}

.hex:hover .zoom,
.hex:hover .link
{
    -webkit-transform: rotate(0deg) scale(0.85);
       -moz-transform: rotate(0deg) scale(0.85);
        -ms-transform: rotate(0deg) scale(0.85);
         -o-transform: rotate(0deg) scale(0.85);
            transform: rotate(0deg) scale(0.85);
}

footer .infomap .social > img.hover
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

footer .infomap .social:hover > img
{
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

footer .infomap .social:hover > img.hover {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

.button {
    -webkit-transition: color 0.35s;
       -moz-transition: color 0.35s;
        -ms-transition: color 0.35s;
         -o-transition: color 0.35s;
            transition: color 0.35s;
}

.divider .left {
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
}
.divider .right {
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}