/*
THE THING Template
Description: A one page template.
Author:  kay
URL: thething.klementine.net
Version: 1

INDEX
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 

1. GLOBAL STYLES
- General links, hover
- Screen readers
- Preload page

2. SHORTCODES
- Form elements
- Buttons
- Tooltips 
- Social small icons
- Social big icons
- Boxes
- Lists
- Accordion
- Tabs
- Pie Chart
- Progress bar
- Video Support
- Nicescroll
- Twitter

3. HEADER BAR
- Navigation, and social
- Logo 
- Drop down
- Go back button

4. ONE SLIDE SHAPES: slider.css, SLIDERS: sliders.css 

5. SECTIONS SETTINGS

6. SECTION MESSAGE

7. SECTION ABOUT

8. SECTION PORTFOLIO
- Isotope
- Hover Animation
- Flip Horizontal
- Flip Vertical

9. SECTION PEOPLE

10. SECTION SERVICES

11. SECTION PRICING

12. SECTION CLIENTS

13. SECTION PARALLAX

14. SECTION BLOG
- Posts
- Complementary right

15. SECTION CONTACT
- Contact two columns

16. SECTION POST
- Comments

17. MEDIA QUERIES
- @media print
- @media (min-width: 1200px)
- @media only screen  and (min-width : 979px) (Left Navigation)
- @media (min-width: 979px) and (max-width: 1199px) (Left Navigation)
- @media (min-width: 768px) and (max-width: 979px)
- @media (max-width: 979px)
- @media (max-width: 767px)
- @media (max-width: 480px)
- @media (max-width: 320px)

*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
1.GLOBAL STYLES
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	html {
		height: 100%
	}
	body {
		color: #000;
		font-family: 'Ubuntu Mono', sans-serif;
		line-height: 1.7em;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		position:relative;
	}
	.no-scroll {
		overflow-y: scroll;
	}
	a {
		color: #292930;
		outline: 0;
		text-decoration: none;
		border: 0;
		transition: all 0.5s ease;
		text-decoration:underline
	}
	a:hover, a:active, a:focus {
		outline: 0;
		transition: all 0.5s ease;
		background-color:rgba(238,238,238,0.5)
	}
	h1 {
		font-size: 41px;
		line-height: 45px;
	}
	h2 {
		color: #000;
		font-size: 31.5px;
		line-height: 40px;
	}
	h3 {
		font-size: 30.5px;
		line-height: 36px;
	}
	h4 {
		font-size: 26.5px;
		line-height: 33px;
	}
	h5 {
		font-size: 22.5px;
		line-height: 30px;
	}
	h6 {
		font-size: 18.5px;
		line-height: 27px;
	}
	h1, h2, h3, h4, h5, h6 {
		margin-top: 0px;
		font-family: 'Oswald', sans-serif;
	}
	p + ul {
		margin-top: 20px
	}
	p + h2, p + h3, p + h4, p + h5 {
		margin-top: 20px
	}
	h1 + h2 {
		padding-top: 20px
	}
	ul, ol {
		padding: 0px;
		margin-bottom: 20px
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		position: static
	}
	ul.list li {
		list-style: square;
		padding-bottom: 15px;
	}
	ol {
		margin-left: 25px
	}
	blockquote {
		margin-left: 20px
	}
	blockquote p {
		font-size: 14px;
		font-style: italic;
		line-height: inherit
	}
	.more {
		text-transform: uppercase;
	}
	.plus {
		font-size: 22px;
		margin-right: 5px
	}
	hr {
		border: solid 1px #ccc;
		margin: 0px;
	}
	code {
		display: block;
		white-space: normal
	}
	/* WRAP to make footer to stick to the bottom on inside pages */
	.wrap {
		height: 100%;
		display: table;
		width: 100%;
		border-collapse: collapse;
	}
	.wrap section, .wrap .footer, .wrap .header {
		display: table-row;
		width: 100%
	}
	.wrap section {
		height: 100%
	}
	/* Screen readers
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
	}
	.screen-reader-text:hover,  .screen-reader-text:active,  .screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar */
	}
	/* Preloade page 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	#preloader {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 10000;
	}
	.load-window {
		width: 200px;
		height: 200px;
		position: absolute;
		left: 50%;
		top: 50%;
		background-image: url(../img/load-window.gif);
		background-repeat: no-repeat;
		background-position: center;
		margin: -100px 0 0 -100px;
	}
	/* Headers for posts and projects */
	.post-header {
		margin-bottom: 20px
	}
	.post-header h1 {
		border-bottom: solid 1px #ccc;
		padding-bottom: 10px
	}
	
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	2.SHORTCODES
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* Form elements 	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, textarea.form-control {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		background-color: #eee;
		font-family: 'Open Sans', sans-serif;
		height: 48px;
		border: none
	}
	 [class^="icon-"], [class*=" icon-"] {
	 margin-top:1px
	}
	.add-on {
		width: 40px;
		min-width: 40px
	}

	/* Buttons
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	/* Submit button */
	input#submit {
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
		background-image: -o-linear-gradient(top, #fff, #e6e6e6);
		background-image: linear-gradient(to bottom, #fff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		box-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #666666, 2px 1px 1px #cccccc, 1px 2px 1px #666666, 3px 2px 1px #cccccc, 2px 3px 1px #666666, 4px 3px 1px #cccccc, 3px 4px 1px #666666, 5px 4px 1px #cccccc, 4px 5px 1px #666666, 6px 5px 1px #cccccc;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 11px 19px;
		font-size: 17.5px;
	}
	.btn {
		box-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #666666, 2px 1px 1px #cccccc, 1px 2px 1px #666666, 3px 2px 1px #cccccc, 2px 3px 1px #666666, 4px 3px 1px #cccccc, 3px 4px 1px #666666, 5px 4px 1px #cccccc, 4px 5px 1px #666666, 6px 5px 1px #cccccc;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		text-transform:uppercase;
		text-decoration:none;
		background-color: #e6e6e6;
	}
	.btn:hover, .btn:focus, .btn:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] {
		background-color: #e6e6e6;
		text-decoration:none
	}
	.btn:active {
		box-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #666666, 2px 1px 1px #cccccc, 1px 2px 1px #666666, 3px 2px 1px #cccccc;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button Blue */	
	.btn-blue {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #e2df04;
		box-shadow: 1px 0px 1px #78aee6, 0px 1px 1px #03639f, 2px 1px 1px #78aee6, 1px 2px 1px #03639f, 3px 2px 1px #78aee6, 2px 3px 1px #03639f, 4px 3px 1px #78aee6, 3px 4px 1px #03639f, 5px 4px 1px #78aee6, 4px 5px 1px #03639f, 6px 5px 1px #78aee6;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] {
		color: #ffffff;
		background-color: #78aee6;
	}
	.btn-blue:active:not(.disabled) {
		box-shadow: 1px 0px 1px #78aee6, 0px 1px 1px #03639f, 2px 1px 1px #78aee6, 1px 2px 1px #03639f, 3px 2px 1px #78aee6;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}	/* Button Black */		
	.btn-black {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #111111;
		box-shadow: 1px 0px 1px #444444, 0px 1px 1px #222222, 2px 1px 1px #444444, 1px 2px 1px #222222, 3px 2px 1px #444444, 2px 3px 1px #222222, 4px 3px 1px #444444, 3px 4px 1px #222222, 5px 4px 1px #444444, 4px 5px 1px #222222, 6px 5px 1px #444444;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-inverse.active, .btn-black.disabled, .btn-black[disabled] {
		color: #ffffff;
		background-color: #222;
	}
	.btn-black:active {
		box-shadow: 1px 0px 1px #444444, 0px 1px 1px #222222, 2px 1px 1px #444444, 1px 2px 1px #222222, 3px 2px 1px #444444;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button Pink */		
	.btn-pink {
		color: #ffffff;
		text-shadow: 0 -1px 0 #fb4cd8;
		background-color: #FF00CC;
		box-shadow: 1px 0px 1px #fb4cd8, 0px 1px 1px #c71c77, 2px 1px 1px #fb4cd8, 1px 2px 1px #c71c77, 3px 2px 1px #fb4cd8, 2px 3px 1px #c71c77, 4px 3px 1px #fb4cd8, 3px 4px 1px #c71c77, 5px 4px 1px #fb4cd8, 4px 5px 1px #c71c77, 6px 5px 1px #fb4cd8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.disabled, .btn-pink[disabled] {
		color: #ffffff;
		background-color: #fb4cd8;
	}
	.btn-pink:active {
		box-shadow: 1px 0px 1px #fb4cd8, 0px 1px 1px #c71c77, 2px 1px 1px #fb4cd8, 1px 2px 1px #c71c77, 3px 2px 1px #fb4cd8;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button Red */		
	.btn-red {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: Crimson;
		box-shadow: 1px 0px 1px #fc5767, 0px 1px 1px #ba0f31, 2px 1px 1px #fc5767, 1px 2px 1px #ba0f31, 3px 2px 1px #fc5767, 2px 3px 1px #ba0f31, 4px 3px 1px #fc5767, 3px 4px 1px #ba0f31, 5px 4px 1px #fc5767, 4px 5px 1px #ba0f31, 6px 5px 1px #fc5767;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.disabled, .btn-red[disabled] {
		color: #ffffff;
		background-color: #fc5767;
	}
	.btn-red:active {
		box-shadow: 1px 0px 1px #bd362f, 0px 1px 1px #a9302a, 2px 1px 1px #bd362f, 1px 2px 1px #a9302a, 3px 2px 1px #bd362f;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button orange */
	.btn-orange {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(215, 119, 13, 0.25);
		background-color: #F4876B;
		box-shadow: 1px 0px 1px #f8a18b, 0px 1px 1px #ef613c, 2px 1px 1px #f8a18b, 1px 2px 1px #ef613c, 3px 2px 1px #f8a18b, 2px 3px 1px #ef613c, 4px 3px 1px #f8a18b, 3px 4px 1px #ef613c, 5px 4px 1px #f8a18b, 4px 5px 1px #ef613c, 6px 5px 1px #f8a18b;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange[disabled] {
		color: #ffffff;
		background-color: #f8a18b;
	}
	.btn-orange:active {
		box-shadow: 1px 0px 1px #ef613c, 0px 1px 1px #df8505, 2px 1px 1px #ef613c, 1px 2px 1px #df8505, 3px 2px 1px #ef613c;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button info */
	.btn-cyan {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #49afcd;
		box-shadow: 1px 0px 1px #73cfea, 0px 1px 1px #2f96b4, 2px 1px 1px #73cfea, 1px 2px 1px #2f96b4, 3px 2px 1px #73cfea, 2px 3px 1px #2f96b4, 4px 3px 1px #73cfea, 3px 4px 1px #2f96b4, 5px 4px 1px #73cfea, 4px 5px 1px #2f96b4, 6px 5px 1px #73cfea;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active, .btn-cyan.disabled, .btn-cyan[disabled] {
		color: #ffffff;
		background-color: #2f96b4;
	}
	.btn-cyan:active {
		box-shadow: 1px 0px 1px #73cfea, 0px 1px 1px #2f96b4, 2px 1px 1px #73cfea, 1px 2px 1px #2f96b4, 3px 2px 1px #73cfea;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	/* Button green */
	.btn-green {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #39b54a;
		box-shadow: 1px 0px 1px #62c462, 0px 1px 1px #378b4b, 2px 1px 1px #62c462, 1px 2px 1px #378b4b, 3px 2px 1px #62c462, 2px 3px 1px #378b4b, 4px 3px 1px #62c462, 3px 4px 1px #378b4b, 5px 4px 1px #62c462, 4px 5px 1px #378b4b, 6px 5px 1px #62c462;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.disabled, .btn-green[disabled] {
		color: #ffffff;
		background-color: #4bac62;
	}
	.btn-green:active {
		box-shadow: 1px 0px 1px #62c462, 0px 1px 1px #378b4b, 2px 1px 1px #62c462, 1px 2px 1px #378b4b, 3px 2px 1px #62c462;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	/* Button cpred */
	.btn-cpred {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #f57879;
		box-shadow: 1px 0px 1px #dc696a, 0px 1px 1px #c95758, 2px 1px 1px #dc696a, 1px 2px 1px #c95758, 3px 2px 1px #dc696a, 2px 3px 1px #c95758, 4px 3px 1px #dc696a, 3px 4px 1px #c95758, 5px 4px 1px #dc696a, 4px 5px 1px #c95758, 6px 5px 1px #dc696a;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-cpred:hover, .btn-cpred:focus, .btn-cpred:active, .btn-cpred.active, .btn-cpred.disabled, .btn-cpred[disabled] {
		color: #ffffff;
		background-color: #4bac62;
	}
	.btn-cpred:active {
		box-shadow: 1px 0px 1px #dc696a, 0px 1px 1px #c95758, 2px 1px 1px #dc696a, 1px 2px 1px #c95758, 3px 2px 1px #dc696a;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
		/* Button cpblue */
	.btn-cpblue {
		color: #000;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #fff;
		box-shadow: 1px 0px 1px #dc696a, 0px 1px 1px #c95758, 2px 1px 1px #dc696a, 1px 2px 1px #c95758, 3px 2px 1px #dc696a, 2px 3px 1px #c95758, 4px 3px 1px #dc696a, 3px 4px 1px #c95758, 5px 4px 1px #dc696a, 4px 5px 1px #c95758, 6px 5px 1px #dc696a;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-cpred:hover, .btn-cpred:focus, .btn-cpred:active, .btn-cpred.active, .btn-cpred.disabled, .btn-cpred[disabled] {
		color: #ffffff;
		background-color: #4bac62;
	}
	.btn-cpred:active {
		box-shadow: 1px 0px 1px #dc696a, 0px 1px 1px #c95758, 2px 1px 1px #dc696a, 1px 2px 1px #c95758, 3px 2px 1px #dc696a;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	/* Button orchid */
	.btn-orchid {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #C074B9;
		box-shadow: 1px 0px 1px #d695d0, 0px 1px 1px #9b5995, 2px 1px 1px #d695d0, 1px 2px 1px #9b5995, 3px 2px 1px #d695d0, 2px 3px 1px #9b5995, 4px 3px 1px #d695d0, 3px 4px 1px #9b5995, 5px 4px 1px #d695d0, 4px 5px 1px #9b5995, 6px 5px 1px #d695d0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-orchid:hover, .btn-orchid:focus, .btn-orchid:active, .btn-orchid.active, .btn-orchid.disabled, .btn-orchid[disabled] {
		color: #ffffff;
		background-color: #d695d0;
	}
	.btn-orchid:active {
		box-shadow: 1px 0px 1px #d695d0, 0px 1px 1px #9b5995, 2px 1px 1px #d695d0, 1px 2px 1px #9b5995, 3px 2px 1px #d695d0;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	/* Button aqua */
	.btn-aqua {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #1abc9c;
		box-shadow: 1px 0px 1px #61d8c0, 0px 1px 1px #149d82, 2px 1px 1px #61d8c0, 1px 2px 1px #149d82, 3px 2px 1px #61d8c0, 2px 3px 1px #149d82, 4px 3px 1px #61d8c0, 3px 4px 1px #149d82, 5px 4px 1px #61d8c0, 4px 5px 1px #149d82, 6px 5px 1px #61d8c0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-aqua:hover, .btn-aqua:focus, .btn-aqua:active, .btn-aqua.active, .btn-aqua.disabled, .btn-aqua[disabled] {
		color: #ffffff;
		background-color: #61d8c0;
	}
	.btn-aqua:active {
		box-shadow: 1px 0px 1px #61d8c0, 0px 1px 1px #149d82, 2px 1px 1px #61d8c0, 1px 2px 1px #149d82, 3px 2px 1px #61d8c0;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	/* Button yellow */
	.btn-yellow {
		color: #292930!important;
		background-color: #f9e604;
		box-shadow: 1px 0px 1px #f8f888, 0px 1px 1px #d6d61e, 2px 1px 1px #f8f888, 1px 2px 1px #d6d61e, 3px 2px 1px #f8f888, 2px 3px 1px #d6d61e, 4px 3px 1px #f8f888, 3px 4px 1px #d6d61e, 5px 4px 1px #f8f888, 4px 5px 1px #d6d61e, 6px 5px 1px #f8f888;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active, .btn-yellow.disabled, .btn-yellow[disabled] {
		color: #000;
		background-color: #f8f888;
	}
	.btn-yellow:active {
		box-shadow: 1px 0px 1px #f8f888, 0px 1px 1px #d6d61e, 2px 1px 1px #f8f888, 1px 2px 1px #d6d61e, 3px 2px 1px #f8f888;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	/* Button darkgreen */
	.btn-darkgreen {
		color: #fff;
		background-color: #5D917D ;
		box-shadow: 1px 0px 1px #7caa98, 0px 1px 1px #477261, 2px 1px 1px #7caa98, 1px 2px 1px #477261, 3px 2px 1px #7caa98, 2px 3px 1px #477261, 4px 3px 1px #7caa98, 3px 4px 1px #477261, 5px 4px 1px #7caa98, 4px 5px 1px #477261, 6px 5px 1px #7caa98;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	.btn-darkgreen:hover, .btn-darkgreen:focus, .btn-darkgreen:active, .btn-darkgreen.active, .btn-darkgreen.disabled, .btn-darkgreen[disabled] {
		color: #fff;
		background-color: #7caa98;
	}
	.btn-darkgreen:active {
		box-shadow: 1px 0px 1px #7caa98, 0px 1px 1px #477261, 2px 1px 1px #7caa98, 1px 2px 1px #477261, 3px 2px 1px #7caa98;
		-webkit-transform: translate(4px, 4px);
		-moz-transform: translate(4px, 4px);
		-ms-transform: translate(4px, 4px);
		-o-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	
	
	/* Tooltips for social icons
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.tooltip.bottom {
		margin-top: 0px;
	}
	.tooltip.in {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.tooltip.bottom .tooltip-arrow {
		border-bottom-color: #ccc;
	}
	.tooltip.top .tooltip-arrow {
		border-top-color: #ccc;
	}
	.tooltip.left .tooltip-arrow {
		border-left-color: #ccc;
	}
	.tooltip.right .tooltip-arrow {
		border-right-color: #ccc;
	}
	.tooltip-inner {
		background-color: #ccc;
		color: rgb(41,41,48);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	/* Social small 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.social-small {
		overflow: hidden;
		margin: 0px
	}
	.social-small li {
		float: left;
		list-style: none;
		color: #fff
	}
	.social-small li a {
		line-height:1.9em;
        color: #fff;
		text-align: center;
		display: block;
		width: 40px;
		height: 30px
	}
	.social-small li.phone-txt {
		white-space: nowrap;
		width:auto;
	}
	.social-small li.phone-txt a{
		width:auto;
	}
	.social-small li a .fa {
		vertical-align: middle;
		font-size: 18px
	}
	.social-small-dark li, .social-small-dark li a {
		color: #292930;
	}
	.social-small .divider {
		border-left: solid 1px #ccc;
		border-right: solid 1px #fff;
		height: 15px;
		margin-top: 7px;
		margin-left: 10px;
		margin-right: 10px
	}
	/* Social big 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.social {
		margin-top: 0px;
		background: none!important;
		margin-bottom: 35px;
		overflow: hidden
	}
	.social .txt {
		width: 75px;
		padding-top: 15px;
		color: #fff;
		height: 33px;
		padding-left: 20px
	}
	.social li {
		float: left;
		width: 48px;
		height: 48px;
		margin-right: 3px;
		margin-bottom: 3px;
		list-style: none
	}
	.social li a {
		width: 48px;
		height: 48px;
		display: block;
		background-color:#292930;
		-webkit-transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		-ms-transition: background 0.2s ease;
		-o-transition: background 0.2s ease;
		transition: background 0.2s ease;
		text-align: center;
		color: #fff
	}
	.social li a .fa {
		vertical-align: middle;
		font-size: 25px;
		margin-top: 11px
	}
	.social li a:hover {
		background-color: #e2df04;
		-webkit-transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		-ms-transition: background 0.2s ease;
		-o-transition: background 0.2s ease;
		transition: background 0.2s ease;
	}
	
	/* Boxes
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.box {
		position: relative;
		z-index: 1; /* prevent shadows falling behind containers with backgrounds */
		margin: 0;
		padding: 0;
	}
	.box .box-content {
		position: relative;
		padding: 30px;
		margin: 0 auto;
		background: #fff;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
	}
	.box .box-content > img{
		width:100%
	}
	.box .box-content:before,  .box .box-content:after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 2px;
		bottom: 11px;
		width: 350px;
		max-width: 90%;
		max-height: 100px;
		height: 20%;
		background: transparent;
		-webkit-border-radius: 30% 0 30% 0%/100% 0 100% 0;
		-moz-border-radius: 30% 0 30% 0%/100% 0 100% 0;
		border-radius: 30% 0 30% 0%/100% 0 100% 0;
		-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-webkit-transform: skew(-3deg) rotate(-3.5deg);
		-moz-transform: skew(-3deg) rotate(-3.5deg);
		-ms-transform: skew(-3deg) rotate(-3.5deg);
		-o-transform: skew(-3deg) rotate(-3.5deg);
		transform: skew(-3deg) rotate(-3.5deg);
	}
	.box .box-content:after {
		left: auto;
		right: 10px;
		-webkit-transform: skew(3deg) rotate(3.5deg);
		-moz-transform: skew(3deg) rotate(3.5deg);
		-ms-transform: skew(3deg) rotate(3.5deg);
		-o-transform: skew(3deg) rotate(3.5degg);
		transform: skew(3deg) rotate(3.5deg);
		-webkit-border-radius: 0 30% 0 30%/0% 100% 0 100%;
		-moz-border-radius: 0 30% 0 30%/0% 100% 0 100%;
		border-radius: 0 30% 0 30%/0% 100% 0 100%;
	}
	/* Lists
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.page {
		margin-top: 40px
	}
	.page ol li {
		padding-bottom: 5px
	}
	.page ul li {
		margin-left: 20px;
		padding-bottom: 10px;
		list-style: none;
	}
	.page ul li:before {
		font-family: 'FontAwesome';
		margin: 0 5px 0 -15px;
		color: #e2df04;
		font-size: 15px;
		vertical-align: 2px
	}
	.page ul.list-squares li:before {
		content: '\f04d';
		margin: 0 7px 0 -20px;
		font-size: 8px
	}
	.page ul.list-circles li:before {
		content: '\f111';
		margin: 0 5px 0 -18px;
		font-size: 8px
	}
	.page ul.list-hearths li:before {
		content: '\f004';
		margin: 0 5px 0 -15px;
		font-size: 12px
	}
	.page ul.list-stars li:before {
		content: '\f005';
		margin: 0 5px 0 -15px;
		font-size: 12px
	}
	.page ul.list-ticks li:before {
		content: '\f00c';
		margin: 0 5px 0 -15px;
		font-size: 12px
	}
	.page ul.list-arrows li:before {
		content: '\f0da';
		margin: 0 5px 0 -15px;
	}
	.page ul.list-arrows2 li:before {
		content: '\f105';
		margin: 0 5px 0 -15px;
	}
	.page ul.list-arrows3 li:before {
		content: '\f101';
		margin: 0 5px 0 -15px;
	}
	/* Accordion
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.accordion {
		margin-top: 10px;
		margin-bottom: 40px
	}
	.panel-default > .panel-heading + .panel-collapse .panel-body {
		border-top: 0px;
		background-color: #fff
	}
	.panel-group .panel-default {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.panel-heading .accordion-toggle:before {
		font-family: 'FontAwesome';
		content: '\f068';
		font-size: 14px;
		padding-right: 5px;
		line-height: 0
	}
	.panel-heading .collapsed:before {
		font-family: 'FontAwesome';
		content: '\f067';
		font-size: 14px;
		padding-right: 5px;
		line-height: 0
	}
	.panel-collapse {
		border-top: solid 1px #ccc;
		background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 62%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(62%, #ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 62%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 62%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 62%); /* IE10+ */
		background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 62%); /* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	}
	.panel-default {
		border: 1px solid #ccc
	}
	.panel-default > .panel-heading {
		border: #ccc;
		background-color: #eee;
		color: inherit
	}
	.accordion-toggle{
		text-decoration:none
	}
	/* Tabs
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.tab-sample {
		margin-top: 10px;
		margin-bottom: 40px
	}
	.tab-sample .nav-tabs {
		border-bottom: none;
		list-style: none;
		margin-left: 1px;
		margin-bottom: 0px;
		margin-right: 1px
	}
	.tab-sample .nav-tabs > li {
		margin-left: 0px;
		padding-bottom: 0px
	}
	.tab-sample .nav-tabs > li.active {
		z-index: 1;
		margin-left: -1px;
		margin-right: -1px;
		font-weight: bold
	}
	.tab-sample .nav-tabs > li > a {
		border: 1px solid #ccc;
		border-bottom: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 10px 20px;
		display: block;
		background-color: #eee;
		margin: 0px;
		text-decoration:none
	}
	.tab-sample .nav-tabs > .active > a, .tab-sample .nav-tabs > .active > a:hover, .tab-sample .nav-tabs > .active > a:focus {
		color: #292930;
		cursor: default;
		background-color: #fff;
		border: 1px solid #ccc;
		border-bottom: none;
		padding-top: 15px;
		margin-top: -5px
	}
	.tab-sample .nav {
		margin-bottom: 0px
	}
	.tab-sample .tab-content {
		padding: 15px 20px;
	}
	.tab-sample .tab-content {
		position: relative;
		min-height: 100px;
		margin-top: -1px;
		width: 100%;
		border: 1px solid #ccc;
		z-index: 0;
		background-color: #fff
	}
	.tab-content {
		overflow: visible;
		margin-top: 40px
	}
	/* Testimonial
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.testimonial {
		padding-left: 80px;
		position: relative;
		padding-left: 120px;
		margin-bottom: 40px
	}
	.testimonial .fa-quote-right {
		color: #e0e0e0;
		position: absolute;
		left: 3px;
		font-size: 7em;
	}
	/* Pie chart
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.charts {
		overflow: hidden;
		margin-bottom: 40px
	}
	.charts .chart:last-child {
		margin-right: 0px
	}
	.chart {
		float: left;
		width: auto;
		margin-right: 30px
	}
	.chart .txt {
		text-align: center;
		padding-top: 5px
	}
	.easyPieChart {
		position: relative;
		text-align: center;
	}
	.easyPieChart canvas {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* Progress bar 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.progressbars {
		margin-bottom: 40px
	}
	.entry-meta {
		float: left
	}
	.entry-val {
		font-size: 18px;
		font-weight: bold;
		text-align: right;
		float: right
	}
	.progress {
		background: none;
		background-color: #e0e0e0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		clear: both
	}
	.progress .bar {
		background: none;
	}
	.progress .bar span {
		background-color: #e2df04;
		display: block;
		height: 20px;
		width: 0;
		-webkit-transition: width 0.7s ease-in-out;
		-moz-transition: width 0.7s ease-in-out;
		-o-transition: width 0.7s ease-in-out;
		transition: width 0.7s ease-in-out;
	}
	.inview .bar span {
		width: 100%;
	}
		
	/* Video Support 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	video {
		max-width: 100%;
		height: auto;
	}
	iframe,  embed,  object {
		max-width: 100%;
	}
	.mbYTP_wrapper iframe{
		max-width:none;
	}
	.mb_YTVPBar{
		display:none!important;
	}
	.bnr-video .kay-one-pic, .bnr-video .kay-one, .bnr-video .kay-one-inner, .bnr-video .bg-img{ 
		height:100%!important
	}
	
	/* NiceScroll 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	#ascrail2000 {
		z-index: 3!important;
	
	}
	
	/* Twitter 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.fawesome-twitter{
		margin:0 auto 30px;
		background-color: #eee;
		border: solid 1px #ccc;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.fawesome-twitter .fa-twitter{
		text-align: center;
		color: #ccc;
		transition: color .1s ease;
		vertical-align: middle;
		display: block;
		margin: 21px 0px;
		font-size: 55px;

	}
	
	.tweet_time{
		font-size:15px;
		display:inline;
		padding-bottom:15px;
		margin-bottom:10px;
		border-bottom: solid 3px #ccc;
	}
	.tweet_time a, .tweet .slides > li a{
		color:#fff
	}
	.tweet_time:after { 
		content:"\A"; 
		white-space:pre;
		display:block; 
	}
	
	/* qtip
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.qtip {
		font-size: 14px;
		line-height: 1.7em
	}
	.qtip-content h3 {
		margin-bottom: 0px;
		border-bottom: solid 1px #ccc;
		font-size: 26px;
		line-height: 1.5em;
	}
	.qtip-content h4 {
		font-size: 20px
	}
	.qtip-default {
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		background-color: #eeeeee;
		color: #292930;
	}
	.qtip-class {
		width: 400px
	}	
	

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 3.HEADER BAR
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.home .header {
		position: fixed;
		top: 0px;
	}
	.header {
		width: 100%;
		z-index: 2;
		background-image:url(../img/headbgspace2.jpg);
		background-size: 100% 100%;
		background-repeat:no-repeat;
		background-color:#fff;
	}
	.subheader {
		height: 268px;
		
		
		width: 100%;
	}
	
	/* Navigation
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.navbar-collapse {
		padding: 0px
	}
	.navbar-inner {
		min-height: 50px
	}
	.navbar-wrapper {
		position: relative;
		width: 100%;
		z-index: 100;
		background-color: #fff;
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
		transition: all 0.5s ease;
		border-bottom:solid 5px #e0e0e0
	}
	.single .navbar-wrapper {
		z-index:1
	}
	.navbar {
		margin: 0px;
		border: 0px;
		background: none;
		border: none
	}
	.navbar-inner .nav .active > a, .navbar-inner .nav .active > a:hover, .navbar-inner .nav .active > a:focus,  .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
		position: relative;
	}
	.navbar-inner .nav .active > a:hover {
		color: #292930
	}
	.nav .active a span:before,  .nav .active a span:after,  .nav .open a span:before,  .nav .open a span:after {
		content: '';
		position: absolute;
		transition: all 0.5s ease;
	}

	.nav .active a span:before, .nav .open a span:before {
		bottom: -100px;
		top: 7px;
		right: 5;
		height: 8px;
		width: 8px;
		background: #e2df04;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;

	}
	.navbar .nav {
		float: right;
		text-transform: uppercase;
		margin: 0 0 0 10px;
	}
	
	.navbar .nav li:first-child{
		border-left:solid 1px #eee
	}
	.navbar .nav li{
		visibility: hidden;
		border-right:solid 1px #eee
	}
	
	.navbar .navbar-inner {
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background-color: transparent;
		background-image: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding-right: 0px
	}
	/* Logo settings
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.navbar .navbar-brand {
		top: 0px;
		
	}
	.navbar .brand-container, .navbar .brand-container:hover {
		padding: 0px;
		
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition: all 500ms ease-out 0;
		-o-transition: all 500ms ease-out 0;
		transition: all 500ms ease-out 0;
	}
	.navbar .brand-container img {
		width: 100%
	}
	.navbar .nobg, .navbar .nobg:hover {
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
		background-color: transparent;
		background: none;
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
		padding: 10px 0px 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.navbar .navbar-brand .last {
		opacity: 0;
		display: none
	}
	
	.firstb {
		opacity: 0;
		display: none
	}
	.navbar .nobg .last {
		opacity: 1!important;
		filter: alpha(opacity=1)!important;
		display: block;
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition: all 500ms ease-out 0;
		-o-transition: all 500ms ease-out 0;
		transition: all 500ms ease-out 0;
	}
	.navbar .nobg .first {
		opacity: 0;
		display: none;
		-webkit-transition: all 500ms ease-out 0;
		-moz-transition: all 500ms ease-out 0;
		-o-transition: all 500ms ease-out 0;
		transition: all 500ms ease-out 0;
	}
	.navbar .nav > li > a {
		padding: 15px 15px;
		color: #292930;
		text-shadow: none;
		font-family:'Ubuntu Mono', sans-serif; 
		font-size:17px;
		text-decoration:none
		
	}
/* mouse over dropdown menu item
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}
	
	.navbar .nav > li > a .fa-arrow-down{
		font-size:11px
	
	}
	.navbar .nav > li.open > a:hover {
		color: #fff
	}
	.navbar .nav > li > a:hover {
		color: #e2df04;
		background-color: #fff
	}
	/* Offset the responsive button for proper vertical alignment */
	.navbar .navbar-toggle {
		margin-top: 10px;
		padding:6px 8px;
		box-shadow: 1px 0px 1px #cccccc, 0px 1px 1px #666666, 2px 1px 1px #cccccc, 1px 2px 1px #666666, 3px 2px 1px #cccccc, 2px 3px 1px #666666, 4px 3px 1px #cccccc, 3px 4px 1px #666666, 5px 4px 1px #cccccc, 4px 5px 1px #666666, 6px 5px 1px #cccccc;
	}
	.navbar-collapse.in{ overflow:visible }
	/* Drop down
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
		background-color: #fff;
		color: #e2df04!important
	}
	.dropdown-menu {
		z-index: -1;
		padding: 18px 0 0;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		margin-top: 0px
	}
	.dropdown-menu > li > a {
		padding: 7px 20px;
		border-bottom: solid 1px #eee;
		text-decoration:none
	}
	.dropdown > a .arrow-subnav {
		font-size: 22px
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: #eee;
		background-image: none;
		color:#292930
	}
	.dropdown-menu > li > a span {
		display: none
	}
	.showDropDown {
		display: block
	}
	/* Go back
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.goback {
		float: right;
		font-size: 14px;
		text-transform: uppercase;
		opacity: 0;
		text-decoration: none;
		padding: 13px 15px 14px;
	}
	.goback:hover {
	
	}
	.leftnav .goback {
		float: right;
		font-size: 14px;
		text-transform: uppercase;
		color: #fff;
		opacity: 0;
		text-decoration: none;
		background-color: #e2df04!important;
		-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
		-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
		box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
		padding: 13px 15px 14px;
	}
	.leftnav .goback:hover {
		color: #fff;
	}
	.no-bg .navbar-wrapper {
		background: rgba(0,0,0,0);
	}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	4.SLIDE
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.divider-carousel {
		border-bottom: solid 5px #e2df04;
		width: 100%;
		position: absolute;
		bottom: 0px;
		z-index: 0;
		display:none
	}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	5. SECTIONS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-wrap {
		/*position: relative;*/
		display: block;
		padding-bottom: 70px;
		padding-top: 60px
	}
	.section-wrap .container-wrap {
		position: relative;
		overflow: hidden;
		margin-bottom: 0px;
	}
	.section-wrap .container-wrap-title h2 {
		/*display: table-cell;*/
		color: #6f75a5;
		line-height: 1.1em;
		overflow: hidden;
		text-transform: uppercase;
		position: relative;
		font-size: 72px;
		margin-bottom: 10px;
		padding-bottom:10px;
		border-bottom:solid 1px #e0e0e0;
		position:relative
	}
	.section-wrap .container-wrap-title h2:after{
		content:'';
		width:12px;
		height:12px;
		background-color: #e2df04;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		position:absolute;
		top: 50%;
		margin-top:-6px;
		margin-left:5px;
		
		
	}

	.section-wrap .container-wrap-title h4 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.section-wrap .col-md-6 {
		position: static
	}
	.section-wrap .subnavigation {
		width: auto;
		max-width: 680px;
		z-index: 0;
		margin: 0px
	}
	.section-wrap .subnavigation li {
		display: inline-block;
		list-style: none;
		text-transform: uppercase;
		margin-top: 5px;
		font-size:17px;
	}
	.section-wrap .subnavigation li a {
		display: block;
		padding: 15px 13px;
		border: solid 5px #e0e0e0;
		text-decoration:none
	}
	.section-wrap .subnavigation li a:hover{
		border: solid 5px #e2df04
	}
	.section-wrap .subnavigation li.active a, .section-wrap .subnavigation li.active a:hover {
		background-color: #e2df04;
		border: solid 5px #e0e0e0;
	}
	.section-wrap .container-more {
		padding-bottom: 0px;
		position: relative
	}
	/* For individual sections of pages */
	.section-content {
		padding-bottom: 70px;
		padding-top: 60px
	}
	.container-wrap .subnavigation {
		position: absolute;
		bottom: 9px;
		right: 15px;
	}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	6. MESSAGE
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-message1 {
		padding: 60px 0;
		background-color:#eee
	}
	.section-message1 .box .box-content {
		padding: 40px 10%;
		min-height: 70px;
	}
	/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
		7. SECTION ABOUT
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-about {
		background:#eee
	}
	/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
		8. SECTION PORTFOLIO
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-portfolio {
		/*background-color:#eee;*/
		background-image: url(../img/bg.png);
	
		background-attachment:fixed;
		background-position: 50% 100%;
		background-repeat:no-repeat;
	}
	.section-portfolio #container {
		width: 1170px!important;
		margin-left: -15px;
		overflow: visible!important
	}
	.container-portfolio {
		margin-top: 40px
	}
	.container-portfolio .col-md-4 {
		width: 390px
	}
	/* When portfolio is inside of a tab */
	.tab-content .container-portfolio {
		width: 1170px!important;
		margin-left: -15px;
		overflow: visible!important
	}
	/* Isotope CSS3 transitions
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-ms-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
	}
	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}
	/**** disabling Isotope CSS3 transitions ****/
	.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}
	
	/* Hover effects
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.flip .front img {
		width: 100%
	}
	.flip h4 a {
		color: #292930
	}
	/* Hover animation
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.hoveranim .flip {
		margin-bottom: 50px;
		overflow: hidden
	}
	.hoveranim .flip .flip-content {
		overflow: hidden;
		position: relative
	}
	.hoveranim .flip .back {
		background: rgb(41,41,48);
		background: #eee;
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: auto;
	}
	.hoveranim .flip .back .back-content {
		padding: 20px 25px;
		height: auto;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
	.hoveranim .flip .back .back-content h3 a {
		color: rgb(41,41,48);
	}
	.hoveranim .flip .back .back-content p {
		opacity: 0;
		filter: alpha(opacity=0);
		height: 0px;
		margin-bottom: 0px;
		-webkit-transition: all 100ms ease;
		-moz-transition: all 100ms ease;
		-o-transition: all 100ms ease;
		transition: all 100ms ease;
	}
	.hoveranim .flip:hover .back .back-content p {
		margin-bottom: 10px;
		opacity: 1;
		height: 40px;
		-webkit-transition: all 100ms ease;
		-moz-transition: all 100ms ease;
		-o-transition: all 100ms ease;
		transition: all 100ms ease;
	}
	.hoveranim .flip:hover .back .back-content {
		height: auto;
		-webkit-transition: all 100ms ease;
		-moz-transition: all 100ms ease;
		-o-transition: all 100ms ease;
		transition: all 100ms ease;
	}
	/* Flip horizontal 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.fliphorizontal .flip:hover .flip-content {
		height: 249px;
		margin-bottom: 30px
	}

	.fliphorizontal .flip .flip-content {
		position: relative;
		width: 100%;
		height: 249px;
		margin-bottom: 50px
	}
	.fliphorizontal .flip .front, .fliphorizontal .flip .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-ms-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
		position: absolute;
		top: 0;
		left: 0;
	}
	.fliphorizontal .flip .front {
		-moz-transform: perspective(800px) rotateY(0deg);
		-webkit-transform: perspective(800px) rotateY(0deg);
		transform: perspective(800px) rotateY(0deg);
		width: 100%;
		z-index: 1;
	}
	.fliphorizontal .flip .back {
		-moz-transform: perspective(800px) rotateY(180deg);
		-webkit-transform: perspective(800px) rotateY(180deg);
		transform: perspective(800px) rotateY(180deg);
		width: 100%;
		height: 249px;
		z-index:100
	}
	
	.fliphorizontal .flip:hover .flip-content .front {
		-webkit-transform: perspective(800px) rotateY(-179.9deg);
		-moz-transform: perspective(800px) rotateY(-179.9deg);
		transform: perspective(800px) rotateY(-179.9deg);
	}
	.fliphorizontal .flip:hover .flip-content .back {	
		-moz-transform: perspective(800px) rotateY(0);
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0);			
	}
	
	/*.fliphorizontal .flip {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		perspective: 1000;
	}
	.fliphorizontal .flip:hover .flip-content {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		transform: rotateY(180deg);
		height: 249px;
		margin-bottom: 30px
	}
	.fliphorizontal .flip:hover .flip-content .front {
		opacity: 0;
	}
	.fliphorizontal .flip:hover .flip-content .back {
		opacity: 1;
	}
	.fliphorizontal .flip .flip-content {
		-webkit-transition: -webkit-transform 0.6s;
		-webkit-transform-style: preserve-3d;
		-moz-transition: -moz-transform 0.6s;
		-moz-transform-style: preserve-3d;
		transition: transform 0.6s;
		transform-style: preserve-3d;
		position: relative;
		width: 100%;
		height: 249px;
		margin-bottom: 50px
	}
	.fliphorizontal .flip .front, .fliphorizontal .flip .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-ms-transition: opacity 0.6s;
		-o-transition: opacity 0.6s;
		transition: opacity 0.6s;
		position: absolute;
		top: 0;
		left: 0;
	}
	.fliphorizontal .flip .front {
		width: 100%;
		z-index: 1;
	}
	.fliphorizontal .flip .back {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		transform: rotateY(180deg);
		opacity: 0;
		width: 100%;
		height: 249px;
		z-index:100
	} */
	.fliphorizontal .flip .back .outer {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.fliphorizontal .flip .back .outer .inner {
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		padding: 30px
	}
	.fliphorizontal .flip .back .back-content {
		padding: 20px 25px;
	}
	.fliphorizontal .flip .back {
		background: rgba(204, 204, 204, 0.5)
	}
	/* Flip vertical 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.flipvertical .flip:hover .flip-content {
		height: 249px;
		margin-bottom: 30px
	}

	.flipvertical .flip .flip-content {
		position: relative;
		width: 100%;
		height: 249px;
		margin-bottom: 50px
	}
	.flipvertical .flip .front, .flipvertical .flip .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-ms-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
		position: absolute;
		top: 0;
		left: 0;
	}
	.flipvertical .flip .front {
		-moz-transform: perspective(800px) rotateX(0deg);
		-webkit-transform: perspective(800px) rotateX(0deg);
		transform: perspective(800px) rotateX(0deg);
		width: 100%;
		z-index: 1;
	}
	.flipvertical .flip .back {
		-moz-transform: perspective(800px) rotateX(180deg);
		-webkit-transform: perspective(800px) rotateX(180deg);
		transform: perspective(800px) rotateX(180deg);
		width: 100%;
		height: 249px;
		z-index:100
	}
	
	.flipvertical .flip:hover .flip-content .front {
		-webkit-transform: perspective(800px) rotateX(-179.9deg);
		-moz-transform: perspective(800px) rotateX(-179.9deg);
		transform: perspective(800px) rotateX(-179.9deg);
	}
	.flipvertical .flip:hover .flip-content .back {	
		-moz-transform: perspective(800px) rotateX(0);
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0);			
	}
	
	
	
	/*
	
	.flipvertical .flip {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		perspective: 1000;
	}
	.flipvertical .flip:hover .flip-content {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		transform: rotateX(180deg);
		height: 249px;
		margin-bottom: 30px
	}
	.flipvertical .flip:hover .flip-content .front {
		opacity: 0;
	}
	.flipvertical .flip:hover .flip-content .back {
		opacity: 1;
	}
	.flipvertical .flip .flip-content {
		-webkit-transition: -webkit-transform 0.6s;
		-webkit-transform-style: preserve-3d;
		-moz-transition: -moz-transform 0.6s;
		-moz-transform-style: preserve-3d;
		transition: transform 0.6s;
		transform-style: preserve-3d;
		position: relative;
		width: 100%;
		height: 249px;
		margin-bottom: 50px
	}
	.flipvertical .flip .front, .flipvertical .flip .back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-ms-transition: opacity 0.6s;
		-o-transition: opacity 0.6s;
		transition: opacity 0.6s;
		position: absolute;
		top: 0;
		left: 0;
	}
	.flipvertical .flip .front {
		width: 100%;
		z-index: 2;
	}
	.flipvertical .flip .back {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0;
		width: 100%;
		height: 249px;
		z-index:100
	}
	*/
	
	.flipvertical .flip .back .outer {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.flipvertical .flip .back .outer .inner {
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		padding: 30px
	}
	.flipvertical .flip .back .back-content {
		padding: 20px 25px;
	}
	.flipvertical .flip .back {
		background: #eee
	}



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	12. SECTION TICKETS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-tickets {
		background-color:#fff;
		padding: 60px 0px
	}
	.section-tickets img {
		width: 100%;
		height: auto
	}
	
	.section-tickets p {
		color:#FFF}
	
	
	

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	9. SECTION PEOPLE
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.people {
		margin: 0px;
		border-collapse: separate;
		border-spacing: 3px 2px;
		width: 100%
	}
	.tab-pane .people {
		margin: 0px;
		width: 100%
	}
	.tab-pane .page {
		margin: 0px
	}
	.people .last {
		list-style: none;
		background-color:#292930;
		height: 286px;
		width: auto;
		margin-left: 0px
	}
	.people .last .last-content {
		color: #fff;
		width: 100%;
		padding: 0px 30px;
		vertical-align: middle;
		height: 282px;
		display: table-cell
	}
	.people .last .last-content a{
		color:#fff
	}
	.people .last1 {
		width: 905px
	}
	.people .last2 {
		width: 678px
	}
	.people .last3 {
		width: 451px
	}
	.people .last4 {
		width: 226px
	}
	.people > li {
		list-style: none;
		height: 286px;
		vertical-align: top;
		float: left
	}
	.people .person {
		list-style: none;
		margin-left: 0px;
		position: relative;
		width: 224px;
		margin-right: 3px;
		margin-bottom: 3px;
		padding: 0px
	}
	.people .person img {
		width: 224px;
		height: auto
	}
	.people .person .card {
		position: absolute;
		bottom: 0px;
		height: 55px;
		width: 100%;
		overflow: hidden
	}
	.people .person a {
		display: block;
		position: relative
	}
	.people .person .info {
		position: absolute;
		bottom: 0px;
		background-color: #FFF;
		padding: 5px 10px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		transition: all 0.3s ease-in-out;
	}
	.people .person .social-small {
		position: absolute;
		bottom: 0px;
		opacity: 0;
		left: -234px;
		transition: all 0.3s ease-in-out;
	}
	.people .person .social-small li {
		background-color: rgb(41, 41, 48);
		float: left;
		margin-right: 2px;
		list-style: none;
		margin-left: 0px;
		padding: 0px
	}
	.people .person .social-small li a {
		width: 30px;
		height: 30px
	}
	.people .person .social-small li a .fa {
		color: #fff;
		margin: 0px;
		font-size: 17px
	}
	.people .person .info .name {
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
	}
	.people .person span, .tooltip-content {
		font-size: 16px;
		color: #fff;
		z-index: 100;
		width: 400px;
		height: auto;
		padding: 15px;
		margin-left: -10px;
		margin-top: -50px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
		border: 4px solid rgba(41, 41, 48, 0.5);
		background: rgba(41, 41, 48, 0.9);
		border-radius: 0px;
		position: absolute;
		pointer-events: none;
		line-height: 1.7em;
		opacity: 0;
		box-shadow: 1px 0px 1px #292930, 0px 1px 1px #292930, 2px 1px 1px #292930, 1px 2px 1px #292930, 3px 2px 1px #292930, 2px 3px 1px #292930, 4px 3px 1px #292930, 3px 4px 1px #292930, 5px 4px 1px #292930, 4px 5px 1px #292930, 6px 5px 1px #292930;
	}
	.people .person span:before, .people .person span:after, .tooltip-content:before, .tooltip-content:after {
		content: '';
		position: absolute;
		bottom: -30px;
		left: 5%;
		margin-left: -9px;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 25px solid transparent;
		border-top: 25px solid rgba(41, 41, 48, 1);
	}
	.people .person a:hover span, .tooltip-content {
		opacity: 0.9;
	}
	.people .txt-saying {
		display: none
	}
	/*
	.totheright:before, .totheright:after {
		right: 5%;
		left: auto;
	}*/
	.info-change {
		bottom: -50px!important;
		transition: all 0.1s ease-in-out!important;
		opacity: 0!important
	}
	.social-small-change {
		left: 0px!important;
		opacity: 1!important;
		filter: alpha(opacity=1)!important;
		transition: all 0.1s ease-in-out!important;
	}
	.people .person :hover .info {
		bottom: -50px;
		transition: all 0.1s ease-in-out;
		opacity: 0
	}
	.people .person :hover .social-small {
		left: 0px;
		opacity: 1;
		transition: all 0.1s ease-in-out;
	}
	.people .person .social-small ul {
		margin: 0px
	}
	

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	10. SECTION SERVICES
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.row-margin {
		margin-bottom: 30px
	}
	.box-service {
		cursor: default;
		margin-bottom: 30px
	}
	.box-service .box-content {
		text-align: center
	}
	.box-service .box-content .fawesome-icon {
		margin: 0 auto;
	}
	.fawesome-icon {
		background-color: #f5f5f5;
		border: solid 1px #ccc;
		width: 100px;
		height: 100px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.box-service h4 {
		margin-top: 10px;
		margin-bottom: 5px
	}
	.fawesome-icon .fa {
		text-align: center;
		color: #ccc;
		transition: color .1s ease;
		vertical-align: middle;
		display: block;
		margin: 21px 0px;
		font-size: 55px
	}
	.box-service:hover .fawesome-icon .fa, .fawesome-icon:hover .fa {
		color: #e2df04;
		transition: color .1s ease;
		clear: both;
	}
	.box-service:hover .fawesome-icon{
		border-color:#e2df04
	}
	.fawesome-icon .box-content {
		min-height: 275px;
	}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	11. SECTION PRICING
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-pricing {
		background-size: auto;
		background-attachment: scroll;
		background-position: 50% 0%;
		background-repeat: repeat-x;
	}
	.row-pack.box {
		text-align: center;
	}
	.row-pack.box .box-content {
		padding: 0px!important
	}
	.row-pack.box h3 {
		text-transform: uppercase;
		padding: 15px 0;
		margin: 0px;
		display: inline-block;
		vertical-align: top;
		font-size: 20px;
		background-color: #eee;
		width: 100%;
		border-bottom: solid 1px #ccc
	}
	.row-pack.box h4 span {
		padding-right: 7px;
		vertical-align: top;
		font-size: 33px;
	}
	.row-pack.box .price h4 {
		padding-right: 7px;
		vertical-align: top;
		font-size: 52px;
		margin-bottom: -14px;
		line-height: 86px;
	}
	.row-pack .price {
		padding: 5px 0 25px;
	}
	.package .price strong {
		display: inline-block;
		vertical-align: top;
		padding: 0 21px 2px 0;
	}
	.package .price .pp {
		color: #ccc
	}
	.package .price span {
		display: block;
		color: #505050;
		position: relative;
	}
	.package .active .price span:after, .order .cms .active strong:after {
		position: absolute;
		width: 59px;
		height: 54px;
		content: '';
		z-index: 10;
		width: 59px;
		left: 100%;
		top: 100%;
		margin: -166px 0 0 -58px;
	}
	.package .price strong i {
		font-size: 24px;
		line-height: 28px;
		display: inline-block;
		vertical-align: top;
		display: inline-block;
		vertical-align: top;
		padding: 13px 5px 0 0;
		color: #000;
		font-style: normal;
	}
	.package .price b {
		color: #828282;
		font-weight: normal;
	}
	.box-txt {
		padding: 0 2px;
	}
	.info-pack {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #d7dbdd;
		font-size: 13px;
		line-height: 18px;
	}
	ul.info-pack li {
		list-style: none;
		width: auto;
		margin: 0 20px;
		position: relative;
		z-index: 2;
		border-top: 1px solid #ccc;
		padding: 10px 0;
	}
	ul.info-pack li .btn {
		margin: 5px 0px 10px
	}
	ul.info-pack li:first-child {
		border: 0;
	}
	ul.info-pack:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 12px;
		width: 100%;
		background: -moz-linear-gradient(top, rgba(233, 235, 236, 1) 0%, rgba(233, 235, 236, 0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(233, 235, 236, 1)), color-stop(100%, rgba(233, 235, 236, 0)));
		background: -webkit-linear-gradient(top, rgba(233, 235, 236, 1) 0%, rgba(233, 235, 236, 0) 100%);
		background: -o-linear-gradient(top, rgba(233, 235, 236, 1) 0%, rgba(233, 235, 236, 0) 100%);
		background: -ms-linear-gradient(top, rgba(233, 235, 236, 1) 0%, rgba(233, 235, 236, 0) 100%);
		background: linear-gradient(to bottom, rgba(233, 235, 236, 1) 0%, rgba(233, 235, 236, 0) 100%);
	}
	ul.info-pack li .fa-check {
		color: #e2df04;
	}
	ul.info-pack li .fa-times {
		color: #cccccc;
	}
	ul.info-pack li i {
		font-size: 1.1em;
		margin-right: 2px
	}
	ul.info-pack .compatible {
		display: inline-block;
		vertical-align: middle;
	}
	.row-pack.popular {
		margin-top: -20px
	}
	.row-pack.popular h3 {
		background-color: #e2df04;
		color: #fff;
	}
	.row-pack h3 span {
		font-size: 14px;
		display: block;
		text-transform: capitalize
	}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	12. SECTION CLIENTS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-clients {
		background-color:#292930;
		padding: 60px 0px
	}
	.section-clients img {
		width: 100%;
		height: auto
	}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	13. SECTION PARALLAX
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-parallax {
		padding: 100px 0px;
		background-image: url(../img/bg-section-10.png), url(../img/birds6.jpg);
		background-size: auto, cover;
		background-attachment: scroll, fixed;
		background-position: 50% 0%, 50% 100%;
		background-repeat: repeat, no-repeat;
		color:#FFF;
		font-size:16px;
		text-align:center;
		margin:auto 0;
	}
	.section-parallax h2 {
		color: #fff;
		font-size: 40px;
		text-align: center;
		width: 100%;
		text-shadow: 2px 2px #000
	}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	14. SECTION BLOG
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-blog {
		background-size: auto;
		background-attachment: fixed!important;
		background-position:center;
		background-repeat: no-repeat;
		background:url(../img/bg-rounded-yellow.png) no-repeat

	}
	.container-blog {
		margin-top: 40px
	}
	
	/* Posts
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.row-post {
		background-color: rgba(224, 224, 224, 0.7);
		margin-bottom: 50px;
		overflow: hidden;
		position: relative;
		
	}
	.row-post .more {
		display: block;
		position: absolute;
		bottom: 15px;
		right: 20px;
	}
	.row-post .preview {
		padding-right: 20px;
		padding-left: 20px;
		width: 76.2%
	}
	.post_taxonomy, .post_meta {
		font-size: 13px
	}
	.post_taxonomy span {
		padding: 0 7px
	}
	.preview .post_title {
		padding-bottom: 10px;
		margin-top: 15px
	}
	.preview h3 {
		border-bottom: solid 1px #ccc;
	}
	.preview h3 a {
		color: rgba(41,41,48, 1);
		text-decoration:none
	}
	.row-post .post_image {
		padding: 0px;
		background-image: url(../img/camera.png);
		background-repeat: no-repeat;
		background-position: center center;
		width: 178px;
		height: 178px;
		background-color: #cccccc;
		overflow: hidden;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
		border-bottom:solid 6px #efef07
	}
	.row-post .post_image img {
		max-width: none
	}
	.excerpt {
		margin-top: 10px;
		height: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		padding-right: 20px;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out
	}
	.row-post:hover {
		height: 309px;
		overflow: hidden
	}
	.row-post:hover .excerpt {
		opacity: 1;
		height: auto;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
	.row-post:hover .post_image {
		height: 309px;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
	.row-post-ajax {
		display: none
	}
	/* Complementary right
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.widget h4 {
		text-transform: uppercase;
		font-size: 24.5px;
		padding-bottom: 10px;
		margin-top: -10px
	}
	.widget ul {
		margin: 0px 0px 50px
	}
	.widget ul.comments li {
		position: relative;
		padding-left: 60px;
		min-height: 65px;
		border-bottom: solid 1px #ccc;
		margin-bottom: 20px;
		list-style: none;
		padding-bottom: 20px
	}
	.widget ul.comments li img {
		width: 40px;
		height: auto;
		position: absolute;
		top: 4px;
		left: 0px
	}
	.widget ul.comments li .author {
		font-size: 13px;
		margin-top: -5px
	}
	.widget ul.recent_entries {
		margin-bottom: 0px
	}
	.widget ul.recent_entries li {
		position: relative;
		padding-left: 90px;
		min-height: 95px;
		border-bottom: solid 1px #ccc;
		margin-bottom: 20px;
		list-style: none
	}
	.widget ul.recent_entries li .post_image_small {
		position: absolute;
		top: 2px;
		left: 0px;
		display: block;
		background-color: #cccccc;
		width: 70px;
		height: 70px;
		background-image: url(../img/camera.png);
		background-position: center
	}
	.widget ul.recent_entries li img {
		width: 70px;
	}
	.widget ul.recent_entries li .author {
		font-size: 13px;
	}
	.widget ul.recent_entries li .title {
		color: rgb(41,41,48);
		font-weight: bold
	}
	.widget ul.recent_entries li .title:hover {
	}
	.widget_search {
		margin-bottom: 40px
	}
	.facebook-fan-widget {
		margin-top: -6px;
		margin-left: -6px
	}
	
	.facebook-fan-widget iframe{
		border:none; 
		overflow:hidden; 
		width:100%; 
		height:218px;
	}
	.load-more {
		background: url(../img/load.gif) no-repeat;
		width: 20px;
		height: 20px;
		display: none;
		position: absolute;
		left: 156px;
		top: 13px;
	}
	.search-form label {
		display: inline-block!important;
		width: 80%
	}
	.search-submit {
		background: none;
		border: none;
	}
	.content-element .box{ 
		margin-bottom:40px 
	}
	
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	15. SECTION CONTACT
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.section-contact {
		/*background-image: url(../img/bg-section.png);*/
		background-color:#eee;
		background-size: auto;
		background-attachment: scroll;
		background-position: 50% 0%;
		background-repeat: repeat-x;
	}
	.row-contact {
		position: relative
	}
	.row-contact form {
		margin-bottom: 0px
	}
	.row-contact .input-prepend {
		width: 100%;
		background-color:#fff;
	}
	.search-form label,.row-contact .input-prepend, .row-contact textarea  {
		border-bottom:solid 5px #384040!important
	}
	.form .input-prepend .add-on, .comment-form .input-prepend .add-on {
		width: 52px;
		background-color: transparent;
		display: inline-block;
		text-align: center;
		height: 48px;
		vertical-align: middle;
		text-shadow: 0 1px 0 #fff;
		display: table-cell
	}
	.form .input-prepend .add-on i, .comment-form .input-prepend .add-on i {
		vertical-align: middle;
		margin-right: 0px;
		margin-top: 5px;
		display: block;
		font-size: 25px
	}
	.form .input-prepend .user, .form .input-prepend .envelope, .comment-form .input-prepend .user, .comment-form .input-prepend .envelope {
		font-size: 46px;
		vertical-align: middle;
		margin-right: 0px;
		margin-top: 12px;
		display: block
	}
	.input-append, .input-prepend {
		margin-bottom: 20px;
		display: table;
		width: 100%
	}
	.row-contact textarea {
		width: 100%;
		height: 130px;
		margin-bottom: 20px;
		background-color:#fff!important
	}
	.contact-info {
		width: 350px;
		position: absolute;
		right: 240px;
		z-index: 1000;
		padding: 16px 20px;
		bottom: 0px;
		right: 0px
	}
	.toggle-btn {
		position: absolute;
		right: -1px;
		bottom: 0px;
		z-index: 1001;
		background-color: #eee;
		margin:5px 6px
	}
	.toggle-btn a{
		padding:5px 15px;
		line-height:3em
		
		
	}
	.toggle-btn a.hide, .toggle-btn a.show {
		padding: 2px 7px;
		display: none
	}
	.toggle-btn a.hide {
		display: block
	}
	/*
	.widget_twitter h4 {
		text-transform: uppercase;
		font-size: 24.5px;
		margin-bottom: 0px;
	}
	.widget_twitter ul {
		margin: -5px 0px 0px
	}
	.widget_twitter ul li {
		border-bottom: solid 1px #ccc;
		padding: 20px 0px;
		list-style: none;
		overflow: hidden
	}*/
	
	address {
		margin-bottom: 0px
	}
	address .location {
		padding: 3px;
		margin-bottom: 5px
	}
	address p {
		margin-bottom: 15px
	}
	address abbr[title] {
		display: inline-block;
		border-bottom: none;
		text-align: center
	}
	address .fa-phone {
		font-size: 1.5em;
		vertical-align: -3px
	}
	address .fa-mobile {
		font-size: 1.7em;
		vertical-align: -2px
	}
	address .fa-envelope {
		font-size: 1.3em;
	}
	address .contact-details {
		padding-top: 10px;
		opacity: 0;
		display: none
	}
	address .show-btn {
		display: block;
		opacity: 1;
		filter: alpha(opacity=1);
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}
	.show-btn {
		display: none
	}
	/* Shadow box call to action */
	.row-contact {
		position: relative;
		z-index: 1; /* prevent shadows falling behind containers with backgrounds */
		padding: 0;
		margin-top: 40px;
	}
	.row-contact .box-map {
		position: relative;
		width: 100%;
		height: 400px;
		margin: 0 auto;
		background: #fff;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 50px rgba(0, 0, 0, 0.06) inset;
	}
	.row-contact .box-map .contact-info{
		background-color:#fff
	}
	.row-contact .box-map:before, .row-contact .box-map:after {
		content: '';
		z-index: -1;
		position: absolute;
		left: 2px;
		bottom: 11px;
		width: 350px;
		max-width: 90%;
		max-height: 100px;
		height: 20%;
		background: transparent;
		-webkit-border-radius: 30% 0 30% 0%/100% 0 100% 0;
		-moz-border-radius: 30% 0 30% 0%/100% 0 100% 0;
		border-radius: 30% 0 30% 0%/100% 0 100% 0;
		-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		-webkit-transform: skew(-3deg) rotate(-3.5deg);
		-moz-transform: skew(-3deg) rotate(-3.5deg);
		-ms-transform: skew(-3deg) rotate(-3.5deg);
		-o-transform: skew(-3deg) rotate(-3.5deg);
		transform: skew(-3deg) rotate(-3.5deg);
	}
	.row-contact .box-map:after {
		left: auto;
		right: 10px;
		-webkit-transform: skew(3deg) rotate(3.5deg);
		-moz-transform: skew(3deg) rotate(3.5deg);
		-ms-transform: skew(3deg) rotate(3.5deg);
		-o-transform: skew(3deg) rotate(3.5degg);
		transform: skew(3deg) rotate(3.5deg);
		-webkit-border-radius: 0 30% 0 30%/0% 100% 0 100%;
		-moz-border-radius: 0 30% 0 30%/0% 100% 0 100%;
		border-radius: 0 30% 0 30%/0% 100% 0 100%;
	}
	/* In case contact is a subsection */
	.tab-pane .row-contact {
		margin-top: 0px
	}
	.controls {
		position: relative;
		display: table;
		width: 100%;
		overflow:hidden
	}
	.controls.send{
		height:50px
	}
	.loading {
		background: url(../img/load.gif) no-repeat;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 90px;
		bottom: 14px;
		display: none
	}
	.results {
		position: absolute;
		left: 112px;
		bottom: 12px;
	}
	
	/* Contact 2 columns
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.row-contact .col-md-6 .contact-info {
		padding: 0px;
		width: auto;
		position: static
	}
	.row-contact .col-md-6 .contact-info li{
		margin-top:0px
	}
	.row-contact .contact-info .subnavigation {
		margin-bottom: 20px
	}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	16. PAGE POST
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.post_taxonomy_btm {
		padding: 10px 5px;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		margin-top: 40px;
		margin-bottom:40px;
	}
	.post_taxonomy_btm ul {
		margin: 0px;
		display: inline
	}
	.post_taxonomy_btm ul li {
		display: inline;
	}

	/* Comments 
	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
	.comment-form textarea {
		width: 97%;
		height: 184px
	}
	.comment-form input[type="text"] {
		display: table-cell;
		margin-left: -4px
	}
	#comments {
		border-top: solid 1px #ccc;
		padding-top: 25px
	}
	#comments ol, #comments ul {
		list-style: none;
	}
	#comments ol {
		margin-left: 0px
	}
	#comments ul {
		margin: 0 0 10px 25px
	}
	#comments .comment-meta {
		margin-bottom: 10px
	}
	#comments .comment-author img {
		margin-right: 3px
	}
	#comments .comment-body {
		margin-bottom: 20px
	}
	#comments .comment-awaiting-moderation {
		font-style: italic;
		padding-top: 5px;
		color: #ccc
	}
	.comment-list > li {
		margin-bottom: 30px
	}
	#respond {
		border-top: solid 1px #ccc;
		padding-top: 30px;
	}
	.form-submit {
		clear: both
	}
	


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	17. FOOTER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.footer {
		font-size: 13px;
		background-color: #ccc;
		border-bottom: solid 5px #e2df04;
	}
	.footer .container {
		padding-top: 15px;
		padding-bottom: 50px
	}
	.footer .social-small i {
		font-size: 20px
	}
	.footer-left {
		margin-top: 3px
	}
	.footer-left .footer-nav {
		display: inline-block;
		width: auto;
		margin: 0px;
	}
	.footer-left .footer-nav li {
		margin-left: 20px;
		margin-right: 2px;
		list-style-type: square;
		float: left
	}
	.footer-left .footer-nav li a{
		text-decoration:none
	}
	.footer-left .footer-nav li.first {
		margin-left: 0px;
		list-style: none
	}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	18. LIGHTBOX
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.load-lightbox {
		background-image: url(../img/load-lightbox.gif);
		background-repeat: no-repeat;
		background-position: 50% 300px;
		height: 100%
	}
	.overlay {
		position: fixed;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
		background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.35)), color-stop(99%, rgba(0,0,0,0.92)), color-stop(100%, rgba(0,0,0,0.92))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.92) 99%, rgba(0,0,0,0.92) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#eb000000', GradientType=0 ); /* IE6-8 */
		height: auto;
		width: auto;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 5000;
		overflow: auto;
		overflow-y: hidden;
	}
	.overlay-container {
		width: 100%;
		height: 100%;
		top: 0px;
		position: fixed;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 5002;
		left: 0
	}
	.popup-back {
		width: 100%;
	}
	.popup {
		width: 100px;
		z-index: 5003;
		top: 0px;
		left: 50%;
		background-color: #fff;
		padding: 0px;
		position: absolute;
		top: -100px;
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.close-btn {
		background: #eee;
		width: 40px;
		height: 45px;
		display: block;
		z-index: 5002;
		font-size: 24px;
		padding: 20px;
		position: fixed;
		top: 0px;
		right: 47px;
		color: #08c;
		text-shadow: none;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
	}
	.close-btn span.left {
		position: absolute;
		z-index: 5010;
		top: 13px;
		right: 3px;
		width: 18px;
		height: 18px;
		border: 6px solid #ccc;
		border: 6px solid #ccc;
		border-right: none;
		border-top: none;
		cursor: pointer;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-btn span.right {
		position: absolute;
		z-index: 5010;
		top: 13px;
		left: 3px;
		width: 18px;
		height: 18px;
		border: 6px solid #ccc;
		border: 6px solid #ccc;
		border-left: none;
		border-bottom: none;
		cursor: pointer;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-btn:hover, .close-btn:focus {
		color: #005580
	}
	.noscroll {
		overflow: hidden
	}
	

	.popup .content-element {
		padding: 30px
	}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	19. FLEXSLIDER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */		
	.flexslider .slides img {
		padding: 0px!important
	}
	.flex-control-thumbs {
		margin-top: 3px!important
	}
	.flex-control-thumbs img {
		padding: 0px!important
	}
	

/* Navigation for responsive */
.navbar-inner .navbar-toggle {
	color: #fff;
	text-shadow: none;
	background-color: #333;
	background-image: none;
	border-radius: 0px;
	border: none;
	margin-top: 8px;
	margin-right: 7px
}



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	20. NOT FOUND PAGE
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.not-found h1 {
		border-bottom: none;
		color: #eee;
		font-size: 380px;
		text-align: center;
		line-height: 0.8em
	}
	.not-found h2 {
		margin-top: -20px;
		text-align: center;	
		line-height: 1em;
		margin-bottom: 29px;
	}
	
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	20. SHORTCODES PAGE
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	
	.shortcodes h3 {
		margin-bottom: 20px
	}
	.headers h1, .headers h2, .headers h3, .headers h4, .headers h5, .headers h6 {
		margin-bottom: 40px
	}
	.shortcodes-services-table li {
		float: left;
		margin: 10px;
		list-style: none
	}
	.shortcodes h2 {
		padding: 0px
	}
	.shortcodes .headers {
		padding: 15px;
		background-color: #eee
	}
	.shortcodes blockquote + h3, .shortcodes .box + h3, .shortcodes .social-small + h3, .shortcodes .social + h3, .headers + h3 {
		margin-top: 40px
	}


	/* Animation intro */
	.home #navigation, .home #nav, .home #slider {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.home #footer, .home section {
		/*display: none;*/
		overflow: hidden
	}
	#social-top {
		margin-top: 40px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#social-bottom {
		float: right
	}
	#brand {
		top: -20px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.leftnav #brand{
		width:100%;
	}
	
	/* safari */
	 html[xmlns*=""]:root .tweet_time { border-bottom:none }
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari and Chrome */
		.tweet_time {border-bottom:solid 3px #ccc }
	
		/* Safari only override */
		::i-block-chrome,.tweet_time { border-bottom:none }
	}


	/* Bubble */
	@-webkit-keyframes beat {
		0% {-webkit-transform: scale(1); -webkit-box-shadow:0 0 40px rgba(232,232,20,1);}
		50% {-webkit-transform: scale(2) ; -webkit-box-shadow:0 0 70px rgba(232,232,20,0.6);}
		100% {-webkit-transform: scale(1) ; -webkit-box-shadow:0 0 40px rgba(232,232,20,1);}
	}
	@-moz-keyframes beat {  
		0% {-moz-transform: scale(1); -moz-box-shadow:0 0 40px rgba(232,232,20,1);}
		50% {-moz-transform: scale(2); -moz-box-shadow:0 0 70px rgba(232,232,20,0.6);}
		100% {-moz-transform: scale(1); -moz-box-shadow:0 0 40px rgba(232,232,20,1);}
	}
	@keyframes beat {  
		0% {transform: scale(1); box-shadow:0 0 40px #dbdb0f;}
		50% {transform: scale(2); box-shadow:0 0 70px #dbdb0f;}
		100% {transform: scale(1); box-shadow:0 0 40px #dbdb0f;}
	}
	
	
	.load-circ {
		left:50%;
		top:50%;
		position:absolute;
		z-index:2;
		background: #e2df04;
		-webkit-animation: beat 0.7s ease 0s infinite normal;
		-moz-animation: beat 0.7s ease 0s infinite normal;
		animation: beat 0.7s ease 0s infinite normal;

	
		width:10px;
		height:10px;
		margin-top:-5px;
		margin-left:-5px;
		font-size:0;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	   
	}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	20. IE9
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	

	:root .fliphorizontal .flip:hover .flip-content .front 
	 {
		opacity: 0 \0/IE9;
	}
	:root .fliphorizontal .flip:hover .flip-content .back {
		opacity: 1 \0/IE9;
	}
	:root .fliphorizontal .flip .back {
		opacity: 0 \0/IE9;

	} 
	:root .flipvertical .flip:hover .flip-content .front 
	 {
		opacity: 0 \0/IE9;
	}
	:root .flipvertical .flip:hover .flip-content .back {
		opacity: 1 \0/IE9;
	}
	:root .flipvertical .flip .back {
		opacity: 0 \0/IE9;

	} 

	@media print{
		
		html, body{ height:auto!important}
		
		/* Navigation */
		.navbar{ display:none!important; position:static!important } 
		.subheader{ display:none }
		
		/* Section */
		section{ display:block; overflow:visible; clear:both!important }
		.section-wrap{ padding-top:0px!important}
		
		/* Slider */
		#slider{ position:static; height:450px!important }
		/*.kay-content, .kay-shape{ position:static!important; margin:0px!important;}
		#bg{ position:static!important }*/
		.divider-carousel{ display:none }
		
		/* Messages */
		.message{ display:none!important }
		
		/* Portfolio */
		#container{ overflow:hidden!important; height:auto!important; }
		.section-portfolio #container{ width:100%!important; max-width:100%!important}
		
		#portfolio #container {
			width: 100%!important;
			max-width: 100%!important
		}
		#portfolio .item-content {
			height: auto!important
		}
		#portfolio {
			height: auto!important;
			page-break-before: always!important;
			position: static!important
		}
		
		.container-portfolio, #portfolio .container {
			overflow: hidden!important;
			height: auto!important;
		}
		
		#container .col-md-4{ margin: 0px; height: auto; overflow: hidden; position: static!important; float: left!important; width: 50%!important; padding: 0px; transform:none!important; -ms-transform:none!important; -webkit-transform:none!important; }
		#container .col-md-4 img{ width:auto!important}
		.flip .front, .flip .back{ position:static!important }
		
		/* About */
		.tab-content{ margin:0px!important}
		.tab-content > .tab-pane{ display:block!important; }
		.fade{ opacity:1!important; }
		.fluid-width-video-wrapper{ display:none }
		
		/* People */
		ul.people .person {
			width: 100%;
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: solid 1px #ccc;
			height: auto
		}
		ul.people .person a {
			width: 31%;
			float: left;
			display: block;
			overflow: hidden
		}
		ul.people .person a img {
			width: 100%
		}
		ul.people .person span {
			display: block;
			color: rgb(41,41,48);
			background: none;
			position: static;
			float: right;
			width: 63%;
			opacity: 1;
			filter: alpha(opacity=1);
			margin: -7px 0px 0px;
			padding: 0px;
			border: none;
			box-shadow: none
		}
		ul.people .person .card {
			float: right;
			width: 65%;
			position: static;
			height: auto;
			padding-top: 0
		}
		ul.people .person .info, .people .person .social-small {
			position: static;
			padding: 0;
			transition: 0
		}
		ul.people .person .info {
			padding-bottom: 10px;
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person :hover .info {
			transition: 0;
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person .social-small {
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person .social-small li {
			background-color: #292930
		}
		ul.people .person :hover .social-small {
			opacity: 1;
			filter: alpha(opacity=1);
			transition: 0
		}
		ul.people .last {
			display: none
		}
		ul.people .person span:before, .people .person span:after {
			border: 0px
		}
		ul.people .txt-saying {
			display: block
		}
		
		/* Pricing */
		.box .box-content:before, .box .box-content:after, .row-contact .box-map:before, .row-contact .box-map:after{ display:none }
		
		/* Contact */
		.box-map{ display:none }
		.form{ display:none }
		
		/* Footer */
		.home #footer{ display:block!important; overflow:visible } 
		#social-bottom{ float:none!important }
	}

    /* RESPONSIVE CSS
    -------------------------------------------------- */
	@media (min-width: 1200px) {
		.container {
			width: 1170px;
		}
	}
	
	 @media (max-width: 1024px) {	
		/* Parallax */
		.message {
			background-attachment: scroll
		}
	}


    /* Desktops and laptops ----------- */
	@media only screen  and (min-width : 979px) {
		.leftnav .qtip-pos-bl, .leftnav .qtip-pos-tl {
			margin-left: -200px!important
		}
		.leftnav .qtip-pos-br, .leftnav .qtip-pos-tr {
			margin-left: -400px!important
		}
		/* For the template with right navigation, only for devices with at least 979px width */		
		.leftnav #preloader {
			left: -200px
		}
		/* Formating navigation */
		.leftnav {
			margin-left: 200px;
			padding: 0px
		}
		.leftnav .section-content {
			padding-bottom: 70px;
			padding-top: 80px;
		}
		/* Navigation */
		.leftnav .header {
			height: 100%;
			position: fixed!important
		}
		
		
		.leftnav .navbar .navbar-inner {
			padding-left: 0px
		}
		.leftnav .navbar .navbar-brand {
			position: relative;
			margin: 0px;
			overflow: hidden
		}
		.leftnav .navbar-wrapper {
			width: 200px;
			margin-left: -200px;
			height: 100%;
			-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.33);
			-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.33);
			box-shadow: 0px 3px 3px rgba(0,0,0,0.33);
		}
		.leftnav .navbar-wrapper .container {
			width: auto;
			padding: 0px
		}
		.leftnav .navbar .nav {
			float: none;
			clear: both;
			margin: 0px;
			overflow: hidden
		}
		.leftnav .navbar .nav > li {
			float: none;
			border-bottom: #666
		}
		.leftnav .navbar .nav > li span {
			display: block
		}
		.leftnav .dropdown-menu {
			position: relative;
			z-index: 1;
			width: 100%;
			margin-bottom: 15px
		}
		.leftnav .container, .leftnav .navbar-static-top .container, .leftnav .navbar-fixed-top .container, .leftnav .navbar-fixed-bottom .container {
			width: 970px
		}
		.leftnav .goback {
			width: 200px
		}
		/* Portfolio */
		.leftnav .section-portfolio #container {
			max-width: 970px;
		}
		.leftnav .tab-content .container-portfolio {
			width: 970px!important;
		}
		.leftnav .container-portfolio .col-md-4 {
			width: 320px;
			height: 232px
		}
		.leftnav .container-portfolio .col-md-4 img {
			width: 290px;
			height: 192px
		}
		.leftnav.fliphorizontal .flip .back, .leftnav.flipvertical .flip .back {
			height: 192px
		}
		.leftnav.fliphorizontal .flip .back .txt-project, .leftnav.flipvertical .flip .back .txt-project {
			display: none
		}
		.leftnav .row-contact .input-prepend input {
			width: 406px
		}
		.leftnav .row-contact textarea {
			width: 454px
		}
		.leftnav .header {
			width: 0px
		}
		
		.leftnav .row-post .post_image {
			height: 208px
		}
		.leftnav .row-post:hover .post_image {
			height: 343px;
			-webkit-transition: all 100ms ease-out;
			-moz-transition: all 100ms ease-out;
			-o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;
		}
		.leftnav .navbar .nav > li > a {
			text-align: right
		}
		.leftnav .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
			text-align: right
		}
		/* People */
		.leftnav .people .last1 {
			width: 452px
		}
		.leftnav .people .last2 {
			width: 224px;
		}
		.leftnav .people .last3 {
			width: 905px;
		}
		.leftnav .people .last4 {
			width: 678px;
		}
		/* Blog */	
		.leftnav .row-post .preview {
			width: 70.5%
		}
	}
 @media (min-width: 979px) and (max-width: 1199px) {
		/* Portfolio */
		.section-portfolio #container {
			max-width: 970px;
			margin-left: -15px
		}
		.tab-content .container-portfolio {
			width: 970px!important;
			margin-left: -15px;
		}
		.row-contact .input-prepend input {
			width: 405px
		}
		.row-contact textarea {
			width: 455px
		}
		/* Our people */
		.people .last1 {
			width: 451px
		}
		.people .last2 {
			width: 226px
		}
		.people .last3 {
			width: 100%
		}
		.people .last4 {
			width: 678px
		}
		/* Blog */
		.post_image, .preview {
			float: left
		}
		.row-post .preview {
			width: 69.2%
		}
		/* Post */
		.comment-form input[type="text"] {
			width: 235px;
		}
		/* Right Nav General Setting */
		
		.leftnav .container {
			width: 700px
		}
		.leftnav section > .container, .leftnav .footer > .container {
			margin-left: 30px
		}
		
		.leftnav .col-md-4 {
			width: 100%
		}
		.leftnav .col-md-1, .leftnav .col-md-2, .leftnav .col-md-3, .leftnav .col-md-4, .leftnav .col-md-5, .leftnav .col-md-6, .leftnav .col-md-7, .leftnav .col-md-8, .leftnav .col-md-9, .leftnav .col-md-10, .leftnav .col-md-11, .leftnav .col-md-12 {
			width: 100%;
		}
		/*  Spacing between columns */
		.leftnav .col-md-6 + .col-md-6, .leftnav .col-md-3 + .col-md-3, .leftnav .col-md-8 + .col-md-4 {
			margin-top: 40px
		}
		/* Subnavigation for sections with children */
		.leftnav .section-wrap .subnavigation {
			position: static;
			max-width: none;
			margin: 0
		}
		.leftnav .section-wrap .container-wrap-subnav {
			float: left;
			margin-top: 30px
		}
		/* Portfolio */
		.leftnav .section-portfolio #container {
			max-width: 700px;
		}
		.leftnav .tab-content .container-portfolio {
			width: 700px!important;
		}
		.leftnav .container-portfolio .col-md-4 {
			width: 320px;
			height: 231px
		}
		.leftnav .container-portfolio .col-md-4 img {
			width: 290px;
			height: 195px
		}
		.leftnav.fliphorizontal .flip .back, .leftnav.flipvertical .flip .back, .leftnav.flipvertical .flip:hover .flip-content {
			height: 195px
		}
		/* People */
		.leftnav ul.people .last {
			display: none
		}
		/*  Remove marging popular pricing table */
		.leftnav .row-pack.popular {
			margin: 0px
		}
		/* Clients */
		.leftnav .section-clients .col-md-2, .leftnav .section-clients .col-md-4 {
			width: 33%;
			float: left;
			margin: 0px
		}
		.leftnav .section-clients .col-md-3 {
			width: 25%;
			float: left;
			margin: 0px
		}
		/* Blog */
		.leftnav .post_image, .leftnav .preview {
			float: left
		}
		.leftnav .post_image {
			width: 30%
		}
		.leftnav .row-post .preview {
			width: 70%
		}
		/* Footer Social */
		.leftnav #social-bottom {
			float: left
		}
		/* Post */
		.leftnav .comment-form .col-md-6 {
			width: 100%
		}
		.leftnav .comment-form input[type="text"] {
			width: 350px;
		}
		.leftnav .comment-form textarea {
			width: 100%;
			margin-bottom: 20px
		}
		.leftnav .comment-form .col-md-6 + .leftnav .col-md-6 {
			margin: 0px
		}
	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {
		/* Navigation responsive */
		.navbar-toggle {
			display: block
		}
		.navbar {
			position: relative
		}
		.navbar .nav {
			background-color: #fff;
			display: none
		}
		.navbar .nav > li > a:hover {
			color: #e2df04;
			background-color: #fff
		}
		.navbar-collapse {
			display: block;
			border: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.navbar-collapse .open {
			position: relative;
			overflow: hidden
		}
		.navbar-inner .nav li.dropdown.open > .dropdown-toggle {
			color: #fff
		}
		/*  Spacing between columns */
		.col-md-6 + .col-md-6, .col-md-3 + .col-md-3, .col-md-8 + .col-md-4 {
			margin-top: 40px
		}
		/* Subnavigation for sections with children */
		.section-wrap .subnavigation {
			position: static;
			max-width: none;
			margin: 0
		}
		.section-wrap .container-wrap-subnav {
			float: left;
			margin-top: 30px
		}
		/* Portfolio */
		.section-portfolio #container {
			max-width: 750px;
		}
		.tab-content .container-portfolio {
			width: 750px!important;
		}
		.container-portfolio .col-md-4 {
			width: 370px;
			height: 281px
		}
		.container-portfolio .col-md-4 img {
			width: 340px;
			height: 229px
		}
		.fliphorizontal .flip .back, .flipvertical .flip .back, .flipvertical .flip:hover .flip-content {
			height: 229px
		}
		/* People */
		ul.people .last {
			display: none
		}
		/*  Remove marging popular pricing table */
		.row-pack.popular {
			margin: 0px
		}
		/* Clients */
		.section-clients .col-md-2, .section-clients .col-md-4 {
			width: 33%;
			float: left;
			margin: 0px
		}
		.section-clients .col-md-3 {
			width: 25%;
			float: left;
			margin: 0px
		}
		/* Blog */
		.post_image, .preview {
			float: left
		}
		.row-post .preview {
			width: 75.2%
		}
		/* Footer Social */
		#social-bottom {
			float: left
		}
		/* Post */
		.comment-form .col-md-6 {
			width: 100%
		}
		.comment-form input[type="text"] {
			width: 350px;
		}
		.comment-form textarea {
			width: 100%;
			margin-bottom: 20px
		}
		.comment-form .col-md-6 + .col-md-6 {
			margin: 0px
		}
	}
 @media (max-width: 979px) {
		/* Displaying nav */
		.navbar-collapse .open > .dropdown-menu {
			display: block;
			background-color: transparent;
			padding: 0px;
			margin: 0 15px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.navbar-inner .navbar-collapse .nav > li {
			float: none
		}
		.navbar-inner .container, .navbar-collapse, .navbar-collapse.collapse {
			overflow: visible;
			float: none;
			margin: 0 0 10px;
			position: absolute;
			top: 40px;
			right: 0px
		}
		.nav .active a span:before, .nav .open a span, .nav .active a span:after, .nav .open a span:after {
			display: none
		}
		.open > .dropdown-menu {
			position: static
		}
		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
			color: #292930;
			padding: 9px 10px
		}
		/*  Remove marging popular pricing table */
		.row-pack.popular {
			margin: 0px
		}
		/* Single page dont display navigation */
		.single .navbar-toggle {
			display: none
		}
		/* Left navigation */
		.leftnav #brand{
			width:auto
		}
		
	}
 @media (max-width: 767px) {
		/* Navigation responsive */
		.navbar-toggle {
			display: block
		}
		.navbar {
			position: relative
		}
		.navbar .nav {
			background-color: #fff;
			display: none
		}
		.navbar .nav > li > a:hover {
			color: #e2df04;
			background-color: #fff
		}
		.navbar .nav li, .navbar .nav li:first-child{
			border:none
		}
		.navbar-collapse {
			display: block;
			border: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.navbar-collapse .open {
			position: relative;
			overflow: hidden
		}
		.navbar-inner .nav li.dropdown.open > .dropdown-toggle {
			color: #fff
		}
		/* Single page dont display navigation */
		.single .navbar-toggle {
			display: none
		}
		/* Portfolio */
		.section-portfolio #container {
			max-width: 724px;
		}
		.tab-content .container-portfolio {
			width: 724px!important;
		}
		.container-portfolio .col-md-4 {
			width: 330px;
			height: 252px
		}
		.container-portfolio .col-md-4 img {
			width: 300px;
			height: 202px
		}
		.fliphorizontal .flip .back, .flipvertical .flip .back, .flipvertical .flip:hover .flip-content {
			height: 202px
		}
		.container-portfolio .col-md-4 .txt-project {
			display: none
		}
		/*  Spacing between columns */
		.col-md-6 + .col-md-6, .col-md-3 + .col-md-3, .col-md-8 + .col-md-4 {
			margin-top: 40px
		}
		/* Subnavigation for sections with children */
		.section-wrap .subnavigation {
			position: static;
			max-width: none;
			margin: 0
		}
		.section-wrap .container-wrap-subnav {
			float: left;
			margin-top: 30px
		}
		/* Clients */
		.section-clients .col-md-2, .section-clients .col-md-4 {
			width: 50%;
			float: left;
			margin: 0px
		}
		.section-clients .col-md-3 {
			width: 50%;
			float: left;
			margin: 0px
		}
		/* Blog */
		.post_image, .preview {
			float: left
		}
		.row-post .preview {
			width: 66.5%
		}
		.row-post .preview .excerpt {
			display: none
		}
		.row-post .post_image {
			width: 33%;
			overflow: hidden
		}
		.row-post:hover, .row-post:hover .post_image {
			height: 178px;
			overflow: hidden;
		}
		/* Footer Social */
		#social-bottom {
			float: left
		}
		/* People */
		ul.people .person {
			width: 100%;
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: solid 1px #ccc;
			height: auto
		}
		ul.people .person a {
			width: 31%;
			float: left;
			display: block;
			overflow: hidden
		}
		ul.people .person a img {
			width: 100%
		}
		ul.people .person span {
			display: block;
			color: rgb(41,41,48);
			background: none;
			position: static;
			float: right;
			width: 63%;
			opacity: 1;
			filter: alpha(opacity=1);
			margin: -7px 0px 0px;
			padding: 0px;
			border: none;
			box-shadow: none
		}
		ul.people .person .card {
			float: right;
			width: 65%;
			position: static;
			height: auto;
			padding-top: 0
		}
		ul.people .person .info, .people .person .social-small {
			position: static;
			padding: 0;
			transition: 0
		}
		ul.people .person .info {
			padding-bottom: 10px;
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person :hover .info {
			transition: 0;
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person .social-small {
			opacity: 1;
			filter: alpha(opacity=1);
		}
		ul.people .person .social-small li {
			background-color: #292930
		}
		ul.people .person :hover .social-small {
			opacity: 1;
			filter: alpha(opacity=1);
			transition: 0
		}
		ul.people .last {
			display: none
		}
		ul.people .person span:before, .people .person span:after {
			border: 0px
		}
		ul.people .txt-saying {
			display: block
		}
	}
 @media (max-width: 480px) {
	 	.subheader {
			display: none;
		}
		
			.firstb {
				padding-top: 10px;
		opacity: 1;
		display: block
	}
	
	.navbar .nobg .last {
		opacity: 0;
		display:none}
		
		/* Fullscreen Sliders */
		.flexslider-fullscreen .flex-direction-nav{ display:none }
		.txt-wrap h1{ font-size:50px; line-height:59px }
		.txt-wrap h2{ font-size:30px; line-height:38px}
	 
		/* Portfolio */
		.section-portfolio #container {
			max-width: 412px;
		}
		.tab-content .container-portfolio {
			width: 412px!important;
		}
		/* People */
		.people .person img {
			width: 32%
		}
		/* Contact */
		.row-contact .input-prepend input {
			width: 317px
		}
		.row-contact textarea {
			width: 364px
		}
		.section-message1 .box .box-content {
			min-height: auto;
			padding-top: 40px;
			text-align: center
		}
		.section-message1 .box .box-content h4 {
			width: 100%
		}
		.section-message1 .box .box-content .btn {
			float: none
		}
		
		.row-post .post_image{
			display:none
		}
		.row-post .preview{
			width:100%;
			padding-bottom:20px
		}
		.row-post:hover, .row-post:hover .post_image{
			height:auto
		}
		/* Style switcher */
		.switch-style{ display:none}
	}
 @media (max-width: 320px) {
	 

		
	 	/* Header */
		.subheader{ display:none}
		
	 	/* Fullscreen Sliders */
		.flexslider-fullscreen .flex-direction-nav{ display:none }
		.txt-wrap h1{ font-size:36px; line-height:52px }
		.txt-wrap h2{ font-size:22px; line-height:28px}
		.txt-wrap .btn{ display:none}
	 
	 	/* Section headers  */
		.section-wrap .container-wrap-title h2{
			font-size:49px
		}
	 
		/* Portfolio */
		.section-portfolio #container {
			max-width: 280px;
		}
		.tab-content .container-portfolio {
			width: 280px!important;
		}
		.container-portfolio .col-md-4 {
			width: 280px;
			height: 215px
		}
		.container-portfolio .col-md-4 img {
			width: 260px;
			height: 175px
		}
		.fliphorizontal .flip .back, .flipvertical .flip .back {
			height: 175px
		}
		.container-portfolio .col-md-4 .txt-project {
			display: none
		}
		
		/* Blog */
		.row-post:hover, .row-post:hover .post_image{
			height:auto
		}
		.row-post .post_image {
			display: none
		}
		.row-post .preview {
			float: none;
			width: auto;
			padding: 20px
		}
		.row-post .preview .post_title {
			margin-top: 0px
		}
		/* Contact */
		.row-contact .input-prepend input {
			width: 204px
		}
		.row-contact textarea {
			width: 274px
		}
		.row-contact .box-map {
			height: auto
		}
		.contact-info {
			width: auto;
			position: static
		}
		/* Post */
		.comment-form input[type="text"] {
			width: 204px;
		}
		.comment-form textarea {
			width: 254px;
			margin-bottom: 20px
		}
		.comment-form .col-md-6 + .col-md-6 {
			margin: 0px
		}
	}

/* === header position === */


.position-img-outer
{
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
}
 .position-img-outer .position-img-inner
{
    display: inline-block;
    position: relative;
    right: -50%;
}
.position-img-outer .position-img-inner .position-img
{
    position: relative;
    left: -50%;
}



/* === 2.1 COUNTDOWN TIMER === */

#space65{
  display: block;
  height: 65px; /*same height as header*/
  margin-top: -65px; /*same height as header*/
  visibility: hidden;
}


#qcEventCountDown {
    position: relative;
    background: #ff4e00;
    margin: 0 auto;
}
.dash {
    float: left;
    position: relative;
    width: 25%;
    height: 100px;
    border-right: 0;
    text-align: center;
    box-shadow: 1px 0 0 rgba(0,0,0,0.2);
}
.dash:last-child {
    margin-right: 0;
}
.digits {
    display: block;
    position: relative;
    height: 100px;
    color: #f57879;
}
.days_dash .digits {
    margin-left: -20px;
}
.digit {
    position: absolute;
    width: 100%;
    font: 600 36px/70px "Open sans", Arial, sans-serif;
    margin-right: 10px;
}
.digit-1 {
    margin-left: -10px;
}
.digit-2 {
    margin-left: 10px;
}
.digit-3 {
    margin-left: 30px;
}
.dash_title {
    display: block;
    position: relative;
    width: 100%;
    color: #ffe24c;
    font: 500 10px/30px "Open sans", Helvetica, sans-serif;
    background: #6f75a5;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

/*	Clearing
	--------	*/

.qcContainer:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix:before,.clearfix:after,.row:before,.row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.row:after,.clearfix:after {
	clear:both;
}

.row,.clearfix {
	zoom:1;
}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}