/*
Theme Name: Oliv
Theme URI: http://tanshcreative.com/oliv-st-preview/index.html
Description: Oliv template is designed and developed by Tansh.
Author: Tansh
*/

/*
Searching for particular element?
Here is CSS structure...

	1. TEMPLATE SETUP
			1.1 Reset 
			1.2 General styles
			1.3 Typography - paragraph, headings, common heading styles, text styles used in pages, dropcaps, text highlight, deafault link styles 
			1.4 Button and link styles 
			1.5 Image styles
			1.6 List styles
			1.7 Dividers and spacers
			1.8 Basic layout divs
	
	2. TEMPLATE STRUCTURE
			2.1  header
			2.2  slider
			2.3  header_bottom
			2.4  CSS for pages and Misc
					2.4.1 about 
					2.4.2 services
					2.4.3 product gallery
					2.4.4 packages 
					2.4.5 faq page
					2.4.6 contact and appointment
					2.4.7 blog
					2.4.8 Misc
			2.5  footer
					- copyright
			2.6  footer_bottom
			2.7  forms 
					- subscribe form
					- contact form
					- appointment form
	
	3. MEDIA QUERIES
	
	4. BROWSER FIXES



/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 1.1 Reset -----*/
/*----------------------------------------*/
/* From - http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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;
}
/*----------------------------------------*/
/*----- 1.2 General styles -----*/
/*----------------------------------------*/
body {
	background: #f0f4f5;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #404040;
	font-weight: 300;
	line-height: 1.6em;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
strong {
	font-weight: bold;
}
/*----------------------------------------*/
/*----- 1.3 Typography -----*/
/*----------------------------------------*/
/*Here only common typography styles are given, 
page specific styles are in respective section*/

/*----- paragraph ----- */
p {
	padding-bottom: 10px;
}
/* ----- headings ----- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	color: #2d2d2d;
	font-weight: 300;
	line-height: 1.3em;
	font-style: normal;
	word-spacing: 1px;
}
h1 {
	font-size: 24px;
	margin-bottom: 15px;
}
h2 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1em;
}
h2 span {
	font-size: 11px;
	color: #656565 !important;
	display: block;
}
h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
h4 {
	font-size: 16px;
	margin-bottom: 15px;
}
h5 {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 600;
}
h6 {
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: 700;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 600 !important;
}
#footer h5 {
	font-weight: 300;
	margin-bottom: 15px;
}
#page_header h1 {
	font-size: 30px;
	color: #656565;
	margin-bottom: 0px;
	line-height: 1em;
}
/* ----- text styles ----- */
.text_big {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.4em;
	padding-bottom: 20px;
}
.text_small {
	font-size: 8px;
	font-weight: 400;
}
/*----- dropcaps -----*/
.dropcap1 {
	font-size:35px;
	color:#525252;
	line-height:25px;
	margin:5px 10px 0px 0px;
	display:block;
	float:left;
}
.dropcap2 {
	font-size:35px;
	color:#525252;
	line-height:25px;
	font-style: italic;
	margin:5px 15px 0px 0px;
	display:block;
	float:left;
}
/*----- text highlight -----*/
.highlight_pink {
	background:#ffc9c9;
	color: #525252;
}
.highlight_blue {
	background:#bdeefe;
	color: #525252;
}
.highlight_yellow {
	background:#fee9bd;
	color: #525252;
}
.highlight_black {
	background:#353535;
	color:#fff
}
.highlight_gray {
	background:#dbdbdb;
	color: #525252;
}
/*----- blockquote -----*/
blockquote {
	margin: 10px 0px 10px 30px;
	border-left: 3px solid #dbdbdb;
	padding-left: 10px;
	font-style: italic;
}
/* ----- default links ----- */
a {
	color: #39bcdd;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
}
a:hover {
	color: #404040;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #2d2d2d;
}
/*----------------------------------------*/
/*----- 1.4 Button and link styles -----*/
/*----------------------------------------*/

/*----- button with arrow -----*/
.button_yellow {
	background: #f2cb55; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef291', endColorstr='#f2cb55'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fef291), to(#f2cb55)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fef291, #f2cb55); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #fef291, #f2cb55);
	padding: 11px 20px 10px 20px;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #d18314 !important;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #c46e1a;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	display: inline-block;
}
.button_yellow:hover {
	background: #fef291; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2cb55', endColorstr='#fef291'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f2cb55), to(#fef291)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #f2cb55, #fef291); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #f2cb55, #fef291);
}
/*----- button (grey) -----*/
.button {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
	padding: 7px 10px;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	display: inline-block;
	border: 1px solid #535353;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
.button:hover {
	background: #7d7d7d; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#7d7d7d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#7d7d7d)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #626262, #7d7d7d); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #626262, #7d7d7d);
	color: #ffffff;
}
/*----- link with arrow sign (used in slider caption) -----*/
a.link_arrow {
	background: url(../images/slider-caption-arrow.png) no-repeat right 2px;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-indent: -9999px;
	display: inline-block;
}
a.link_arrow:hover {
	background: url(../images/slider-caption-arrow.png) no-repeat right -18px;
}
/*----- upparcase and colored link -----*/
a.link_style {
	font-size: 14px;
	color: #39bcdd;
	font-weight: 700;
	text-transform: uppercase;
}
a.link_style:hover {
	color: #404040;
}
/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.image_border {
	background: #ffffff;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	float: none;
}
.image_left {
	background: #ffffff;
	padding: 4px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.image_right {
	background: #ffffff;
	padding: 4px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
}
.image_left_noborder {
	margin: 0px 10px 0px 0px;
	float: left;
}
.image_right_noborder {
	margin: 0px 0px 0px 10px;
	float: right;
}
/*----------------------------------------*/
/*----- 1.6 List styles -----*/
/*----------------------------------------*/
ul.list_arrow li {
	background: url(../images/bullet-circled-arrow.png) no-repeat 0 0 !important;
	padding-left:30px;
	margin-bottom: 10px !important;
	line-height: 1.7em;
	display: block;
	list-style-type: none;
}
ul.list_circle li {
	background: url(../images/bullet-circles.png) no-repeat 0 5px !important;
	padding-left: 20px;
	margin-bottom: 10px !important;
	line-height: 1.7em;
	display: block;
	list-style-type: none;
}
ul.list_bullet li {
	background: url(../images/bullet-circles.png) no-repeat 0 5px !important;
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	list-style-type: none;
}
ul.list_numberbg li {
	background: none;
	margin-bottom: 10px !important;
	list-style-type: none;
	display: block;
}
ul.list_nobg li {
	background: none;
	list-style-type: none;
	margin-bottom: 10px;
}
/*----------------------------------------*/
/*----- 1.7 Dividers and spacers -----*/
/*----------------------------------------*/
.divider {
	width: 100%;
	margin: 20px 0px;
	border-top: 1px dashed #e5e5e5;
	display: inline-block;
}
/*divider for footer*/
.divider_footer {
	background: url(../images/footer-divider.png) repeat-x;
	width: 100%;
	height: 2px;
	margin: 10px 0px;
	display: inline-block;
}
/*spacer*/
.spacer_20px {
	width: 100%;
	height: 20px;
	background: none;
	display: inline-block;
}
.spacer_30px {
	width: 100%;
	height: 30px;
	background: none;
	display: inline-block;
}
/*----------------------------------------*/
/*----- 1.8 Basic layout divs -----*/
/*----------------------------------------*/
/*columns system has separate CSS - skeleton.css*/
#wrapper_outer {
	width: 980px;
	margin: 0 auto;
}
#wrapper {
	background: #ffffff;
	width: 980px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
#content {
	padding: 20px 10px;
	display: block;
}
#content_withsidebar {
	float: left;
}
#sidebar {
	width: 95%;
	padding-left: 5%;
	display: inline-block;
}
#sidebar_left {
	width: 95%;
	padding-right: 5%;
	float: left;
}
#page_header {
	background: url(../images/widgetised-footer-bg.jpg) repeat #fbfbfb;
	padding: 20px 10px;
	border-bottom: 1px solid #efefef;
	display: block;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTRE ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 2.1 header -----*/
/*----------------------------------------*/
#header {
	background: url(../images/header-bg.png) no-repeat center top #39bcdd;
	padding: 20px 10px 20px 10px;
	margin: 30px 0px 20px 0px;
	line-height: 1em;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	display: block;
}
/*----- if text logo -----*/
.logo h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #ffffff;
	font-weight: 400;
	text-shadow: 0px 1px 0px #cc3558;
	margin-bottom: 0px !important;
	line-height: 0em; /*give line height if text logo*/
}
.logo h1 a {
	color: #ffffff;
	font-style: italic;
	float: left;
}
/*----- navigation -----*/
#nav {
	padding-top: 12px; /*tweak according to height of logo*/
	float: left;
}
#nav select {
	display: none;
	cursor: pointer !important;
}
/*----------------------------------------*/
/*----- 2.2 slider -----*/
/*----------------------------------------*/
/*--Typography and other properties for sliders are in their respective stylesheets--*/
#slider_wrapper {
	width: 100%;
	background: #f0f4f5;
	padding: 0;
	border: none;
	display: block;
}
/*----------------------------------------*/
/*----- 2.3 header_bottom -----*/
/*----------------------------------------*/
#header_bottom {
	background: url(../images/pattern-wood.jpg) repeat;
	padding: 20px 10px;
	margin: 0;
	color: #ffffff;
	font-weight: 400;
	display: block;
}
#header_bottom h1 {
	font-size: 32px;
	color: #ffffff;
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 5px;
}
#header_bottom h3 {
	color: #ffffff;
	font-weight: 400;
}
#header_bottom h4 {
	font-size: 16px;
	color: #ffe095;
	font-weight: 700;
}

#header_bottom a:hover {
	color: #ffe095;
}
#header_bottom p {
	padding-bottom: 5px;
}
/*----------------------------------------*/
/*----- 2.4 CSS for pages and Misc -----*/
/*----------------------------------------*/
/*===== ----- =====*/
/*----- 2.4.1 about page -----*/
/*===== ----- =====*/

/*----- owner list -----*/
ul.list_owner li {
	margin-bottom:  20px;
	background: none;
	list-style-type: none;
	display: block;
}
ul.list_owner li h6 {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-top: 13px;
}
ul.list_owner li h6 span {
	font-size: 10px;
	color: #404040;
	font-weight: 400;
	text-transform: none;
	padding-top: 3px;
	display: block;
}
ul.list_owner li img {
	background: #ffffff;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
/*----- testimonial slider -----*/
.testimonial-slider {
	font-size: 14px;
	color:#656565;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5em;
	padding-top: 20px !important;
}
.testimonial-slider span {
	font-size: 12px;
	font-weight: 600;
}
.circle_color {
	margin-right: 30px;
	margin-bottom: 50px;
	background: #39bcdd;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	float: left;
}
.circle_color img {
	margin-left: 16px;
	margin-top: 20px;
	float: left;
}
/*----- features -----*/
.features {
	font-size: 16px;
	color: #2d2d2d;
	text-align:center;
	font-weight: 600;
	padding: 10px 50px 0px 50px;
}
.features img {
	margin-bottom: 10px;
}
/*===== ----- =====*/
/*----- 2.4.2 services page -----*/
/*===== ----- =====*/
ul.services li {
	width: 300px;
	margin: 0px 20px 20px 0px;
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}
ul.services li h5 {
	line-height: 1.5em;
	font-weight: 600;
}
ul.services li img {
	margin: 0px 20px 20px 0px;
	float: left;
}
/*----- box -----*/
.box {
	background: #ffffff;
	width: 260px;
	padding: 19px;
	margin: 0px 10px;
	border: 1px solid #e6e6e6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05) inset;
	float: left;
}
.box h4 {
	font-weight: 600;
}
/*===== ----- =====*/
/*----- 2.4.3 product gallery page -----*/
/*===== ----- =====*/
#portfolio_nav {
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	color: #2d2d2d;
	font-weight: 700;
	display: inline-block;
}
#portfolio_nav li {
	padding:0;
	margin: 0;
	display:inline;
	float: left;
	list-style:none;
}
#portfolio_nav li a {
	color: #2d2d2d;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 20px;
}
#portfolio_nav li a:hover {
	text-decoration:none;
}
#portfolio_nav a.active {
	color:#39bcdd !important;
}
.allimage {
	background: url(../images/filter-all.png) no-repeat 0 0;
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 6px;
}
.allimage:hover {
	background: url(../images/filter-all.png) no-repeat 0 -12px;
}
/*3 column portfolio*/
ul#portfolio_3column li {
	background: #ffffff;
	width: 300px;
	height: auto;
	margin:0 10px 30px 10px;
	list-style-type: none;
	float: left;
}
ul#portfolio_3column li img {
	width: 290px;
	height: 170px;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style-type: none;
	float: left;
}
/*4 column portfolio*/
ul#portfolio_4column li {
	background: #ffffff;
	width: 220px;
	height: auto;
	margin:0 10px 30px 10px;
	list-style-type: none;
	float: left;
}
ul#portfolio_4column li img {
	width: 210px;
	height: 140px;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	list-style-type: none;
	float: left;
}
ul#portfolio_4column li a:hover, ul#portfolio_3column li a:hover {
	text-decoration: none;
}
ul#portfolio_4column li h6, ul#portfolio_3column h6 {
	margin-bottom: 5px;
}
ul#portfolio_4column li p, ul#portfolio_3column p {
	padding-bottom: 0px;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/*===== ----- =====*/
/*----- 2.4.4 packages page -----*/
/*===== ----- =====*/
.packages h4 {
	font-weight: 700;
}
.price img {
	vertical-align: text-top;
}
/*----- table -----*/
table.oliv_table {
	width: 80%;
	margin-bottom: 20px;
	border: 1px solid #535353;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-collapse: separate;
}
table.oliv_table thead {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
}
table.oliv_table thead th {
	padding: 10px;
	border-right: 1px solid #535353;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}
table.oliv_table td {
	background: #f6f6f6;
	padding: 10px;
	border: 1px solid #535353;
	border-width: 1px 1px 0px 0px;
}
table.oliv_table thead th:last-child, table.oliv_table td:last-child {
	border-right: 0px;
}
/*card*/
.card {
	background: url(../images/card-pattern.jpg) repeat #e2e2e2;
	width: 280px;
	height: 130px;
	padding: 10px;
	margin-bottom: 20px;
	color: #656565;
	border-top: 1px solid #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2);
	display: block;
}
.card h1 {
	font-size: 28px;
	color: #656565;
	margin-bottom: 5px;
	line-height: 1em;
}
.card .text_small {
	float: left;
	margin-top: 50px;
}
.card img {
	float: right;
	margin-top: 40px; /*adjust it according to your logo height*/
}
/*===== ----- =====*/
/*----- 2.4.5 faq page -----*/
/*===== ----- =====*/
ul.list_faq li {
	margin-bottom: 20px;
	background: none;
	list-style: none;
	display: block;
}
ul.list_faq li h6 {
	margin-bottom: 10px;
}
/*===== ----- =====*/
/*----- 2.4.6 contact and appointments page -----*/
/*===== ----- =====*/
#appointmentform h5 {
	margin-bottom: 20px;
	font-size: 12px;
	text-transform: uppercase;
}
.map {
	background: #ffffff;
	width: 210px;
	height: 343px;
	padding: 4px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*===== ----- =====*/
/*----- 2.4.7 blog -----*/
/*===== ----- =====*/
.multiposts {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dbdbdb;
	background: none;
	list-style-type: none;
	display: block;
}
.last_multipost {
	border-bottom: 0px !important;
}
.blog_img_vid {
	background: #ffffff;
	width: 200px;
	padding: 4px;
	margin-right: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.blog_img_vid img, .blog_img_vid iframe {
	float: left;
}
.blogslider {
	width: 210px;
	float: left;
	margin-right: 20px;
}
.blogtext {
	width: 390px;
	float: left;
}
/*list for blog information*/
ul.bloginfo {
	padding-bottom: 15px;
	display: block;
	float: left;
}
ul.bloginfo li {
	margin: 0px 20px 5px 0px;
	font-size: 11px;
	background: none;
	list-style-type: none;
	float: left;
}
ul.bloginfo li.blogdate {
	background: url(../images/icons/icon-date.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogauthor {
	background: url(../images/icons/icon-author.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogtags {
	background: url(../images/icons/icon-tag.png) no-repeat left 0;
	padding-left: 25px;
}
ul.bloginfo li.blogcomments {
	background: url(../images/icons/icon-comment.png) no-repeat left 0;
	padding-left: 25px;
}
/*----- twitter feed -----*/
#twitter li {
	background: none;
	padding-bottom: 10px;
}
/*----- flickr feed -----*/
.flickr_feed img {
	background: #ffffff;
	width: 70px !important;
	height: 70px !important;
	padding: 4px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
/*===== ----- =====*/
/*----- 2.4.8 Misc -----*/
/*===== ----- =====*/
/*----- social icon list -----*/
ul.social {
	float: right;
}
ul.social li {
	margin-left: 5px;
	font-size: 11px;
	color: #656565;
	font-weight: 700;
	background: none;
	list-style-type: none;
	float: left;
}
ul.social li img {
	vertical-align: middle;
}
ul.social li p {
	padding-right: 5px;
	padding-bottom: 0px;
	line-height: 2em;
}
/*This is for circle behind number - used in list*/
.number_bg {
	background: #9f9f9f;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height: 14px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	float: left;
}
/*----- gift_icon -----*/
.gift_icon {
	float: right;
	margin-left: 25px;
}
/*----------------------------------------*/
/*----- 2.5 footer -----*/
/*----------------------------------------*/
#footer {
	background: url(../images/widgetised-footer-bg.jpg) repeat #f8f8f8;
	padding: 20px 10px;
	border-top: 1px solid #efefef;
	display: block;
}
/*----- testimonial list -----*/
ul.list_testimonial li {
	margin-bottom: 15px;
	font-style: italic;
	background: none;
	list-style-type: none;
}
ul.list_testimonial li span.quote {
	font-size: 22px;
	font-weight: 300;
	display: inline-block;
}
ul.list_testimonial li span {
	font-weight: 600;
	font-size: 11px;
	display: block;
}
/*----- blogpost list -----*/
ul.list_blog li {
	margin-bottom: 10px;
	font-size: 11px;
	font-style: italic;
	background: none;
	list-style-type: none;
}
/*----------------------------------------*/
/*----- 2.6 footer_bottom -----*/
/*----------------------------------------*/
#footer_bottom {
	background: #2c3638;
	padding: 15px 10px 15px 10px !important;
	margin: 20px 0px 30px 0px;
	color: #d5d5d5;
	line-height: 1em;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
	float: left;
}
#footer_bottom h1, #footer_bottom h2, #footer_bottom h4, #footer_bottom h5, #footer_bottom h6 {
	color: #ffffff;
}
#footer_bottom a, #footer_bottom h3 {
	color: #d5d5d5;
}
/*----- social buttons -----*/
ul.social_buttons li {
	margin-bottom: 10px;
	background: none;
	list-style-type: none;
	float: left;
}
/*----- copyright -----*/
#copyright {
	font-size: 11px;
	float: left;
}
#copyright img {
	margin-right: 10px;
	float: left;
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright p {
	padding-top: 16px; /*tweak as per logo height*/
}
#copyright ul {
	padding-top: 16px; /*tweak as per logo height*/
	float: right;
}
#copyright ul li {
	margin-left: 10px;
	background: none;
	list-style-type: none;
	float: left;
}
/*----------------------------------------*/
/*----- 2.7 forms -----*/
/*----------------------------------------*/
/*----- subscribe form -----*/
form#subform {
	background: #fbfbfb;
	width: 260px;
	margin-bottom: 15px;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}
form#subform fieldset {
	border: none;
	background: none;
}
form#subform fieldset p {
	background: none;
	padding: 0;
	margin: 0;
}
form#subform input {
	background: transparent;
	width: 200px;
	height: 20px;
	padding: 8px 10px;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	font-weight: 400;
	line-height: 12px;
	outline:none;
	border: none;
	float: left;
}
form#subform input.sub_submit {
	background: url(../images/subscribe-btn.png) no-repeat 0 0;
	width: 40px;
	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	outline: none !important;
	border: none;
	float: left;
}
form#subform input.sub_submit:hover {
	background: url(../images/subscribe-btn.png) no-repeat 0 -36px;
}
form#subform label.error {
	font-size: 10px;
	color: #b14344;
	position: absolute;
	top: 33px;
	left: 2px;
}
form#subform #result_sub {
	width: 260px;
	line-height: 2em;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 0;
}
/*----- contact and appintment form -----*/
/*common properties for both forms*/
#contactform label, #appointmentform label {
	width: 100%;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #404040;
	font-weight: 600;
	display: block;
}
#contactform input.submit, #appointmentform input.appointment_submit {
	background: #626262; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#626262'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#626262)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #7d7d7d, #626262); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #7d7d7d, #626262);
	width: auto;
	height: 30px;
	padding: 0px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #535353;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
#contactform input.submit:hover, #appointmentform input.appointment_submit:hover {
	background: #7d7d7d; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#7d7d7d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#7d7d7d)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #626262, #7d7d7d); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #626262, #7d7d7d);
	color: #ffffff;
}
#contactform label.error, #appointmentform label.error {
	display: none !important;
}
#contactform input.error, #appointmentform input.error {
	border: 1px solid #dc8f89;
}
#contactform textarea.error, #appointmentform textarea.error {
	border: 1px solid #dc8f89;
}
/*----- Contact form -----*/
#contactform ul li {
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
}
#contactform input, #contactform textarea, #contactform select {
	background: #fbfbfb;
	width: 368px;
	height: 18px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	line-height: 1.9em;
	display: block;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#contactform select {
	width: 380px;
	height: 30px;
}
#contactform textarea {
	height: 88px;
}
#result {
	width:380px;
	padding-top: 5px;
	display: block;
	float: left;
}
/*----- appointment form -----*/
#appointmentform {
	width: 580px;
}
#appointmentform ul li {
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
	float: left;
}
#appointmentform input, #appointmentform textarea, #appointmentform select {
	background: #fbfbfb;
	width: 268px;
	height: 18px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #9f9a95;
	line-height: 1.9em;
	display: block;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#appointmentform select {
	width: 280px;
	height: 30px;
}
#appointmentform textarea {
	width: 568px;
	height: 88px;
}
#appointmentform #result_appointment {
	width: 580px;
	padding-top: 5px;
	float: left;
	display: block;
}
.radio_input {
	width: auto !important;
	height: auto !important;
	margin-right: 20px;
	float: left;
}
p.radio_button {
	float: left;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/

/*----------------------------------------*/
/*----- 3.1 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
/*----- No need to change below unless heavy layout changes -----*/
#wrapper_outer {
 width:100%;
 margin: 0 auto;
}
#wrapper {
 width:100%;
}
#header {
 width:100%;
 padding: 20px 0px 20px 0px;
 margin: 0px 0px 20px 0px;
 margin-bottom: 20px;
}
#header_bottom {
 width:100%;
 padding: 20px 0px 20px 0px;
}
#content {
 padding: 20px 0px;
 display: block;
}
#footer {
 padding: 15px 0px 15px 0px !important;
 width:100%;
}
#copyright {
 width:100%;
}
.image_border {
 max-width: 97%;
}
.image_left {
 max-width: 97%;
}
.image_right {
 max-width: 97%;
}
/*sliders*/
.nivoslider {
 display: none;
}
.flex-caption {
 display: none;
}
/*services*/
ul.services li {
 width: 236px;
}
.box {
display: block;
margin-top: 20px;
}
/*packages*/
table.oliv_table {
 width: 100%;
}
.card {
display: none;
}
/*blog*/
.blog_img_vid, .blogslider {
 margin-bottom: 20px;
}
.blogtext {
 width: 490px;
 float: left;
}
/*contact and appintment*/
.map {
 width: 162px;
}
#contactform input, #contactform textarea, #contactform select, #appointmentform input, #appointmentform textarea {
 width: 288px;
}
#contactform select, #appointmentform select {
 width: 300px;
 height: 30px;
}
#result, #appointmentform #result_appointment {
 width:300px;
 padding-top: 5px;
 display: block;
 float: left;
}
#appointmentform ul li {
 width: 300px;
 margin-right: 0px !important;
 margin-bottom: 20px;
 float: none;
 display: block;
}
}

/*----------------------------------------*/
/*----- 3.2 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {

/*----- Need changes while customization -----*/
.logo h1 {
 width: 150px; /*change height and width as per your logo*/
 height: 40px;
 margin: 0 auto;
}

/*----- No need to change below unless heavy layout changes -----*/
.container .columns, .container .column {
 margin: 10px 0px 10px 0px !important;
}
.logo {
 width: 300px;
}
#nav ul {
 display: none;
}
#nav {
 text-align:center;
}
#nav select {
 display: inline-block;
 text-align:left;
 width:60%;
 border:solid 1px #f6f6f6;
 padding: 5px;
 background:transparent;
 color: #ffffff;
}
#wrapper_outer {
 width:100%;
 margin: 0 auto;
}
#wrapper {
 width:100%;
}
#header {
 width:100%;
 padding: 20px 0px 20px 0px;
 margin: 0px 0px 20px 0px;
 margin-bottom: 20px;
}
#header_bottom {
 width:100%;
 padding: 20px 0px 20px 0px;
}
#content {
 padding: 20px 0px;
 display: block;
}
#content_withsidebar {
 width: 100%;
 display: block;
}
#sidebar {
 width: 100%;
 padding-left: 0;
 display: block;
}
#sidebar_left {
 width: 100%;
 padding-right: 0;
 display: block;
}
#footer {
 width:100%;
 padding: 20px 0px;
}
#footer_bottom {
 width:100%;
 padding: 15px 0px 15px 0px !important;
 margin: 20px 0px 0px 0px;
}
#copyright {
 width:100%;
}
#copyright ul {
 float:left;
 padding-top: 5px;
}
#copyright ul li {
 margin-right: 10px;
 margin-left: 0px;
}
.image_border {
 max-width: 97%;
}
.image_left {
 max-width: 97%;
}
.image_right {
 max-width: 97%;
}
ul.social {
float: left;
}
ul.social li {
 margin-right: 5px;
 float: left;
}
/*sliders*/
.flex-caption {
 display: none;
}
.nivoslider {
 display: none;
}
/*table*/
table.oliv_table {
 width: 100%;
}
/*portfolio*/
#portfolio_nav {
 margin: 0px 0px 20px 0px;
}
ul#portfolio_3column li {
 margin:0 0px 20px 0px;
}
ul#portfolio_4column li {
 margin:0 0px 20px 0px;
 width: 300px;
}
ul#portfolio_4column li img {
 width: 290px;
 height: 170px;
}
/*blog*/
.blog_img_vid, .blogslider {
 margin-bottom: 20px;
}
.blogtext {
 width: 100%;
 display: block;
}
/*forms*/
#contactform input, #contactform textarea, #appointmentform input, #appointmentform textarea {
 width: 288px;
}
#contactform select, #appointmentform select {
 width: 300px;
 height: 30px;
}
#result, #appointmentform #result_appointment {
 width:300px;
 padding-top: 5px;
 display: block;
 float: left;
}
#appointmentform ul li {
 width: 300px;
 margin-right: 0px;
 margin-bottom: 20px;
 display: block;
}
#appointmentform {
 width: 300px !important;
}
/*services*/
ul.services li {
 margin: 0px 0px 20px 0px;
 display: block;
 float: none;
}
.box {
 margin: 0px 0px;
 display: block;
}
/*about*/
.testimonial-slider span {
 float: right;
}
.features {
 padding: 10px 20px 0px 20px;
}
}

/*----------------------------------------*/
/*----- 3.3 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

/*-----No need to change below unless heavy layout changes-----*/
/* Other properties are according to those specified for Mobile (Portrait)*/
.logo {
 width: 420px;
}
/*services*/
ul.services li {
 width: 420px;
}
}

/*============================================================*/
/*---------- 4. Browser fixes ----------*/
/*============================================================*/
/*----- IE 8 fix -----*/
@media \0screen {
.logo h1 a {
	float: none;
}
}