/*  TABLE OF CONTENTS - LAST UPDATED 24/01/2017
01. ANIMATION
02. BUTTONS
03. CAROUSEL
04. COLUMNS
05. CONTACT FORMS
06. DIVIDERS
07. FEATURED
08. GRID
09. ICONS (COLORED)
10. LIGHTBOX
11. LISTS
12. MAPS
13. NOTIFICATION BOXES
14. PRICING TABLES
15. PROGRESS BARS
16. PROGRESS BARS / COUNTERS - KNOB
17. SLIDESHOW - CAROUSEL (ALSO USED IN CUSTOM POST ITEM SHORTCODE)
18. SLIDESHOW - SLIDER
19. SOCIAL MEDIA
20. TABS
21. TITLES
22. TOGGLES
*/


/* ---------------------------------------------------------------------------- */
/*	01.	ANIMATION							 	*/
/* ---------------------------------------------------------------------------- */

.animated[class*="start-"] {
	opacity: 0 !important;
}

.anim-start-ltr,
.anim-start-btt,
.anim-start-ttb,
.anim-start-rtl,
.anim-start-stb {
opacity: 0;
}
.anim-end-ltr,
.anim-end-btt,
.anim-end-ttb,
.anim-end-rtl,
.anim-end-stb {
opacity: 1;
}

.anim-start-btt,
.anim-start-ttb,
.anim-end-btt,
.anim-end-ttb {
float: left;
}

.anim-end-ltr {
	-webkit-animation: anim-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: anim-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: anim-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: anim-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.anim-end-btt {
	-webkit-animation: anim-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: anim-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: anim-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: anim-btt 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.anim-end-ttb {
	-webkit-animation: anim-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: anim-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: anim-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: anim-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.anim-end-rtl {
	-webkit-animation: anim-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: anim-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: anim-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: anim-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.anim-end-stb {
	-webkit-animation: anim-stb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: anim-stb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-animation: anim-stb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: anim-stb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

/* Create left to right effect */
@keyframes anim-ltr {
    0% { transform:translate(-10%,0);opacity:0}
    100%{ transform:translate(0,0);opacity:1}
}
@-moz-keyframes anim-ltr {
    0% { -moz-transform:translate(-10%,0);opacity:0}
    100%{-moz-transform:translate(0,0);opacity:1}
}
@-webkit-keyframes anim-ltr {
    0% { -webkit-transform:translate(-10%,0);opacity:0}
    100%{-webkit-transform:translate(0,0);opacity:1}
}

/* Create bottom to top effect */
@keyframes anim-btt {
    0% { transform:translate(0,10%);opacity:0}
    100%{ transform:translate(0,0);opacity:1}
}
@-moz-keyframes anim-btt {
    0% { -moz-transform:translate(0,10%);opacity:0}
    100%{-moz-transform:translate(0,0);opacity:1}
}
@-webkit-keyframes anim-btt {
    0% { -webkit-transform:translate(0,10%);opacity:0}
    100%{-webkit-transform:translate(0,0);opacity:1}
}

/* Create top to bottom effect */
@keyframes anim-ttb {
    0% { transform:translate(0,-10%);opacity:0}
    100%{ transform:translate(0,0);opacity:1}
}
@-moz-keyframes anim-ttb {
    0% { -moz-transform:translate(0,-10%);opacity:0}
    100%{-moz-transform:translate(0,0);opacity:1}
}
@-webkit-keyframes anim-ttb {
    0% { -webkit-transform:translate(0,-10%);opacity:0}
    100%{-webkit-transform:translate(0,0);opacity:1}
}

/* Create right to left effect */
@keyframes anim-rtl {
    0% { transform:translate(10%,0);opacity:0}
    100%{ transform:translate(0,0);opacity:1}
}
@-moz-keyframes anim-rtl {
    0% { -moz-transform:translate(10%,0);opacity:0}
    100%{-moz-transform:translate(0,0);opacity:1}
}
@-webkit-keyframes anim-rtl {
    0% { -webkit-transform:translate(10%,0);opacity:0}
    100%{-webkit-transform:translate(0,0);opacity:1}
}

/* Create small to big effect */
@keyframes anim-stb {
    0% { transform: scale(0);opacity:0}
    100%{ transform: scale(1);opacity:1}
}
@-moz-keyframes anim-stb {
    0% { -moz-transform: scale(0);opacity:0}
    100%{-moz-transform: scale(1);opacity:1}
}
@-webkit-keyframes anim-stb {
    0% { -webkit-transform: scale(0);opacity:0}
    100%{-webkit-transform: scale(1);opacity:1}
}


/* ---------------------------------------------------------------------------- */
/*	02.	BUTTONS							 	*/
/* ---------------------------------------------------------------------------- */
.button          { display: inline-block; color: #FFF; text-align: center; line-height: 1.5; margin: 0 0.5em 1.2em 0; background-image: none !important; }
.button:hover    { color: #FFF; }
.button.wide { display: block; }
.button i { margin-left: 10px; }

.button.small    { font-size: 0.9em; padding: 6px 14px; }
.button.medium   { font-size: 1em;   padding: 8px 22px; }
.button.large    { font-size: 1.2em; padding: 8px 26px; }

.button.aqua        { background-color: #008867; }
.button.black       { background-color: #202020; }
.button.blue_dark   { background-color: #22419C; }
.button.blue_light  { background-color: #3F4DF3; }
.button.brown       { background-color: #B77705; }
.button.green_dark  { background-color: #097519; }
.button.green_light { background-color: #59AC23; }
.button.grey        { background-color: #9E9E9E; }
.button.red_dark    { background-color: #CF2200; }
.button.red_light   { background-color: #F33F3F; }
.button.pink        { background-color: #E700CC; }
.button.purple      { background-color: #880078; }

.button.style1,
.button.style2,
.button.style3,
.button.style4 {
	background-image: none !important; 
}
.button.style1 {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.button.style1:hover {
	background-color: #222;
}

.button.style2 {
	border: none;
	-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
	-ms-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
}
.button.style2:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.button.style3 {
	border: 1px solid rgba(51, 51, 51, 0.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	-ms-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -m