/*
Theme Name: Grepfrut
Theme URI: http://tanshcreative.com/grepfrut-st-demo/index.html
Description: Grepfrut site template is designed and developed by Tansh.
Author: Tansh
Version: 1.06
*/

/* 
For easy CUSTOMIZATION AND UPDATION WHEN NEW VERSIONS ARE RELEASED - do not edit this file!

Instead, it is better practice to use the custom.css file to add your desired styles. 
Link 'custom.css' after style.css.
Copy a style from 'style.css' file, paste it in 'custom.css' and make changes there. 
This will override default styles specified in 'style.css' file. 
*/

/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography 
	1.3 Button styles 
	1.4 List styles
	1.5 Divider and spacers
	1.6 Blockquote
	1.7 Accordion
	1.8 Image styles
	1.9 Tabs
	
2. TEMPLATE STRUCTURE
	2.1 Commons 
	2.2 Header
	2.3 Header-btm / Home-header-btm
	2.4 Content 
			- about, features, team etc.
	2.5 Pricing
	2.6 Portfolio
	2.7 Contact & Forms
	2.8 Footer
	2.9 Copyright
	2.10 Main menu / navigation
	2.11 Slider and elasticide carousel's css are given separately.

3. Media queries
    		Note - Media queries for sliders / elastislide carousel are in their own stylesheet.

4. Browser fixes - IE 
/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
body {
	background: #f2f2f2;
	font-size: 14px;
	color: #767676;
	font-weight: 400;
	line-height: 1.6em;
	text-shadow: 0px 1px 0px #fff;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*only font families are specified here - font sizes and weights are in respective section*/
body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color, label, input, button, select, textarea, input[type="text"], .submit, .ddsmoothmenu ul li a {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
em, blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.table-th {
	font-family: Arial, Helvetica, sans-serif;
}
/*Other typography*/
h1, h2, h3, h4, h5, h6 {
	color: #646464;
	font-weight: 600;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 25px;
	text-align: center;
	line-height: 1em;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h5 span {
	font-size: 12px;
	font-weight: 400;
	display: block;
}
h6 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #646464;
}
a {
	color: #8eb943;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #767676;
	text-decoration: none;
}
.color {
	color: #8eb943 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
.heading-icon img {
	margin-top: -10px;
}
.text-center {
	text-align: center;
}
/*----------------------------------------*/
/*----- 1.3 Button styles -----*/
/*----------------------------------------*/
.mybtn, .mybtn-color, .mybtn-small, .mybtn-small-color {
	background: #484848;
	padding: 10px 40px;
	margin-top: 10px;
	font-size: 18px;
	color: #fff !important;
	line-height: 18px;
	font-weight: 600;
	text-shadow: 0px 1px 0px #000;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
}
.mybtn-small, .mybtn-small-color {
	padding: 7px 15px 8px 15px;
	font-size: 13px;
}
.mybtn-color, .mybtn-small-color {
	background: #8eb943;
}
.mybtn:hover, .mybtn-small:hover {
	background: #8eb943;
}
/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
/*checkmark list*/
.list-checkmark li {
	background: url(../img/list-bullet-checkmark.png) no-repeat 0 6px;
	padding-left: 20px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block;
}
/*bullet list*/
.list-bullet li {
	background: url(../img/list-bullet-ace.png) no-repeat 0 8px;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block;
}
/*list with vertical separator*/
.list-separator {
	margin-bottom: 10px;
	text-align: center;
}
.list-separator li {
	background: none;
	list-style: none;
	display: inline;
}
.list-separator .separator {
	padding: 0 10px;
	color: #aaa;
}
/*unstyled list*/
.list-unstyled li {
	margin-bottom: 20px;
	background: none;
	list-style-type: none;
	display: block;
}
.list-unstyled img {
	margin-right: 10px;
	float: left;
}
.list-unstyled span {
	font-size: 12px;
}
/*inline list*/
.list-inline li {
	padding: 0px 10px;
	background: none;
	list-style-type: none;
	display: inline !important;
}
/*----------------------------------------*/
/*----- 1.5 Divider and spacers -----*/
/*----------------------------------------*/
.divider {
	background: url(../img/divider-full.jpg) repeat-x;
	width: 100%;
	height: 2px;
	margin: 30px auto;
	display: block;
}
/*use suitable height' spacer to separate rows*/
.spacer-10px, .spacer-20px, .spacer-30px, .spacer-40px {
	width: 100%;
	height: 20px;
	display: block;
	clear: both;
}
.spacer-30px {
	height: 30px !important;
}
.spacer-40px {
	height: 40px !important;
}
.spacer-10px {
	height: 10px !important;
}
/*----------------------------------------*/
/*----- 1.6 Blockquote -----*/
/*----------------------------------------*/
/*blockquote with line*/
blockquote {
	border-left: 5px solid #8eb943;
}
blockquote p {
	font-size: 14px;
	color: #8eb943;
	font-style: italic;
	padding-bottom: 3px;
	margin: 0;
}
blockquote.pull-right {
	border-right: 5px solid #8eb943;
}
/*----------------------------------------*/
/*----- 1.7 Accordion -----*/
/*----------------------------------------*/
.accordion-group, .accordion-inner {
	border: 0px;
	border-radius: 0px;
}
.accordion-heading {
}
.accordion-heading a {
	color: #8eb943;
	font-weight: 600;
	outline: none;
	text-shadow: none;
}
/*----------------------------------------*/
/*----- 1.8 Image styles -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
/*----------------------------------------*/
/*----- 1.9 Tabs -----*/
/*----------------------------------------*/
.nav-tabs {
	border-bottom: 1px solid #e6e6e6;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	text-transform: uppercase;
	color: #8eb943;
}
.nav-tabs > li > a:hover {
	border-color: #e6e6e6 #e6e6e6 #e6e6e6;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	cursor: default;
	background-color: #484848;
	border: 1px solid #484848;
	border-bottom-color: transparent;
	outline: none;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons  -----*/
/*----------------------------------------*/
.content-top {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}
.relativeto {
	position: relative;
}
/*dark box*/
.dark-box {
	background: #282828;
	padding: 20px 20px 25px 20px;
	text-shadow: 0px 1px 0px #000;
	text-align: center;
}
.dark-box h1, .dark-box h2, .dark-box h3, .dark-box h4, .dark-box h5, .dark-box h6 {
	text-shadow: 0px 1px 0px #000;
}
/*----- 3, 4, 5 column list -----*/
.list-3col, .list-4col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
/*icons with colored background*/
.icon-bg {
	background: #8eb943;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 auto 20px auto;
}
.icon-small-bg {
	background: #8eb943;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-right: 10px;
	float: left;
}
.icon-bg img, .icon-small-bg img {
	float: left;
}
/*----------------------------------------*/
/*----- 2.2 Header  -----*/
/*----------------------------------------*/
#header {
	/*background: url(../img/patterns/menu-bg.jpg) repeat;*/
	background-color: #8EB943;
	width: 100%;
	padding: 20px 0px;
}
/*--- social icon list ---*/
.social {
	padding-left: 20px;
	float: right;
	display: block;
}
.social li {
	background: none;
	list-style-type: none;
	display: inline-block;
	float: left;
}
/*----------------------------------------*/
/*----- 2.3 header-btm   -----*/
/*----------------------------------------*/
#header-btm {
	background: #e3e3e3;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 40px 0px 15px 0px;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*----- 2.4 content  -----*/
/*----------------------------------------*/
#content {
	padding-bottom: 30px;
}
.main-content {
	float: left;
}
.sidebar {
	float: left;
}
/*----- about -----*/
.about-overlay {
	background:  rgba(0, 0, 0, 0.9);
	max-width: 300px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	color: #a7a7a7;
	text-shadow: 0px 1px 0px #000;
}
.overlay-inner {
	padding: 20px;
}
.about-overlay h3 {
	margin-bottom: 5px;
}
/*----- team -----*/
.team img {
	margin-bottom: 10px;
}
/*----- features -----*/
.features-big li, .features-small li {
	margin-bottom: 30px !important;
	background: none;
	list-style-type: none;
}
.features-small h5 img {
	float: left;
	margin-right: 10px;
	margin-top: -7px;
}
.list-icon li {
	padding: 0px 5px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	width: auto !important;
	list-style-type: none;
	background: none;
	float: left;
}
.list-icon .icon-bg {
	margin-bottom: 10px;
}
.plus {
	margin-top: 50px !important;
}
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	display: inline-block;
	text-shadow: none;
	float: left;
}
.pricing-intro {
	text-align: center;
	margin-bottom: 30px;
}
.pricing-intro h1 {
	margin-bottom: 0px;
}
.pricing.three-col .price-column {
	width: 33.2%;
}
.pricing.four-col .price-column {
	width: 24.9%;
}
.pricing.five-col .price-column {
	width: 19.9%;
}
.price-column {
	font-size: 13px;
	background:#FFFFFF;
	height:100%;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	display:inline-block;
	position: static;
	overflow: hidden;
	float:left;
}
.price-column.first {
	border-left: 1px solid #e6e6e6;
}
.price-column.last {
	border-right: 1px solid #e6e6e6;
}
.price-column.focused {
	background: #262626;
	height: auto;
	margin-top: -20px;
	padding-bottom: 20px;
	vertical-align: middle;
	overflow: hidden;
	border: 0px !important;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    -webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
.price-column.focused:hover {
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.8);
	-ms-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.8);
}
/*table heading*/
.table-th {
	background: #262626;
	width: 100%;
	padding: 15px 0px;
	color:#ffffff;
	overflow:hidden;
	text-shadow: none;
	float:left;
}
.table-th h4 {
	margin: 0px 15px 0px 20px;
	font-size: 18px;
	color: #ffffff;
	line-height: 18px;
	display: inline;
	float: left;
}
.table-th {
	font-size: 24px;
	color: #8eb943;
	font-weight: bold;
	display: inline;
	line-height: 1em;
}
sup {
	vertical-align: middle;
	font-size: 14px;
}
/*table content*/
.table-content {
	padding: 20px;
}
.table-content p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
.price-column.focused .table-content p {
	border-bottom: 1px dotted #a0a0a0 !important;
}
p.table-slug {
	font-size: 11px;
	color: #8eb943;
	padding: 0;
	margin-left: 20px;
	display: block;
	line-height: 1em;
}
.sign-available {
	background: url(../img/correct.png) no-repeat right 0px;
	padding-right: 30px;
}
.sign-notavailable {
	background: url(../img/cross.png) no-repeat right 0px;
	padding-right: 30px;
}
/*----------------------------------------*/
/*----- 2.6 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin: 0px 0px 10px 0px;
	display: inline-block;
}
.filter_nav li {
	padding:0;
	margin: 0;
	display:inline;
	list-style-type: none;
	float: left;
}
.filter_nav li a {
	padding: 8px 8px 7px 7px;
	margin-right: 15px;
	line-height: 11px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li.active a {
	background: #484848;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column img, .portfolio_4column img {
	width: 100%;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 20px 20px;
	list-style-type: none;
	position:relative;
	float: left;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
/*folio-thumb*/
.folio-thumb {
	margin-bottom: 10px;
	display:inline-block;
	position:relative;
}
.icon-zoom {
	background: url(../img/zoom.png) no-repeat 0 0;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	z-index: 9;
	outline: none;
}
.icon-zoom:hover {
	background-position: 0 -100px;
}
/*----------------------------------------*/
/*----- 2.7 blog -----*/
/*----------------------------------------*/
.fullpost {
}
.multipost {
	margin-bottom: 30px;
	display: block;
}
.fullpost h4, .multipost h4 {
	margin-bottom: 0px;
}
/*blog-meta*/
.blog-meta {
	padding-bottom: 10px;
	display: inline-block;
}
.blog-meta li {
	font-size: 11px;
	padding: 0px 3px 0px 0px;
	margin: 0;
	width: auto;
	list-style-type: none;
	float: left;
}
.fullpost .blog-meta li {
	padding: 0px 3px 0px 0px;
}
/*tag cloud*/
.tags li {
	margin: 0px 2px 2px 0px;
	background: none;
	list-style-type: none;
	float: left;
}
.tags li a {
	background: #8eb943;
	padding: 5px;
	font-size: 11px;
	color: #ffffff !important;
	line-height: 9px;
	font-weight: 600;
	cursor: pointer;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: none;
}
.tags li a:hover {
	background: #484848;
}
/*comments*/
.comment-body {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	padding-left: 90px;
}
.avatar {
	margin-right: 20px;
	float: left;
}
/*list-comments*/
.list-comments {
	list-style: none;
}
.list-comments li ul {
	padding: 0px 0 0 70px;
	margin: 0;
	list-style: none;
}
.list-comments .blog-meta {
	padding: 0 !important;
	margin: 0 !important;
	float: none;
}
.list-comments .blog-meta li {
	margin: 0 !important;
	padding-bottom: 0px;
}
/*----------------------------------------*/
/*----- 2.8 contact and forms -----*/
/*----------------------------------------*/
.contact h5 {
	margin-bottom: 0px;
}
/*----- form -----*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background: none;
	list-style-type: none;
}
form label.error {
	font-size: 10px;
	color: #b94a48 !important;
	width: 69%;
	padding-left: 31%; /*width of label + 1% (padding-right of label) */
	line-height: 1.4em;
}
form input.error, form textarea.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
label, input, button, select, textarea, input[type="text"] {
	font-size: 14px;
	color: #767676;
	font-weight: 400;
	line-height: 2.7em;
	text-shadow: 0px 1px 0px #fff;
}
label {
	width: 30%; /*increase width of label if longer label text, simuyltaneusoly decrease that of input & textarea*/
	padding-right: 1%;
	float: left;
	height: auto;
}
input[type="text"], select, textarea {
	width: 66% !important;
	height: 30px;
	padding: 5px;
	margin: 0;
	display: inline-block;
}
textarea {
	width: 66% !important;
	height: auto;
}
select {
	width: 100% !important;
	height: 40px;
}
input[type="text"], textarea, select {
	background-color: #fff;
	border: 1px solid #dadee1;
	box-shadow: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea:focus, input[type="text"]:focus, select:focus {
	box-shadow: none;
}
.submit {
	background: #484a4b;
	padding: 10px 40px;
	margin-left: 31%; /*width of label + 1% (padding-right of label) */
	font-size: 16px;
	color: #fff !important;
	line-height: 16px;
	font-weight: 600;
	text-shadow: 0px 1px 0px #000;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background: #8eb943;
}
#result {
	padding-left: 31%; /*width of label + 1% (padding-right of label) */
}
.antispam {
	display:none;
}
/*----------------------------------------*/
/*----- 2.9 Footer  -----*/
/*----------------------------------------*/
#footer {
	background: url(../img/patterns/body-bg.jpg) repeat #000;
	padding: 30px 0px;
	text-shadow: 0px 1px 0px #000;
}
#footer h5 a:hover {
	color: #8eb943;
}
/*twitter feed*/
#twitter {
	background: #282828;
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, 0.7);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.1) inset;
	display: block;
}
#twitter li, #twitter p {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*list-info*/
.list-info li {
	background: url(../img/footer-item-divider.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
	list-style-type: none;
	display: block;
}
.list-info li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list-info li img {
	margin-right: 15px;
	margin-top: 5px;
	float: left;
}
/*----------------------------------------*/
/*----- 2.10 Copyright  -----*/
/*----------------------------------------*/
#copyright {
	background: #484848;
	width: 100%;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #5b5c5d;
	font-size: 11px;
	color: #242424;
	font-weight: 600;
	text-shadow: 0px 1px 0px #555;
}
#copyright a {
	color: #242424;
}
#copyright a:hover {
	color: #fff;
	text-shadow: none;
}
#copyright p {
	float: left;
}
.copyright-menu {
	float: right !important;
}
.copyright-menu li {
	padding-left: 10px;
	list-style-type: none;
	float: left;
}
/*----------------------------------------*/
/*----- 2.11 Menu / Navigation -----*/
/*----------------------------------------*/
.ddsmoothmenu {
	background: transparent scroll;
	width: auto;
	padding: 0;
	margin: 0;
	float: right;
}
.ddsmoothmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index:100;
}
.ddsmoothmenu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul li a {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	padding: 10px;
	margin-right: 1px;
	background: transparent;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
.ddsmoothmenu ul li a.menu_color {
	color: #8eb943 !important;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
	background: #484848;
	-moz-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	background: transparent;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	color: #fff !important;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #a7a7a7;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: #484848;
	margin-top: 1px;
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	box-shadow: none !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul {
	padding: 0px 5px;
}
.ddsmoothmenu ul li ul li {
	background: url(../img/header-nav-item-divider.png) repeat-x bottom;
	padding: 10px 10px 12px 10px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 16px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
.downarrowclass {
	display: none;
}
.rightarrowclass {
	display: none;
}
/*Menu select - for responsive*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #a7a7a7 !important;
	outline: none;
	border: 1px solid #767676;
	width: 100%;
	padding: 5px 10px;
	background: #282828;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
	text-shadow: 0px 1px 0px #000;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
body {
padding: 0;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.main-content, .sidebar {
margin-bottom: 20px;
}
.logo {
text-align: center;
}
h1 {
font-size: 26px;
}
.ddsmoothmenu {
float: left;
width: 100%;
}
.ddsmoothmenu ul {
display: none;
}
.social {
margin-top: 20px;
padding: 0;
width: 100%;
text-align: center;
display: block;
float: none;
}
.social li {
padding-left: 0px;
float: none
}
.ddsmoothmenu select {
width: 100% !important;
margin-top: 20px;
float: left !important;
display: block;
}
.list-3col, .list-4col {
margin-left: 0;
}
.list-3col li, .list-4col li {
width: 100%;
margin-left: 0px;
margin-bottom: 30px !important;
display: block;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.copyright-menu {
width: 100%;
float: left;
display: block;
}
.copyright-menu li {
padding-left: 0px;
padding-right: 10px;
}
/*contact form*/
label {
width: 100%;
padding-right: 0%;
float: none;
line-height: 1em;
}
input[type="text"], select, textarea {
width: 97% !important;
padding: 5px;
}
textarea {
width: 97% !important;
}
.submit {
margin-left: 0%;
margin-top: 10px;
}
#result {
padding-left: 0%;
}
form label.error {
width: 97%;
padding-left: 0%;
}
/*pricing*/
.pricing.three-col .price-column, .pricing.four-col .price-column, .pricing.five-col .price-column {
width: 99.8%;
border: 1px solid #e6e6e6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin-bottom: 20px;
}
.price-column.focused {
margin-top: 0px;
}
/*portfolio*/
.portfolio_3column, .portfolio_4column, .portfolio_5column {
 margin-left: 0px;
 text-align: left;
}
.portfolio_3column li, .portfolio_4column li, .portfolio_5column li {
 width: 100%;
 margin: 0px 0px 20px 0px;
 display: block !important;
 text-align: left;
 float: none;
}
/*blog*/
.list-comments li ul {
 padding: 0px 0 0 20px;
}
}
/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ddsmoothmenu {
float: right;
width: 70%;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
width: 100% !important;
margin: 0;
display: inline-block;
float: left;
}
.list-3col li {
width: 228px;
}
.list-4col li {
width: 166px;
}
.about-overlay {
max-width: 100%;
margin: 0;
position: relative;
top:  100%;
left: 0;
}
.portfolio_3column li {
 width: 228px;
}
.portfolio_4column li {
 width: 166px;
}
}

/*============================================================*/
/*---------- 4. BROWSER FIXES ----------*/
/*============================================================*/
@media \0screen {
.social li {
	width: 28px;
	height: 28px;
}
.about-overlay {
	background: #000;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
}