/*-----------------------------------------------------------------------------------

	Theme Name: Canvas
	Theme URI: http://themes.semicolonweb.com/html/canvas
	Description: The Multi-Purpose Template
	Author: SemiColonWeb
	Author URI: http://themeforest.net/user/semicolonweb
	Version: 5.3.1

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------

	- Basic
	- Typography
	- Basic Layout Styles
	- Helper Classes
	- Sections
	- Columns & Grids
	- Flex Slider
	- Swiper Slider
	- Top Bar
	- Header
		- Logo
		- Primary Menu
		- Mega Menu
		- Top Search
		- Top Cart
		- Sticky Header
		- Page Menu
		- Side Header
	- Side Panel
	- Slider
	- Page Title
	- Content
	- Portfolio
	- Blog
	- Shop
	- Events
	- Shortcodes
		- Countdown
		- Buttons
		- Promo Boxes
		- Featured Boxes
		- Process Steps
		- Styled Icons
		- Toggles
		- Accordions
		- Tabs
		- Side Navigation
		- FAQ List
		- Clients
		- Testimonials
		- Team
		- Pricing Boxes
		- Counter
		- Animated Rounded Skills
		- Skills Bar
		- Dropcaps & Highlights
		- Quotes & Blockquotes
		- Text Rotater
	- Owl Carousel
	- Overlays
	- Forms
	- Google Maps
	- Heading Styles
	- Divider
	- Magazine Specific Classes
	- Go To Top
	- Error 404
	- Landing Pages
	- Preloaders
	- Toastr Notifications
	- Footer
	- Widgets
		- Tag Cloud
		- Links
		- Testimonial & Twitter
		- Quick Contact Form
		- Newsletter
		- Twitter Feed
		- Navigation Tree
	- Wedding
	- Bootstrap Specific
	- Cookie Notification
	- Stretched Layout
	- Page Transitions
	- Youtube Video Backgrounds

---------------------------------------------------------------- */


/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/

@media (min-width: 576px) {
	.container { max-width: 540px; }
}

@media (min-width: 768px) {
	.container { max-width: 750px; }
}

@media (min-width: 992px) {
	.container { max-width: 970px; }
}

@media (min-width: 1200px) {
	.container { max-width: 1170px; }
}


body { font-size: 0.875rem; }


/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

 ol, ul, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #1ABC9C;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #1ABC9C; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #1ABC9C; /* Safari */
	color: #FFF;
	text-shadow: none;
}


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #555;
	font-family: 'Lato', sans-serif;
}

a {
	text-decoration: none !important;
	color: #1ABC9C;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4 {
	color: #444;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
	font-family: 'Raleway', sans-serif;
}

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h4 { font-weight: 600; }

h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge) { color: #1ABC9C; }

p,
ul,
ol,
form { margin-bottom: 30px; }

small { font-family: 'Lato', sans-serif; }


/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/

.tright { text-align: right !important; }

.fright { float: right !important; }

#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.nomargin {margin: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.noborder { border: none !important; }

.nobottomborder { border-bottom: none !important; }

.nopadding { padding: 0 !important; }

.hidden { display: none !important; }

.center { text-align: center !important; }

.bgcolor,
.bgcolor #header-wrap { background-color: #1ABC9C !important; }

.color { color: #1ABC9C !important; }

.nobg { background: none !important; }

/* MOVING BG -  TESTIMONIALS */
 @-webkit-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-moz-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-ms-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-o-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}

.vertical-middle {
	height: auto !important;
	left: 0;
	max-width: none !important;
	z-index: 2;
}


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #F9F9F9;
	overflow: hidden;
}

.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
	will-change: transform;
}

.section .container { z-index: 2; }


/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/


.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }

.postcontent { width: 74%; }

.postcontent,
.col_full,
.col_half,
.col_one_third {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.col_last {
	margin-right: 0 !important;
	float: right;
	clear: right;
}


/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/



.flexslider a:active,
.flexslider a:focus  { outline: none; border: none; }

.flexslider {position: relative;margin: 0; padding: 0;}


/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/


/* Top Links
---------------------------------*/


/* Top Social
-----------------------------------------------------------------*/


/* Top Login
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/


#header {
	position: relative;
	background-color: #FFF;
	border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }

#header.transparent-header {
	background: transparent;
	border-bottom: none;
	z-index: 199;
}

#header.transparent-header + #slider,
#slider + #header.transparent-header {
	top: -50px;
	margin-bottom: -50px;
}

#header-wrap .container {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	min-height: 50px;
}

/* Medium screens - Logo on top, menu below (765px - 1199px) */
@media (min-width: 765px) and (max-width: 1199px) {
	#header,
	#header-wrap {
		height: auto !important;
	}
	
	#header-wrap .container {
		flex-direction: column;
		justify-content: center;
		padding: 10px 15px;
		height: auto !important;
	}
	
	#logo {
		margin: 0 0 10px 0 !important;
		text-align: center;
	}
	
	#primary-menu {
		margin-left: 0 !important;
		float: none !important;
		width: auto;
	}
	
	#primary-menu > ul {
		justify-content: center;
		display: flex !important;
		float: none !important;
	}
	
	#primary-menu-trigger {
		display: none !important;
	}
	
	#header.sticky-header #header-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #333;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
		z-index: 299;
	}
	
	/* Add padding to content after sticky header */
	#header.sticky-header + #slider,
	#header.sticky-header + #page-title,
	#header.sticky-header + #content,
	#header.sticky-header + section {
		margin-top: 100px !important;
	}
}


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	flex-shrink: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 50px;
	margin-right: 40px;
}

#logo a {
	display: block;
	color: #000;
}

#logo img {
	display: block;
	max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: block; }


/* ----------------------------------------------------------------
	Header Right Area
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/


#primary-menu { 
	display: flex;
	align-items: center;
	margin-left: auto;
	flex-shrink: 0;
	white-space: nowrap;
}

#primary-menu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

#primary-menu ul {
	list-style: none;
	margin: 0;
}

#primary-menu > ul { 
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

#primary-menu ul li { position: relative; }

#primary-menu ul > li {
	float: left;
	margin-left: 2px;
}

#primary-menu > ul > li:first-child { margin-left: 0; }

#primary-menu ul li > a {
	display: block;
	line-height: 22px;
	padding: 14px 10px;
	color: #444;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
}

#primary-menu ul li > a span { display: none; }

#primary-menu ul li > a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
}

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { color: #1ABC9C; }

#primary-menu ul ul:not(.mega-menu-column) {
	display: none;
	position: absolute;
	width: 220px;
	background-color: #FFF;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #1ABC9C;
	height: auto;
	z-index: 199;
	top: 100%;
	left: 0;
	margin: 0;
}

#primary-menu ul ul:not(.mega-menu-column) ul {
	top: -2px !important;
	left: 218px;
}

#primary-menu ul ul li {
	float: none;
	margin: 0;
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul li > a {
	font-size: 12px;
	font-weight: 700;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	letter-spacing: 0;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#primary-menu ul ul li > a i { vertical-align: middle; }

#primary-menu ul ul li:hover > a {
	background-color: #F9F9F9;
	padding-left: 18px;
	color: #1ABC9C;
}


/* ----------------------------------------------------------------
	Mega Menu
-----------------------------------------------------------------*/



/* Primary Menu - Style 2
-----------------------------------------------------------------*/


/* Primary Menu - Style 3
-----------------------------------------------------------------*/


/* Primary Menu - Style 4
-----------------------------------------------------------------*/


/* Primary Menu - Style 5
-----------------------------------------------------------------*/


/* Primary Menu - Style 6
-----------------------------------------------------------------*/

#primary-menu.style-6 ul > li > a { position: relative; }

#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > div > ul > li > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 0;
	border-top: 2px solid #1ABC9C;
	-webkit-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
}

#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after,
#primary-menu.style-6 > div > ul > li:hover > a:after { width: 100%; }


/* Primary Menu - Sub Title
-----------------------------------------------------------------*/


/* Primary Menu - Style 2 with Sub Title
-----------------------------------------------------------------*/


/* Primary Menu - Split Menu
-----------------------------------------------------------------*/


/* Primary Menu - Overlay Menu
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Top Cart
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Top Account
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap {
	height: 50px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

#logo img {
	height: 50px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

#primary-menu ul li > a {
	padding: 14px 15px;
}

#primary-menu > ul > li > ul {
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease;
}

body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

#header-wrap {
	position: relative;
	z-index: 199;
	-webkit-backface-visibility: hidden;
}

/* Sticky Header
-----------------------------------------------------------------*/

#header.sticky-header #header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #333;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 299;
}

#header.sticky-header {
	height: 50px;
}

/* Primary Menu - Style 3
-----------------------------------------------------------------*/

/* Primary Menu - Style 4
-----------------------------------------------------------------*/

/* Primary Menu - Style 5
-----------------------------------------------------------------*/

/* Primary Menu - Sub Title
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Page Menu
-----------------------------------------------------------------*/ /* Disable Multi-Level Links */


/* Page Menu - Dots Style
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	One Page
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Side Header
-----------------------------------------------------------------*/

@media (min-width: 992px) {


/* Side Header - Push Header
-----------------------------------------------------------------*/


/* Side Header - Right Aligned
-----------------------------------------------------------------*/


}


/* ----------------------------------------------------------------
	Side Push Panel
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


.slider-element {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax { position: relative; }

.slider-parallax {
	visibility: visible;
	-webkit-backface-visibility: hidden;
}

.slider-parallax .slider-parallax-inner {
	position: fixed;
	width: 100%;
	height: 100%;
}

body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; }

body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; }

#header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; }

.slider-parallax .slider-parallax-inner {
	will-change: transform;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: transform 0s linear;
	-webkit-backface-visibility: hidden;
}


/* Boxed Slider
-----------------------------------------------------------------*/


/* Flex Slider - Thumbs
-----------------------------------------------------------------*/


/* Flex Thumbs - Flexible
-----------------------------------------------------------------*/


/* Swiper Slider
-----------------------------------------------------------------*/

.slider-element .container {
	position: relative;
	height: 100%;
}


/* Revolution Slider
-----------------------------------------------------------------*/


/* Video Overlay
-----------------------------------------------------------------*/


/* Slider Caption
-----------------------------------------------------------------*/


/* Slider Arrows
-----------------------------------------------------------------*/

.slider-element .owl-carousel { margin: 0; }


/* Slide Number
-----------------------------------------------------------------*/


/* Pagination
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
	padding: 50px 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #EEE;
}

#page-title .container { position: relative; }

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #333;
	font-size: 28px;
	text-transform: uppercase;
}

#page-title span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
	font-size: 18px;
}

.breadcrumb {
	position: absolute !important;
	width: auto !important;
	top: 50% !important;
	left: auto !important;
	right: 15px !important;
	margin: -10px 0 0 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 12px;
}

.breadcrumb a { color: #555; }

.breadcrumb a:hover { color: #1ABC9C; }

.breadcrumb i { width: auto !important; }

/* Page Title - Dark
-----------------------------------------------------------------*/

/* Page Title - Right Aligned
-----------------------------------------------------------------*/

/* Page Title - Center Aligned
-----------------------------------------------------------------*/

/* Page Title - Background Pattern
-----------------------------------------------------------------*/

/* Page Title - Parallax Background
-----------------------------------------------------------------*/


/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
	font-weight: 600;
	font-size: 18px;
	color: #444;
}

#page-title.page-title-mini span { display: none; }


/* Page Title - No Background
-----------------------------------------------------------------*/


/* Page Title - Video
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}

#content p { line-height: 1.8; }

.content-wrap {
	position: relative;
	padding: 80px 0;
}

#content .container { position: relative; }

.grid-container {
	position: relative;
	overflow: hidden;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}


/* ----------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------*/


/* Portfolio - Filter
-----------------------------------------------------------------*/

.portfolio-filter {
	position: relative;
	margin: 0 0 40px 0;
	list-style: none;
	border: 1px solid rgba(0,0,0,0.07);
	float: left;
	border-radius: 4px;
}

.portfolio-filter li {
	float: left;
	position: relative;
}

.portfolio-filter li a {
	display: block;
	position: relative;
	padding: 12px 18px;
	font-size: 13px;
	line-height: 15px;
	color: #666;
	border-left: 1px solid rgba(0,0,0,0.07);
}

.portfolio-filter li:first-child a {
	border-left: none;
	border-radius: 4px 0 0 4px;
}

.portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }

.portfolio-filter li a:hover { color: #1ABC9C; }

.portfolio-filter li.activeFilter a {
	color: #FFF !important;
	background-color: #1ABC9C;
	margin: -1px 0;
	padding: 13px 18px;
	font-weight: bold;
}


/* Portfolio - Filter: Style 2
-----------------------------------------------------------------*/


/* Portfolio - Filter: Style 3
-----------------------------------------------------------------*/


/* Portfolio - Filter: Style 4
-----------------------------------------------------------------*/


/* Portfolio - Center Aligned
-----------------------------------------------------------------*/


/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/

.portfolio-shuffle {
	float: right;
	width: 41px;
	height: 41px;
	border: 1px solid rgba(0,0,0,0.07);
	font-size: 14px;
	text-align: center;
	line-height: 41px;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.portfolio-shuffle:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Portfolio - Items
-----------------------------------------------------------------*/

.portfolio {
	position: relative;
	margin: 0 -12px -12px 0;
}

body:not(.device-touch) .portfolio {
	-webkit-transition: height .4s linear;
	-o-transition: height .4s linear;
	transition: height .4s linear;
}

.portfolio-item {
	float: left;
	position: relative;
	width: 25%;
	height: auto;
	padding: 0 12px 12px 0;
}

.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}


/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
	z-index: 3;
	padding: 15px 5px 10px;
}

.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}

.portfolio-desc h3 a { color: #222; }

.portfolio-desc h3 a:hover { color: #1ABC9C; }

.portfolio-desc span {
	display: block;
	margin-top: 3px;
	color: #888;
}

.portfolio-desc span a { color: #888; }

.portfolio-desc span a:hover { color: #000; }


/* Portfolio - No Margin
-----------------------------------------------------------------*/


/* Portfolio - 100% Full Width
-----------------------------------------------------------------*/


/* Portfolio - Sidebar
-----------------------------------------------------------------*/

.postcontent .portfolio-desc h3 { font-size: 17px; }

.postcontent .portfolio-desc span { font-size: 12px; }


/* Portfolio - Sidebar - No Title
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars
-----------------------------------------------------------------*/


/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

.portfolio.portfolio-3 { margin: 0 -15px -15px 0; }

.portfolio-3 .portfolio-item {
	width: 33.33333333%;
	padding: 0 15px 15px 0;
}


/* Portfolio - Sidebar - Items - 3 Columns
-----------------------------------------------------------------*/

.postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; }

.postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Sidebar - Items - 3 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars - Items - 3 Columns
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars - Items - 3 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/


/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/


/* Portfolio - Items - 2 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/


/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/


/* Portfolio - Sidebar - Items - 2 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/


/* Portfolio - Both Sidebars - Items - 2 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Items - 5 Columns
-----------------------------------------------------------------*/


/* Portfolio - Items - 5 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Sidebar - Items - 5 Columns
-----------------------------------------------------------------*/


/* Portfolio - Sidebar - Items - 5 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Items - 6 Columns
-----------------------------------------------------------------*/


/* Portfolio - Items - 6 Columns - No Title
-----------------------------------------------------------------*/


/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/


/* Portfolio - Items - 1 Column - Both Sidebar
-----------------------------------------------------------------*/


/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/


/* Portfolio - Items - 1 Column - Full Width - Sidebar
-----------------------------------------------------------------*/


/* Portfolio - Items - 1 Column - Full Width - Both Sidebar
-----------------------------------------------------------------*/


/* Portfolio - Parallax
-----------------------------------------------------------------*/


/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	text-align: center;
	/* background-color: rgba(0,0,0,0.5); */
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { opacity: 1; }

.portfolio-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #F5F5F5;
	width: 40px !important;
	height: 40px !important;
	margin: -28px 0 0 -44px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #444;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {
	-webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-overlay a.center-icon {
	display: block;
	margin: -70px 0 0 -20px;
	opacity: 0;
}

.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon { opacity: 1; }

.portfolio-overlay a:hover {
	color: #1ABC9C;
	background-color: #EEE;
}


.portfolio-overlay .portfolio-desc {
	position: relative;
	padding: 0 !important;
	margin: 0;
	text-align: center;
}

.portfolio-overlay .portfolio-desc a {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	font-size: inherit;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	background-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.portfolio-overlay .portfolio-desc h3 {
	font-weight: 600;
	color: #F5F5F5 !important;
	line-height: 1;
}

.portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; }

.portfolio-overlay .portfolio-desc span {
	margin-top: 7px;
	color: #DDD !important;
}

.portfolio-overlay .portfolio-desc span a {
	color: #DDD !important;
	font-size: inherit;
}

.portfolio-overlay .portfolio-desc ~ a {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 0 0 !important;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a {
	-webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}

.portfolio-overlay .portfolio-desc a:hover { background: transparent; }


/* Portfolio Single
-----------------------------------------------------------------*/


/* Portfolio Single - Image
-----------------------------------------------------------------*/


/* Portfolio Single - Gallery Thumbs
-----------------------------------------------------------------*/


/* Portfolio & Blog Single - Masonry
-----------------------------------------------------------------*/


/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content { font-size: 14px; }

.portfolio-single-content h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 20px;
	font-weight: 600 !important;
}


/* Portfolio Single - Meta
-----------------------------------------------------------------*/


/* Portfolio Single Navigation
-----------------------------------------------------------------*/


/* Individual Portfolio Item
-----------------------------------------------------------------*/

.iportfolio {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.iportfolio .portfolio-image {
	position: relative;
	overflow: hidden;
}

.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}

.iportfolio .portfolio-overlay { height: 100% !important; }


/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/


/* Small Thumbs
-----------------------------------------------------------------*/


/* Small Thumbs - Right
-----------------------------------------------------------------*/


/* Small Thumbs - Both Sidebar
-----------------------------------------------------------------*/


/* Blog - Grid
-----------------------------------------------------------------*/


/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/


/* Blog - Grid - 3 Columns - Sidebar
-----------------------------------------------------------------*/


/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/


/* Blog - Grid - 2 Columns - Sidebar
-----------------------------------------------------------------*/


/* Blog - Grid - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/


/* Blog - Masonry
-----------------------------------------------------------------*/


/* Blog - Masonry Full
-----------------------------------------------------------------*/


/* Blog - Timeline
-----------------------------------------------------------------*/


/* Blog - Timeline - Sidebar
-----------------------------------------------------------------*/


/* Individual Post
-----------------------------------------------------------------*/


/* Related Posts
-----------------------------------------------------------------*/


/* Small Post
-----------------------------------------------------------------*/


/* Medium Post
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Blog - Author
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Comments List
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
	color: #999;
	font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 20px; }


/* Post Elements
-----------------------------------------------------------------*/


/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/


.shop {
	position: relative;
	margin: 0 -20px -20px 0;
}


/* Shop - 3 Columns
-----------------------------------------------------------------*/


/* Shop - 3 Columns - Sidebar
-----------------------------------------------------------------*/


/* Shop - 2 Columns - Sidebar
-----------------------------------------------------------------*/


/* Shop - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/


/* Shop - 1 Column
-----------------------------------------------------------------*/


/* Shop - 1 Column - Both Sidebar
-----------------------------------------------------------------*/


/* Shop - Single
-----------------------------------------------------------------*/


/* Individual Product
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Cart
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/


.parallax .iconlist li { margin: 5px 0; }


/* Individual Events
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------

	Countdown

-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Countdown
-----------------------------------------------------------------*/


/* Countdown - Medium
-----------------------------------------------------------------*/


/* Countdown - Large
-----------------------------------------------------------------*/


/* Countdown - Inline
-----------------------------------------------------------------*/


/* Countdown - Coming Soon
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/


.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.button:hover {
	background-color: #444;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button i {
	position: relative;
	top: 1px;
	line-height: 1;
	margin-right: 5px;
	width: 16px;
	text-align: center;
}

.button.tright i { margin: 0 0 0 5px; }


/* Buttons - Border
-----------------------------------------------------------------*/


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
	border-radius: 3px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.button.button-3d:hover {
	background-color: #1ABC9C !important;
	opacity: 0.9;
}


/* Buttons - Icon Reveal
-----------------------------------------------------------------*/


/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/


/* Buttons - Circle
-----------------------------------------------------------------*/


/* Buttons - Fill Effect
-----------------------------------------------------------------*/


/* Buttons - Colors
-----------------------------------------------------------------*/


/* Buttons - No Hover
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Promo Boxes
-----------------------------------------------------------------*/


/* Promo Uppercase
-----------------------------------------------------------------*/


/* Promo - with Border
-----------------------------------------------------------------*/


/* Promo - Light
-----------------------------------------------------------------*/


/* Promo - Dark
-----------------------------------------------------------------*/


/* Promo - Flat
-----------------------------------------------------------------*/


/* Promo - 100% Full Width
-----------------------------------------------------------------*/

/* Promo - Parallax
-----------------------------------------------------------------*/


/* Promo - Right Align
-----------------------------------------------------------------*/


/* Promo - with Border & Right Align
-----------------------------------------------------------------*/


/* Promo - Center Align
-----------------------------------------------------------------*/


/* Promo - Mini
-----------------------------------------------------------------*/


/* Promo - Mini - Center Align
-----------------------------------------------------------------*/


/* Promo - Mini - Right Align
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Featured Boxes
-----------------------------------------------------------------*/


/* Feature Box - Icon Large
-----------------------------------------------------------------*/


/* Feature Box - Icon Outline
-----------------------------------------------------------------*/


/* Feature Box - Icon Outline Large
-----------------------------------------------------------------*/


/* Feature Box - Icon Rounded
-----------------------------------------------------------------*/


/* Feature Box - Icon Rounded & Large
-----------------------------------------------------------------*/


/* Feature Box - Light Background
-----------------------------------------------------------------*/


/* Feature Box - Dark Background
-----------------------------------------------------------------*/


/* Feature Box - Border
-----------------------------------------------------------------*/


/* Feature Box - Border - Light
-----------------------------------------------------------------*/


/* Feature Box - Border - Dark
-----------------------------------------------------------------*/


/* Feature Box - Plain
-----------------------------------------------------------------*/


/* Feature Box - Center
-----------------------------------------------------------------*/


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/


/* Feature Box - Right
-----------------------------------------------------------------*/


/* Feature Box - Subtitle
-----------------------------------------------------------------*/


/* Feature Box - Background
-----------------------------------------------------------------*/


/* Animated Icon Hovers
-----------------------------------------------------------------*/

/* Icon Effects - Bordered
-----------------------------------------------------------------*/


/* Media Featured Box
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Flipbox
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Process Steps
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Alerts
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/



.social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}


body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


/* Icon Size - Small
-----------------------------------------------------------------*/


/* Icon Size - Small
-----------------------------------------------------------------*/


/* Icon Size - Large
-----------------------------------------------------------------*/


/* Icon Size - Extra Large
-----------------------------------------------------------------*/


/* Icon Size - Extra Extra Large
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Icon Overlay
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/


.social-icon {
	margin: 0 10px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
}


/* Social Icons - Rounded
-----------------------------------------------------------------*/

/* Social Icons - Borderless
-----------------------------------------------------------------*/

/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
	background-color: #444;
	color: #FFF !important;
	border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/

/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored { border-color: transparent !important; }

.si-colored i { color: #FFF; }

/* Social Icons - Large
-----------------------------------------------------------------*/

/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon i {
	display: block;
	position: relative;
}

/* Fix for Font Awesome icons in social-icon */
.social-icon .fa-brands.fa-whatsapp {
	display: block;
	position: relative;
	line-height: 38px !important;
	color: #FFF !important;
}

body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icon i:last-child { color: #FFF !important; }

.social-icon:hover i:first-child { margin-top: -38px; }

.social-icon:hover {
	color: #555;
	border-color: transparent;
}

.si-colored.social-icon { border-color: transparent; }

/* Social Icons - Sticky
-----------------------------------------------------------------*/

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

/* Social Icons - Share
-----------------------------------------------------------------*/

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25D366 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }


/* Social Icons Text Color
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/


/* Toggle - with Title Background
-----------------------------------------------------------------*/


/* Toggle - Bordered
-----------------------------------------------------------------*/


/* Toggle - FAQs
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Accordions
-----------------------------------------------------------------*/


/* Accordion - with Title Background
-----------------------------------------------------------------*/


/* Accordion - Bordered
-----------------------------------------------------------------*/


/* Accordion - Large
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/


/* Tabs - Alternate Nav
-----------------------------------------------------------------*/


/* Tabs - Top Border
-----------------------------------------------------------------*/


/* Tabs - Bottom Border
-----------------------------------------------------------------*/


/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/


/* Tabs - Large Navigation
-----------------------------------------------------------------*/


/* Tabs - Content Area
-----------------------------------------------------------------*/

/* Tabs - Bordered
-----------------------------------------------------------------*/


/* Tabs - Side Tabs
-----------------------------------------------------------------*/


/* Tabs - Side Tabs & Nav Style 2
-----------------------------------------------------------------*/


/* Tabs - Side Tabs & Bordered
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Side Navigation
-----------------------------------------------------------------*/

/* Chevrons */


/* ----------------------------------------------------------------
	FAQ List
-----------------------------------------------------------------*/


.faqlist li {
	margin-bottom: 5px;
	font-size: 15px;
}

.faqlist li a { color: #444; }

.faqlist li a:hover { color: #1ABC9C !important; }


/* ----------------------------------------------------------------
	Clients
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Testimonials
-----------------------------------------------------------------*/

/* Testimonials - Grid
-----------------------------------------------------------------*/


/* Testimonials - Item
-----------------------------------------------------------------*/


/* Twitter - Small Scroller
-----------------------------------------------------------------*/


/* Testimonials - Full Width
-----------------------------------------------------------------*/


/* Testimonial - Section Scroller
-----------------------------------------------------------------*/


/* Testimonial - Pagination
-----------------------------------------------------------------*/


/* Testimonial - Full Scroller
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Team
-----------------------------------------------------------------*/


.team,
.team-image { position: relative; }

.team-image > a,
.team-image img {
	display: block;
	width: 100%;
}

.team-desc { text-align: center; }

.team-title {
	position: relative;
	padding-top: 20px;
}

.team-title h4 {
	display: block;
	margin-bottom: 0;
	font-size: 19px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.team-title span {
	display: block;
	color: #1ABC9C;
	font-weight: 400;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-size: 15px;
	margin-top: 5px;
}

.team-content {
	margin-top: 15px;
	color: #777;
}

.team-content p:last-child { margin-bottom: 0; }


/* Team Center
-----------------------------------------------------------------*/

.team.center .team-title:after {
	left: 50%;
	margin-left: -40px;
}


/* Team List
-----------------------------------------------------------------*/

.team .team-desc > .social-icon { margin-top: 20px; }

.team .team-content ~ .social-icon { margin-top: 30px; }

.team:not(.team-list) .social-icon {
	display: inline-block;
	float: none;
	margin-left: 6px;
	margin-right: 6px;
}


/* ----------------------------------------------------------------
	Pricing Boxes
-----------------------------------------------------------------*/


/* Pricing Boxes
-----------------------------------------------------------------*/


/* Pricing Boxes - Title
-----------------------------------------------------------------*/


/* Pricing Boxes - Price
-----------------------------------------------------------------*/


/* Pricing Boxes - Features
-----------------------------------------------------------------*/


/* Pricing Boxes - Action
-----------------------------------------------------------------*/


/* Pricing Boxes - Best Price
-----------------------------------------------------------------*/


/* Pricing Boxes - Minimal
-----------------------------------------------------------------*/


/* Pricing Boxes - 5 Columns
-----------------------------------------------------------------*/


/* Pricing Boxes - Extended
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Counter
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Animated Rounded Skills
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Skills Bar
-----------------------------------------------------------------*/


.skills {
	margin: 0;
	list-style: none;
	padding-top: 25px;
}

.skills li {
	position: relative;
	margin-top: 38px;
	height: 4px;
	background-color: #F5F5F5;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	border-radius: 2px;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #1ABC9C;
	overflow: visible !important;
	border-radius: 2px;
	-webkit-transition: width 1.2s ease-in-out;
	-o-transition: width 1.2s ease-in-out;
	transition: width 1.2s ease-in-out;
}

.skills li > span {
	position: absolute;
	z-index: 1;
	top: -23px;
	left: 0;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
}

/* ----------------------------------------------------------------
	Quotes & Blockquotes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Dropcaps & Highlights
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Text Rotater
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/

@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.owl-carousel {
	display:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
	width: 100%;
}

.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action:pan-Y;
	-moz-backface-visibility:hidden;
	display: flex;
}

.owl-carousel .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}

.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
}

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading {
	display:block;
	min-height: 100px;
}

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display:block;
	width:100%;
	-webkit-transform-style:preserve-3d;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {
	cursor: pointer;
	cursor: hand;
	padding: 0;
	border: 0;
	-webkit-user-select: none;
	user-select: none;
}

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 30px 4px 0 4px;
	opacity: 0.5;
	border-radius: 50%;
	background-color: #1ABC9C;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover { opacity: 1; }


/* ----------------------------------------------------------------
	Flip Cards
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Overlays
-----------------------------------------------------------------*/


/* News Carousel Overlays
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Forms
-----------------------------------------------------------------*/

.sm-form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 14px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sm-form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }

.sm-form-control { height: auto; }

label {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
	cursor: pointer;
}

form .col_full,
form .col_half,
form .col_one_third { margin-bottom: 25px; }


/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Google Maps
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Google Custom Search
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Heading Styles
-----------------------------------------------------------------*/


/* Block Titles
-----------------------------------------------------------------*/


/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 50px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* color: #333; */
	color: #ffffff;
}

.emphasis-title h1,
.emphasis-title h2 {
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.heading-block h1 { font-size: 32px; }

.heading-block h2 { font-size: 30px; }

.heading-block h3 { font-size: 26px; }

.heading-block h4 {
	font-size: 20px;
	font-weight: 700;
}

.heading-block > span:not(.before-heading) {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
}

.heading-block.center > span,
.center .heading-block > span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.heading-block h1 + span { font-size: 24px; }

.heading-block h2 + span { font-size: 22px; }

.heading-block h3 + span,
.heading-block h4 + span { font-size: 20px; }

.heading-block ~ p:not(.lead) { font-size: 15px; }

.heading-block:after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 40px;
	border-top: 2px solid #444;
}

.center .heading-block:after,
.heading-block.center:after { margin: 30px auto 0; }

.tright .heading-block,
.heading-block.tright { direction: rtl; }

.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }


/* Emphasis Title
-----------------------------------------------------------------*/

.emphasis-title { margin: 0 0 50px; }

.emphasis-title h1,
.emphasis-title h2 {
	font-size: 64px;
	letter-spacing: -2px;
}

.emphasis-title h1 strong,
.emphasis-title h2 strong { font-weight: 700; }


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
	position: relative;
	margin-bottom: 30px;
}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4 {
	position: relative;
	display: inline-block;
	background-color: #FFF;
	padding-right: 15px;
	margin-bottom: 0;
}

.fancy-title h4 { padding-right: 10px; }


/* Fancy Title - Center Align
-----------------------------------------------------------------*/


/* Fancy Title - Right Align
-----------------------------------------------------------------*/


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #1ABC9C;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/


/* Sub Heading
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Divider
-----------------------------------------------------------------*/


.divider {
	position: relative;
	overflow: hidden;
	margin: 35px 0;
	color: #E5E5E5;
	width: 100%;
}

.divider:after,
.divider.divider-center:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 30px;
	height: 0;
	border-top: 1px solid #EEE;
}

.divider i {
	position: relative;
	width: 18px;
	height: 18px;
	line-height: 1;
	font-size: 18px !important;
	text-align: center;
}

.divider a {
	position: relative;
	display: inline-block;
	color: inherit;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.divider a:hover { color: #888; }


/* Divider - Icon Align Right
-----------------------------------------------------------------*/

.divider.divider-right { text-align: right; }

.divider.divider-right:after {
	left: auto;
	right: 30px;
}


/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center { text-align: center; }

.divider.divider-center:before {
	left: -50% !important;
	right: 0;
	margin-left: -20px;
}

.divider.divider-center:after {
	left: 50% !important;
	right: 0;
	margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/


/* Divider - Rounded Icon
-----------------------------------------------------------------*/


/* Divider - Rounded & Border
-----------------------------------------------------------------*/


/* Divider - Line Only
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Magazine Specific Classes
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Go To Top
-----------------------------------------------------------------*/


#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #1ABC9C; }


/* ----------------------------------------------------------------
	Error 404
-----------------------------------------------------------------*/


.error404 {
	display: block;
	font-size: 216px;
	font-weight: 700;
	color: #DDD;
	line-height: 1.35;
	letter-spacing: 4px;
}

.error404-wrap .container { z-index: 7; }

.error404-wrap .error404 {
	line-height: 0.9;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 244px;
	color: #FFF !important;
	opacity: 0.2;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.error404-wrap .heading-block h4 {
	font-weight: 300;
	margin-bottom: 8px;
}

.error404-wrap .heading-block span { font-size: 17px; }

.error404-wrap form { max-width: 500px; }


/* ----------------------------------------------------------------
	Landing Pages
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Preloaders
-----------------------------------------------------------------*/



.form-process {
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/preloader.gif") center center no-repeat #FFF;
}

.form-process {
	display: none;
	position: absolute;
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}


/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
/*Responsive Design*/


/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #EEE;
	border-top: 5px solid rgba(0,0,0,0.2);
}

#copyrights {
	padding: 40px 0;
	background-color: #DDD;
	font-size: 14px;
	line-height: 1.8;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }


/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/


/* Tag Cloud
-----------------------------------------------------------------*/


/* Widget - Links
-----------------------------------------------------------------*/


/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/


/* Widget - Quick Contact Form
-----------------------------------------------------------------*/


#template-contactform { position: relative; }


/* Newsletter Widget
-----------------------------------------------------------------*/


/* Twitter Feed Widget
-----------------------------------------------------------------*/


/* Widget Filter Links
-----------------------------------------------------------------*/


/* Navigation Tree
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Wedding
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Bootstrap Specific
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Cookie Notification
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}


/* ----------------------------------------------------------------
	Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 40% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	}
}

@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes 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);
	}
}

@-webkit-keyframes cssspinnerbounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes cssspinnerbounce {
	0%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 50% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	}
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}  20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}

@-webkit-keyframes 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 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);
	}
}

@-webkit-keyframes scaleout {
	0% { -webkit-transform: scale(0.0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes scaleout {
	0% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 100% {
	transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@-webkit-keyframes ball-grid-pulse {
	0% {
	-webkit-transform: scale(1);
	transform: scale(1); }

	50% {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0.7; }

	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; }
}

@keyframes ball-grid-pulse {
	0% {
	-webkit-transform: scale(1);
	transform: scale(1); }

	50% {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0.7; }

	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; }
}

@keyframes rotate {
	0% {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1); }

	50% {
	-webkit-transform: rotate(180deg) scale(0.6);
	transform: rotate(180deg) scale(0.6); }

	100% {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1); }
}


@-webkit-keyframes ballrotate {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }

  50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); }
}

@keyframes ballrotate {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }

  50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); }
}


@-webkit-keyframes ball-zig-deflect {
  17% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  34% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  84% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@keyframes ball-zig-deflect {
  17% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  34% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  84% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@-webkit-keyframes ball-zag-deflect {
  17% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  34% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  84% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@keyframes ball-zag-deflect {
  17% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  34% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  84% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@-webkit-keyframes ball-scale-multiple {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0; }

  5% { opacity: 1; }

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0; }
}

@keyframes ball-scale-multiple {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0; }

  5% { opacity: 1; }

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0; }
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
	-webkit-transform: translate(25px, -50px);
	transform: translate(25px, -50px); }

  66% {
	-webkit-transform: translate(50px, 0px);
	transform: translate(50px, 0px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-1 {
  33% {
	-webkit-transform: translate(25px, -50px);
	transform: translate(25px, -50px); }

  66% {
	-webkit-transform: translate(50px, 0px);
	transform: translate(50px, 0px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-2 {
  33% {
	-webkit-transform: translate(25px, 50px);
	transform: translate(25px, 50px); }

  66% {
	-webkit-transform: translate(-25px, 50px);
	transform: translate(-25px, 50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-2 {
  33% {
	-webkit-transform: translate(25px, 50px);
	transform: translate(25px, 50px); }

  66% {
	-webkit-transform: translate(-25px, 50px);
	transform: translate(-25px, 50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-3 {
  33% {
	-webkit-transform: translate(-50px, 0px);
	transform: translate(-50px, 0px); }

  66% {
	-webkit-transform: translate(-25px, -50px);
	transform: translate(-25px, -50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-3 {
  33% {
	-webkit-transform: translate(-50px, 0px);
	transform: translate(-50px, 0px); }

  66% {
	-webkit-transform: translate(-25px, -50px);
	transform: translate(-25px, -50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}


@-webkit-keyframes ball-pulse-sync {
  33% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0.85;
	}

  66% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	opacity: 0.7;
	}

  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}
}

@keyframes ball-pulse-sync {
  33% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0.85;
	}

  66% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	opacity: 0.7;
	}

  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}
}


@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 1; }

  70% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.7; }

  100% {
	opacity: 0.0; }
}

@keyframes ball-scale-ripple-multiple {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 1; }

  70% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.7; }

  100% {
	opacity: 0.0; }
}



/* ----------------------------------------------------------------
	HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Datepicker Component
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Star Ratings Component
-----------------------------------------------------------------*/