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

	Theme Name: Morphis
	Theme URI: http://themes.pastelfriday.com/wp/morphis_landing/
	Description: A premium responsive WordPress theme for creatives.
	Author: Jan Intia
	Author URI: http://themeforest.net/user/janintia
	Tags: black, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-colors, custom-menu, theme-options, threaded-comments, translation-ready, photoblogging
	Version: 2.0.1
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
--------------------------------------------------------------------------

Table of Contents
==================================================
(1) Responsive Layout
(2) Reset
(3) Site Styles
(4) Page Styles
(5) WordPress Specific styles
(6) Media Queries
(7) #Font-Face 
	

	
	
	
(1) Responsive Layout: =1
================================================== 	
(1.1) Base 960 Grid - 16 columns 	=BASE
(1.2) Tablet (Portrait)				=TABLET-PORTRAIT
(1.3) Mobile (Portrait)				=MOBILE-PORTRAIT
(1.4) Mobile (Landscape)			=MOBILE-LANDSCAPE
(1.5) Clearing 						=CLEARING

		
*/

/* (1.1) Base 960 Grid - 16 columns: =BASE
----------------------------------------------- */

.container { 		
	margin: 0 auto; 
	padding: 0; 
	position: relative; 
	width: 960px; 
}

.column, 
.columns { 
	display: inline; 
	float: left;  
	margin-left: 10px; 
	margin-right: 10px; 
}

.row { margin-bottom: 40px; }

/* Nested Column Classes */
.column.alpha, 
.columns.alpha { margin-left: 0; }

.column.omega, 
.columns.omega { margin-right: 0; }

/* Base Grid */
.container .one.column { width: 40px; }  
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns  { width: 880px; }
.container .sixteen.columns  { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }

/* Offsets */
.container .offset-by-one { padding-left: 60px;  }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
	
	


/* (1.5) Clearing: =CLEARING
----------------------------------------------- */
   
/* Self Clearing Goodness */
.container:after { 
	clear: both; 
	content: "\0020"; 
	display: block; 
	height: 0; 	
	visibility: hidden;
}

/* 
Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> 
*/

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


/* 
(2) Reset: =2
================================================== 
	(2.1) Reset & Basics				=RESET
	(2.2) Basic Styles					=BASIC
	(2.3) Typography					=TYPO
	(2.4) Links							=LINKS
	(2.5) Lists							=LISTS
	(2.6) Tables						=TABLES
	(2.7) Images						=IMAGES
	(2.8) Buttons						=BUTTONS
	(2.9) Tabs, Accordion, etc...		=TABS
	(2.10) Forms						=FORMS	
	(2.11) Misc 						=MISC
*/


/* (2.1) Reset & Basics: =RESET
----------------------------------------------- */	 
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;	
	vertical-align: baseline; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none; 
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}


/* (2.2) Basic Styles: =BASIC
----------------------------------------------- */	 
	   
body {		
	font: 12px/1.667em Georgia, serif;				
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;		
}
	
	
/* (2.3) Typography: =TYPO
----------------------------------------------- */	
	   
/* Headings */
h1, h2, h3, h4, h5, h6 { word-spacing: 2px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { 
	font-size:2em; 
	line-height: 0.834em; 
	margin-bottom: 20px; 
}

h2 {
	font-size:1.833em; 
	line-height: 0.909em; 	
	margin-bottom:20px;
}

h3 {
	font-size:1.667em; 
	line-height: 1em; 	
	margin-bottom:20px;
}

h4 {
	font-size:1.5em; 
	line-height: 1.111em; 
	margin-bottom:20px;
}

h5 {
	font-size:1.333em;
	line-height:1.25em; 
	margin-bottom: 20px; 
}

h6 {
	font-size:1.167em; 
	line-height: 1.428em; 
	margin-bottom: 20px;
}

/* Paragraph */
p { 
	font-size: 12px; 
	line-height: 1.667em; 
	margin: 0 0 20px;  
}

p img { margin: 0 0 20px; }

/* Other Texts Styling */
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
b { font-weight: 100; }
i { font-style: italic; }

/* Horizontal Lines */
hr, hr.double { 
	border-top: none; 
	border-right: none; 
	border-left: none; 	
	clear: both; 
	height: 0; 
	margin: 0 0 40px; 	
}

	
/* (2.4) Links: =LINKS
----------------------------------------------- */	

a { 
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;	
	-webkit-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
	text-decoration: none; 
	outline: 0; 
}

p a { line-height: inherit; }


/* (2.5) Lists: =LISTS
----------------------------------------------- */	
	   
ul, 
ol, 
dl { margin-bottom: 2.857em; }

ul { list-style: none outside; }

ol { list-style: decimal; }

ol, 
ul.circle, 
ul.disc, 
ul.square { 
	margin-left: 0px; 
	padding-left: 13px; 
}

ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul.square { list-style: square outside; }

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

li { 
	line-height: 1.667em; 
	margin-bottom: 0px; 
}

dt { font-weight: bold; }	
dd { margin-bottom: 20px; }

ul.no-style li { background-image: none; } 

ul.list-arrows li { 
	background: transparent url('images/list/arrow-marks.png') no-repeat top left; 
	padding-left: 20px; 
}

ul.list-check li { 
	background: transparent url('images/list/check.png') no-repeat top left; 
	padding-left: 20px; 
} 

ul.list-bullets li { 
	background: transparent url('images/list/bullet.png') no-repeat top left; 
	padding-left: 20px; 
}

ul.list-comment li, 
ul#recentcomments li { 
	background: transparent url('images/list/comment-icon.png') no-repeat top left; 
	padding-left: 25px; 
}

ul.centered li { text-align: center; }
	

/* (2.6) Tables: =TABLES
----------------------------------------------- */	
   
table {
	margin: 0 0 20px 0;
	padding: 0 5px;
	text-align: left;		
	width: 100%;		
}

th,
td {
	padding: 5px;
	text-align: center;	
	vertical-align: middle;	
}

thead th{
	border: none;		
	font-size: 14px;
	font-weight: 700;	
	padding: 10px 5px;
}


/* (2.7) Images: =IMAGES
----------------------------------------------- */	
   
img.scale-with-grid {
	height: auto; 
	max-width: 100%;
}


/* (2.8) Buttons: =BUTTONS
----------------------------------------------- */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;	
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	margin-bottom: 40px;	
	padding: 9px 12px!important;  
	text-decoration: none;
	font-family: Arial, sans-serif;
	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9) to(#ededed)); /*old webkit*/
	background: -webkit-linear-gradient(#f9f9f9, #ededed); /*new webkit*/
	background: -moz-linear-gradient(#f9f9f9, #ededed); /*gecko*/
	background: -ms-linear-gradient(#f9f9f9, #ededed); /*IE10*/
	background: -o-linear-gradient(#f9f9f9, #ededed); /*opera 11.10+*/
	background: linear-gradient(#f9f9f9, #ededed); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f9f9f9, #ededed); /*PIE*/	
	border: 1px solid #d3d3d3;		
	color: #717171;
	text-shadow: 1px 1px 0px #f8f8f8;
	
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {	
	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed) to(#f9f9f9)); /*old webkit*/
	background: -webkit-linear-gradient(#ededed, #f9f9f9); /*new webkit*/
	background: -moz-linear-gradient(#ededed, #f9f9f9); /*gecko*/
	background: -ms-linear-gradient(#ededed, #f9f9f9); /*IE10*/
	background: -o-linear-gradient(#ededed, #f9f9f9); /*opera 11.10+*/
	background: linear-gradient(#ededed, #f9f9f9); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#ededed, #f9f9f9); /*PIE*/	
	border: 1px solid #d3d3d3;	
	color: #717171;	
}


.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; 
	width: 100%;
}
	
.button.small {		
	cursor: pointer;	
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;	
	padding: 7px 12px;
}

.button.medium {		
	cursor: pointer;	
	display: inline-block;	
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 10px 20px 0;
	padding: 11px 15px;
}

.button.big {		
	cursor: pointer;	
	display:inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 10px 20px 0;
	padding: 15px 20px;	
}

.button, 
input.button,
input.button[type="submit"],
input.button[type="reset"],
input.button[type="button"] {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;			
	box-shadow: #e3e3e3 0 1px 1px;	
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.1),
		inset 0px 1px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.1),
		inset 0px 1px 1px rgba(255,255,255,0.7);							
}

.button.orange {
	background: #febd4b; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fed970) to(#febd4b)); /*old webkit*/
	background: -webkit-linear-gradient(#fed970, #febd4b); /*new webkit*/
	background: -moz-linear-gradient(#fed970, #febd4b); /*gecko*/
	background: -ms-linear-gradient(#fed970, #febd4b); /*IE10*/
	background: -o-linear-gradient(#fed970, #febd4b); /*opera 11.10+*/
	background: linear-gradient(#fed970, #febd4b); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fed970, #febd4b); /*PIE*/
	border: 1px solid #d6a437;	
	color: #7c5d1b;
	text-shadow: 1px 1px 0px #ffe8b2;
}

.button.orange:hover {	
	background: #febd4b; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#febd4b) to(#fed970)); /*old webkit*/
	background: -webkit-linear-gradient(#febd4b, #fed970); /*new webkit*/
	background: -moz-linear-gradient(#febd4b, #fed970); /*gecko*/
	background: -ms-linear-gradient(#febd4b, #fed970); /*IE10*/
	background: -o-linear-gradient(#febd4b, #fed970); /*opera 11.10+*/
	background: linear-gradient(#febd4b, #fed970); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#febd4b, #fed970); /*PIE*/		
	border: 1px solid #d6a437;	
	color: #7c5d1b;
}

.button.yellow {
	background: #feed7a; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#feed7a) to(#fedb5e)); /*old webkit*/
	background: -webkit-linear-gradient(#feed7a, #fedb5e); /*new webkit*/
	background: -moz-linear-gradient(#feed7a, #fedb5e); /*gecko*/
	background: -ms-linear-gradient(#feed7a, #fedb5e); /*IE10*/
	background: -o-linear-gradient(#feed7a, #fedb5e); /*opera 11.10+*/
	background: linear-gradient(#feed7a, #fedb5e); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#feed7a, #fedb5e); /*PIE*/
	border: 1px solid #dac34b;	
	color: #897931;
	text-shadow: 1px 1px 0px #ffefcb;
}

.button.yellow:hover {
	background: #fedb5e; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fedb5e) to(#feed7a)); /*old webkit*/
	background: -webkit-linear-gradient(#fedb5e, #feed7a); /*new webkit*/
	background: -moz-linear-gradient(#fedb5e, #feed7a); /*gecko*/
	background: -ms-linear-gradient(#fedb5e, #feed7a); /*IE10*/
	background: -o-linear-gradient(#fedb5e, #feed7a); /*opera 11.10+*/
	background: linear-gradient(#fedb5e, #feed7a); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fedb5e, #feed7a); /*PIE*/	
	border: 1px solid #dac34b;	
	color: #897931;
}

.button.red {
	background: #fe5d62; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fe8781) to(#fe5d62)); /*old webkit*/
	background: -webkit-linear-gradient(#fe8781, #fe5d62); /*new webkit*/
	background: -moz-linear-gradient(#fe8781, #fe5d62); /*gecko*/
	background: -ms-linear-gradient(#fe8781, #fe5d62); /*IE10*/
	background: -o-linear-gradient(#fe8781, #fe5d62); /*opera 11.10+*/
	background: linear-gradient(#fe8781, #fe5d62); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fe8781, #fe5d62); /*PIE*/
	border: 1px solid #dc5653;	
	color: #993333;
	text-shadow: 1px 1px 0px #ffb5b6;	
}

.button.red:hover {
	background: #fe5d62; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fe5d62) to(#fe8781)); /*old webkit*/
	background: -webkit-linear-gradient(#fe5d62, #fe8781); /*new webkit*/
	background: -moz-linear-gradient(#fe5d62, #fe8781); /*gecko*/
	background: -ms-linear-gradient(#fe5d62, #fe8781); /*IE10*/
	background: -o-linear-gradient(#fe5d62, #fe8781); /*opera 11.10+*/
	background: linear-gradient(#fe5d62, #fe8781); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fe5d62, #fe8781); /*PIE*/	
	border: 1px solid #dc5653;	
	color: #993333;
}

.button.purple {
	background: #f264eb; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd81eb) to(#f264eb)); /*old webkit*/
	background: -webkit-linear-gradient(#fd81eb, #f264eb); /*new webkit*/
	background: -moz-linear-gradient(#fd81eb, #f264eb); /*gecko*/
	background: -ms-linear-gradient(#fd81eb, #f264eb); /*IE10*/
	background: -o-linear-gradient(#fd81eb, #f264eb); /*opera 11.10+*/
	background: linear-gradient(#fd81eb, #f264eb); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fd81eb, #f264eb); /*PIE*/	
	border: 1px solid #dc53ce;	
	color: #993333;
	text-shadow: 1px 1px 0px #fbb6f5;
}

.button.purple:hover {	
	background: #f264eb; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f264eb) to(#fd81eb)); /*old webkit*/
	background: -webkit-linear-gradient(#f264eb, #fd81eb); /*new webkit*/
	background: -moz-linear-gradient(#f264eb, #fd81eb); /*gecko*/
	background: -ms-linear-gradient(#f264eb, #fd81eb); /*IE10*/
	background: -o-linear-gradient(#f264eb, #fd81eb); /*opera 11.10+*/
	background: linear-gradient(#f264eb, #fd81eb); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f264eb, #fd81eb); /*PIE*/		
	border: 1px solid #dc53ce;	
	color: #993333;
}

.button.green {	
	background: #a7e059; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#baf765) to(#a7e059)); /*old webkit*/
	background: -webkit-linear-gradient(#baf765, #a7e059); /*new webkit*/
	background: -moz-linear-gradient(#baf765, #a7e059); /*gecko*/
	background: -ms-linear-gradient(#baf765, #a7e059); /*IE10*/
	background: -o-linear-gradient(#baf765, #a7e059); /*opera 11.10+*/
	background: linear-gradient(#baf765, #a7e059); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#baf765, #a7e059); /*PIE*/
	border: 1px solid #86be46;	
	color: #587930;
	text-shadow: 1px 1px 0px #d6f3ae;
}

.button.green:hover {		
	background: #a7e059; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#a7e059) to(#baf765)); /*old webkit*/
	background: -webkit-linear-gradient(#a7e059, #baf765); /*new webkit*/
	background: -moz-linear-gradient(#a7e059, #baf765); /*gecko*/
	background: -ms-linear-gradient(#a7e059, #baf765); /*IE10*/
	background: -o-linear-gradient(#a7e059, #baf765); /*opera 11.10+*/
	background: linear-gradient(#a7e059, #baf765); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#a7e059, #baf765); /*PIE*/		
	border: 1px solid #86be46;
	color: #587930;
}

.button.blue {	
	background: #5ccded; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ad6fc) to(#5ccded)); /*old webkit*/
	background: -webkit-linear-gradient(#7ad6fc, #5ccded); /*new webkit*/
	background: -moz-linear-gradient(#7ad6fc, #5ccded); /*gecko*/
	background: -ms-linear-gradient(#7ad6fc, #5ccded); /*IE10*/
	background: -o-linear-gradient(#7ad6fc, #5ccded); /*opera 11.10+*/
	background: linear-gradient(#7ad6fc, #5ccded); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#7ad6fc, #5ccded); /*PIE*/		
	border: 1px solid #4bb6da;		
	color: #3c7389;
	text-shadow: 1px 1px 0px #b3e8f9;
}

.button.blue:hover {	
	background: #5ccded; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5ccded) to(#7ad6fc)); /*old webkit*/
	background: -webkit-linear-gradient(#5ccded, #7ad6fc); /*new webkit*/
	background: -moz-linear-gradient(#5ccded, #7ad6fc); /*gecko*/
	background: -ms-linear-gradient(#5ccded, #7ad6fc); /*IE10*/
	background: -o-linear-gradient(#5ccded, #7ad6fc); /*opera 11.10+*/
	background: linear-gradient(#5ccded, #7ad6fc); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#5ccded, #7ad6fc); /*PIE*/		
	border: 1px solid #4bb6da;	
	color: #3c7389;
}

.button.white {	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9) to(#ededed)); /*old webkit*/
	background: -webkit-linear-gradient(#f9f9f9, #ededed); /*new webkit*/
	background: -moz-linear-gradient(#f9f9f9, #ededed); /*gecko*/
	background: -ms-linear-gradient(#f9f9f9, #ededed); /*IE10*/
	background: -o-linear-gradient(#f9f9f9, #ededed); /*opera 11.10+*/
	background: linear-gradient(#f9f9f9, #ededed); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f9f9f9, #ededed); /*PIE*/	
	border: 1px solid #d3d3d3;		
	color: #717171;
	text-shadow: 1px 1px 0px #f8f8f8;
}

.button.white:hover {	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed) to(#f9f9f9)); /*old webkit*/
	background: -webkit-linear-gradient(#ededed, #f9f9f9); /*new webkit*/
	background: -moz-linear-gradient(#ededed, #f9f9f9); /*gecko*/
	background: -ms-linear-gradient(#ededed, #f9f9f9); /*IE10*/
	background: -o-linear-gradient(#ededed, #f9f9f9); /*opera 11.10+*/
	background: linear-gradient(#ededed, #f9f9f9); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#ededed, #f9f9f9); /*PIE*/	
	border: 1px solid #d3d3d3;	
	color: #717171;	
}

.button.black,
input.button,
input.button[type="submit"],
input.button[type="reset"],
input.button[type="button"] {	
	background: #616161; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#848484) to(#616161)); /*old webkit*/
	background: -webkit-linear-gradient(#848484, #616161); /*new webkit*/
	background: -moz-linear-gradient(#848484, #616161); /*gecko*/
	background: -ms-linear-gradient(#848484, #616161); /*IE10*/
	background: -o-linear-gradient(#848484, #616161); /*opera 11.10+*/
	background: linear-gradient(#848484, #616161); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#848484, #616161); /*PIE*/
	border: 1px solid #464646;				
	color: #fff;
	text-shadow: 1px 1px 0px #1f1f1f;
}

.button.black:hover,
input.button:hover,
input.button[type="submit"]:hover,
input.button[type="reset"]:hover,
input.button[type="button"]:hover {	
	background: #616161; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#616161) to(#848484)); /*old webkit*/
	background: -webkit-linear-gradient(#616161, #848484); /*new webkit*/
	background: -moz-linear-gradient(#616161, #848484); /*gecko*/
	background: -ms-linear-gradient(#616161, #848484); /*IE10*/
	background: -o-linear-gradient(#616161, #848484); /*opera 11.10+*/
	background: linear-gradient(#616161, #848484); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#616161, #848484); /*PIE*/	
	border: 1px solid #464646;	
	color: #fff;	
}


/* (2.9) Tabs, Accordions, Price Boxes, 
		 Call Out Boxes, Info Boxes, 
		 Number Columns: =BOXES
----------------------------------------------- */

ul.tabs { 
	display: block; 
	margin: 0; 
	padding: 0; 
}

ul.tabs li { 
	display: block; 		
	float: left; 
	margin-bottom: 0; 
	padding: 0; 
	width: auto; 
	height: 30px; 
}

ul.tabs li a { 
	border-width: 1px 1px 0 0; 
	display: block; 
	font-size: 13px; 
	line-height: 30px; 	
	margin: 0; 
	padding: 0px 20px; 
	text-decoration: none; 	
	width: auto; 
	height: 29px; 
}

ul.tabs li a.active { 
	-moz-border-radius-topleft: 1px;
	-webkit-border-top-left-radius: 1px; 
	border-top-left-radius: 1px; 
	-moz-border-radius-topright: 1px; 
	-webkit-border-top-right-radius: 1px; 
	border-top-right-radius: 1px; 
	border-left-width: 1px; 
	height: 30px;	
	margin: 0 0 0 -1px; 
	padding-top: 4px; 
	position: relative;	
		top: -4px; 	
}
	
ul.tabs li:first-child a.active { margin-left: 0; }

ul.tabs li:first-child a { 
	border-width: 1px 1px 0 1px;	
	-moz-border-radius-topleft: 1px; 
	-webkit-border-top-left-radius: 1px; 
	border-top-left-radius: 1px; 
}

ul.tabs li:last-child a { 
	-moz-border-radius-topright: 1px; 
	-webkit-border-top-right-radius: 1px; 
	border-top-right-radius: 1px; 
}

ul.tabs-content { 
	display: block; 
	margin: 0 0 20px; 
	padding: 20px; 	
}

ul.tabs-content > li { display: none; }

ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after { 
	content: '\0020'; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0; 
}

ul.tabs:after { clear: both; }

ul.tabs { zoom: 1; }
  
/* Accordion */
#accordion { 
	display: block; 
	margin: 0 0 20px 0; 
	position: relative; 
}

#accordion .accordion-button { 
	display: block; 
	margin: 0 0 2px 0; 
	padding: 0; 
}		

#accordion .accordion-button a { 
	border-width: 1px 1px 0 0; 
	display: block; 
	font-size: 13px; 	
	line-height: 30px; 	
	margin: 0; 	
	padding: 5px 20px; 
	text-decoration: none; 	
	width: auto; 
	height: 29px; 
}	

#accordion .accordion-content { 
	display: block;
	margin-bottom: 10px; 
	padding: 20px; 
}	

.remove-margin-button { margin: 0; }

/* Price Boxes */
#price-boxes { 
	display: block; 
	margin: 0 0 40px 0;
	position:relative;  
}

#price-boxes .price-box { 
	display: block; 
	margin-bottom: 40px; 
	position:relative; 
}	

#price-boxes .plan { 
	-moz-border-radius-topleft: 2px; 
	-moz-border-radius-topright: 2px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-radius: 2px 2px 0px 0px; 
	border-radius: 2px 2px 0px 0px; 
	display: block; 
	padding: 20px; 	
}

#price-boxes .plan .title { 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	text-align: center; 
	margin-bottom:40px; 
}

#price-boxes .plan .title h5 { 
	margin: 0; 
	padding: 10px; 
	text-transform: capitalize; 	
}

#price-boxes .plan .price { 	
	margin: 20px; 
	position: relative; 
}	

#price-boxes .plan .price .number { 
	display: block; 
	font-size: 3em; 
	margin-bottom: 0; 
	padding-left: 10px; 
	text-align: center; 	
} 

#price-boxes .plan .price .number .currency, 
#price-boxes .plan .price .number .periodic { font-size: 16px; } 

#price-boxes .plan .periodic-detail p { 
	margin-bottom: 0; 
	text-align:center;
}

#price-boxes .plan-detail { 
	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 0px; 
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px; 
	-webkit-border-radius: 0px 0px 2px 2px; 
	border-radius: 0px 0px 2px 2px; 	
	margin-bottom: 20px; 
	padding: 20px; 	
	text-align:center; 
}	

#price-boxes .plan-detail p.info { 	
	margin-bottom: 20px; 
	padding-bottom: 10px; 
	text-align: center; 
}

#price-boxes .plan-detail ul li { margin: 10px 0; }

#price-boxes .plan-detail .button { margin: 0; }

/* Call Out Boxes */
#call-out { 
	display: block;	
	padding: 20px; 
	position: relative; 
}

#call-out.right { 
	float: right; 
	margin: 0 0 20px 20px; 
}

#call-out.left { 
	float: left; 
	margin: 0 20px 20px 0; 
}

#call-out p { margin: 0; }	

/* Info Boxes */
#info-box { 	
	display: block; 
	height: auto; 
	margin-bottom: 20px; 
	min-height: 50px;  
	position: relative; 		
}

#info-box .info-box { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	display: block; 
	height: auto; 
	min-height: 50px; 
	position: relative; 
}		

#info-box .info-box p { 
	display: block; 
	margin: 20px 50px; 
	min-height: 100%; 
	padding:0 15px; 
}	

.tip .info-icon, 
.error .info-icon, 
.note .info-icon, 
.inform .info-icon, 
.setting .info-icon { 
	display: block; 
	line-height: 1em; 
	position: absolute; 
}

.tip  .info-close-icon, 
.error  .info-close-icon, 
.note  .info-close-icon, 
.inform  .info-close-icon, 
.setting  .info-close-icon { 
	display: block; 
	font-size: 26px; 
	line-height: 1em; 
	position: absolute; 
		top: 0.8em; 
		right: 0.5em; 
	width: 26px; 
	height: 26px; 
}	

.tip .info-icon { 	
	font-size: 22px; 
		top: 1em; 
		left: 0.5em; 
	width: 23px; 
	height: 22px; 
}

.error .info-icon { 
	font-size: 18px; 		
		top: 1.3em; 
		left: 0.8em; 
	width: 18px; 
	height: 18px; 	
}

.note .info-icon { 	
	font-size: 21px; 
		top: 1em; 
		left: 0.7em; 
	width: 21px; 
	height: 21px; 
}		

.inform .info-icon { 	
	font-size: 21px; 
		top: 1em; 
		left: 0.6em; 
	width: 23px; 
	height: 21px; 
}	

.setting .info-icon { 	 
	font-size: 27px; 
		top: 0.7em; 
		left: 0.5em; 
	width: 27px; 
	height: 27px;
}	

/* Number Columns */
#number-column { 
	display:block; 
	position: relative; 
}

#number-column .number-column-item { 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	display:block; 
	float: left;
	margin: 0 20px 20px 0; 
	position: relative; 
	width: 40px; 
	height: 40px; 
}	

#number-column .number-column-item span.number { 
	font-size: 38px; 
	height: 1em; 
	line-height: 1em; 	
	margin-left: 0.35em; 
} 
	

/* (2.10) Forms: =FORMS
----------------------------------------------- */

form { margin-bottom: 20px; }

fieldset {	margin-bottom: 20px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select { 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	display: block;		
	font: 12px  Georgia, serif; 
	margin: 0; 
	margin-bottom: 20px; 		
	max-width: 100%; 
	outline: none; 
	padding: 10px 10px; 	
	width: 210px;			
}

select { padding: 5px; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus { 
	-webkit-transition: all 0.6s linear; 
	-moz-transition: all 0.6s linear; 
	-ms-transition: all 0.6s linear; 
	-o-transition: all 0.6s linear; 
	transition: all 0.6s linear; 
}

textarea { 
	min-width: 100%;
	min-height: 60px; 
}

label,
legend { 
	display: block; 
	font-size: 13px; 
}

select { width: 220px; }

input[type="checkbox"] { display: inline; }

label span,
legend span { 
	font-weight: normal; 
	font-size: 13px; 
}


/* (2.11) Miscellaneous: =MISC
----------------------------------------------- */
   
 pre { padding: 20px; } 
 
.remove-bottom { margin-bottom: 0; }

.half-bottom { margin-bottom: 20px; }

.add-bottom { margin-bottom: 40px; }

.add-bottom-full { margin-bottom: 60px; }

.half-top { margin-top: 20px; }

.add-top { margin-top: 40px; }

.bottom-list, 
.bottom { margin-bottom: 0px; }

.move-right { float: right; }
	
	
/* (3) Site Styles: =3
================================================== 
				
				
/* Main Container: =MAIN-CONT
----------------------------------------------- */

#main { margin-bottom: 0px; }

.container { margin-bottom: 0px; }	


/* Header Container: =HEADER-CONT
----------------------------------------------- */

header { 
	margin: 60px 0; 
	padding: 0; 
}

header#branding .logo { 
	display: block; 	
	margin: 0;
	position: relative; 	
}

header .logo {
	font-size: 2em;
}

header#branding .container-frame {
	margin-bottom: 20px;
}

/* Navigation: =NAV
----------------------------------------------- */

#nav-container nav { 	
	text-align: left; 
	width: auto; 
	zoom: 1; 
}

#nav-container nav:before, 
#nav-container nav:after { 
	content: "";
	display: table;  
	zoom: 1; 
}

#nav-container nav:after { clear: both; }

#nav-container nav ul { 
	float: left; 	
	width: auto; 
	z-index: 100; 
	zoom: 1; 
}

#nav-container nav ul:before, 
#nav-container ul.menu:after { 
	content: ""; 
	display: table; 
	zoom: 1; 
}
	
#nav-container nav ul:after { clear: both; }

#nav-container nav ul li { 
	float: left; 	
	line-height: 20px; 
	outline: none; 
	padding: 0; 
	position: relative; 
}

#nav-container nav ul a { 
	display: block; 
	float: left;
	outline: none; 
	padding: 5px 10px 10px 120px; 
	zoom: 1; 
}

#nav-container nav ul a:link { 
	outline: none; 
	text-decoration: none; 	
}

#nav-container nav ul a:hover { 		
	-webkit-transition: .2s all ease-in-out; 
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out; 
	transition: .2s all ease-in-out; 
	text-decoration: none; 
}

#nav-container nav ul { 
	display: block; 
	float: right; 
	margin-bottom: 0; 
	zoom: 1; 	
}
	
#nav-container nav ul li { 
	float: left; 
	margin: 30px 0 0px 20px; 
}

#nav-container nav ul li {	
	list-style-type:none; 
	margin: 0 0 0 1em; 
	padding: 0 0 0 0.2em; 
}

#nav-container nav ul li:first-child { border-left:none; }

#nav-container nav ul li:last-child a { padding-right: 0; } 

#nav-container nav ul li a { 
	display: block;
	padding: 0px 0px; 
}	

#nav-container nav ul li a { 
	font-weight: normal; 
	padding: 5px 5px; 
} 

#nav-container nav ul > li a { 
	font-size: 12px; 
	text-transform: uppercase; 
}

#nav-container nav ul li ul > li a { text-transform: capitalize;  }

#nav-container nav ul li a:hover { 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; 
}	

#nav-container nav select { 
	-webkit-appearance: button; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	-webkit-padding-end: 20px; 
	-webkit-padding-start: 2px;
	-webkit-user-select: none; 
	background-position: center right; 
	background-repeat: no-repeat;	
	display: none; 
	font-size: 14px;
	overflow: hidden; 
	padding: 10px; 
	text-overflow: ellipsis; 
	white-space: nowrap;	
}	

#nav-container nav ul { line-height: 21px; }

#nav-container nav ul li ul {	
	display: none;	
	margin: 0; 
	margin-left: 8px; 
	position: absolute; 
		top: 41px; 
		left: 0px; 
	width: 200px; 
	z-index: 9999; 
	zoom: 1; 	
}

#nav-container nav ul li ul:before, 
#nav-container nav li ul:after { 
	display: table; 
	content: ""; zoom: 1; 
}

#nav-container nav ul li ul:after { clear: both; }

#nav-container nav ul li ul > li a { 
	display: block;
	font-style: normal; 
	font-size: 12px; 
	line-height: 12px; 	
	padding: 12px; 	
}

#nav-container nav ul li ul > li a:hover { 
	-webkit-box-shadow: none;	
	-moz-box-shadow: none; box-shadow: none; 
	padding-left: 15px; 
}	

#nav-container nav ul li ul a { float: none; }

#nav-container nav ul li ul li { 
	border-left: none !important; 
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
}

#nav-container nav ul li ul li ul { 
	display: none; 
	top: 0px; 
	left: 200px !important; 
	margin: 0; 
}


/* Text Transforms: =TRANSF
----------------------------------------------- */

.all-caps { text-transform: uppercase; }
.all-lower { text-transform: lowercase; }


/* Highlights: =HIGH
----------------------------------------------- */

/* Safari */
::selection { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
} 

/* Firefox */
::-moz-selection { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
} 

::-webkit-selection {  
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
}	

.highlight-text { text-shadow: none; }

.highlight-red { 
	background: #fe6c6c; 
	color: #fff; 
}

.highlight-black { 
	background: #000; 
	color: #fff; 
}

.highlight-white { 
	background: #e3e1e1; 
	color: #000; 
}

.highlight-blue { 
	background: #77d9f5; 
	color: #333; 
}

.highlight-green { 
	background: #77f595; 
	color: #111; 
}

.highlight-pink { 
	background: #f42560; 
	color: #fff; 
}

.highlight-yellow { 
	background: #eefa66; 
	color: #111; 
}	

.highlight-purple { 
	background: #b666fa; 
	color:#fff;   
}

.highlight-orange { 
	background: #fad566;
	color: #444; 
 }
 
 
 /* Image Float inside Paragraph: =IMG-FLOATS
----------------------------------------------- */

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.left-align-image, 
.wp-caption.alignleft { 
	display: block; 
	float: left; 
	margin: 0 20px 20px 0; 
	padding: 10px; 	
}

.right-align-image, 
.alignright { 
	display: block; 
	float: right; 
	margin: 0 0 20px 20px; 
	
}

.right-align-image {
	padding: 10px;
}

.wp-caption.alignright { 
	padding: 10px 0 10px 10px; 	
}

img.aligncenter, 
.aligncenter {
	clear: both;	
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption.aligncenter {	
	background: #171717;
	background: rgba(0,0,0,0.2);
	margin-bottom: 20px;
	padding: 10px;
}

.wp-caption-text, .sticky, .bypostauthor {}
		
/* Blockquotes: =BLOCK
----------------------------------------------- */
	
blockquote { 
	display: block; 
	margin-bottom: 20px; 
	position: relative; 
}

blockquote .close-quote { 
	position: absolute; 
		right: 0px; 
		bottom: -20px; 
	width: 100px; 
	height: 100px; 
	z-index: -1;	
}

blockquote p {	
	display:block; 	
	margin-bottom: 0px; 
	padding:0; 
	position: relative; 
	z-index: 999; 
}

blockquote cite { 
	display: block; 
	font-size: 13px; 
	margin: 20px 0 0; 	
	text-align: left; 	
}

blockquote em { 	
	display: block; 
	font-size: 10px; 
	font-style: normal; 
	text-align: right; 
}


/* Dropcaps: =DROP
----------------------------------------------- */

span.dropcap { 
	display: block; 
	float: left;	
	font-size: 60px; 
	margin: 25px 15px 10px 0; 
	padding: 0; 
	text-transform: uppercase; 	
}

	
/* Image, Frame , Video, Audio: =FRAME
----------------------------------------------- */
   
img, 
embed, 
object, 
video, 
audio { 
	display: block; 
	max-width: 100%;
}

.vimeo-sidebar { 
	display: block; 
	width: 100%; 
} 


		
/* Links Type: =LINK-TYPE
----------------------------------------------- */

a.normal-link { text-decoration: none; }  		

a.read-more, 
a.read-this, 
a.more-link { display: block; } 	

a.read-this:after, 
a.read-more:after { content: "\0020 \00BB "; }

a.read-this { display: inline; }


/* Headings Style: =HEADINGS-STYLE
----------------------------------------------- */

.centered-heading { 
	font-size: 21px; 
	margin-top: 0; 
	margin-bottom: 60px; 	
	position: relative; 
	text-align: center; 
}  

.centered-heading:before { 
	content: ""; 
	display: block; 
	position: absolute; 
		top: 50%; 	
	width: 100%;	
	height: 1px; 
	z-index: 1; 
}	  

.centered-heading span { 
	display: block; 
	padding: 2px 30px; 
	position: relative; 	
	text-align: center; 
	z-index: 5; 
}	

.centered-heading a { 
	display: block; 
	font-size: 0.6em; 
	letter-spacing: 0px; 
	position: relative; 
		top: 0; 
		right: 0; 
}		

	
/* Container Frames: =CONTAINER-FRAMES
----------------------------------------------- */

.container-frame { 
	display: block; 
	margin: 0 0 60px; 
	padding: 0; 
	position: relative; 
}		

.frame { 
	-moz-border-radius-topleft: 27px; 
	-moz-border-radius-topright: 2px; 
	-moz-border-radius-bottomright: 27px;
	-moz-border-radius-bottomleft: 2px; 
	-webkit-border-radius: 27px 2px 27px 2px; 
	border-radius: 27px 2px 27px 2px; 
	display: block; 
	margin: 0 0 60px; 
	padding: 20px; 
	position: relative; 	
}

		
/* Object Tag: =OBJECT
----------------------------------------------- */

object { 
	margin-bottom: 20px; 
	width: 100%; 
	height: auto; 
}

.video-wrapper { 
	height: 0; 
	margin-bottom: 20px; 
	padding-bottom: 56.25%; /* 16:9 */ 
	padding-top: 25px; 
	position: relative;
}

.video-wrapper object, 
.video-wrapper embed  { 
	margin-bottom: 0; 
	position: absolute; 
		top: 0;
		left: 0;	
	width: 100%; 
	height: 100%; 	
}	   

		
/* Styled Vintage Horizontal Lines: =VINTAGE-LINES
----------------------------------------------- */

hr.vintage-1 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	background: url( 'images/lines/vintage-horizontal-line1.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 	
	margin: 0 auto 40px; 
	width: 50px; 
	height: 25px; 
}

hr.vintage-2 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line2.png' ) no-repeat top center transparent; 
	border-bottom: none;
	display: block; 
	margin: 0 auto 30px; 
	max-width: 100px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-3 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line3.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-4 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line4.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 		
}

hr.vintage-5 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line5.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-6 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line6.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-7 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line7.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-8 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line8.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 	
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}
	
		
/* (4) Page Styles: =4
================================================== 

/* Home Page: =HOME
----------------------------------------------- */

#top-section { 
	padding: 0; 
	position: relative; 
	width: 100%; 
	height: auto; 	
}		

#top-section .social-icons { 
	float: right;
	margin-bottom: 0; 
	position: relative;
}	

#top-section .social-icons li { 
	float: left;
	margin: 14px 0 14px 9px;  
}

.social-icons .social-icon { 
	display: block; 
	width: 32px; 
	height: 33px; 	
}
	
/* Headlines */
#headline { 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	overflow: hidden; 
}		

#headline h1 { 
	font-size: 34px; 
	line-height: 36px; 
	text-align: center; 
}

#headline h2 { 
	font-size: 17px; 
	font-style: normal; 
	line-height: 22px; 
	text-align: center; 
}
	
#headline p { 	
	margin: 0 60px 60px; 
	text-align: center; 
}	

#headline-page h1, 
#headline-page p { 
	text-align: center; 
}

#headline-page p { margin: 0 60px 40px; }

/* Main Slider Style */
.container-full-width { position: relative; width: 100%; }

.caroufredsel-preloader, 
.caroufredselWorks-preloader { 
	display: block; 
	width: 100%;
	height: auto;
	min-height: 200px;
	position: relative;
	background: transparent;
}

.caroufredsel-preloader .preloader-image,
.caroufredselWorks-preloader .preloader-image {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	background: url('images/loader.gif') no-repeat center center;
}

.main-slider-caroufredsel, 
.caroufredselWorks { 
	display: none; 
}

#main-slider { margin-bottom: 60px; }	

.slides-carousel {
	overflow: hidden;
}

.slides-carousel .slide { 
	float: left; 
	height: auto;
	overflow: hidden; 	 
	position: relative;  
	
}

.slides-carousel .slide img, 
.slides-carousel .slide iframe { 
	background: transparent; 	
	height: auto; 
	max-width: 100%; 	
	width: 100%;
	margin: 0 auto;
} 	

.slides-carousel .slide h3, 
.slides-carousel .slide p, 
.slides-carousel .slide a { 
	opacity:0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	position:absolute; 	
}

.slides-carousel .slide h3 { 
	font-size: 50px; 
	line-height: 1em; 	
	margin: -0.5em 0 0 0; 
	text-align: center; 
	top: 40%; 	
	width: 100%; 
}

.slides-carousel .slide p { 
	font-size: 30px; 
	line-height: 1em; 
	margin: -0.5em 0 0 0;  
	text-align: center; 
	top: 50%; 	
	width: 100%; 
}

.slides-carousel .slide a { 
	display: block;	
	font-size: 20px; 
	height: 2em; 
	line-height: 2em; 
	margin-left: -4.5em; 
	min-width: 175px; 
	outline: none;
	text-decoration: none; 
	text-align: center; 
	top: 58%; 
	left: 50%; 
}

#main-slider .divider { 
	display: block; 
	position: relative; 
	width: 100%; 
	height: 60px; 
}

#prev, 
#next {  
	display: block; 
	font-size: 60px;
	margin-top: -1em; 
	position: absolute; 
		top: 50%; 
	width: 1em; 
	height: 2em;
}

#prev { left: 5%; }
#next { right: 5%; }		

#direction-nav .flex-direction-nav li a { 
	font-size: 60px; 
	display: block; 
	top: 50%; 
	position: absolute; 
	margin-top: -1em; 
}

#direction-nav .flex-direction-nav li a.prev { 
	background: url('images/direction-left.png');
	left: 5%; 
	width: 1em; 
	height: 2em; 
}

#direction-nav .flex-direction-nav li a.next { 
	background: url('images/direction-right.png') ;
	right: 5%; 
	width: 1em; 
	height: 2em; 
}

#main-slider .fluid-width-video-wrapper {
    padding-top: 0%!important;
    padding-bottom: 56.25%;
}

/* Masonry Home Page */
#linky { 
	display: block; 
	padding-bottom: 30px; 
}

#linky .boxy figure img { max-width: 100%; height: auto; } 

#linky .boxy { 
	display: block;
	margin-bottom: 60px; 		
}

#linky .boxy .masonry-title { 
	font-size: 11px; 
	font-weight: normal; 
	margin: 15px 0 10px;
	padding-bottom: 5px;
	text-transform: uppercase; 
	font-family: arial;	
}

#linky .boxy p { 
	font-size: 12px; 
	line-height: 20px; 
}

#linky .quote-pf blockquote { background: transparent; padding: 0; }

#linky .quote-pf blockquote p { 
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic; 
	line-height: 27px;
}

#linky .quote-pf blockquote cite { margin: 10px 0 0; }

#linky .quote-pf h6 { 	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	border: none;	
	margin: 0; 
	padding: 0;	
}  

#linky .boxy .jp-current-time, 
#linky .boxy .time-sep, 
#linky .boxy .jp-duration,
#linky .boxy .jp-mute {
	display: none;
}

#masonry .pagination {
	margin-bottom: 0;
	padding-bottom: 3em;
}

/* Services Icons */	
#services h6 { 
	display: block; 
	padding: 0; 
	text-align: center; 
}		

#services p { 
	clear: both; 
	margin: 0 0 1.429em; 
	text-align: left; 
}

#services ul li { 
	clear: both; 
	text-align: center; 
}

#services .service-link {
	display: block;
	margin-bottom: 20px;
}

#services img {
	margin-bottom: 20px;
}
	
/* Recent Works */
#recent-works { 	position: relative; }

#recent-works section {
	margin-bottom: 20px; 
	position: relative; 
}	

#recent-works img { display: block; }	

#carousel-pagination { 
	font-size: 10px; 
	line-height: 1em; 
	position: absolute; 
	top: 65px; 	
	text-align: center;
	display: block;
	width: 100%;
}

#carousel-pagination a { 
	display: inline-block; 	
	margin-right: 3px; 
	width: 10px; 
	height: 10px; 
}

#carousel-pagination a span { display: none; }

#carousel-pagination a.selected { 
	width: 10px; 
	height: 10px; 
}
			
/* Latest Blogs */	
#latest-blogs h6 { margin-bottom: 0px; }

#latest-blogs h6 a { display: block; }	
	
#latest-blogs article { 
	margin-bottom: 40px;  
	position:relative; 
}

#latest-blogs p { margin: 0 0 20px; }	
	
#latest-blogs time { 
	display: block; 
	font-size: 11px; 	
	margin-bottom: 5px; 	
	padding-bottom: 20px; 
}		

.img-border { 
	margin-bottom: 0; 	
	padding: 5px; 
}		
		

/* About Page: =ABOUT
----------------------------------------------- */
	   
#team-member { 
	display: block;
	position: relative; 	
}

#team-member img.pic { 
	display: block; 
	float: left; 
	margin: 0 10px 10px 0; 
}

#team-member .team-member-info { 
	display: block; 
	margin-left: 100px; 
	position: relative; 	
}

#team-member .team-member-info h5 { margin-bottom: 5px; }

#team-member .team-member-info h6 { font-size: 12px; }

#team-member p, #team-member ul { margin-bottom: 20px; }


/* Services Page: =SERVICES
----------------------------------------------- */

#service-item p { margin-bottom: 20px; }

#service-item p, #service-item ul { margin-left: 60px; }
	   
	   
/* Portfolio Page: =PORTFOLIO
----------------------------------------------- */

/* Portfolio Filter  */
.centered-list { 
	font-size: 12px;	
	margin: 20px 0; 
	text-align: center; 
	text-transform: uppercase; 
	position: relative; 
}  

.centered-list:before { 
	content: ""; 
	display: block; 	
	position: absolute; 
		top: 30%; 
	width: 100%; 
	height: 1px; 
	z-index: 1; 
}	  

.centered-list div { 
	padding: 0 40px; 
	position: relative; 
	text-align: center; 
	z-index: 5; 
}

.left-list { 
	font-size: 14px; 
	line-height: 14px; 
	position: relative; 
	text-align: left; 
	text-transform: uppercase; 	
}  

.left-list:before { 
	content: ""; 
	display: block; 	
	position: absolute; 
		top: 30%; 
	width: 100%; 
	height: 1px; 
	z-index: 1; 
}	  

.left-list div { 
	position: relative; 
	text-align: left; 
	z-index: 5; 	
}		

.left-list li:first-child a { padding-left: 0px; }

#portfolio-filter { 
	display: block; 
	float: left; 
	width: 100%; 
}

#portfolio-filter ul { 
	list-style:none; 
	margin-bottom: 0; 
}

#portfolio-filter ul li { display: inline; }

#portfolio-filter ul li a { 
	margin-right: 0; 
	padding: 4px 12px; 
	text-decoration: none; 
}

#portfolio-filter .portfolio-view { 
	display: none;
	float: right; 
	position: relative; 	
}	

.filter li:after { content: "\0020 "; }	

.filter a { 
	-moz-transition: all 0.3s ease-in-out; 	
	-o-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}	

.filter.filter-sidebar li { border-right: none; }

.filter.filter-sidebar li a { display: block; }

.group:after { 
	clear: both; 
	content: ""; 	
	display: block; 
	visibility: hidden; 	
}

* html .group { zoom: 1; } /* IE6 */

*:first-child+html .group { zoom: 1; } /* IE7 */

/* Portfolio filter - Sub categories */
.filter li {	
	display: inline;
	list-style: none;
}

.filter ul.children { 
	position: absolute;
	display: none;
    text-align: center; 
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
}

.filter ul.children li { 
	display: inline;
}


/* Portfolio Items */
.portfolio li.portfolio-data { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;	
	border-radius: 2px; 
	float: left; 	
	margin-bottom: 20px; 
}		

.portfolio-data h6 { margin-top: 20px; }

.portfolio-data p, .portfolio-data h6 { text-align: center; }			

/* Normal Portfolio with 4 columns */
/* .portfolio.normal li.portfolio-data:nth-child(4n) { margin-right: 0; } */
.portfolio img { 	
	display: block; 
	width: 100%; 
	height: auto; 
}

/* Portfolio w/ Sidebar */
#portfolio-w-sidebar .portfolio.with-sidebar img { 
	width: 100%; 
	height: auto;
}

#portfolio-w-sidebar .portfolio.with-sidebar li.portfolio-data:nth-child(3n) { margin-right: 0; }

/* Portfolio - 2 Columns */
#portfolio-2-columns .portfolio.two-columns img { 
	width: 100%; 
	height: auto;
}

#portfolio-2-columns .portfolio.two-columns li.portfolio-data:nth-child(2n) { margin-right: 0; }

/* Portfolio - 3 Columns */
#portfolio-3-columns .portfolio.three-columns img { 
	width: 100%; 
	height: auto;
}

#portfolio-3-columns .portfolio.three-columns li.portfolio-data:nth-child(3n) { margin-right: 0; }

/* Portfolio - Single */	
.portfolio-nav { margin-bottom: 20px; }

.portfolio-nav li { 
	float: left; 
	padding-right: 15px;
}	

#shownPortfolioMeta { margin-bottom: 40px; }

.portfolio-meta dt { 
	font-weight: bold; 	 
	padding-bottom: 5px; 
	text-transform: capitalize; 
	padding: 10px 20px;
}

.portfolio-meta dd { 
	margin-bottom: 20px; 
	padding: 20px; 
}	

.portfolio-meta dd > ul { 
	margin-bottom: 0; 
}

.portfolio-info-desc { 
	margin-bottom: 40px;
}

.portfolio-meta .portfolio-launch { 
	display: block; 
	margin-top: 20px; 
	padding: 10px; 		
}

#portfolio-single ul li { margin:0; }

#portfolio-single #portfolio-single-slider { position: relative; }

.slider-up, .slider-down { 
	display: block; 
	position: absolute; 
	width: 30px; 
	height: 30px; 
}

.slider-up { 
	bottom: 5px; 
	right: 30px; 
}	

.slider-down { 
	bottom: 5px; 
	right: 5px; 
}

.slider-pagination { 
	position: absolute; 
		left: 20px; 
		bottom: 10px; 
	text-align: left; 
}

.slider-pagination a { 
	display: inline-block; 
	margin-right: 3px; 
	width: 10px; 
	height: 10px; 	
}

.slider-pagination a span { display: none; }

.slider-pagination a.selected { 
	width: 10px; 
	height: 10px; 
}

#portfolio-single #portfolio-slider img { 
	width: 100%; 
	height: auto; 
}

	
/* Blog Page: =BLOG
----------------------------------------------- */
	 	
/* Blog Post Content */
.blog-post .post { margin-bottom: 0px; }		

.blog-post p.content, .blog-post .post .post-body p  { margin-bottom: 20px; }

/* HTML5 Video image */
.jp-jplayer img { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
}

.jp-audio, .jp-video { margin-bottom: 20px; }

/* Post Format Gallery Slider */	
.post-format-slider, #post-format-slider { position:relative; }

.post-format-slider .slides, #post-format-slider .slides { 
	position: relative; 
	width: 100%; 
	height: auto; 
}
	
/* Post Formats */
.post-format-icon { margin: 20px auto; }

.chat-post-format { 
	padding: 20px; 
	margin-bottom: 20px; 
}

.chat-post-format p { 
	margin: 0; 
}

.quote-excerpt { 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	display: block; 
	font-family: Georgia, serif; 
	overflow: hidden; 
	padding: 20px; 
}

.quote-excerpt .excerpt-head { 
	display: inline; 
	float: left; 
	font-size: 82px; 
	line-height: 70px;
	padding-right: 10px;
	text-transform: uppercase; 
}
	
.quote-excerpt .excerpt-head:before { content: '\201C'; }

.quote-excerpt .excerpt-detail { 
	display: block; 
	font-size: 16px; 
	font-style: italic; 
}	
				
/* Blog Post Meta */	
.blog-post .post-body { margin-bottom: 40px; }

.blog-post .post-body .read-more, 
.blog-post .post-body .more-link, 
.blog-post .post .post-body ul.meta1  { margin-bottom: 40px; }

.blog-post .post-body h3 { margin-bottom: 20px; }	

.blog-post .post-body h3 a { 
	-webkit-transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear; 
	transition: all 0.3s linear; 
	display: block; 
}

.blog-post ul.meta1 li time { 
	-webkit-border-radius: 60px; 
	-moz-border-radius: 60px; 
	border-radius: 65px; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; 
	display: block; 
	margin: 0 auto 20px; 	
	width:120px; 
	height: 120px; 	
}	

.blog-post ul.meta1 li { 
	margin: 0 auto;
	text-align: center; 
}

.blog-post ul.meta1 li time { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }	

.blog-post ul.meta1 li time .date-month { 
	display: block; 
	font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	line-height: 20px; 
	padding-top: 12px; 	
	text-align: center; 
	text-transform: uppercase; 	
}
	
.blog-post ul.meta1 li time .date-day { 
	display: block; 
	font-family: Georgia, serif; 	
	font-size: 54px; 
	line-height: 54px; 
	margin-top: -8px; 
	margin-bottom: 8px; 
	text-align: center; 	
}	

.blog-post ul.meta1 li time .date-year { 
	display: block; 
	font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-size: 15px; 
	line-height: 15px; 
	text-align: center; 
}

.blog-post ul.meta1 li span.date a { display: block; }

/* Blog Post - Layout 2 Meta */
.blog2 .post-meta { margin-top: 10px; }

.blog2 .post-meta li, 
.blog2 .post-meta li:first-child { 
	border-top: none; 
	border-left: none; 
	border-bottom: none; 
	margin: 0 10px 0 0; 
	padding: 0; 
}

.blog2 .post-meta li{ 
	float: left; 
	margin-right: 10px; 
	padding-left: 10px; 
}		

.blog2 .post-meta { margin-bottom: 0; }

/* Blog Post - Layout 3 Meta */
.blog3 .post-meta { margin-bottom: 20px; }

.blog3 .post-meta { 
	padding: 5px 0; 
	width: 100%; 
}

.blog3 .post-meta li, 
.blog3 .post-meta li:first-child { 
	border-top: none; 
	border-left: none; 
	margin: 0 5px 0 0; 
}

.blog3 .post-meta li{ 
	float: left; 
	margin-right: 5px; 
	padding-left: 20px; 
}

.blog3 .post-meta li { font-size: 12px; }
	

/* Blog - Single: =BLOG-SINGLE
----------------------------------------------- */
	   
/* Blog Single Post Meta */	
.blog-post div.single-post-meta { 
	text-align: right; 
	padding-right: 20px;
}

.blog-post .single-post-meta span { display: block; }

.blog-post .single-post-meta a { display: inline; }	

.blog-post.single-post ul.single-post-meta li { margin: 10px 0; }

.blog-post .post-widget .post-meta h3, .blog-post .post-widget .post-meta p { text-align: right; }

/* Blog Single - Layout 2 - Post Meta */
.single-post2 ul.single-post-meta { margin-bottom: 20px; }
	
.single-post2 .single-post-meta { text-align: left; }

.single-post2 .single-post-meta { 
	width: 100%; 
	padding: 5px 0; 
}

.single-post2 .single-post-meta li, 
.single-post2 .single-post-meta li:last-child { border-right: none; }

.single-post2 .single-post-meta li{ 
	float: left; 
	margin-right: 20px; 
	padding-right: 20px; 
}

.single-post2 .post-widget .post-meta h3, 
.single-post2 .post-widget .post-meta p { text-align: left; }			

.blog-post #post-tags ul { 
	background: url('images/icons/dortmund/tag.png') no-repeat top left; 
	background-size:20px 20px; 	
	margin-bottom: 10px; 
	padding-left: 30px; 
}

.blog-post #post-tags ul li { 
	float: left; 
	margin-right: 8px; 
}

.blog-post #post-tags ul li a:hover { text-decoration: underline; }

.blog-post #post-tags ul li:after { content: '\002c \0020'; }

.blog-post #post-tags ul li:last-child:after { content: ''; }
			 
			 
/* Sidebar: = SIDEBAR
----------------------------------------------- */
	
/* Floating Sidebars */
.blog-post .sidebar-right{ float: right; }

.blog-post .sidebar-left{ float: left; }

.sidebar-borders { 
	margin-bottom: 20px; 
	margin-left: 20px;
}		

.sidebar-borders-left { 
	margin-bottom: 20px; 
	margin-right: 20px;
}	

.light-skin .sidebar-borders-left { margin-bottom: 20px; }

/* Sidebar Styles */
.sidebar-right ul li, 
.sidebar-left ul li { margin: 0; }

.sidebar-right, 
.sidebar-left, 
.sidebar-right p, 
.sidebar-left p { font-size:12px; }

.sidebar-right h6, 
.sidebar-left h6 { text-transform: uppercase; }

/* Sidebar Search form */
#search-form fieldset input[type='text'], 
#searchform fieldset input[type='text'] { 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	position:relative; 
	width: 100%; 
}
		
/* Flickr Stream */
#flickr-sidebar { margin-bottom: 20px; }

#flickr-sidebar li{ 
	border-bottom: none; 
	display: inline; 
	float: left;  
	margin: 0 10px 10px 0; 
	width: 60px; 
	height: auto;
}

#flickr-sidebar li:nth-child(3n){ margin-right: 0; }	

#flickr-sidebar img:hover{ 
	zoom: 1; 
	filter: alpha(opacity=70); 
	opacity: 0.7;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}
	
.ie8 #flickr-sidebar { overflow:hidden; }

.ie8 #flickr-sidebar li { margin: 0 5px 5px 0; }

/* Twitter on Sidebar */
#tweets-sidebar .jta-tweet-list-item { 
	border-top: none; 
	margin: 0 0 10px; 
	overflow: hidden; 
	padding: 0 0 10px;
}

/* lists with sliding on hover */
.slide > li a, 
.widget ul > li a { display: block; }

.slide li, 
.sidebar-borders .slide li:hover, 
.widget ul li, 
.widget ul li:hover { 
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear;	
	-o-transition: all 0.1s linear;	
	transition: all 0.1s linear; 
}		

.widget ul.children { margin-bottom: 0; }	

.widget ul.children li a:before { content:'\002B\0020\0020'; }

.widget ul.children li a:hover:before { content:'\002D\0020\0020'; }

/* Latest Posts list */
ul.latest-post-list li { 
	clear: both; 
	list-style-type: none; 
	padding: 5px 0 0; 
}

ul.latest-post-list li a.latest-post-title { display: inline; }

ul.latest-post-list li:hover a img {	
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}

ul.latest-post-list li a img, 
ul.latest-post-list li img { 
	float: left; 
	margin: 0 15px 15px 0; 
} 

ul.latest-post-list li a { 
	-webkit-transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear;	
	-o-transition: all 0.3s linear;	
	transition: all 0.3s linear; 
	margin-bottom: 0; 
	display: block; 
}		

ul.latest-post-list li .links { 
	clear: both; 
	display: inline; 
	margin-bottom: 0px; 
}

ul.latest-post-list li .links a { 
	display: inline;
	font-size: 11px; 
}

ul.latest-post-list li .links a:hover { 	
	-webkit-transition: all 0.1s linear;	
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	transition: all 0.1s linear; 
	text-decoration: none; 
} 
			 
			 
/* Footer: = FOOTER
----------------------------------------------- */

#footer-wrapper { padding: 60px 0; }			

#footer-wrapper ul.sixteen { margin-bottom: 0px; }		

/* Copyright - Site Info */	
#siteInfo { position: relative; }

#siteInfo p { 
	float: left; 
	font-size: 12px; 
	line-height: 21px; 
	margin: 20px 0; 
}
	
/* Back to top link */
.to-top { 
	float: right; 	
	margin: 20px 0; 
}

			 
/* Contact Form: = CONTACT-FORM
----------------------------------------------- */

/* Contact Form */
#contact-form fieldset ul { margin-bottom: 20px; }
	
.contact-form { margin-top: 40px; }

.statusMessage {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;  
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  color: #666;
}
	
.statusMessage {
  display: none;
  margin: auto;  
  padding: 1.5em;
  position: fixed;
	top: 0;
	left: 0;
	bottom: 0;  
	right: 0;
  width: 30em;
  height: 2em;
}

.statusMessage p {  
  margin: 0;
  padding: 0;
  text-align: center;
}


/* Miscellaneous: =MISCELLANEOUS
----------------------------------------------- */   

/* Overlay - Hover Effect */		
.overlay { 
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;	
	transition: all 0.5s ease; 
	cursor: pointer; 
	display: block; 
	position: relative; 
	width: 100%; 	
	height: auto; 
}	

.overlay figure { 
	display: block; 
	position: relative; 	
}

.overlay figure h5 { 
	opacity:0;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	font-size: 12px; 
	letter-spacing: 3px;
	line-height:1em; 
	padding: 8px 0; 
	position: relative; 	
	text-align: center; 
	text-transform: lowercase; 	 
}

.overlay figure .icon-view, 
.overlay figure .icon-link { 
	opacity:0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	font-size: 20px; 
	line-height:1em; 	
	position: absolute; 
		top: 50%; 
		left: 50%;  
	width:1em; 
	height:1em; 
	z-index: 2; 
}

.overlay figure .icon-view { margin: -0.5em 0em 0 -1.05em; }

.overlay figure .icon-link { margin: -0.5em 0em 0 0.05em; }

.overlay .overlay-mask { 
	display: block; 	
	position: absolute; 
		top: 0; 
		left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
}	
	
.overlay figure img { display: block; }	   
	
/* Portfolio layout loader image */
#loader-img { 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1; 
	background: url('images/255.gif') no-repeat 50% 50% transparent; 	 
	position: fixed; 
		top: 0; 
		left: 0; 
	visibility: hidden;
	width: 100%; 
	height:100%; 
	z-index: 9999; 
}
	
	
/*
 * jTweetsAnywhere V1.3.1
 * http://thomasbillenstein.com/jTweetsAnywhere/
 *
 * Copyright 2011, Thomas Billenstein
 * Licensed under the MIT license.
 * http://thomasbillenstein.com/jTweetsAnywhere/license.txt
 */
 
.jta-tweet-list {
	list-style: none;	
	padding: 0; 
}

.jta-tweet-list-item { 
	margin: 10px 0 0; 
	overflow: hidden; 
	padding: 10px 0 0; 
}

.jta-tweet-list-item:first-child { 
	border-top: none; 
	margin: 0; 
	padding: 0; 
}

.jta-tweet-profile-image { 	
	display: inline; 
	float: left;
	width: 48px; 
}

.jta-tweet-profile-image img { 
	width: 48px; 
	height: 48px; 
}

.jta-tweet-body-list-profile-image-present { margin-left: 58px; }

.jta-tweet-user-name { display: block; }	

.jta-tweet-user-screen-name-link, .jta-tweet-a,	.twitter-anywhere-user { text-decoration: none; }	
	
.jta-tweet-attributes { 
	display: block;
	font-size: 12px; 
}

.jta-tweet-timestamp-link, 
.jta-tweet-source-link a, 
.jta-tweet-inreplyto-link, 
.jta-tweet-location-link, 
.jta-tweet-retweeter-link { text-decoration: none; }	

.jta-tweet-actions { 
	display: block; 
	font-size: 11px; 
}

.jta-tweet-action-reply, 
.jta-tweet-action-retweet, 
.jta-tweet-action-favorite { padding-right: 1em; }

.jta-tweet-action-reply a, 
.jta-tweet-action-retweet a, 
.jta-tweet-action-favorite a { 
	background-repeat: no-repeat; 
	background-position: 0px 0px;	
	padding-top: 3px;  
	padding-left: 19px;
	text-decoration: none; 
}

.jta-tweet-list-controls { margin-top: 20px; }

.jta-tweet-list-controls-button { 
	padding: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	text-align: center; 
}

.jta-tweet-list-controls-button:hover { cursor: pointer; }

.jta-tweet-list-controls-button-next { margin-left: 10px; }

.jta-tweet-list-autorefresh-trigger { 
	padding: 8px 0px 8px 0px; 
	margin-bottom: 10px; 
	text-align: center; 
}

.jta-tweet-list-autorefresh-trigger:hover { cursor: pointer; }	

.jta-login-info-profile-image { 
	display: inline; 
	float: left; 
	width: 48px; 
}

.jta-login-info-profile-image img { 
	width: 48px; 
	height: 48px; 
}

.jta-login-info-block { margin-left: 58px; }

.jta-login-info-sign-out { 
	margin-top: 2px; 
	padding: 1px; 
	text-align: center; 
	width: 97px;
}

.jta-login-info-sign-out:hover { cursor: pointer; }

.jta-loading { 
	margin: 0; 
	padding: 8px 0px 8px 0px; 
}

.jta-error { 
	margin: 0;	
	padding: 8px; 
}

.jta-nodata { 
	margin: 0; 
	padding-top: 8px; 
	padding-bottom: 8px; 
}

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

/* Twitter Strip */
 #tweet-strip { width: 100%; }	 
 
 #tweet-strip .jta-tweet-user-name, 
 #tweet-strip .jta-tweet-attributes  { display: none; }
 
 #tweet-strip .jta-tweet-list { 
	margin: 0 auto 0; 
	padding: 20px 0 20px 80px; 
}

 #tweet-strip .tweet-icon { 
	display: block; 
	position: absolute; 
		top: 10px; 
		left: 0; 
	width: 72px; 
	height: 49px; 	
	z-index: 1; 
}
 
 /* Blog Single Post Comments */	
.blog-post #comments > hr { 
	margin-bottom: 30px;
}
 
.blog-post #comment-list li .comment-wrap { margin-bottom: 60px; }	

.blog-post #comment-list .avatar { 
	float: left; 
	margin-right: 15px; 
} 

.blog-post #comment-list .comment-meta span{ margin-right: 4px; }

.blog-post #comment-list .comment-meta .meta { margin-bottom: 30px; }	

.blog-post #comment-list .children { margin-left: 40px; }	

.comment-meta .edit-link { margin: 0; }

.form-allowed-tags { margin-bottom: 20px; }

/* Blog Single Post Comments Forms */
.blog-post .comment-form-wrapper input:hover , 
.blog-post .comment-form-wrapper textarea:hover { outline: none; }

.blog-post .comment-form-wrapper input { 
	display: inline-block; 
	font-size: 12px; 
	margin: 0 10px 30px 0; 
	padding: 10px 10px; 
}

.blog-post .comment-form-wrapper label { 
	display: inline; 
	font-size: 12px; 
	padding-left: 10px; 
}


/* (5) Wordpress Specific layouts: =5
================================================== * ./

/* Post Comments */
.comment-meta { position: relative; }

.comment-meta  .edit-link .comment-edit-link { display: inline; }

.comment-wrap .reply { 
	display: inline; 
	float: right; 
}

.comment-wrap .comment-reply-link { 
	margin-right: 10px; 
	float: right; 
}	

.comment-reply-link { text-align: right; }

.comment-content .comment { margin-top: 20px; } 

.comment-content .comment p { margin-bottom: 0; }

.blog-post #comment-list li .comment-wrap { margin-bottom: 20px; }	

#cancel-comment-reply-link { 
	float: right; 
	font-size: 13px; 
}

/* Blogs */
.post-format-icon { padding: 5px; }

.blog-post #comment-list li .comment-wrap .comment-meta { 	
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding: 20px; 	
}

.blog-post #comment-list li .comment-wrap .comment-meta .fn { 
	display: block;
	font-size: 16px; 
}

.blog-post #comment-list li .comment-wrap .comment { margin-top: 20px; }

.blog-post #comment-list li .comment-wrap .comment-meta .edit-link { float: right; }

.nav-previous a, .nav-next a { 			
	text-transform: capitalize; 	
}

.nav-previous { float: left; }

.nav-next { float: right; }	

.entry-content.status p.status_pf, 
.entry-content p.status_pf { 
	font-family: Georgia, serif; 
	font-size: 22px; 	
	font-style: italic; 
	line-height: 1.633em;
	margin-bottom: 20px; 
	padding: 20px; 
}	 

.quote-pf h6, 
#latest-blogs .quote-pf-home h6 { padding-left: 25px; }

.cite-quote { 
	display: block; 
	margin-top: 20px;
}
		
.entry-content p { margin-bottom: 20px; } 
	
.entry-content blockquote p { margin-bottom: 0; } 	
	
.entry-content p a { 
	display: inline; 
	margin-top: 20px; 
}
 
img.alignnone { 
	display: block; 
	height: auto; 
	margin: 0 0 20px; 
}

.post-format-slider, #post-format-slider { margin-bottom: 20px; }

#nav-below { margin-bottom: 60px; }

.post-format-icon-home { float: left; }

.full-pic-width { 
	height: auto; 
	margin: 0; 
	max-width: 100%; 
}

/* Blog Posts Pagination */
.pagination { 
	list-style:none; 
	text-align: center; 	
}

.pagination li { 
	display: inline; 
	margin-left: 1px; 
	margin-right: 1px; 
}

.pagination li { 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
}

.pagination span, 
.pagination a { padding: 8px 10px; }

/* Image Overlay Padding */
.squared figure, 
.video-figure, 
.post-format-slider, #post-format-slider { padding: 0; }
	
/* Blog Page */
.blog-post .post { padding-bottom: 60px; }	

/* Page Header */
.entry-header { 
	margin-top: 0; 
	margin-bottom: 20px; 
}

/* Reply Title */
#reply-title { font-size: 21px; }

#reply-title, 
.logged-in-as { margin-bottom: 20px; }

/* Post Format Content Paragraph Margins */
.standard-format p { margin-bottom: 20px; }

.blog-post .aside-format p { margin-top: 0; }

.blog-post .status p { margin-top: 0; }

/* Footer Widgets */
#footer-wrapper .widget ul li a { border-bottom: none; }

#footer-wrapper .widget { margin-bottom: 40px; }

#footer-wrapper .widget_archive p { margin-bottom: 20px; }

#footer-wrapper .widget_archive select , 
#footer-wrapper .widget_categories select { 
	background: transparent; 
	border-top: none; 
	color: #666; 
	padding: 10px; 	
}

#footer-wrapper .widget_nav_menu ul.menu { 
	clear: both; 
	display: block; 
	list-style:none; 	
}

#footer-wrapper .widget_nav_menu ul.menu li a:hover { display: block; }	

#footer-wrapper .widget_nav_menu ul li, 
#footer-wrapper .widget_nav_menu ul li a { 
	margin: 0; 
	padding: 0 5px 0 0; 
}

#footer-wrapper .video-figure {
	padding: 10px;
}

/* Widget Links/Blogroll */
.widget_links ul.blogroll li a { display: inline; }

/* Widget Custom Menu */
.widget_nav_menu ul { float: none; }

.widget_nav_menu ul li ul li { margin-bottom: 0; padding-left: 25px; }	

.widget_nav_menu ul li ul li a:before, 
.widget > ul > li a:before { 
	content:'\002B\0020'; 
}

.flickr-feed > ul > li a:before, 
#recentcomments li a:before,
.contact-detail ul li a:before { 
	content:''; 
}

.widget_nav_menu ul.sub-menu { margin-bottom: 0; }

/* Sidebar Widget Calendar */
#secondary .widget_calendar table { margin-bottom: 60px; }

/* Widget Archive */
.widget_archive ul li a { display: inline; }

/* Link Post Format */
.link-format { 
	font-style: italic; 
	padding: 30px; 	
	display: block;
}

/* Meta Styling */
.entry-meta.meta1 { 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	font-size: 12px; 
	margin-top: 0px; 
	margin-bottom: 25px; 
	padding: 0; 
}

.single-post footer.entry-meta { margin-top: 0; }
.single-post2 footer.entry-meta { margin-top: 60px; }
.blog-post.single-post2  #comments > hr { 
	margin-bottom: 50px;
}

/* Text Widget Margin */
.textwidget { margin-bottom: 2.857em; }

/* Twitter Feed */
.twitter-feed ul li a { display: inline; }

.twitter-feed ul li a:hover { padding-left: 0; }

/* Flickr Stream */
.gallery{ display: none; }

/* Dot Patterns */
.dots { 
	background: url('images/overlay-dots.png') repeat top left transparent; 
	display: block; 
	overflow: hidden; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
}

/* HTML5 Self-hosted Video and Audio */
.format-video .video-figure, 
.format-audio .jp-audio, 
.format-image .overlay, 
.video-figure { margin-bottom: 20px; }

.format-audio .jp-audio .jp-progress, 
.format-video .jp-video .jp-progress { width: 62%; }

.with-caption { margin-bottom: 0; }

/* 404 Title */
.error404 .entry-title { text-align:center; }

/* Portfolio Single Title */
.portfolio-single .entry-title { 
	font-size: 26px; 
	margin-bottom: 3px; 
}

.portfolio-single .portfolio-client {
	font-style: italic;
	font-family: Georgia, serif;
	margin-bottom: 40px;
}

/* Page Heading Styling */
.page-header { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	margin: 0 0 0; 
	text-align: center; 
}

.page-title { text-align: center; }

.page-header h3, .page-header h1 { padding-bottom: 30px; margin-bottom: 10px;}

.entry-header { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	margin: 0 0 40px; 
	text-align: left; 
}

.type-page header { border: none; }

/* Site slogan */
#site-description { 	
	display: inline-block; 
	line-height: 35px; 
	margin-left: 5px; 
	vertical-align: baseline; 
}

.menu { float: right; }

nav#access { 	         
	display: inline;	
 }


/* Post Layout */
.post.layout2 { padding-bottom: 0; }

.post.layout2 .post-body  p, 
.post.layout3 .post-body  p.content { margin-top: 0; }

.post.layout2 .post-meta, 
.post.layout3 .post-meta { margin-bottom: 20px; }

/*.layout2 .inner-content { margin-bottom: 40px; }*/
.layout2 .post-body, .layout2 .four { margin-bottom: 20px; }


/* Sidebar Margin Bottom */
#secondary { margin-bottom: 40px; } 

/* Author Styling */
#author-info { 
	display: block; 
	margin-bottom: 40px; 
	padding: 20px 20px 40px; 
}

#author-avatar { 
	display: block; 
	float: left; 
}

#author-description { 
	display: block; 
	margin-left: 80px; 
}

#author-description p { margin-bottom: 0; }

/* Widget Contact Detail */	
.widget.contact-detail ul li a { display: inline; }		

.widget.contact-detail ul li a:hover { padding: 0; }
	
/* 404 Page Sub description */
.sub-desc { text-align: center; }

/* admin style edit link for posts/pages */
.edit-link { 
	display: block; 
	margin: 20px 0; 
}

.edit-link a { padding: 5px 10px; }

/* Slides Main Caption */
.slide-title { padding: 2px 10px; }	

/* Headquarter Widget */
.widget.headquarter-widget ul li a { 
	border-bottom: none; 
	display: inline;
}

/* Post Format Slider image height */
.post-format-slider img, #post-format-slider img { height: auto; } 

/* Ajax portfolio placeholder margin */
#shownPortfolio { margin-bottom: 20px; }

#secondary .widget ul { margin-bottom: 0; }

/* Flickr Widget layout */
.flickr-widget img{ 
	display: inline; 
	margin: 0 8px 0px 0; 
	overflow:hidden; 
	padding: 0; 
	width: 41px; 
	height: auto; 
}	

.flickr-widget img:hover{ 
	zoom: 1; 
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}	

#secondary .flickr-widget img{ 
	display: inline; 
	margin: 0 10px 0px 0; 
	overflow:hidden; 
	padding: 0; 
	width: 55px; 
	height: auto; 
}	

.widget .flickr-widget li { float: left; }

#secondary .widget .flickr-widget li { 
	margin: 0; 
	margin-right: 10px; 
	padding: 0; 
}

#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 0; }

#secondary .widget .flickr-widget li a { 
	border-bottom: none; 
	display: inline; 
	margin: 0; 
	padding: 0; 
}	

#secondary .widget .flickr-widget li a img { 
	margin: 0 0 3px; 
	padding: 0; 
	width: 42px; 
	height: auto; 
}

#secondary .widget .flickr-widget { 
	display: block; 
	list-style-type: none;  
	margin-bottom: 0; 
}

.widget .flickr-widget ul li a:hover { padding-left: 0px; }	


/* Instagram Widget */
.instagram-widget img, #secondary .instagram-widget img { 
    display: inline; 
    margin: 0 10px 0px 0; 
    overflow:hidden; 
    padding: 0; 
    width: 55px; 
    height: auto; 
}

.instagram-widget img:hover{ 
    zoom: 1; 
    filter: alpha(opacity=70); 
    opacity: 0.7; 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
}    

.widget .instagram-widget li { float: left; }

#secondary .widget .instagram-widget li { 
    margin: 0; 
    margin-right: 10px; 
    padding: 0; 
}

#secondary .widget .instagram-widget li:nth-child(3n) { margin-right: 0; }

#secondary .widget .instagram-widget li a { 
    border-bottom: none; 
    display: inline; 
    margin: 0; 
    padding: 0; 
}    

#secondary .widget .instagram-widget li a img { 
    margin: 0 0 3px; 
    padding: 0; 
    width: 42px; 
    height: auto; 
}

#secondary .widget .instagram-widget { 
    display: block; 
    list-style-type: none;  
    margin-bottom: 0; 
}

.widget .instagram-widget ul li a:hover { padding-left: 0px; }    

.instagram-feed > ul > li a:before { 
    content:''; 
}
/* Instagram - Dark */
.dark-skin .instagram-widget img{ border: 2px solid #333; -webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); }

/* Instagram - Light */
.light-skin .instagram-widget img{ border: 2px solid #333; -webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5); }


/* Frame Captioning and image floats */
.wp-caption { 
	display: block; 	
	position: relative; 
	width: auto; 
}

.video-caption, .image-caption { padding: 10px; border-bottom: none; }	

.video-caption { margin-bottom: 20px; }

.blog-post .post-body .video-caption p, 
.video-caption p, 
.image-caption p { 
	margin: 0; 
	text-align: center;
}

.image-height-auto, .size-full { height: auto; }

.hq-detail { margin-bottom: 20px; }	

.center-align-image { 
	padding: 10px; 
	width: auto; 
}

.center-align-image a img, 
.center-align-image .image-caption { margin: 0; }

.center-align-container { 
	display: block; 
	margin: 0 auto 20px; 	
}	

.no-align-container { 
	display: block; 
	margin-bottom: 20px; 
}

.no-align-image { padding: 10px; }		

/* Blog 3 ovewrlay image */
.blog3 .overlay figure img { max-width: 100%; }

/* Pinterest social button */
.pin-it-button img { display: inline; }

.pp_social .pinterest-posts { display: inline; }

/* Overlay Image minimum width */
.overlay figure img { max-width: 100%; margin: 0 auto; }	

/* jQuery class for removing p tags without content */
.entry-content p.first-p { margin-bottom: 0; }

/* Accordion */
.active-accordion { display: block; }

/* Pingback layout */
.post.pingback { padding: 0; }

.pingback p { margin: 0; } 

/* Yoast SEO plugin breadcrumbs */
#breadcrumbs { margin-bottom: 10px; display: block; }
	
/* Portfolio Multiple Image Attachment */
.multi_image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 20px;
}

/* Portfolio Responsive */
.portfolio-single .overlay figure img, .portfolio img {
min-width: inherit;
width: auto;
height: auto;
}

.portfolio-single .overlay figure, .portfolio-single .overlay {
display:inline-block;
width: auto;
min-width: 0;
height: inherit;
}

.portfolio-single .overlay figure {
display: block;
}



	
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSansLight/OpenSansLight-webfont.eot');
    src: url('fonts/OpenSansLight/OpenSansLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.woff') format('woff'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** WooCommerce page */

ul.order_details {
	list-style: none;
	padding-left: 1.618em;
	position: relative;
	margin: 0 0 40px 0;
}

ul.order_details:after {
	content: " 0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.order_details li {
    padding: 0.7em 0.9em 0.7em 0;
    margin-right: 0.9em;
   	float: left;
	text-transform: uppercase;
	font-size: 1.0em;
	display: block;
}

ul.order_details li:last-child {
	border-right: none;
}

.after-sale-order-message {
 	font-size: 1.457em;
	font-weight: bold;
}

.shop_table  tr th {
	text-align: left;
}

.shop_table tbody td,
.shop_table_wrap .shop_table thead tr th,
.shop_table_wrap .shop_table tfoot tr th,
.shop_table_wrap .shop_table tfoot tr td {
	padding: 20px;
}

.shop_table tbody td a,
.shop_table tbody td {
	text-align: left;
}

.shop_table thead tr th,
.shop_table tfoot td {
	text-align: left;
}

.woocommerce-page .entry-content header {
	margin: 40px 0 0 0;
}

/* WooCommerce Checkout */
.woocommerce-page .entry-content .col2-set header {
	margin: 0;
}

.col2-set:after {
    clear: both;
    content: "";
    display: block;
}

.col2-set {
    width: 100%;
}

.col2-set .col-1 {
	float: left;
}

.col2-set .col-2 {
	float: right;
}

.col2-set .col-1,
.col2-set .col-2 {
	width: 48%;
}

.col2-set p {
	font-style: italic;
}

.col2-set .col-2 h3:before {
	clear: both;
}

.col2-set .col-2 h3 {
	margin-top: 20px;
	display: block;
}

form.checkout label {
	margin-bottom: 5px;
}

.input-checkbox {
	margin: 0 7px 0 0;
	vertical-align: middle;
}

.form-row {
    width: 48%;
    margin-bottom: 2.053em;
}

.form-row label {
	display: block;
	padding: 0 .206em 0 0;
}

.form-row .input-text,
.form-row select {
	width: 100%;
	*width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
}

.form-row input[type=checkbox] {
	float: left;
}

.form-row.notes {
	width: 100%;
	float: none;
}

.form-row.notes textarea {
	width: 100%;
	*width: 90%;
}

.form-row.notes + h3 {
	clear: both;
}

.form-row-first {
	clear: left;
	float: left;
}

.form-row-last {
	float: right;
}

.form-row-wide {
	float: left;
	width: 100%;
	clear: both;
}


/* woocommerce light skin */

.light-skin ul.order_details {
	border: 1px solid #E8E4E3;
}

.light-skin ul.order_details li {
	border-right: 1px solid #E8E4E3;
	color: #9F9693;
}
  
.light-skin .shop_table_wrap {
	background: #F7F7F7;
	padding: 20px;
	-webkit-border-radius: 0.382em;
	border-radius: 0.382em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom; 40px;
}

.light-skin .woocommerce-page table.shop_table tr:nth-child(2n) {
	background:	#f5f5f5;
}

.light-skin .shop_table {
	background: #FCFCFC;
	border: 1px solid #E8E4E3;
	border-bottom: 0;
	box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
	-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
}

.ls-container a, .ls-wp-fullwidth-container a {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}


@media only screen and (min-width: 1041px) {

	.woocommerce .products ul:after, .woocommerce ul.products:after, .woocommerce-page .products ul:after, .woocommerce-page ul.products:after {
	content: "";
	display: block;
	clear: both;
	}

	.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
	margin: 0 0 1em;
	padding: 0;
	list-style: none outside;
	clear: both;
	display: block;
	}

	/*
	.page-description .woocommerce ul.products li.product, .page-description .woocommerce-page ul.products li.product {
	float: left;
	margin: 0 3.8% 2.992em 0;
	padding: 0;
	position: relative;
	width: 22.05%;
	margin-left: 0;
	}
	*/

	.page-description .woocommerce ul.products li.product, 
	.page-description .woocommerce-page ul.products li.product {
	float: left;
	margin: 0 10px 30px 10px;
	position: relative;
	width: 220px;
	}


	.page-description .woocommerce ul.products li.product.last,
	.page-description .woocommerce-page ul.products li.product.last {
	margin-right: 0;
	}


	.page-description .woocommerce ul.products li.product.first,
	.page-description .woocommerce-page ul.products li.product.first {
	margin-left: 0;
	}


	mark {
	color: white;
	background: transparent;
	}

}

#ie8 img {
	width: auto;
}