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

	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: 6.0.5.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
-----------------------------------------------------------------*/


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

.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;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	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%; }


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


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

h2 { font-size: 30px; }

@media (max-width: 767.98px) {

	h2 {
		font-size: 1.5rem;
	}

}

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

p { margin-bottom: 30px; }


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

#wrapper {
	position: relative;
	float: none;
	width: 100%;
	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);
}

.line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 4rem 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 2rem 0; }

.nott { text-transform: none !important; }

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

.mx-auto {
	float: none !important;
}

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

.ls0 { letter-spacing: 0px !important; }

/* MOVING BG -  TESTIMONIALS */

.vertical-middle {
	z-index: 3;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 100%;
	justify-content: center;
	flex-flow: column;
}


/* ----------------------------------------------------------------
	Opacity Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Text Color Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Text Size Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	BG Color Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Gradient Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Border Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Shadows
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Bootstrap Utility Classes: Extended
-----------------------------------------------------------------*/


/*	Spacing Utilities */


/*	Custom Bootstrap Column */


/*	Gutters */


/* ----------------------------------------------------------------
	Height Utility Classes
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Position Utility Classes: Extended
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Lazy Loading
-----------------------------------------------------------------*/


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


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


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


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


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


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


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


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


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

@media (min-width: 992px) {

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

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

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

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

}


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


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


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


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


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

/* Off Canvas Menu
-----------------------------------------------------------------*/

@media (min-width: 992px) {

	/* Sub-Menu On-Hover Dropdown */

	.primary-menu:not(.on-click) .menu-item:not(:hover) > .sub-menu-container > *,
	.primary-menu:not(.on-click) .menu-item:not(:hover) > .mega-menu-content > * {
		display: none;
	}

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

	/* Sub-Menu On-Click Dropdown */


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


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


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


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


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


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


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


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


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


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

}


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

/* Top Search Animation */


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


/* ----------------------------------------------------------------
	Page Menu
-----------------------------------------------------------------*/

@media (min-width: 992px) {


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

}


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


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


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


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


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


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


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


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


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


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


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

.nav-solid .flex-prev:not(:hover) i,
.nav-solid .flex-next:not(:hover) i {
	color: #444;
	text-shadow: none;
}


/* Flex Slider - Pagination & Thumbs
-----------------------------------------------------------------*/


/* Flex Slider: Pagination Positions
-----------------------------------------------------------------*/

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


/* FlexSlider: Thumbs - Flexible
-----------------------------------------------------------------*/


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

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

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

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

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

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


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


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


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


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


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

#content p { line-height: 1.8; }

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


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


/* Grid Filter
-----------------------------------------------------------------*/


/* Grid Filter: Style 2
-----------------------------------------------------------------*/


/* Grid Filter: Style 3
-----------------------------------------------------------------*/


/* Grid Filter: Style 4
-----------------------------------------------------------------*/


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


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


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


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


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


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


/* Masonry Thumbs
-----------------------------------------------------------------*/


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


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


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


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

.entry-meta a:not(:hover) { color: #999; }


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


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

@media (min-width: 992px) {

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

}


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


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


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


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


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


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


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


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


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


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

	Countdown

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


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


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


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


@media (min-width: 768px) {

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

}

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


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


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


/* 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 - 100% Full Width
-----------------------------------------------------------------*/


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


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


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


/* Feature Box - Icon Small
-----------------------------------------------------------------*/

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

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


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


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


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


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


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


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


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


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


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


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


/* Feature Box - Icon Plain Sizes
-----------------------------------------------------------------*/


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


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


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


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

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


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


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


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


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


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


.i-rounded,
.i-bordered,
.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) .i-rounded,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.i-rounded,
.i-bordered {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	background-color: #444;
	border-radius: 3px;
}

.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	background-color: transparent !important;
	color: #444;
	text-shadow: none;
}


.i-rounded:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	background-color: #444 !important;
	color: #FFF;
	border-color: #444;
}


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


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


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


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


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


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


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


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

.si-rounded { border-radius: 50%; }

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

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

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

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

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

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

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

.social-icon.si-large {
	margin: 0 10px 10px 0;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 54px !important;
}

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

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

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; color: #FFF !important;  }

.social-icon.si-large:hover i:first-child { margin-top: -54px; }

.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-phone:hover,
.si-colored.si-phone { background-color: #fa8f19  !important; }
.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover { background-color: #C4302B !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-instagram:hover { background-color: #8A3AB9 !important; }
.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25D366 !important; }


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


/* Social Icons Text Color
-----------------------------------------------------------------*/
.si-text-color.si-phone i { color: #3B5998; }
.si-text-color.si-facebook i { color: #3B5998; }
.si-text-color.si-delicious i { color: #205CC0; }
.si-text-color.si-paypal i { color: #00588B; }
.si-text-color.si-flattr i { color: #F67C1A; }
.si-text-color.si-android i { color: #A4C639; }
.si-text-color.si-smashmag i { color: #E53B2C; }
.si-text-color.si-gplus i { color: #DD4B39; }
.si-text-color.si-wikipedia i { color: #333; }
.si-text-color.si-stumbleupon i { color: #F74425; }
.si-text-color.si-foursquare i { color: #25A0CA; }
.si-text-color.si-call i { color: #444; }
.si-text-color.si-ninetyninedesigns i { color: #F26739; }
.si-text-color.si-forrst i { color: #5B9A68; }
.si-text-color.si-digg i { color: #191919; }
.si-text-color.si-spotify i { color: #81B71A; }
.si-text-color.si-reddit i { color: #C6C6C6; }
.si-text-color.si-blogger i { color: #FC4F08; }
.si-text-color.si-cc i { color: #688527; }
.si-text-color.si-dribbble i { color: #EA4C89; }
.si-text-color.si-evernote i { color: #5BA525; }
.si-text-color.si-flickr i { color: #FF0084; }
.si-text-color.si-google i { color: #DD4B39; }
.si-text-color.si-instapaper i { color: #333; }
.si-text-color.si-klout i { color: #FF5F52; }
.si-text-color.si-linkedin i { color: #0E76A8; }
.si-text-color.si-vk i { color: #2B587A; }
.si-text-color.si-rss i { color: #EE802F; }
.si-text-color.si-skype i { color: #00AFF0; }
.si-text-color.si-twitter i { color: #00ACEE; }
.si-text-color.si-youtube i { color: #C4302B; }
.si-text-color.si-vimeo i { color: #86C9EF; }
.si-text-color.si-aim i { color: #FCD20B; }
.si-text-color.si-yahoo i { color: #720E9E; }
.si-text-color.si-email3 i { color: #6567A5; }
.si-text-color.si-macstore i { color: #333333; }
.si-text-color.si-myspace i { color: #666666; }
.si-text-color.si-podcast i { color: #E4B21B; }
.si-text-color.si-cloudapp i { color: #525557; }
.si-text-color.si-dropbox i { color: #3D9AE8; }
.si-text-color.si-ebay i { color: #89C507; }
.si-text-color.si-github i { color: #171515; }
.si-text-color.si-googleplay i { color: #DD4B39; }
.si-text-color.si-itunes i { color: #222; }
.si-text-color.si-plurk i { color: #CF5A00; }
.si-text-color.si-pinboard i { color: #0000E6; }
.si-text-color.si-soundcloud i { color: #FF7700; }
.si-text-color.si-tumblr i { color: #34526F; }
.si-text-color.si-wordpress i { color: #1E8CBE; }
.si-text-color.si-yelp i { color: #C41200; }
.si-text-color.si-intensedebate i { color: #009EE4; }
.si-text-color.si-eventbrite i { color: #F16924; }
.si-text-color.si-scribd i { color: #666666; }
.si-text-color.si-stripe i { color: #008CDD; }
.si-text-color.si-print i { color: #111; }
.si-text-color.si-dwolla i { color: #FF5C03; }
.si-text-color.si-statusnet i { color: #131A30; }
.si-text-color.si-acrobat i { color: #D3222A; }
.si-text-color.si-drupal i { color: #27537A; }
.si-text-color.si-buffer i { color: #333333; }
.si-text-color.si-pocket i { color: #EE4056; }
.si-text-color.si-bitbucket i { color: #0E4984; }
.si-text-color.si-stackoverflow i { color: #EF8236; }
.si-text-color.si-hackernews i { color: #FF6600; }
.si-text-color.si-xing i { color: #126567; }
.si-text-color.si-instagram i { color: #8A3AB9; }
.si-text-color.si-quora i { color: #A82400; }
.si-text-color.si-openid i { color: #E16309; }
.si-text-color.si-steam i { color: #111; }
.si-text-color.si-amazon i { color: #E47911; }
.si-text-color.si-disqus i { color: #E4E7EE; }
.si-text-color.si-plancast i { color: #222; }
.si-text-color.si-appstore i { color: #000; }
.si-text-color.si-pinterest i { color: #C8232C; }
.si-text-color.si-fivehundredpx i { color: #111; }
.si-text-color.si-tiktok i { color: #000; }
.si-text-color.si-whatsapp i { color: #25D366; }
.si-text-color.si-tripadvisor i { color: #00AF87; }
.si-text-color.si-gpay i { color: #6877DF; }
.si-text-color.si-unsplash i { color: #111; }
.si-text-color.si-snapchat i { color: #FFFC00; }

.si-text-color:hover { color: #FFF !important; }


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


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle-header,
.accordion-header {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
	cursor: pointer;
	color: #444;
	font-size: 1rem;
	font-weight: 700;
}

.toggle-icon,
.accordion-icon {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding: 0 5px;
	text-align: center;
}

.toggle-icon i,
.toggle-icon span {
	width: 1rem;
}

.toggle-title,
.accordion-title {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding: 0 5px;
}

.toggle:not(.toggle-active) .toggle-open,
.toggle-active .toggle-closed { display: none; }

.toggle-active .toggle-open { display: inline-block; }

.toggle-content,
.accordion-content {
	display: none;
	position: relative;
	padding: 0.75rem 0;
}




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

.toggle-bg .toggle-header {
	background-color: #EEE;
	margin: 0;
	padding: 0.75rem;
	border-radius: 2px;
}

.toggle-bg .toggle-content {
	padding: 1rem 0.75rem;
}


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

.toggle-border {
	border: 1px solid #CCC;
	border-radius: 4px;
}

.toggle-border .toggle-header {
	padding: 0.75rem;
	margin: 0;
}

.toggle-border .toggle-content {
	padding: 1rem;
	padding-top: 0;
}


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

.faqs .toggle {
	border-bottom: 1px solid #EEE;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.faqs .toggle-content { padding-bottom: 10px; }


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

.accordion { margin-bottom: 20px; }

.accordion-header {
	padding: 0.75rem 0;
	border-top: 1px dotted #DDD;
	cursor: pointer;
}
/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}

.toggle-header,
.accordion-header {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
	cursor: pointer;
	color: #444;
	font-size: 1rem;
	font-weight: 700;
}

.toggle-icon,
.accordion-icon {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	padding: 0 5px;
	text-align: center;
}

.toggle-icon i,
.toggle-icon span {
	width: 1rem;
}

.toggle-title,
.accordion-title {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding: 0 5px;
}

.toggle:not(.toggle-active) .toggle-open,
.toggle-active .toggle-closed { display: none; }

.toggle-active .toggle-open { display: inline-block; }

.toggle-content,
.accordion-content {
	display: none;
	position: relative;
	padding: 0.75rem 0;
}




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

.toggle-bg .toggle-header {
	background-color: #EEE;
	margin: 0;
	padding: 0.75rem;
	border-radius: 2px;
}

.toggle-bg .toggle-content {
	padding: 1rem 0.75rem;
}


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

.toggle-border {
	border: 1px solid #CCC;
	border-radius: 4px;
}

.toggle-border .toggle-header {
	padding: 0.75rem;
	margin: 0;
}

.toggle-border .toggle-content {
	padding: 1rem;
	padding-top: 0;
}


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

.faqs .toggle {
	border-bottom: 1px solid #EEE;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.faqs .toggle-content { padding-bottom: 10px; }





/* ----------------------------------------------------------------
	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
-----------------------------------------------------------------*/

@media (min-width: 768px) {


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

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

}


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

/* Chevrons */


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


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


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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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


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

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


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


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

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


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


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

/*.owl-carousel .owl-stage { padding: 20px 0; }*/


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


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


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


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

input[type=checkbox]:not(:checked) + label.error { display: block !important; }


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


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


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


/* Titular
-----------------------------------------------------------------*/


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


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

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

.heading-block h2 {
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}

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

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

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


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


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


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


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


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


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


@media (max-width: 767.98px){

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

}


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


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


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


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


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


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


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

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


#gotoTop {
	display: none;
	z-index: 599;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 1.25rem;
	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; }


/* ----------------------------------------------------------------
	Read More
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	GDPR Settings
-----------------------------------------------------------------*/


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


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


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


/* ----------------------------------------------------------------
	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
-----------------------------------------------------------------*/


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


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


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


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


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


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


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

.widget-twitter-feed small a:not(:hover) { color: #999; }


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


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


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


/* ----------------------------------------------------------------
	Styled Paginations
-----------------------------------------------------------------*/

/* Pagination Rounded */

/* Pagination Margins */

/* Pagination 3d */

/* Pagination Transparent */

/* Pagination Transparent */
.pagination.pagination-inside-transparent .page-item .page-link:not(:hover) { color: #222; }

/* Pagination Inside Transparent */

/* Pagination Button */

/* Pagination Pill */

/* Pagination primary */

/* Pagination secondary */

/* Pagination success */

/* Pagination danger */

/* Pagination info */

/* Pagination dark */

/* Pagination light */

/* Pagination Bootstrap Background */


/* --------------------------------------------------------------
	SWITCH
--------------------------------------------------------------  */

/* --------------------------------------------------------------
	SWITCH 1 - ROUND
----------------------------------------------------------------- */

/* --------------------------------------------------------------
	SWITCH 1 - ROUND- MINI
----------------------------------------------------------------- */

/* --------------------------------------------------------------
	SWITCH 1 - ROUND- LARGE
----------------------------------------------------------------- */


/* --------------------------------------------------------------
	SWITCH 1 - ROUND- XLARGE
----------------------------------------------------------------- */


/* -----------------------------------------------------------
	SWITCH 2 - ROUND FLAT
-------------------------------------------------------------- */


/* -----------------------------------------------------------
	SWITCH 2 - FLAT - MINI
-------------------------------------------------------------- */


/* -----------------------------------------------------------
	SWITCH 2 - FLAT - LARGE
-------------------------------------------------------------- */



/* -----------------------------------------------------------
	SWITCH 2 - FLAT - XLARGE
-------------------------------------------------------------- */


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


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


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


/* ----------------------------------------------------------------
	Shape Dividers
-----------------------------------------------------------------*/


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

.page-transition #wrapper {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}



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

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

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




/* ----------------------------------------------------------------
	Custom Animate.css Styles
-----------------------------------------------------------------*/
.toggle-header, .accordion-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
    cursor: pointer;
    color: #444;
    font-size: 1rem;
    font-weight: 700;
}