/*
Theme Name: Abaris Pro
Theme URI: http://demo.webulous.in/abarispro/
Author: N. Venkat Raj
Author URI: http://www.webulous.in/
Description: AbarisPro is a multi purpose, responsive theme with beautiful design and cool CSS3 animations. It uses HTML5, CSS3, Bootstrap Grid system and coded with love and care. It's best suited for corporate/portfolio/blog sites. It has advanced theme options panel support to customize various parts of site, footer widget area to accommodate 4 widgets.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Text Domain: abarispro
Domain Path: /languages/
Tags: fluid-layout, fixed-layout, responsive-layout, custom-background, custom-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

AbarisPro is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
margin-right: -4px;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 87.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
/*ol, ul {
	list-style: none;
}

tables still need 'cellspacing="0"' in the markup */
table { 
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;	
	background-color: #ccc;	
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}

ul, 
ol {
	margin: 0 0 1.5em 3em;
}

/*ul {
	list-style: disc;
}*/

li {
	margin-bottom: 10px;	
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dd {
	margin: 0 1.5em 1.5em;
}

dt,
b, 
strong,
th {
	font-weight: bold;
}

dfn, 
cite, 
em, 
i,
var {
	font-style: italic;
}

abbr, 
acronym {
	cursor: help;
	border-bottom: 1px dotted #666;	
}

mark, 
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	height: 0;
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	width: 100%;	
	margin: 0 0 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

input,
button,
select,
textarea {
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

input[type="radio"],
input[type="checkbox"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

textarea,
input[type="url"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius:	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;
}

textarea {
	width: 98%;	
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
}

pre {
	padding: 9.5px;	
    display: block;
    margin: 0 0 24px;
	background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius:	4px;
    -moz-border-radius: 	4px;
    border-radius:			4px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 14px;
}

th,
td,
table {
	border: 1px solid #ccc;
}

table {
	width: 100%;	
	border-spacing: 0;
	margin-bottom: 24px;	
	border-collapse: separate;	
	border-width: 1px 0 0 1px;
}

th,
td,
caption {
	text-align: left;	
}

th {
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

table td, 
table th {
	padding: 10px;
	text-align: center;	
}

table caption {
	padding: 5px;
	color: #ff4200;
	font-weight: bold;
	text-align: center;	
	text-transform: uppercase;
}

/* Links */
a:hover,
a:focus,
a:active {
	color: #333;
}

/* Alignment */
.alignleft {
	float: left;	
	display: inline;
	margin-right: 1.5em;
}

.alignright {
	float: right;	
	display: inline;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);	
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	top: 5px;
	width: auto;	
	height: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	clip: auto !important;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	z-index: 100000; /* Above WP toolbar */
	background-color: #f1f1f1;		
	-webkit-box-shadow:	0 0 2px 2px rgba(0, 0, 0, 0.6);	
	-moz-box-shadow: 	0 0 2px 2px rgba(0, 0, 0, 0.6);	
	box-shadow: 		0 0 2px 2px rgba(0, 0, 0, 0.6);			
	-webkit-border-radius:	3px;
	-moz-border-radius: 	3px;
	border-radius: 			3px;

}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/* Small menu */
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 600px) {
input[type="image"] {
width: 50px;
padding-top: 5px;
}
.site-branding h1 {
	line-height: 1;
	font-size: 1.8em;
	font-weight: normal;
}
#nav{
height:100px;}
.button{

	padding:auto;
	font-size: 0.1em !important;}
	.main-navigation > div {
		display: none;
	}
}


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

.hentry {
	margin: 0 0 1.5em;
}
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* = Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;	
	margin-bottom: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em !important;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

.column.full-width, .columns.full-width {
	margin: 0;
	margin-left: -50% !important;
	margin-right: -50% !important;
	padding: 0 50% !important;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 49%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 49%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


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

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget_search .search-field {
	padding: 5px 5px 5px 10px;
	width: 95%;
}

.error-404 .page-content .search-field,
.search-no-results .page-content .search-field {
	padding: 7px 10px;
}

.page-content .search-form .el-icon-search {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Custom Styles Starts 
----------------------------------------------- */
body {
    color: #333;
    font-size: 16px;
    line-height: 1.4;
	overflow-x: hidden;
	font-weight: normal;	
	background-color: #fff;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;

}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	clear: both;
}

h1, h2, h3, h4, h5, h6, 
h1 a, p.fn, h1 a:visited {
	color: #333;
	font-family: "Times New Roman", Georgia, Serif !important;
	font-weight: 400;
}

.ei-title h2 {
	font-family: 'Bree Serif', serif;
}

a {
	text-decoration: none;
}

h1 {
	font-size: 3.4em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.7em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}

h6 {
	font-size: 1.15em;
}

h1 i, h3 i {
	padding-right: 10px;
}

a, a:hover, h1 a:hover {
	color: #ff4200;
}

h1.entry-title {
	font-size: 1.8em;
}

/* = Header Styls Starts 
-------------------------------------- */
.site-header {
	padding: 0 50% 0;
	margin: 0 -50%;
	background-color: #1F2329;
}

.site-branding h1 {
	line-height: 2.4;
	font-size: 2.4em;
	padding-left:10px;
	
	font-weight: normal;
}

h1.site-title a {
	color: #fff;
}

.site-branding h1 {
	margin: 0;
}

.site-title a:hover {
	
	text-decoration: none;	
}

.site-description {
	color: #ABABAB;
	margin: 5px 0 0;	
	font-size: .98em;
	font-weight: normal;
	line-height: 1;
}

.site-header .container {
	position: relative;
	margin-top:-15px;
}

.container {
	max-width: 1200px;
}


/* Header Styles Ends 
--------------------------------------- */

a,
h1.entry-title a,
.form-submit input#submit,
.post-password-form input[type="submit"],
.site-main .search-form input.search-submit,
.work,
.work h4,
.work-meta .likes,
.work-meta .views,
.site-footer .textwidget form input,
.woocommerce button.button, 
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
	-webkit-transition:	all 0.5s;
	-moz-transition:	all 0.5s;
	-o-transition:		all 0.5s;
	-ms-transition:		all 0.5s;
	transition:			all 0.5s;
}

.site-branding h1 a:hover,
.navigation a:hover, a:hover,
.form-submit input#submit:hover,
.post-password-form input[type="submit"]:hover,
.site-main .search-form input.search-submit:hover,
h1.entry-title a:hover {
	-moz-transition:	all 0.5s;
	-webkit-transition:	all 0.5s;
	-o-transition:		all 0.5s;
	-ms-transition:		all 0.5s;
	transition:			all 0.5s;
}

.woocommerce-error li strong {
	color: #B81C23;
}

/* = Navigation Starts
-------------------------------------------- */
.main-navigation {
	text-align: right;
}

.main-navigation ul, 
.main-navigation ul ul {
	margin: 0;
	padding: 0;	
	list-style: none;
	text-align: left;
}

.main-navigation ul ul {
	left: 0;
	top: 200%;
	opacity: 0;	
	visibility: hidden;
	position: absolute;
	background-color: #1f2329;	
	-moz-transition:	all 0.5s;
	-webkit-transition:	all 0.5s;
	-o-transition:		all 0.5s;
	-ms-transition:		all 0.5s;
	transition:			all 0.5s;
	width: 250%;
}

.main-navigation ul li:hover > ul {
	top: 0%;	
	opacity: 1;
	visibility: visible;
}

.main-navigation ul li {
	float: left;
	display: block;
	position: relative;
}

.main-navigation ul li:hover {
	z-index: 1;
}

.main-navigation ul ul ul {
	top: 0;
	padding:0;
	left: 200%;
	position: absolute;	
}

.main-navigation ul > li:hover > ul {
	top: 100%;
}

.main-navigation ul ul li:hover > ul {
	top: 15%;
	left: 150%;	
}

.main-navigation ul {
	zoom: 1;
	top: 5px;	
	padding: 0;	
	z-index: 999;	
	*display:inline;
	position: relative;
	display: inline-block;
font-size:12.5px;	
}

.main-navigation {
	margin-top: 22px;
}

.main-navigation ul li a {
	color: #fff;
	display: block;
	padding: 5px 20px;	
	text-decoration: none;
	vertical-align: middle;
}

.main-navigation div > ul > li > a {
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}

.main-navigation div > ul > li > a:hover,
.main-navigation div > ul > li.current_page_item > a,
.main-navigation div > ul > li.current_page_ancestor > a,
.slicknav_nav div > ul > li.current_page_item a,
.slicknav_nav div > ul > li.current_page_ancestor > a,
.slicknav_nav ul.children li.current_page_item > a,
.main-navigation ul.children li.current_page_item > a {
	background: #ff4200;	
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}

.main-navigation div > ul > li.current_page_ancestor li.current_page_item > a {
	background: #ff4200;
}

.main-navigation div > ul > li {
	float: left;
	margin: 0 1px;	
	padding-bottom: 26px;
}

.main-navigation ul ul li {
	margin: 0;
	float: none;	
}

.main-navigation ul ul li a {
	color:#fff;
	width: 100%;	
	padding: 10px 12px;
	background-color: #1f2329;
	border-top: 1px solid #292e34;
	border-bottom: 1px solid #181c20;
	float: none;
	display: block;
}

.main-navigation div > ul > li:hover > a {
	color: #fff;
	text-decoration: none;
}

.main-navigation ul ul li:hover > a {
	color: #fff;
	background-color: #ff4200;	
}

.main-navigation ul ul li:first-child > a {
	border-top: 1px solid #585858;
}

.main-navigation ul ul ul li {
	margin: 0;
}

.main-navigation div > ul > li > a {
	padding: 5px 15px;
}

.main-navigation ul ul.children li.current_page_item > a {
	background-color: #ff4200;
}

.main-navigation a:focus,
.slicknav_nav a:focus {
	color: #fff;
}

/* Navigation Styles Ends
---------------------------------------------- */

.btn-submit input, 
.form-submit input#submit,
.wpcf7-submit,
.post-password-form input[type="submit"],
.site-footer .woocommerce #searchform #searchsubmit {
	border: 0;
	color: #1f2329;	
	padding: 5px 12px;	
	background: #f0f5fc;
	display: inline-block;	
	text-decoration: none;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;	
	border-bottom: 1px solid #dbdddf;	
	border-left: 1px solid #dbdddf;
}

a.btn-more:hover, 
.form-submit input#submit:hover,
.wpcf7-submit:hover,
.post-password-form input[type="submit"]:hover,
.site-footer .woocommerce #searchform #searchsubmit:hover {
	color: #fff;	
	background: #ff4200;
	border-color: #9b2901;
}

.site-footer .widget .menu li,
.site-footer .widget_pages li,
.site-footer .widget_pages li ul.children li {
	border-bottom: 1px solid #3a3a3a;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.site-footer .widget .menu li .sub-menu li:last-child,
.site-footer .widget_pages ul.children li:last-child {
	border-bottom: 0;
}

.site-footer .widget .menu li .sub-menu,
.site-footer .widget_pages li .children {
	border-top: 1px solid #3a3a3a;
	padding-top: 5px;
	margin-top: 5px;
}

.site-footer .widget_image-box-widget a.more-button {
	margin-top: 10px;
}

.site-footer .work {
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-box-shadow:	0 0 0;
	-moz-box-shadow:	0 0 0;
	box-shadow:			0 0 0;
}

.site-footer .work h4 {
	text-align: center;
}

.widget_testimonial-widget {
	position: relative;
}

.widget_testimonial-widget .flex-direction-nav {
	right: 0;
	bottom: 20px;
	position: absolute;
}

.widget_testimonial-widget .flex-direction-nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.site-footer .widget_dropcap-widget,
.site-footer .widget_googlefont-widget .googlefont,
.site-footer .skill-content,
.site-footer .widget_quote-widget {
	color: #fff;
}

.site-footer .widget_dropcap-widget .dropcap {
	margin-top: 10px;
}

.site-footer .skill {
	margin-top: 5px;
	position: absolute;
	top: 0;
}

.site-footer .skill-content {
	top: 0;
}

.site-footer .skill-percentage {
	background-color: #96bbe1;
}

.site-footer .skill-container {
	min-height: 50px;
	position: relative;
	margin-top: 30px;
}

/* = Footer Styles Starts 
--------------------------------------- */

.footer-top {
	background: #1f2329;
}

.footer-top .container .columns {
	padding-top: 25px;
	padding-bottom: 15px;
}

.footer-top .span3 {
	padding: 20px 0;
}

.footer-top p,
.footer-top li,
.footer-top .textwidget {
	color: #fff;
}

.site-footer p {
	margin-bottom: 0;
}

.site-footer a {
	text-decoration: none;
	outline: none;
}

.site-footer p, 
.site-footer table td,
.site-footer table th,
#wp-calendar td a:hover,
.site-footer .widget li a,
.site-footer table caption,
.site-footer #wp-calendar td#next a, 
.site-footer #wp-calendar td#prev a,
.site-footer .row:nth-of-type(2) p a:hover,
.site-footer .widget a:visited, .site-footer a {
	color: #dedede;
}

.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4, 
.site-footer h5, 
.site-footer h6,
#wp-calendar td a
.site-footer a:hover,
.site-footer .row:nth-of-type(2) p a
.site-footer #wp-calendar td#next a:hover, 
.site-footer #wp-calendar td#prev a:hover {
	color: #ff4200;
}

.site-footer .widget ul {
	margin-left: 0;
}

.site-footer .widget li {
	padding-left: 0;	
	background: none;	
	list-style-type: none;
	border-color: #3C3C3C;
}

.site-footer .widget_list-widget ul li {
	padding-left: 25px;
}

.site-footer .widget a:hover {
	color: #ff4200;
}

.site-footer h3 {
	font-size: 1.75em;
    margin-bottom: 20px;
    padding-bottom: 10px;
	border-bottom: 1px dashed #3C3C3C;
}

.site-footer .circle-icon-wrapper h3 {
	border: 0;
}

.site-footer table td, 
.site-footer table th {
	padding: 5px;
	text-align: center;
	border-color: #3C3C3C;
}

.site-footer table {
	border-color: #3C3C3C;
}

.site-footer #wp-calendar td#next a, 
.site-footer #wp-calendar td#prev a {
	border: 0;
	color: #fff;	
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
	background-color: transparent;
}

.footer-bottom {
	border-top: 1px solid #2d2d2d;
	background: #15181c;
}

.footer-bottom p {
	padding: 20px 0;
	font-size: .9em;
}

.footer-bottom p a {
	color: #ff4200;
}

.footer-bottom p a:hover {
	color: #dedede;
}

.site-footer #wp-calendar tfoot td:nth-of-type(2),
.site-footer #wp-calendar tfoot td:nth-of-type(1) {
	border-right: 0;
}

.site-footer .hr_fancy,
.site-footer .hr_fancy:before {
	border-color: #ccc;
}

.site-footer #social-widget li {
	float: left;
	width: 12%;
	text-align: center;
	padding-bottom: 0;
	border-bottom: 0;
	border-right: 1px solid #3a3a3a;
}
/* Footer Styles Ends 
----------------------------------------- */

img, object {
     max-width: 100%;
}

/* Breadcrumb Styls Starts 
-------------------------------------- */

#breadcrumb {
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 40px;
}

#breadcrumb a {
	color: #333;
}

#breadcrumb a:hover {
	color: #ff4200;
}

#crumbs {
	margin-bottom: 30px;
	padding: 0 0 10px 0;
}

#breadcrumb span {
	margin-left: 8px;
	margin-right: 8px;
}

#breadcrumb span:first-child {
	margin-left: 0;
}

#breadcrumb span.current {
	color: #ff4200;
}

/* Breadcrumb Styls Ends 
-------------------------------------- */

/* Skill Styls Starts 
-------------------------------------- */

.skill-container {
	margin-top: 20px;
	padding-bottom: 1px;
}

.content-area .skill-container .fa-stack {
	top: 10px;
}

.content-area .skill-container {
	margin-top: 10px;
}

.skill { 
	height: 12px; 
	background: #dedede;   
	border-radius: 5px; 
	position: relative;  
	margin: -8px 0 10px 50px;
}

.skill-percentage { 
	height: 12px; 
	position: absolute;
	background: #DBEAFB; 
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}

.circle {
	top: -3px;	
	width: 17px;
	right: -3px;
	height: 17px; 
	position: absolute;	
	-webkit-border-radius:	8px;	
	-moz-border-radius:		8px;	
	border-radius:			8px;	
	background: #96BBE1; 
}

.skill-content {
	top: -22px;
	position: relative;
}

.skill-container [class*="el-icon-"] {
	font-size: 1.3em;
}

.skill-container [class*="el-icon-"]:before {
	-webkit-border-radius:	30px;
	-moz-border-radius:		30px;
	border-radius:			30px;
	background: #f0f5fc;
	padding: 8px;
}


.percent5   { width: 5%;  }
.percent10  { width: 10%; }
.percent15  { width: 15%; }
.percent20  { width: 20%; }
.percent25  { width: 25%; }
.percent30  { width: 30%; }
.percent35  { width: 35%; }
.percent40  { width: 40%; }
.percent45  { width: 45%; }
.percent50  { width: 50%; }
.percent55  { width: 55%; }
.percent60  { width: 60%; }
.percent65  { width: 65%; }
.percent70  { width: 70%; }
.percent75  { width: 75%; }
.percent80  { width: 80%; }
.percent85  { width: 85%; }
.percent90  { width: 90%; }
.percent95  { width: 95%; }
.percent100 { width: 100%; }


.percent5.start  { 
	width:0%;
	-webkit-animation:	percent5  2s ease-out forwards;
    -moz-animation:		percent5  2s ease-out forwards;
    -ms-animation:		percent5  2s ease-out forwards;
    -o-animation:		percent5  2s ease-out forwards;
    animation:			percent5  2s ease-out forwards;
}

.percent10.start  { 
  	width:0%;
	-webkit-animation:	percent10  2s ease-out forwards;
    -moz-animation:		percent10  2s ease-out forwards;
    -ms-animation:		percent10  2s ease-out forwards;
    -o-animation:		percent10  2s ease-out forwards;
    animation:			percent10  2s ease-out forwards;
}

.percent15.start  { 
  	width:0%;
	-webkit-animation:	percent15  2s ease-out forwards;
    -moz-animation:		percent15  2s ease-out forwards;
    -ms-animation:		percent15  2s ease-out forwards;
    -o-animation:		percent15  2s ease-out forwards;
    animation:			percent15  2s ease-out forwards;
}

.percent20.start  { 
	width:0%;
	-webkit-animation:	percent20  2s ease-out forwards;
    -moz-animation:		percent20  2s ease-out forwards;
    -ms-animation:		percent20  2s ease-out forwards;
    -o-animation:		percent20  2s ease-out forwards;
    animation:			percent20  2s ease-out forwards;
}

.percent25.start  { 
	width:0%;
	-webkit-animation:	percent25  2s ease-out forwards;
    -moz-animation:		percent25  2s ease-out forwards;
    -ms-animation:		percent25  2s ease-out forwards;
    -o-animation:		percent25  2s ease-out forwards;
    animation:			percent25  2s ease-out forwards;
}

.percent30.start  { 
	width:0%;
	-webkit-animation:	percent30  2s ease-out forwards;
    -moz-animation:		percent30  2s ease-out forwards;
    -ms-animation:		percent30  2s ease-out forwards;
    -o-animation:		percent30  2s ease-out forwards;
    animation:			percent30  2s ease-out forwards;
}

.percent35.start  { 
	width:0%;
	-webkit-animation:	percent35  2s ease-out forwards;
    -moz-animation:		percent35  2s ease-out forwards;
    -ms-animation:		percent35  2s ease-out forwards;
    -o-animation:		percent35  2s ease-out forwards;
    animation:			percent35  2s ease-out forwards;
}

.percent40.start  { 
	width:0%;
	-webkit-animation:	percent40  2s ease-out forwards;
    -moz-animation:		percent40  2s ease-out forwards;
    -ms-animation:		percent40  2s ease-out forwards;
    -o-animation:		percent40  2s ease-out forwards;
    animation:			percent40  2s ease-out forwards;
}

.percent45.start  { 
	width:0%;
	-webkit-animation:	percent45  2s ease-out forwards;
    -moz-animation:		percent45  2s ease-out forwards;
    -ms-animation:		percent45  2s ease-out forwards;
    -o-animation:		percent45  2s ease-out forwards;
    animation:			percent45  2s ease-out forwards;
}

.percent50.start  { 
	width:0%;
	-webkit-animation:	percent50  2s ease-out forwards;
    -moz-animation:		percent50  2s ease-out forwards;
    -ms-animation:		percent50  2s ease-out forwards;
    -o-animation:		percent50  2s ease-out forwards;
    animation:			percent50  2s ease-out forwards;
}

.percent55.start  { 
	width:0%;
	-webkit-animation:	percent55  2s ease-out forwards;
    -moz-animation:		percent55  2s ease-out forwards;
    -ms-animation:		percent55  2s ease-out forwards;
    -o-animation:		percent55  2s ease-out forwards;
    animation:			percent55  2s ease-out forwards;
}

.percent60.start  { 
	width:0%;
	-webkit-animation:	percent60  2s ease-out forwards;
    -moz-animation:		percent60  2s ease-out forwards;
    -ms-animation:		percent60  2s ease-out forwards;
    -o-animation:		percent60  2s ease-out forwards;
    animation:			percent60  2s ease-out forwards;
}

.percent65.start  { 
	width:0%;
	-webkit-animation:	percent65  2s ease-out forwards;
    -moz-animation:		percent65  2s ease-out forwards;
    -ms-animation:		percent65  2s ease-out forwards;
    -o-animation:		percent65  2s ease-out forwards;
    animation:			percent65  2s ease-out forwards;
}

.percent70.start  { 
	width:0%;
	-webkit-animation:	percent70  2s ease-out forwards;
    -moz-animation:		percent70  2s ease-out forwards;
    -ms-animation:		percent70  2s ease-out forwards;
    -o-animation:		percent70  2s ease-out forwards;
    animation:			percent70  2s ease-out forwards;
}

.percent75.start  { 
	width:0%;
	-webkit-animation:	percent75  2s ease-out forwards;
    -moz-animation:		percent75  2s ease-out forwards;
    -ms-animation:		percent75  2s ease-out forwards;
    -o-animation:		percent75  2s ease-out forwards;
    animation:			percent75  2s ease-out forwards;
}

.percent80.start  { 
	width:0%;
	-webkit-animation:	percent80  2s ease-out forwards;
    -moz-animation:		percent80  2s ease-out forwards;
    -ms-animation:		percent80  2s ease-out forwards;
    -o-animation:		percent80  2s ease-out forwards;
    animation:			percent80  2s ease-out forwards;
}

.percent85.start  { 
	width:0%;
	-webkit-animation:	percent85  2s ease-out forwards;
    -moz-animation:		percent85  2s ease-out forwards;
    -ms-animation:		percent85  2s ease-out forwards;
    -o-animation:		percent85  2s ease-out forwards;
    animation:			percent85  2s ease-out forwards;
}

.percent90.start  { 
	width:0%;
	-webkit-animation:	percent90  2s ease-out forwards;
    -moz-animation:		percent90  2s ease-out forwards;
    -ms-animation:		percent90  2s ease-out forwards;
    -o-animation:		percent90  2s ease-out forwards;
    animation:			percent90  2s ease-out forwards;
}

.percent95.start  { 
	width:0%;
	-webkit-animation:	percent95  2s ease-out forwards;
    -moz-animation:		percent95  2s ease-out forwards;
    -ms-animation:		percent95  2s ease-out forwards;
    -o-animation:		percent95  2s ease-out forwards;
    animation:			percent95  2s ease-out forwards;
}

.percent100 { 
	width:0%; 
	-webkit-animation:	percent100  2s ease-out forwards;
    -moz-animation:		percent100  2s ease-out forwards;
    -ms-animation:		percent100  2s ease-out forwards;
    -o-animation:		percent100  2s ease-out forwards;
    animation:			percent100  2s ease-out forwards;
}

@-moz-keyframes percent5   { 0%  { width:0px;} 100%{ width:5%;}   }
@-moz-keyframes percent10  { 0%  { width:0px;} 100%{ width:10%;}  }
@-moz-keyframes percent15  { 0%  { width:0px;} 100%{ width:15%;}  }
@-moz-keyframes percent20  { 0%  { width:0px;} 100%{ width:20%;}  }
@-moz-keyframes percent25  { 0%  { width:0px;} 100%{ width:25%;}  }
@-moz-keyframes percent30  { 0%  { width:0px;} 100%{ width:30%;}  }
@-moz-keyframes percent35  { 0%  { width:0px;} 100%{ width:35%;}  }
@-moz-keyframes percent40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes percent45  { 0%  { width:0px;} 100%{ width:45%;}  }
@-moz-keyframes percent50  { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes percent55  { 0%  { width:0px;} 100%{ width:55%;}  }
@-moz-keyframes percent60  { 0%  { width:0px;} 100%{ width:60%;}  }
@-moz-keyframes percent65  { 0%  { width:0px;} 100%{ width:65%;}  }
@-moz-keyframes percent70  { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes percent75  { 0%  { width:0px;} 100%{ width:75%;}  }
@-moz-keyframes percent80  { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes percent85  { 0%  { width:0px;} 100%{ width:85%;}  }
@-moz-keyframes percent90  { 0%  { width:0px;} 100%{ width:90%;}  }
@-moz-keyframes percent95  { 0%  { width:0px;} 100%{ width:95%;}  }
@-moz-keyframes percent100 { 0%  { width:0px;} 100%{ width:100%;} }

@-webkit-keyframes percent5  { 0%  { width:0px;} 100%{ width:5%;}  }
@-webkit-keyframes percent10  { 0%  { width:0px;} 100%{ width:10%;}  }
@-webkit-keyframes percent15  { 0%  { width:0px;} 100%{ width:15%;}  }
@-webkit-keyframes percent20  { 0%  { width:0px;} 100%{ width:20%;}  }
@-webkit-keyframes percent25  { 0%  { width:0px;} 100%{ width:25%;}  }
@-webkit-keyframes percent30  { 0%  { width:0px;} 100%{ width:30%;}  }
@-webkit-keyframes percent35  { 0%  { width:0px;} 100%{ width:35%;}  }
@-webkit-keyframes percent40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes percent45  { 0%  { width:0px;} 100%{ width:45%;}  }
@-webkit-keyframes percent50  { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes percent55  { 0%  { width:0px;} 100%{ width:55%;}  }
@-webkit-keyframes percent60  { 0%  { width:0px;} 100%{ width:60%;}  }
@-webkit-keyframes percent65  { 0%  { width:0px;} 100%{ width:65%;}  }
@-webkit-keyframes percent70  { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes percent75  { 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes percent80  { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes percent85  { 0%  { width:0px;} 100%{ width:85%;}  }
@-webkit-keyframes percent90  { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes percent95  { 0%  { width:0px;} 100%{ width:95%;}  }
@-webkit-keyframes percent100 { 0%  { width:0px;} 100%{ width:100%;} }

	

@-ms-keyframes percent5  { 0%  { width:0px;} 100%{ width:5%;}  }
@-ms-keyframes percent10  { 0%  { width:0px;} 100%{ width:10%;}  }
@-ms-keyframes percent15  { 0%  { width:0px;} 100%{ width:15%;}  }
@-ms-keyframes percent20  { 0%  { width:0px;} 100%{ width:20%;}  }
@-ms-keyframes percent25  { 0%  { width:0px;} 100%{ width:25%;}  }
@-ms-keyframes percent30  { 0%  { width:0px;} 100%{ width:30%;}  }
@-ms-keyframes percent35  { 0%  { width:0px;} 100%{ width:35%;}  }
@-ms-keyframes percent40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-ms-keyframes percent45  { 0%  { width:0px;} 100%{ width:45%;}  }
@-ms-keyframes percent50  { 0%  { width:0px;} 100%{ width:50%;}  }
@-ms-keyframes percent55  { 0%  { width:0px;} 100%{ width:55%;}  }
@-ms-keyframes percent60  { 0%  { width:0px;} 100%{ width:60%;}  }
@-ms-keyframes percent65  { 0%  { width:0px;} 100%{ width:65%;}  }
@-ms-keyframes percent70  { 0%  { width:0px;} 100%{ width:70%;}  }
@-ms-keyframes percent75  { 0%  { width:0px;} 100%{ width:75%;}  }
@-ms-keyframes percent80  { 0%  { width:0px;} 100%{ width:80%;}  }
@-ms-keyframes percent85  { 0%  { width:0px;} 100%{ width:85%;}  }
@-ms-keyframes percent90  { 0%  { width:0px;} 100%{ width:90%;}  }
@-ms-keyframes percent95  { 0%  { width:0px;} 100%{ width:95%;}  }
@-ms-keyframes percent100 { 0%  { width:0px;} 100%{ width:100%;} }



/* Skill Styls Ends 
-------------------------------------- */

.skill-container .icon-stack {
	font-size: 1.4em;
}

.clear {
	clear: both;
}

.ptop {
	padding-top: 60px;
}

#disqus_thread {
	clear: both;	
    max-width: 500px;
    padding: 10px 20px;
	border: 1px solid #ccc;	    
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .1);
}

a, 
a:focus {
	outline: none;
}

.post-wrap {
	clear: both;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;	
}

.post-thumb  {
	float: left;
	margin-right: 15px;
}

.thumb {
	float: left;
	margin-right: 25px;
}

.page-template-blog-large-php .thumb {
	float: none;
}

.blog-thumb {
	float: none;
	margin-right: 0;
}

/* Search Form Styles Starts 
---------------------------------------- */
form.searchform {
	position: relative;
}

input.btn-search {
	top: 0;	
	right: 0%;	
	border: 0;		
	width: 32px;
	height: 36px;	
	display: block;	
	cursor: pointer;
	position: absolute;
	background: #1f2329;
	text-indent: -9999em;
}

.required {
	color: #ff4200;
}

.widget-area .search-form {
	margin-top: 15px;
	position: relative;
}

.widget-area .search-form input.search-field {
	margin-bottom: 0;	
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
}

.widget_search .search-submit {
	top: 1px;	
	border: 0;	
	z-index: 1;	
	right: -1px;	
	width: 33px;
	height: 29px;
	font-size: 0;
	display: block;	
	position: absolute;		
	text-align: center;		
	background-color: #1f2329;	
	-moz-transition:	all 0.5s;
	-webkit-transition:	all 0.5s;
	-o-transition:		all 0.5s;	
	-ms-transition:		all 0.5s;	
	transition:			all 0.5s;
}

.search-form .el-icon-search {
    top: 6px;
    right: 5px;
	z-index: 2;
	color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    position: absolute;
	-webkit-transition:	all 0.5s;
	-moz-transition:	all 0.5s;
	-o-transition:		all 0.5s;
	-ms-transition:		all 0.5s;
	transition:			all 0.5s;
}

.widget_search:hover .search-submit {
	z-index: 2;
	width: 80px;
	color: #fff;	
	font-size: .8em;
	text-indent: 0;	
	text-transform: uppercase;
	background-color: #ff4200;
	cursor: pointer;
}

.widget_search:hover .search-submit,
.search-form:hover .el-icon-search {
	-webkit-transition:	all 500ms ease;
	-moz-transition:	all 500ms ease;
	-ms-transition:		all 500ms ease;
	-o-transition:		all 500ms ease;
	transition:			all 500ms ease;	
}

.search-form:hover .el-icon-search {
	z-index: 1;
	color: #ff4200;	
}

/* Search Form Styles Ends
---------------------------------------- */

.align-left {
	float: left;
	margin-right: 30px;
}

.post .align-left {
	margin-bottom: 15px;
}

.pagination {
	text-align: right;
}

.pagination a,
.page-links a {
	margin: 0 3px;
	color: #ff4200;
	padding: 4px 10px;
	text-align: center;
	background: #f0f5fc;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
	box-shadow: 1px 1px 1px #ccc;
	/*text-shadow: 2px 2px 2px #ccc;*/
}

.page-links a:hover,
.pagination a.active, 
.pagination a.active:hover {
	color: #fff;	
	text-shadow: 0 0 0;
	background: #1f2329;	
}

.pagination a:hover {
	color: #ff4200;
}

.navigation div {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}


.navigation div.next-posts {
	text-align: right;
}

a.more-link,
.navigation a,
.webulous_page_navi li a,
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.site-main .search-form input.search-submit {
	border: 0;	
	color: #ff4200;
	padding: 5px 10px;
	background: #f0f5fc;
	display: inline-block;
	text-decoration: none;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #c0c4ca;	
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;	
}

.navigation a:hover, 
a.more-link:hover,
.nav-previous a:hover,
.webulous_page_navi li a:hover,
.comment-navigation .nav-next a:hover,
.comment-list .comment-reply-link:hover,
.site-main .search-form input.search-submit:hover {
	color: #fff;
	background-color: #1f2329;
}

.webulous_page_navi li a,
.page-links a {
	color: #1f2329;
	text-shadow: 1px 1px 1px #A4A4A4;
}

.webulous_page_navi li a:hover,
.page-links a:hover {
	text-shadow: 0 0 0;
}

hr {
	border: 0;
	margin: 20px 0 30px;
	border: 1px solid transparent;
}

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

.webulous_page_navi li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
	margin-bottom: 0;	
}

ol.webulous_page_navi {
	margin: 0;
	float: right;
}

ol.webulous_page_navi li.bpn-current {
	color: #fff;
	padding: 5px 10px;	
	background-color: #1f2329;
	-webkit-border-radius:	5px;	
	-moz-border-radius:		5px;
	border-radius:			5px;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #c0c4ca;	
}

ol.webulous_page_navi li.bpn-last-page-link {
	margin-right: 0;
}

/* Meta Styles Starts 
--------------------------------------- */

.entry-meta a {
	color: #333;	
}

.entry-meta a:hover {
	color: #ff4200;
}

.entry-meta i,
.entry-meta i {
	padding-right: 5px;
}

.entry-meta span {
	padding-right: 25px;
}

.entry-meta span a {
	padding: 2px 2px;
color:#ffffff;
	display: inline-block;
}

.entry-meta {
	margin-top: 10px;
	min-height: 40px;	

	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	padding: 12px 0;
}

.entry-meta .entry-meta {
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #eaeaea;
}

.entry-meta span span {
	border: 0;
	padding: 0;
	margin: 0;
	border: 0;	
}

li.bypostauthor {
	background-color: #f0f5fc;
}

ol.comment-list li:nth-child(odd) {
	background-color: #F0F5FC;
	clear: both;
}

ol.comment-list > li.even ul.children .odd,
ol.comment-list ul.children {
	background-color: #fff;
}

ol.comment-list article {
	min-height: 100px;
}

ol.comment-list li.bypostauthor {
	background-color: #FF7654;
}

ol.comment-list li.bypostauthor p,
li.bypostauthor .comment-metadata a, 
li.bypostauthor cite.fn a,
li.bypostauthor cite.fn {
	color: #fff;
}

#commentform input,
#commentform textarea {
	padding: 6px;
}

/* Comment Styles Ends
------------------------------------------ */


/* Responsive Nav Style Starts */
select.menu option {
	padding: 0 5px;
	background-color: #1F2329;	
}

/* Responsive Nav Menu Styles Ends 
--------------------------------------------- */

.flex-container .flex-viewport {
	max-height: 430px;
}

/* Widget Comment Styles Starts 
----------------------------------------------*/
.widget ul {
	margin-top: 15px;
}

.widget-area ol, 
.widget-area ul {
	margin-left: 0em;
}

.widget-area ul li {
	list-style-type: none;
}

.widget ul li {
	padding-bottom: 10px;	
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
}

.widget li a {
	color: #333;
}

.widget li a:hover {
	color: #ff4200;
}

/* Widget Comment Styles Ends 
----------------------------------------------*/

.post {
	margin-bottom: 30px;
	padding-bottom: 30px;
}

/* Comments Styles Starts  
--------------------------------- */
ol.comment-list {
	margin-top: 25px;
	list-style-type: none;
	margin-left: 0;
}

ol.comment-list ul.children li {
	min-height: 110px;
}

ol.comment-list > li {
	clear: both;
	margin-bottom: 0;
	padding-bottom: 0;
}

ol.comment-list li p {
	margin-bottom: 10px;
}

.comment-content {
	margin-top: 10px;
	text-align: justify;
}

.comment-content,
.comment-list .vcard,
.comment-awaiting-moderation {
    margin-left: 120px;
}

.comment-list li {
	clear: both;
	overflow: hidden;
	position: relative;  
	margin-bottom: 1.5em;	
	list-style-type: none;
	padding: 0.7335em 10px;
	padding-left: 0;
}

ol.comment-list > li {
	padding-bottom: 0 !important;
}

.comment-list li:last-child {
	margin-bottom: 0;
}

.comment-list li ul.children {
	margin: 0;
}

.comment-list li[class*=depth-] {
	margin-top: 1.1em;
}

.comment-list li.depth-1 {
	margin-top: 0;	
	margin-left: 0;
}

.comment-list li:not(.depth-1) {
	margin-top: 0;
	margin-left: 70px;	
	padding-bottom: 0;
}

.comment-list .vcard img.avatar {
	left: 15px;
	top: 15px;
	background: #fff;
	position: absolute;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}

ol.comment-list li.depth-1 > .comment-body .vcard img.avatar {
	top: 20px;  	
	left: 20px;
	position: absolute;  
}

.comment-list .comment_content {
	margin-left: 130px;
}

.comment-list .comment-reply-link {
	float: right;	
	padding: 3px 8px;	
  	margin-bottom: 10px;
	background: #f0f5fc;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius:	5px;
	-moz-border-radius: 	5px;
	border-radius:			5px;
	border-bottom: 1px solid #c0c4ca;
	border-right: 1px solid #bcbcbc;
}

.comment-list .comment-reply-link:hover,
.comment-list .comment-reply-link:focus {
  color: #fff;
}

p.fn {
	font-size: 1.3em;
}

p.fn span {
	font-size: .7em;
	padding-left: 10px;	
	border: 1px solid #f6f;
}

cite.fn {
	font-size: 1.3em;
	font-style: normal;
	font-family: 'Bree Serif', serif;
}

ol.comment-list li.depth-1 > .comment-body {
	padding: 5px;
	padding-right: 0;
	min-height: 100px;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}

.comment-metadata {
	font-family: 'Bree Serif', serif;
	padding-left: 5px;	
}

.comment-metadata a,
cite.fn a {
	color: #333;
}

.comment-metadata a:hover,
cite.fn a:hover {
	color: #ff4200;
}

.comment-list .comment-reply-link {
	margin-bottom: 0;	
	margin-top: -10px;
	margin-right: 10px;
}

ol.comment-list li.pingback .comment-body {
	min-height: 0;
}

ol.comment-list li.pingback .comment-body a:hover {
	color: #333;
}

ol.comment-list li {
	padding-right: 0;
}

ol.comment-list > li {
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
}

/* Comment Styles Ends
--------------------------------------- */

/* Widget Calendar Styles Starts 
----------------------------------------- */
#secondary table#wp-calendar {
	border: 1px solid #ccc;	
	border-bottom: 0;	
}

#secondary td {
	border: 0;
	color: #333;
}

#secondary th {
	border: 0;
	background-color: #ededed;
}

#secondary th, 
#secondary td {
	padding: 5px;
	text-align: center;
}

#wp-calendar td#next {
	text-align: right;
}

#wp-calendar td#prev {
	text-align: left;
}

#wp-calendar td#today {
	background-color: #ff4200;
	color: #fff;
}

#wp-calendar td#today a {
	color: #fff;
}

#secondary tfoot td {
	text-align: left;
	background-color: #ededed;	
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
}

#secondary tfoot td:nth-of-type(3) {
	text-align: right;
}

#secondary tfoot td a {
	color: #333;
}

#secondary tfoot td a:hover {
	color: #ff4200;
}

.wp-caption {
	clear: both;
}

/* Widget Calendar Styles Ends
----------------------------------------- */

.gallery-item dd {
	margin-bottom: 20px;
}

blockquote {
	margin: 24px 40px;
	font-style: italic;
}

blockquote {
  padding: 0.5em 10px;
  padding-bottom: 20px;
  position: relative;
  margin-left: 50px;
}

blockquote:before {
	font-family: 'Elusive-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
    text-decoration: inherit;

	/*--adjust as necessary--*/
    padding-left: 0;
    position: absolute;
    top: 8px;
    left: 0;
    color: #ccc;
    content: "\e65b";
    font-size: 1.4em;
}

blockquote p {
	left: 15px;
	width: 95%;
	display: block;
	position: relative;	
}


.entry-content blockquote p {
	font-weight: 400;
	font-size: 1.3em;
}

/* Home Page Features Styles Starts 
--------------------------------------- */
.services {
	padding: 40px 0;
	text-align: center;	
	background-color: #1F2329;
	margin-bottom: 20px;
}

.services h3 {
	height: 110px;
	width: 110px;
	-webkit-border-radius:	100px;
	-moz-border-radius:		100px;
	border-radius:			100px;
	display: inline-block;	
	box-shadow: 2px 2px #636971, -2px -2px #171a1e, inset 0 0 2px 2px #171a1e;
}

.services h3 i {
	color: #fff;	
	width: 110px;
	height: 110px;
	font-size: 2.5em;	
	display: block;
	padding-right: 0;
	line-height: 115px;	
}

.service {
	color: #fff;
}

.services h2 {
    font-size: 2.2em;	
    color: #FF4200;
    margin-top: 20px;
    text-shadow: 0 3px 1px #000;
}

.service p {
	padding: 0 20px;
	text-align: justify;
	min-height: 94px;
	color: #fefefe;
}

a.btn-more,
a.btn-readmore {
	border: 0;		
	color: #fff;
	padding: 5px 12px;	
	background: #ff4200;
	display: inline-block;	
	text-decoration: none;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
	box-shadow: 0px 0px 1px #000;
	font-size: 1.1em;
	text-shadow: 2px 2px 1px hsla(216, 24%, 14%, 0.6);
}

a.btn-more:hover,
.btn-slider a:hover,
a.btn-readmore:hover {
	text-shadow: 0 0 0;
	background-color: #373E49;
}

h2 i {
	padding-right: 10px;
}

/* Home Page Features Styles Ends 
--------------------------------------- */

.flex-direction-nav li {
	margin-bottom: 0;
}

.flexslider {
	border: 0 !important;		
	margin-bottom: 0;	
	-webkit-box-shadow:	0 0 0 !important;
	-moz-box-shadow:	0 0 0 !important;
	box-shadow:			0 0 0 !important;
	-webkit-border-radius:	0 !important;
	-moz-border-radius:		0 !important;
	border-radius:			0 !important;
}

.flex-direction-nav a {
	height: 70px;
}

.flex-direction-nav a:before {
	font-size: 60px;
}

.flex-direction-nav a:hover {
	color: #ff4200;
}

.flex-caption {
	position: absolute;	
	top: 20px;
	width: 90%;
	left: 5%;
	color: #fff;
}

.flex-caption h2,
.flex-caption h1 {
/*	display: inline-block;*/
	color: #fff;
	padding: 5px 20px;
	text-shadow: 1px 1px 1px #000;
	font-weight: normal;
	background-color: hsla(16, 100%, 50%, .4);
	border-left: 5px solid #ff4200;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
}

.flex-caption h3,
.flex-caption h4,
.flex-caption h5,
.flex-caption p,
.flex-caption li {
	/*display: inline-block;*/
	padding: 10px 20px;
	font-style: italic;
	color: #fff;
	background-color: hsla(216, 14%, 14%, .5);	
	border-left: 5px solid #1F2329;	
	margin-bottom: 10px;
	display: inline-block;
	float: left;
}

.flex-caption li {
	clear: both;
	list-style-type: disc;
	display: list-item;
	margin-left: 14px;
}

.flex-caption ul {
	clear: both;
	margin: 0;
	display: block;	
}

.flex-caption p.btn-slider,
.flex-caption li {
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: auto;
	font-style: normal;
	clear: both;
}


.feature2 ul {
	margin-left: 0;
	list-style-type: none;
}

.feature2 li {
	margin-bottom: 15px;
	margin-left: 10px;
	position: relative;
	padding-left: 24px;
}

.feature2 li:before {
	font-family: 'Elusive-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
    text-decoration: inherit;

	/*--adjust as necessary--*/
    padding-left: 0;
    position: absolute;
    top: 3px;
    left: 0;
    color: #ff4200;
    content: "\e671";
}

/* Flux Recent Post Home Page Styles */

.recent-post {
	margin: 10px;
	padding: 10px;
	min-height: 480px;
	border: 1px solid #dfdede;	
	box-shadow: 0 1px 1px #dbdfe0;
	position: relative;
}

.rp-thumb {
	min-height: 184px;
	max-height: 184px;
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #dfdede;	
}

.rp-content p {
	text-align: justify;
}

.rp-content h4 {
	font-size: 1.2em;
	border-bottom: 1px solid #dfdede;
	min-height: 62px;
	max-height: 62px;
	overflow: hidden;
}

.rp-content p.readmore {
	position: absolute;
	bottom: 0;
	left: 30%;
}

p.readmore a:hover {
	background-color: #ff4200;
	color: #fff;	
}

.flex-recent-posts {
	position: relative;
}

.flex-recent-posts .flex-direction-nav {
	top: -70px;		
	right: 0px;
	position: absolute;	
}

.flex-recent-posts .flex-direction-nav a.flex-prev, 
.flex-recent-posts .flex-direction-nav a.flex-next {
	width: 28px;
	height: 28px;
	margin-top: 0;	
	display: block;
	text-indent: -9999em;
	background: url('images/flex-prev.png') no-repeat left top;
}

.flex-recent-posts .flex-direction-nav a.flex-next {
	background: url('images/flex-next.png') no-repeat left top;
}

.flex-recent-posts .flex-direction-nav a.flex-prev:hover, 
.flex-recent-posts .flex-direction-nav a.flex-next:hover {
	background-position: left bottom;
}

.flex-recent-posts .flex-direction-nav a.flex-prev {
	left: auto;
	right: 40px;
}
/* Flex Recent Post Home Page Style Ends */

/* Gallery Items Styles */
.gallery-item {
	padding: 10px;
	text-align: center;
}

.gallery-item dt,
.gallery-item dd {
	margin: 10px 20px;
}

.gallery-item dd {
	padding: 0 10px;
	text-align: center;	
}

/* Gallery Items Styles Ends 
--------------------------------------------- */

.comment-form input,
.post-password-form input {
	width: 60%;
}

.comment-form .form-submit input,
.post-password-form input[type="submit"],
.site-main .search-form input.search-submit {
	width: auto;
}

.post-password-form input[type="submit"] {
	margin-left: 70px;
}

.entry-content .thumb {
	margin-bottom: 10px;
}

.site-main .search-form input {
	width: 50%;
}

.form-submit input#submit,
.post-password-form input[type="submit"],
.site-main .search-form input.search-submit {
	padding: 8px 20px;
	text-transform: uppercase;
	cursor: pointer;
}

.flexslider .slides > li {
	position: relative;
	margin-bottom: 0;
}

.feature-wrap {
	margin-bottom: 30px;
}

.clear {
	clear: both;
}

.divider {
	background: url('images/divider.png') repeat-x left top;
	height: 17px;
	margin-bottom: 40px;
	margin-top: 20px;
	clear: both;
}

.divider span {
	background: url('images/divider-circle.gif') no-repeat right top;	
	display: block;
	height: 17px;
}

.div2 span {
	background-position: center top !important;
}

.sticky {
	background: #f0f5fc;
	padding: 20px;
	border: 1px solid #dedede;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}

.sticky h1 a {
	color: #ff4200;
}

.site-footer .circle-icon-wrapper h3 {
	font-size: 3.4em;
}

.site-footer .circle-icon-box a.more-button {
	margin: 0 20%;
}

.site-footer .circle-icon-box p.text {
	margin-bottom: 20px;
}

.site-footer .widget_dropcap-widget,
.site-footer .widget_googlefont-widget .googlefont,
.site-footer .skill-content,
.site-footer .widget_quote-widget {
	color: #fff;
}

.site-footer .widget_dropcap-widget .dropcap {
	margin-top: 10px;
}

.site-footer .skill-content {
	top: 15px;
}

.site-footer .skill-container .fa-stack {
	color: #ccc;
}

.home .site-main h3 {
	margin-bottom: 15px;
	padding-bottom: 25px;
	background-image: url('images/divider-circle.gif'), url('images/divider.png');
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, repeat-x;
}

.site-main .widget_circleicon-widget h3 {
	background-image: none;
	margin: 0 0 10px;
	padding-bottom: 0;
}

p.readmore {
	text-align: center;
}

p.readmore a,
p.btn-slider a {
	display: inline-block;
	padding: 5px 15px;
	background-color: #1F2329;
	color: #fff;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

p.btn-slider a {
	background-color: #ff4200;
	padding: 7px 20px;
	padding-left: 15px;
}

p.btn-slider a i {
	padding-right: 8px;
}

.feature-wrap h2 {
	margin-bottom: 15px;
	padding-bottom: 25px;
	background-image: url('images/divider-circle.gif'), url('images/divider.png');
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, repeat-x;
}

h3.widget-title {
	font-size: 1.5em;
}

.widget ul.children li {
	border-bottom: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

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

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

.widget ul.sub-menu li {
	border: 0;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

.widget select {
	border: 1px solid #ccc;
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
}

h3.widget-title img {
	display: none;
}

h3.widget-title a {
	color: #333;
}

a.rsswidget {
	text-transform: uppercase;
	font-weight: bold;
}

.widget ul cite {
	display: block;
	width: 100%;
	text-align: right;
}

.widget select {
	width: 100%;
}

.post p.readmore {
	text-align: right;
}

h1.entry-title {
	line-height: 1;
	padding-left: 40px;
	position: relative;
	margin-bottom: 20px;
}

h1.entry-title i {
	position: absolute;
	top: 3px;
	left: 0px;
}

.navigation.post-navigation h1 {
	display: none;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

code, kbd, samp {
	font-size: 12px;
}

.entry-content p a.more-link {
	clear: both;
}

.search-results h1.page-title {
	margin-bottom: 30px;
}

/* Extranal Styles */
.ui-accordion h3 {
    background-color: #F0F5FC;
    margin-top: 5px;
    margin-bottom: 0;
    cursor: pointer;
    color: #FF4200;
    padding-left: 20px;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    -webkit-border-radius: 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px;
    border-radius: 6px 6px 6px;
    color: #333;
}

.ui-accordion h3 span.fa {
	float: right;
	font-size: 1em;
	font-weight: 400;
	position: relative;
	top: 5px;
	right: 5px;
	color: #333;
}

.ui-accordion .ui-accordion-header-active {
    cursor: default;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #ff4400;
}

.ui-accordion .ui-accordion-header-active span.fa,
.ui-accordion .ui-accordion-header:hover {
	color: #ff4200;
}

.ui-accordion-content {
    background-color: #F0F5FC;
    margin-top: -1px;
    padding: 20px;
    padding-top: 15px;
    text-align: justify;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.alert-message {
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    color: #333;
    margin-bottom: 15px;
}

.alert-message a {
    float: right;
    text-shadow: 0 0 0;
    color: #333;
}

.alert-message a:hover {
    color: #000;
}

.notice {
  background: #1ABC9C;
  box-shadow: inset 0px 0px 5px #0B8F77;
}

.warning {
  background: #F1C40F;
  box-shadow: inset 0px 0px 5px #BE9A11;
}

.success {
  background: #2ECC71;
  box-shadow: inset 0px 0px 5px #0E8540;
}

.error {
  background: #E74C3C;
  box-shadow: inset 0px 0px 5px #A01F11;
  color: #fff;
}

.info {
  background: #3498DB;
  box-shadow: inset 0px 0px 5px #196DA9;
}


.btn,
.widget_button-widget .btn.normal  {
  display: inline-block;
  *display: inline;
  padding: 5px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #A7A7A7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn,
.widget_button-widget a.btn.btn,
.site-footer .widget_button-widget a.btn.btn {
  background: #BDC3C7;
  color: #373A3D;
}

.btn:hover {
  background: #94999D;
}

.btn-info {
  background: #1ABC9C;
}

.btn-info:hover {
  background: #16a085;
}

.btn-primary,
.widget_button-widget a.btn.blue,
.site-footer .widget_button-widget a.btn.blue {
  background: #3498DB;
  color: #004B81;
}

.btn-primary:hover,
.widget_button-widget a.btn.blue:hover {
  background: #2980b9;
}

.btn-danger,
.site-footer .widget_button-widget a.btn.red,
.widget_button-widget a.btn.red {
  background: #E74C3C;
  color: #920F00;
}

.btn-danger:hover,
.site-footer .widget_button-widget a.btn.red:hover,
.widget_button-widget a.btn.red:hover {
  background: #c0392b;
}

.btn-warning,
.widget_button-widget .btn.yellow,
.site-footer .widget_button-widget a.btn.yellow {
  background: #F1C40F;
  color: #7A6100;
}

.btn-warning:hover {
  background: #f39c12;
}

.btn-success,
.site-footer .widget_button-widget a.btn.green,
.widget_button-widget a.btn.green {
  background: #2ECC71;
  color: #007A33;
}

.btn-success:hover,
.site-footer .widget_button-widget a.btn.green:hover,
.widget_button-widget a.btn.green:hover {
  background: #27ae60;
}

.btn-inverse,
.site-footer .widget_button-widget a.btn.black,
.widget_button-widget a.btn.black {
  background-color: #34495E;
  color: #8FABC8;
  text-shadow: 0 1px 1px rgba(51, 51, 51, 0.75);
}

.btn-inverse:hover,
.site-footer .widget_button-widget a.btn.black:hover,
.widget_button-widget a.btn.black:hover {
  background: #1B2939;
}

.btn,
.btn-primary,
.btn-danger,
.btn-warning,
.btn-success,
.btn-inverse {
	color: #fff;
}

.btn:hover {
  color: #fff !important;
  text-shadow: 0 0 0 !important;
}

.btn-mini,
.widget_button-widget .btn.mini {
  padding: 1px 6px;
  font-size: 10.5px;
}

.btn-small,
.widget_button-widget .btn.small {
  padding: 3px 12px;
  font-size: 13px;
}

.btn-large,
.widget_button-widget .btn.large {
  padding: 12px 20px;
  font-size: 17.5px;
}

.site-footer .widget_button-widget a.btn.yellow:hover,
.widget_button-widget a.btn.yellow:hover {
	background-color: #E6BA13;
}

.site-footer .widget_button-widget a.btn.light-blue,
.widget_button-widget a.btn.light-blue {
	background-color: #8ED0FF;
}

.site-footer .widget_button-widget a.btn.light-blue:hover,
.widget_button-widget a.btn.light-blue:hover {
	background-color: #71A8CF;
}

.site-footer .widget_button-widget a.btn {
	border: 0;
}

.dropcap {
  float: left;
  padding: 0 5px;
  font-size: 2.5em;
  font-weight:bold;
  line-height: 1;
  margin-right: 10px; 
  text-shadow: 1px 1px 1px #000;
}

.dropcap-circle {
  color: #fff;
  background-color: #FF4200;  
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; 
  padding: 5px 12px; 
}

.dropcap-box {
  background-color: #FF4200;
  color: #fff;
  padding: 5px 15px;   
}

.dropcap-book {
  background: rgb(255,68,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,68,0,1) 0%, rgba(237,237,237,1) 50%, rgba(255,68,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,68,0,1)), color-stop(50%,rgba(237,237,237,1)), color-stop(100%,rgba(255,68,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,68,0,1) 0%,rgba(237,237,237,1) 50%,rgba(255,68,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,68,0,1) 0%,rgba(237,237,237,1) 50%,rgba(255,68,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,68,0,1) 0%,rgba(237,237,237,1) 50%,rgba(255,68,0,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,68,0,1) 0%,rgba(237,237,237,1) 50%,rgba(255,68,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4400', endColorstr='#ff4400',GradientType=0 ); /* IE6-9 */
  padding: 5px 15px; 
  color: #fff;
  border: 2px solid #912600;
}

.hr_solid,
.hr_default {
  clear: both;
  margin: 30px 0;
  border: 0; 
  height: 1px; 
  background: #ccc;
  background-image: -webkit-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #ccc, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #ccc, #ccc);
}

.hr_fancy {
  height: 30px; 
  border-style: solid; 
  border-color: black; 
  border-width: 1px 0 0 0; 
  border-radius: 20px;
  margin: 30px 0;
}

.hr_fancy:before { 
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

.hr_shadow {
  height: 12px; 
  border: 0; 
  box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
  margin: 30px 0;
}

.hr_dashed {
  border: 0; 
  border-bottom: 1px dashed #ccc; 
  background: #333;
  margin: 30px 0;
}

.hr_dotted {
  border: 0; 
  border-top: 1px dotted #8C8B8B;  
  margin: 30px 0;
}

.pullnone {
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
  font-weight: bold;  
}

.pullnone:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.4em;
  font-family: Georgia,Times,serif;
}

.pullright {
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
  font-weight: bold;  
}

.pullright:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.4em;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.pullright {
  float: right;
  width: 50%;
  margin-left: 20px;
  background-color: #F0F5FC;
  padding: 20px;  
}

.pullleft {
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
  font-weight: bold;  
}

.pullleft:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.15em;
  vertical-align: -0.4em;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.pullleft {
  float: left;
  width: 50%;
  margin-right: 20px;
  background-color: #F0F5FC;
  padding: 20px;
}

.sep {
  position: relative;
  overflow: hidden;
}

.sep:after {
  border-top: 1px solid #ccc;
  content: "seperator";
  height: 1px;
  position: absolute;
  text-indent: -9999em;
  top: 55%;
  width: 100%;
  padding-left: 10px;
  margin-left: 10px;
}

/* ToolTip Styles */
.withtip {
    position: relative;
}

.withtip:before,
.withtip:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

.withtip:before {
    position: absolute;
    padding: 7px;
    background-color: #333;
    background-color: hsla(0, 0%, 20%, 1);
    color: #fff;
    content: attr(title);
    text-align: center;
    width: 100%;
}

.withtip:after {
    position: absolute;
    width: 0;
    content: " ";
    font-size: 0;
    line-height: 0;
}

.withtip:hover:before,
.withtip:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.withtip.top:before {
    bottom: 80%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -40px;
}

.withtip.top:after {
    bottom: 80%;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #333;
    border-top: 5px solid hsla(0, 0%, 20%, 1);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.withtip.right:before {
    top: 50%;
    left: 102%;
    margin-top: -17px;
}

.withtip.right:after {
    top: 5px;
    left: 102%;
    margin-left: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid #333;
    border-right: 5px solid hsla(0, 0%, 20%, 1);
    border-bottom: 5px solid transparent;
}

.withtip.bottom:before {
    top: 150%;
    left: 50%;
    margin-top: 5px;
    margin-left: -40px;
    z-index: 100;
}

.withtip.bottom:after {
    top: 150%;
    left: 50%;
    margin-left: -5px;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333;
    border-bottom: 5px solid hsla(0, 0%, 20%, 1);
    border-left: 5px solid transparent;
    z-index: 100;
}

.withtip.left:before {
    top: 50%;
    right: 102%;
    margin-top: -17px;
}

.withtip.left:after {
    top: 5px;
    right: 102%;
    margin-right: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    border-left: 5px solid hsla(0, 0%, 20%, 1);
}


[data-toggle]:before,
[data-toggle]:after,
.withtip:before,
.withtip:after {
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.2s ease-in-out 0s,
    visibility 0.2s ease-in-out 0s,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;
}

[data-toggle]:hover:before,
[data-toggle]:hover:after,
[data-toggle]:focus:before,
[data-toggle]:focus:after,
.withtip:hover:before,
.withtip:hover:after,
.withtip:focus:before,
.withtip:focus:after,
.withtip.top:hover:before,
.withtip.top:hover:after,
.withtip.top:focus:before,
.withtip.top:focus:after {
    transform: translateY(-12px);
}

.withtip.left:hover:before,
.withtip.left:hover:after,
.withtip.left:focus:before,
.withtip.left:focus:after {
    transform: translateX(-12px);
}

.withtip-bottom:hover:before,
.withtip-bottom:hover:after,
.withtip-bottom:focus:before,
.withtip-bottom:focus:after {
    transform: translateY(12px);
}

.withtip.right:hover:before,
.withtip.right:hover:after,
.withtip.right:focus:before,
.withtip.right:focus:after {
    transform: translateX(12px);
}

.toggle .close {
    display: none;
}

.toggle .open {
    display: block;
}

.toggle-title {
  background-color: #1F2329;
  padding: 10px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  -webkit-transition:	all 0.5s;
  -moz-transition:		all 0.5s;
  -o-transition:		all 0.5s; 
  -ms-transition:		all 0.5s;
  transition:			all 0.5s;
  margin-bottom: 20px;
}

.toggle-title:hover {
  background-color: #FF4200;
  color: #fff;
}

.entry-content {
  overflow: hidden;
  padding-bottom: 10px;
}

.page .entry-content {
	overflow: visible;
}

ul.filter-options {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.filter-options li,
.filter-options li a {
  float: left;
}

.filter-options li a {
    background-color: #E8F2FF;
    margin: 0 5px;
    padding: 7px 10px;
    -webkit-border-radius:	4px;
    -moz-border-radius:		4px;
    border-radius:			4px;
    color: #333;
    text-transform: uppercase;
    border: 1px solid #D0E4FF;
}

.filter-options li a:hover,
.filter-options li a.selected {
  background-color: #333;
  color: #fff;
  border-color: #000;
}

#filters {
  padding: 20px 0 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
  min-height: 50px;
  clear: both;
}

ul#portfolio {
  margin-left: 0;
  clear: both;
}

#content #content {
  padding-top: 0;
}

#filters, #portfolio {
	padding: 0;
}

/* Portfolio Styles Starts */
.portfolio2col,
.portfolio3col,
.portfolio4col {
  position: relative;
  margin: 2%;
}

.portfolio2col_overlay .overlay_icon,
.portfolio3col_overlay .overlay_icon,
.portfolio4col_overlay .overlay_icon,
.portfolio2col_sidebar_overlay .overlay_icon {
	position: relative;
	top: 39%;
	left: -42%;
}

.portfolio2col:hover .portfolio2col_overlay,
.portfolio2col_sidebar_overlay:hover,
.portfolio3col:hover .portfolio3col_overlay,
.portfolio4col:hover .portfolio4col_overlay {
	-webkit-transition:	all 0.5s;
	-moz-transition:	all 0.5s;
    -o-transition:		all 0.5s;
    transition:			all 0.5s;
    background: rgba(0, 0, 0, .7);
}

.portfolio2col_overlay,
.portfolio2col_sidebar_overlay,
.portfolio3col_overlay,
.portfolio4col_overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 1 !important;
  margin: 0;
  width: 100%;
  /*height: 320px;*/
  height: 100%;
}

.overlay_icon img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: .7;
}

.portfolio2col > a,
.portfolio2col > a > img,
.portfolio3col > a,
.portfolio3col > a > img {
	display: block;
	/*height: 320px;*/
}

.portfolio2col_sidebar > a,
.portfolio2col_sidebar > a > img,
.portfolio4col > a,
.portfolio4col > a > img,
.portfolio4col_overlay {
	display: block;
	/*height: 250px;*/
}

.portfolio2col_sidebar {
	margin: 2%;
}

.portfolio2col_sidebar {
	position: relative;
}

.portfolio2col_sidebar_overlay {
	height: 100%;
}

.portfolio-excerpt {
	margin: 2%;
	padding-right: 25px;
}

.portfolio-excerpt a.btn-readmore {
	margin-top: 10px;
}

#portfolio h4 a:hover {
	color: #333;
}

.single-portfolio .entry-meta {
	display: none;
}

.single-portfolio .entry-header .entry-meta {
	display: block;
}

.accordion {
	width: 99%;
}

.tabs-container {
	width: 99%;
}

ul.tabs {
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
  	background-color: #96BBE1;
  	padding-top: 10px;
  	border-radius: 5px 5px 0 0;
}

ul.tabs li {
	display: inline;
	list-style-type: none;
	float: left;
	margin-bottom: 0;
}

ul.tabs li a {
	display: inline-block;
	/*padding: 0 30px 15px;*/
	padding: 0 30px 10px;
	background-color: #F0F5FC;
	margin: 0 5px;
	border-top: 10px solid transparent;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;

	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;

	font-size: 1.3em;
	color: #333;
	position: relative;
	/*top: 0.5rem;  
	top: 0.5em;*/
	-webkit-transition: all 0.6s;
	-moz-transition: 	all 0.6s;
	transition: 		all 0.6s;
}

ul.tabs li.ui-tabs-active a,
ul.tabs li a:hover {
	background-color: #1F2329;
	border-top-color: #FF4200;
	top: 0;
}

ul.tabs li.ui-tabs-active a, 
ul.tabs li a:hover {
  color: #fff;
}

.widget ul.ui-tabs-nav li {
	padding: 0;
	border: 0;
}

.ui-tabs-panel {
	padding: 10px;
}

.tabs-container div {
	background-color: #F0F5FC;
	clear: both;
	/*-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px;
	border-radius: 5px 5px 5px;	*/
	-moz-box-shadow: 0px 0px 0px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
 	padding: 20px; 
	position: relative;
	top: 0px;
}

a.more-button {
	border: 0;    
	color: #fff;
	padding: 5px 12px;  
	background: #ff4200;
	display: block;  
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 2px 2px 1px hsla(216, 24%, 14%, 0.6);
}

a.more-button {
	margin: 0 20%;
}

.home .circle-icon-box a.more-button {
	margin: 0 35%;
}

a.more-button:hover {
	text-shadow: 0 0 0;
	background-color: #373E49;
}

.circle-icon-wrapper {
	text-align: center;
}

.circle-icon-box h4 {
	text-align: center;
}

.circle-icon-box p {
	text-align: justify;
}

.page-template .widget_circleicon-widget {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 25%, #F0F5FC 25%, #F0F5FC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(25%,#F0F5FC), color-stop(100%,#F0F5FC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 25%,#F0F5FC 25%,#F0F5FC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 25%,#F0F5FC 25%,#F0F5FC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 25%,#F0F5FC 25%,#F0F5FC 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 25%,#F0F5FC 25%,#F0F5FC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0F5FC',GradientType=0 ); /* IE6-9 */
	border: 2px solid #C9DDF8;
	box-shadow: 5px 5px 0px #eee;
	padding: 0 20px;
}

.home .widget_circleicon-widget {
	padding: 40px 0;
	background: none;
}

.page-template .widget_circleicon-widget h4,
.page-template .widget_circleicon-widget p {
	color: #333;
}

.home .widget_circleicon-widget p {
	color: #fff;
}

.home .widget_circleicon-widget h4 {
	color: #ff4200;
	font-size: 1.8em;
	text-shadow: 1px 1px 2px #000;
}

.widget_list-widget ul {
	list-style-type: none;
	margin-left: 0;  
}

.widget_list-widget ul li {
	border-bottom: 0;
	position: relative;
	padding-left: 25px;
}

.widget_list-widget ul li .fa {
	color: #ff4200;
	position: absolute;
	left: 0;
	top: 3px;
}

.flex-direction-nav a.flex-prev {
	left: 0;
}

.flex-direction-nav a.flex-next {
	right: 0;
}

.widget_recent-work-widget ul li {
	border-bottom: 0;
}

.widget_recent-work-widget .flex-direction-nav a.flex-prev,
.widget_testimonial-widget .flex-direction-nav a.flex-prev {
	background: url('images/flex-prev.png') no-repeat left top;
	left: 0px;
}

.widget_recent-work-widget .flex-direction-nav a.flex-next,
.widget_testimonial-widget .flex-direction-nav a.flex-next {
	background: url('images/flex-next.png') no-repeat left top;
}

.widget_recent-work-widget .flex-direction-nav a:hover,
.widget_testimonial-widget .flex-direction-nav a:hover {
	background-position: left bottom;
}

.widget_recent-work-widget .flex-direction-nav li,
.widget_recent-posts-widget .flex-direction-nav li {
	float: left;
}

.widget_recent-work-widget .flex-direction-nav a,
.widget_testimonial-widget .flex-direction-nav a,
.widget_recent-posts-widget .flex-direction-nav a {
	width: 28px;
	height: 28px;
	margin-top: 0;
	position: static;
	opacity: 1;
}

.widget_recent-work-widget {
	position: relative;
}

.widget ul.flex-direction-nav li,
.widget ul.flex-direction-nav {
	margin: 0;
	padding: 0;
	border: 0;
}

.widget_recent-work-widget .flex-direction-nav {
    position: absolute;
    right: 0px;
    top: 0px;
}

.widget_testimonial-widget {
	position: relative;
}

.widget_testimonial-widget .flex-direction-nav {
	right: 0;
	bottom: 20px;
	position: absolute;
}

.widget_testimonial-widget .flex-direction-nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.circle-icon-wrapper .fa-stack-2x {
	font-size: 3em;
}

.work {
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;
	border: 1px solid #ccc;
	padding: 10px;
}

.work h4 {
	margin-top: 5px;
	font-size: 1.1em;
}

.work-meta {
	margin-bottom: 5px;
}

.work-meta .likes {
	float: right;
	background: url('images/icon-like.gif') no-repeat left top;
}

.work-meta .views {
	background: url('images/icon-view.gif') no-repeat left top;
}

.work-meta .likes,
.work-meta .views {
	padding-left: 20px;
	height: 20px;
}

.work-meta .likes:hover,
.work-meta .views:hover {
	background-position: left bottom;
}

.work:hover h4 {
	color: #ff4200;
}

.testimonial-container {
	position: relative;
}

.testimony {
	background-color: #f0f5fc;
	padding: 15px;
	min-height: 150px;
	margin-left: 60px;
	padding-left: 60px;
}

p.client {
	margin-bottom: 0;
	display: inline;
	position: relative;
	top: -20px;
}

p.client strong {
	font-size: 1.5em;
}

.widget_testimonial-widget ul li {
	margin: 0;
	padding: 0;
	border: 0;
}

.widget_testimonial-widget .flex-direction-nav a {
	position: static;
	margin-top: 0;
}

.client-pic {
	margin-top: -50px;
    border: 8px solid #FFFFFF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    margin-top: -50px;	
}

.client-pic img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	width: 100px;
	padding: 5px;
	background-color: #ff4200; 
}

/* Home Flex Slider Styles */
.panel-row-style-full-width-layout {
	margin: 0 -100%;
	padding: 0 100%;
}

.flex-container .slides {
	margin: 0;
}

.widget .flex-container .slides li {
	padding: 0;
}

.flex-container .flex-direction-nav a {
	top: 50%;
}

.flex-container .flex-direction-nav a.flex-prev {
	width: 30px;
	height: 44px;	
	background: url('images/home-flex-prev.png') no-repeat left top;
}

.flex-container .flex-direction-nav a.flex-next {
	width: 30px;
	height: 44px;
	background: url('images/home-flex-next.png') no-repeat left top;
}

.flex-container .flexslider:hover .flex-next {
	right: 0;
}

.flex-container .flexslider:hover .flex-prev {
	left: 0;
}

.flex-container .flex-direction-nav a:hover {
	background-position: left bottom;
}

.ei-slider-thumbs {
	list-style-type: none;
}

.accordion h3 {
	font-size: 1.5em;
}

.home .circle-icon-wrapper {
	padding-top: 0;
}

.circle-icon-wrapper {
	padding-top: 10px;
}

.page .circle-icon-wrapper {
	padding: 20px;
	padding-bottom: 0;
}

.page-template .circle-icon-wrapper h3 {
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background-color: #ff4400;
	border: 3px solid #DE3B00;
}

.circle-icon-wrapper h3,
.home .circle-icon-wrapper h3 {
	-webkit-border-radius:	100px;
	-moz-border-radius:		100px;
	border-radius:			100px;
	box-shadow: 2px 2px #636971, -2px -2px #171a1e, inset 0 0 2px 2px #171a1e;
}

.circle-icon-wrapper h3 i {
	color: #fff;	
	padding-right: 0;
}

.circle-icon-wrapper .fa-stack {
	height: 2.28em;
	line-height: 2.28em;
	width: 2.28em;
}

.site-footer form {
	position: relative;
}

.site-footer input.search-field {
	padding: 6px 2%;
    width: 96%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.site-footer .search-form .el-icon-search {
	color: #333;
}

.site-footer .widget_search .search-submit {
	background-color: transparent;
}

.site-footer .widget_search:hover .search-submit:hover,
.site-footer .widget_search:hover .search-submit {
	text-indent: -9999em;
	font-size: 0;
}

.site-footer .textwidget form input {
	padding: 6px;
	margin-top: 10px;
	width: 100% !important;
	border-radius: 0;
}

.site-footer .textwidget form input.wpcf7-submit,
.site-footer .woocommerce #searchform #searchsubmit {
	cursor: pointer;
	width: auto !important;
}

.site-content {
	padding-top: 40px;
	/* background: url('images/bg-bottomshadow.png') no-repeat center top; */
}

.woocommerce .site-content,
.woocommerce-page .site-content {
	margin-bottom: 0;
}

.home .site-content {
	padding-top: 0;
}


.circle-icon-box {
	margin-bottom: 20px;
}

.home .circle-icon-box {
	margin-bottom: 0;
}

.slicknav_menu {
	display:none;
}

.recent_work_overlay {
    left: 10px;
    opacity: 1 !important;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 258px;
    height: 221px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
   
}

.work:hover .recent_work_overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: rgba(0, 0, 0, .7); 	
}

.work {
	position: relative;
}

.recent_work_overlay .fa {
	background-color: #ff4200;
	color: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 15px;
	font-size: 1.1em;
}

.recent_work_overlay .overlay_icon {
	position: relative;
	top: 35%;
	left: -52%;
}

.recent_work_overlay .fa:hover {
	background-color: #fff;
	color: #3a3a3a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;	
}

/* CallOut Widget */
.callout-widget {
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	min-height: 180px;
	padding-top: 40px;
	border: 1px solid #ccc;
}

.callout-widget a {
	display: block;
	padding: 10px 20px;
	background-color: #ff4200;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	width: 80%;
	margin: 30px auto 0;
}

.callout-widget a:hover {
	background-color: #333;
}

.callout-widget {
	position: relative;
}

.callout-widget:before, .callout-widget:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:350px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #777;
	-moz-box-shadow: 0 35px 20px #777;
	box-shadow: 0 35px 20px #777;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.callout-widget:after {
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto;
}

/* Our Team Styles */
.our-team {
	background: #f0f5fc;
	padding: 30px 20px;
	position: relative;
	min-height: 176px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.our-team p {
	margin-bottom: 0;
}

.team-social {
	position: absolute;
	top: 140px;
	left: 0;
}

.team-social ul {
	list-style-type: none;
	margin: 0;
}

.widget .team-social li {
	margin: 0;
	float: left;
	padding: 0;
	border: 0;
}

.team-social li a {
	text-decoration: none;
	height: 36px;
	background: #1f2329;
	line-height: 36px;
	float: left;
	display: block;
	width: 36px;
	text-align: center;
	color: #fff;	
}

.team-social li a:hover {
	background: #ff4200;
	color: #fff;
}

.team-social ul {
	height: 40px;
	margin-bottom: 0;
}

.team-social .fa {
	font-size: 16px;
}

.team-avator {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 150px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 50%, #f0f5fc 50%, #f0f5fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ffffff), color-stop(50%,#f0f5fc), color-stop(100%,#f0f5fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 50%,#f0f5fc 50%,#f0f5fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 50%,#f0f5fc 50%,#f0f5fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 50%,#f0f5fc 50%,#f0f5fc 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 50%,#f0f5fc 50%,#f0f5fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f5fc',GradientType=1 ); /* IE6-9 */	
}

.team-avator span {
	border: 10px solid #fff;
	display: block;
	-webkit-border-radius: 0 100px 100px 0;
	-moz-border-radius: 0 100px 100px 0;
	border-radius: 0 100px 100px 0;
	position: absolute;
	top: -10px;
	left: -10px;
}

.team-avator img {
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	border-radius: 130px;
	border: 8px solid #000;
	width: 100%;
	height: 100%;
}

.our-team h4 span {
	font-size: .7em;
	font-weight: normal;
}

.our-team p, .our-team h4 {
	margin-left: 150px;
}

.site-footer .team-social li a:hover {
	color: #fff;
}

/* Ribbon */
.lbl-portfolio {
	position: absolute;
	left: 3px;
	top: 180px;
}

.lbl {
  font-size: .85em;
  text-transform: uppercase;
  position: relative;
  background: #1F2329;
  color: #fff;
  text-align: center;
  padding: 6px 20px 7px 10px; /* Adjust to suit */
  display: inline;
  font-family: 'Roboto', sans-serif;
}

.lbl strong {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	display: inline;
}
.lbl:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  border: 1.2em solid #1F2329;
}

.lbl:after {
  right: -1.2em;
  border-left-width: 1.2em;
  border-right-color: transparent;
}
.lbl .lbl-content:before, .lbl .lbl-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  bottom: -10px;
}

.lbl .lbl-content:before {
	bottom: -7px;
}

.lbl .lbl-content:after {
	border: 0;
}
.lbl .lbl-content:before {
  left: 0;
  border-width: 0.5em 0 0 0.5em;
}

/* Woocommerce Styles */
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
	border: 0;    
	color: #fff;
	padding: 5px 12px;  
	background: #ff4200;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius:	3px;
	-moz-border-radius: 	3px;
	border-radius:			3px;
	text-shadow: 0 0 0;
	font-weight: 400;
}

a.more-button {
	margin: 0 20%;
}

.home .circle-icon-box a.more-button {
	margin: 0 35%;
}

.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	background: none !important;
	background-color: #373E49 !important;
}

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
	background: #919191 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #919191 0%, #45484d 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#45484d)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #919191 0%,#45484d 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #919191 0%,#45484d 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #919191 0%,#45484d 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #919191 0%,#45484d 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#45484d',GradientType=0 ) !important; /* IE6-9 */
	border: 1px solid #333;
}

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	border-color: #000;

	background: #333333 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #333333 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#333333)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#333333 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#333333 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#333333 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#333333 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ) !important; /* IE6-9 */
}

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
	background-color: #333;
}

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
	background-color: #333;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
	padding-top: 0;
	height: 2.5em;
	line-height: 2.5;
	width: 2em;
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
	border-color: #333;	
}

textarea,
input[type="url"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
select#calc_shipping_country {
	padding: 6px;
}

.order-total .amount,
.cart-subtotal .amount {
	color: #ff4200;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
	background: #f2f9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
	color: #60BDFF;
}

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
	background-color: #666;
	color: #fff;
	padding: 2px 15px 1px 30px;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
	background-color: #000;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
	color: #ff4200;
	text-decoration: underline;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
	text-decoration: none;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
	-moz-border-radius:		0;
	-moz-box-shadow:	0 0 0;
	-webkit-border-radius:	0;
	-webkit-box-shadow:	0 0 0;
	background-color: transparent;
	border-radius:			0;
	border-top: 0;
	box-shadow:			0 0 0;
	font-weight: 400;
	padding: 0.5em 1em;
	position: static;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
	background: #f2f9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
	position: static;
}

.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
	border: 0;
}

.cross-sells h2,
.shipping_calculator h2 {
	font-size: 1.6em;
}

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
	margin: 0 auto
}

.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
	width: auto;
}

.woocommerce button.button, 
.woocommerce-page button.button {
	padding: 10px 12px;
}

.woocommerce .cart button.single_add_to_cart_button {
	padding: 6px 12px 5px;
}

.woocommerce button.button, .woocommerce-page button.button

.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
	padding: 20px;
	border: 1px solid #e0dadf;
	border-top: 0;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
	margin-bottom: 0;
}

.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
	padding: 4px 6px;
}

.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
	text-decoration: underline;
	color: #333;
}

.site-footer .client-pic {
	position: absolute;
	margin-top: 0;
	border: 0;
	top: 0;
}

.site-footer .testimony {
	background-color: #1F2329;
}

.site-footer p.client {
    color: #fff;
}

.site-footer p.client strong {
	font-size: 1.2em;
}

.site-footer .widget_heading-widget h1,
.site-footer .widget_heading-widget h2,
.site-footer .widget_heading-widget h3,
.site-footer .widget_heading-widget h4,
.site-footer .widget_heading-widget h5,
.site-footer .widget_heading-widget h6 {
	color: #fff;
}

.site-footer .widget_testimonial-widget .flex-direction-nav {
	bottom: 0;
}

.author-bio,
.share-box {
	margin-bottom: 25px;
}

.share-box li {
	display: inline;
	margin-bottom: 0;
}

.share-box ul {
	margin: 0;
}

.share-box li a {
    background: #333;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    min-width: 38px;
}

.share-box li a:hover {
	background-color: #ff4200;
}

.site-footer .team-avator span,
.site-footer .team-avator img {
	border: 0;
}

.site-footer .team-avator {
	height: auto;
	position: relative;
}

.site-footer .team-avator span {
	top: -50px;
	left: 50%;
	-webkit-border-radius:	0;
	-moz-border-radius:		0;
	border-radius:			0;
}

.site-footer .our-team p, .site-footer .our-team h4 {
	margin-left: 0;
}

.site-footer .our-team h4 {
	margin-top: 25px;
	text-align: center;
}

.site-footer .our-team {
	padding: 15px;
	border: 1px solid #96BBE1;
	background-color: transparent;
	padding-bottom: 40px;
}

.site-footer .team-social {
	left: 25%;
	top: auto;
	bottom: -20px;
}

.site-footer .widget .team-social li a {
	background-color: #96BBE1;
	color: #fff;
}

.site-footer .widget .team-social li a:hover {
	background-color: #ff4200;
}

.image-box a.more-button {
	display: inline-flex;
	margin: 0;
}

ol.comment-list .comment-content li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	overflow: visible; 
	list-style-type: unset;
}

ol.comment-list .comment-content {
	padding-right: 20px;
}

#commentform,
h3#reply-title {
	margin: 20px;
}

.site-footer .callout-widget {
	background-color: transparent;
}

.site-footer .callout-widget .twelve.columns,
.site-footer .callout-widget .four.columns {
	padding: 0;
}

.site-footer .callout-widget {
	min-height: 0;
}

.site-footer .callout-widget a {
	margin-top: 10px;
}

.site-footer .callout-widget h4 {
	text-align: center;
}

.site-footer .pullleft,
.site-footer .pullright {
	background-color: transparent;
}

.site-footer .lbl .lbl-content:before {
	display: none;
}

.site-footer .lbl-portfolio {
	left: 0;
}

.site-footer .widget_recent-posts-widget li {
	border: 0;
}

.site-footer .widget_recent-posts-widget ul.slides {
	margin-top: 0;
}

.site-footer .widget_recent-posts-widget .rp-content p.readmore {
	bottom: 20px;
}

.site-footer .widget_recent-posts-widget .rp-content p.readmore a {
	background-color: #ff4200;
}

.site-footer .widget_recent-posts-widget .rp-content p.readmore a:hover {
	background-color: #fff;
	color: #3a3a3a;
}

/* Media Starts*/

@media (max-width: 1280px) {

.site-branding h1 {
	line-height: 1;
	font-size: 1.8em;
	font-weight: normal;
}
input[type="image"] {
width: 80px;
padding-top: 6px;
}
#nav{
height:100px;}
.button{
max-height: 3%;
padding: 8px 55px 8px 5px !important;
	font-size: 8px ;}
	a.more-button {
		margin: 0;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
.site-branding h1 {
	line-height: 1;
	font-size: 1.8em;
	font-weight: normal;
}
#nav{
height:100px;}
.button{
padding: 8px 55px 8px 8px !important;
}
	.site-footer .skill-container {
		margin-top: 70px;
	}

	.site-footer .skill-container {
		margin-top: 40px;
	}

	.home .circle-icon-box a.more-button {
		margin: 0 20%;
	}

	.page-template .widget_circleicon-widget h4 {
		line-height: 1;
	}

	.home .flex-image img {
		height: 400px;
	}	

	.ei-title h3 {
		line-height: 60px;
	}

	.ei-title {
		right: 40%;
	}

	.site-footer .team-social	 {
		left: 10%;
	}

	.site-footer .testimony {
		margin: 0;
		margin-top: 100px;
		padding: 15px 0;
	}

}

@media (max-width: 960px) {

.site-branding h1 {
	line-height: 1;
	font-size: 1.8em;
	font-weight: normal;
}
#nav{
height:100px;}
.button{padding: 8px 45px 8px 8px !important;
	}

	.flex-caption{
		width: 90%;
	}

	.flex-caption h1 {
		font-size: 2.4em;
	}

	.flex-container .flex-viewport,
	.flex-container .flex-viewport img {
		max-height: 100%;
	}
}

@media (min-width: 769px) and (max-width: 850px) {
.site-branding h1 {
	line-height: 1;
	font-size: 1.8em;
	font-weight: normal;
}
#nav{
height:100px;}
.button{
padding: 8px 43px 8px 8px !important;}
	.circle-icon-wrapper .fa-stack {
		width: 1.8em;
		line-height: 1.8em;
		height: 1.8em;
	}

	.home .circle-icon-wrapper .fa-stack {
		width: 2.25em;
		line-height: 2.25em;
		height: 2.25em;
	}

	.callout-widget a {
		width: 100%;
	}
}

@media (min-width: 768px) {


	#commentform label {
		width: 8%;
		display: inline-block;
	}

	#secondary {
		padding-left: 6%;
	}

	.page-template-page-leftsidebar-php  #secondary {
		padding-left: 0;
		padding-right: 6%;
	}

	.site-footer .callout-widget .twelve.columns,
	.site-footer .callout-widget .four.columns {
		width: 100%;
	}	
}

@media (max-width: 768px) {
input[type="image"] {
padding: 6px 2px 0px 0px;
width: 60px;}
.site-branding h1 {
	line-height: 1;
font-size: 1.8em;
padding-right: 25px;
font-weight: normal;
padding-top: 40px;
}
#nav{
height:100px;}
.button{
padding: 8px 25px 8px 8px !important;}
	.main-navigation ul {
		display: inline !important;
	}

	.services .span4,
	.feature-wrap .span6,
	#secondary .widget, .content-area {
		margin-bottom: 25px;
	}

	.service p {
		min-height: 0 !important;
	}

	.widget-area .search-form input.search-field {
		width: 98%;
	}

	.comment-list li:not(.depth-1) {
		margin-left: 20px;
	}

	.bg-bottom {
		display: none;
	}

	.flex-container .flex-direction-nav a.flex-prev,
	.flex-container .flex-direction-nav a.flex-next	{
		height: 22px;
		width: 15px;
	}

	.flex-container .flex-direction-nav a.flex-prev {
		background: url('images/home-flex-prev-small.png') no-repeat left top;
	}

	.flex-container .flex-direction-nav a.flex-next {
		background: url('images/home-flex-next-small.png') no-repeat left top;
	}	

	.flex-container .flex-direction-nav a.flex-prev:hover,
	.flex-container .flex-direction-nav a.flex-next:hover {
		background-position: left bottom;
	}

	.flex-caption h2 {
		font-size: 1.7em;
	}

	.flex-caption h1 {
		font-size: 2em;
	}

	.flex-caption h3 {
		font-size: 1.3em;
	}	

	.flex-caption h4 {
		font-size: 1.2em;
	}

	.flex-caption h5 {
		font-size: 1em;
	}	

	.main-navigation {
		text-align: center;
	}

	h1.menu-toggle {
		font-size: 2em;
		color: #fff;
	}

	select.menu {
		width: 100%;
	}

	select.menu option {
		background-color: #fff;
	}


	select.menu {
	    margin: 0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0;
	   /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
	    background: #f8f8f8;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
	    border: 3px solid #999;
	    font-family: 'Bree Serif',serif;
	    font-size: 1.1em;
	}

	.menu-toggle {
		cursor: default;
	} 

	.site-footer .circle-icon-box a.more-button,
	.circle-icon-box a.more-button {
		margin: 0 20%;
	}

	.site-branding {
		margin-bottom: 15px;
		text-align: center;
	}

	.home .widget_circleicon-widget {
		padding: 20px;
	}

	.flex-container .flex-viewport {
		max-height: 100%;
	}

	.flex-caption {
		width: 90%;
	}

	.circle-icon-box p.text {
		min-height: 0px;
		text-align: center;
	}

	.circle-icon-box {
		margin-bottom: 0;
	}

	.callout-widget a {
		margin-top: 0px;
		width: 50%;
	}

	#filters {
		min-height: 100px;
	}

	.site-footer .skill {
		width: 90%;
	}

	.site-footer .testimony {
		padding-top: 0;
	}

	.site-footer .team-social {
		left: 40%;
	}

	.site-footer .team-avator {
		position: static;
		background: none;
		height: 150px;
		width: 100%;
	}

	.site-footer .team-avator span {
		text-align: center;
		display: block;
		position: static;
		height: 100%;
		margin-top: -85px;
	}

	.site-footer .team-avator img {
		width: 150px;
	}

	.site-footer .recent_work_overlay {
	    height: 250px;
	    left: 0;
	    top: 0;
	    width: 290px;
	}	

}

@media (max-width: 700px) {
input[type="image"] {
width: 45px;
padding-top: 5px;
}
a.ls-l {
margin-top: -6px !important;
}
.site-branding h1 {
line-height: 1;
font-size: 1.8em;
padding-right: 5px;
font-weight: normal;
padding-top: 40px;
}
#nav{
height:100px;}
	.button{
	padding: 8px 33px 8px 8px !important;}
	.slicknav_menu {
		display:block;
		background-color: #FF4200;
	}

	.main-navigation {
		display: none;
	}	

	.slicknav_menu li a {
		-webkit-border-radius:	6px;
		-moz-border-radius: 	6px;
		border-radius: 			6px;
	}

	.slicknav_menu li a:visited {
		color: #fff;
	}

	.slicknav_menu li.current-menu-item a,
	.slicknav_menu li a:hover,
	.slicknav_nav .slicknav_row:hover {
		background-color: #1F2329;
		color: #fff;
	}

	.slicknav_nav li a.slicknav_item a,
	.slicknav_nav li a.slicknav_item a:hover {
		background-color: transparent;
	}

	.slicknav_nav .slicknav_arrow {
		color: #fff;
	}

	.slicknav_btn {
		background-color: #1F2329;
	}

	.slicknav_btn:hover {
		background-color: #1F2329;
	}

	.site-content .ei-slider-large li img {
		margin-left: 0 !important;
	}

	ul.tabs li a {
		float: none;
		display: block;
		-webkit-border-radius:	0;
		-moz-border-radius: 	0;
		border-radius: 			0;
		margin: 0;
		position: static;
	}

	ul.tabs li {
		float: none;
		display: block;
	}

	ul.tabs li:first-child a {
		margin: 0px;
	}

	.flex-caption {
		position: static;
		width: 100%;
		padding: 20px;
	}

	.home .flexslider .flex-image .slides img
	.flexslider .slides img {
		display: block;
		width: 100%;
		height: 100%;
		max-height: 2000px;
	}

	.flex-caption h1 {
		font-size: 1.5em;
	}

	.flex-caption h2 {
		font-size: 1.3em;
	}

	.flex-caption h3 {
		font-size: 1.2em;
	}	

	.flex-caption h4 {
		font-size: 1.1em;
	}

	.flex-container .flex-direction-nav a {
		top: 25%;
	}	

}

@media (max-width: 480px) {
input[type="image"] {
width: 45px;
padding-top: 5px;
}
.site-branding h1 {
	line-height: 1;
font-size: 1.8em;
font-weight: normal;
padding-top: 40px;
}
#nav{
height:100px;}
.button{
		width:auto;
	height:auto;
	
padding: 5px 20px 8px 5px !important;
	font-size: 0.1em !important;}
	.thumb {
		float: none;
	}

	.entry-meta, 
	.entry-meta span,
	.entry-meta span.read-more-link, 
	.entry-meta span.edit-link,
	.entry-meta .entry-meta {
		border: 0;
	}

	.entry-meta span.read-more-link, 
	.entry-meta span.edit-link,
	ol.webulous_page_navi {
		float: none;
	}

	.entry-meta span,
	.entry-meta span.read-more-link, 
	.entry-meta span.edit-link,
	.entry-meta span.byline, 
	.entry-meta span.comments-link,
	.entry-meta span.posted-on {
		display: block;
		border-bottom: 1px solid #ccc;
		width: 100%;
		text-align: left;
		padding: 10px 0;
	}

	.widget-area .search-form input.search-field {
		width: 96%;
	}

	.comment-content, 
	.comment-list .vcard, 
	.comment-awaiting-moderation {
		margin-left: 100px;
	}

	.comment-list li:not(.depth-1) {
		margin-left: 0px;
	}	

	[class*="navigation"] .nav-previous,
	[class*="navigation"] .nav-next {
		float: none;
		width: 100%;
	}

	[class*="navigation"] .nav-next {
		text-align: left;
		margin-top: 15px;
	}

	.comment-list .comment-reply-link {
		margin-top: 5px;
	}

	.services h2 {
		font-size: 2em;
	}

  	.services h3 i {
	  	font-size: 1.8em;
	  	height: 80px;
	  	line-height: 80px;
	    width: 80px;
	}
	.services h3 {
		height: 80px;
    	width: 80px;
	}

	.site-footer h3 {
		font-size: 1.4em;
	}	

	h2, h3 {
		font-size: 1.8em;
	}

	.comment-metadata {
		display: block;
		margin-left: 100px;
	}

	ol.comment-list {
		margin-top: 10px;
	}

	.navigation div {
		float: none;
		margin: 0;
		margin-bottom: 10px;
	}

	.form-submit input#submit, 
	.post-password-form input[type="submit"], 
	.site-main .search-form input.search-submit {
		padding: 5px 10px;
		font-size: .9em;
	}

	.flex-container .flex-viewport {
		max-height: 100%;
		background-color: #ccc;
	}

	.site-title,
	.site-description {
		text-align: center;
		margin-bottom: 10px;
	}	

	.entry-meta span.tags-links,
	.entry-meta span.cat-links {
		max-width: 100%;
	}

	.footer-top .span3 {
		padding: 0;
	}

	.footer-top .span3:first-child {
		padding-top: 20px;
	}

	.post {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.callout-widget a {
		width: 100%;
		font-size: 16px;
	}

	.site-footer .skill {
		margin-top: 10px;
		width: 85%;
	}

	.site-footer .skill-container {
		margin-top: 10px;
	}

	.site-footer .team-social {
		left: 35%;
	}
}

@media (max-width: 380px) {
input[type="image"] {
width: 25px;
padding-bottom:5px;

}
.site-branding h1 {
	line-height: 1;
font-size: 1.5em;
padding-right: 5px;
font-weight: normal;
padding-top: 40px;
}
a.ls-l {
margin-top: -10px!important;}
#nav{
height:100px;}
.button{padding: 4px 9px 6px 6px!important;}
	.circle-icon-box a.more-button,
	.site-footer .circle-icon-box a.more-button {
		margin: 0;
	}

	p.client {
		display: block;
		position: static;
	}

	.client-pic {
		margin-top: 0;
	}

	.site-footer .skill-content  {
		top: 15px;
	}

	.content-area .skill-container {
		margin-top: 20px;
	}

	.site-footer .team-social {
		left: 25%;
	}	
}

.icn { float: right; }

.author-bio {
	border: 1px solid #333;
	padding: 20px;
}

.author-bio .author-thumb {
	float: left;
	min-width: 72px;
	width: 10%;
	margin-right: 20px;
}

.author-bio .description {
	float: left;
	width: 85%;
}

.author-bio .description p {
	margin-bottom: 0;
}

#webulous-related-posts ul {
	margin: 0;
	list-style: none;
}

#webulous-related-posts li {
	float: left;
	width: 20%;
	padding: 0 20px;
}

.widget_skill-widget .skill-container {
	visibility: visible;
}
.button
{

font-family: Georgia!important;

font-size: 120% !important;


padding: 13px 18px 15px 15px;

border: 0px solid hsl(0, 0%, 60%)!important;
border-top-left-radius: 4px!important;
border-top-right-radius: 4px!important;
border-bottom-right-radius: 4px!important;

border-bottom-left-radius: 4px!important;
box-shadow: hsl(0, 0%, 20%) 2px 2px 2px!important;

background-color: #d41000 !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.45, hsl(0, 70%, 47%)), to(hsl(0, 77%, 48%)));
}
.button:hover{

font-family: Georgia!important;

font-size: 120% !important;

color:#FFFFFF;
padding: 13px 18px 15px 15px;
border: 0px solid hsl(0, 0%, 60%)!important;
border-top-left-radius: 4px!important;
border-top-right-radius: 4px!important;
border-bottom-right-radius: 4px!important;
border-bottom-left-radius: 4px!important;
text-shadow: hsl(0, 0%, 80%) -1px -1px 0px!important;
box-shadow: hsl(0, 0%, 20%) 2px 2px 2px!important;

background: #7388ff !important;
}
.main-navigation ul {
font-size: 11px!important;
}