@charset "UTF-8";
/*
Template Name: Transform
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0.1
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Special Effects CSS
*/

/* Modern browsers only, includes IE10+ - Can be all removed if not wanted
---------------------------------------------------------------------------------------------------------------------------------------*/
/* Creates a smooth transition */
#header #logo h1 span, #copyright #sitename a span, #topnav ul ul, #scrolltotop a span, .post-content, .post-content .blog-post-type, #gallery a:after, #gallery figure ul li a:before, .clients div, .testimonial.opt2 blockquote, .testimonial.opt3 blockquote, .button, .accordion-wrapper .accordion-title:before, .toggle-wrapper .toggle-title:before, .social a, .social a span, .timeline li article, .timeline li span, .service.srv-2 .srvcontent, .service span, .flex-homepage .t-cell *{
	-moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;
	background-clip:padding-box;/* Stop colour bleed */
	}

/* Creates a smooth transition solely for background colour */
#topnav ul li li:hover > a, #topnav ul li.active ul .active > a{
	-moz-transition:background-color .5s ease-in-out; -webkit-transition:background-color .5s ease-in-out; -o-transition:background-color .5s ease-in-out; -ms-transition:background-color .5s ease-in-out; transition:background-color .5s ease-in-out;
	background-clip:padding-box;/* Stop colour bleed */
	}

/* Add inner shadow to timeline icon */
.timeline li .tli{
	-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.5); box-shadow:inset 0 0 2px rgba(0,0,0,.5);
	background-clip:padding-box;/* Stop colour bleed */
	}

/* Spin icons 360 degrees */
#header #logo h1:hover span, #copyright #sitename a:hover span, #scrolltotop a:hover span, .blog-post-excerpt:hover .blog-post-type, #gallery a:hover:after, .accordion-wrapper:hover .accordion-title:before, .toggle-wrapper:hover .toggle-title:before, .social a:hover span, .timeline li:hover span, .service:hover span{
	-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);
	-moz-transition:-moz-transform .5s ease-in-out; -webkit-transition:-webkit-transform .5s ease-in-out; -o-transition:-o-transform .5s ease-in-out; transition:transform .5s ease-in-out;
	}

/* Slides the Homepage Flexslider content text from right to left */
.flex-homepage .flex-active-slide .t-cell *{position:relative; -webkit-backface-visibility:hidden;}
.flex-homepage .flex-active-slide .t-cell h2{-moz-animation:rtol 1.2s alternate; -webkit-animation:rtol 1.2s alternate; -o-animation:rtol 1.2s alternate; animation:rtol 1.2s alternate;}
.flex-homepage .flex-active-slide .t-cell .hpsubtitle{-moz-animation:rtol 2.4s alternate; -webkit-animation:rtol 2.4s alternate; -o-animation:rtol 2.4s alternate; animation:rtol 2.4s alternate;}
.flex-homepage .flex-active-slide .t-cell p:last-child{-moz-animation:rtol 3s alternate; -webkit-animation:rtol 3s alternate; -o-animation:rtol 3s alternate; animation:rtol 3s alternate;}

@-moz-keyframes rtol{0%{left:100%;} 100%{left:0;}}
@-webkit-keyframes rtol{0%{left:100%;} 100%{left:0;}}
@-o-keyframes rtol{0%{left:100%;} 100%{left:0;}}
@keyframes rtol{0%{left:100%;} 100%{left:0;}}