/*
Theme Name: Copper
Theme URI: http://www.hoosoft.com/themes/copper.html
Description: Copper is a responsive WordPress theme, You can be use for business, portfolio, blogging or any other type of site. The clean homepage layout is very flexible due to it allows to add widgets. There are five widgets area sections for home page, 4 widget areas in footer. Drag & drop to sort home page section order.  9 custom widgets, boxed & wide layout, prettyPhoto, translation ready and many more. Font Awesome Icons are avaible in the theme to add icons aywhere. This theme is built with the latest HTML5 and CSS3 website standard (from the Twitter Bootstrap), and fully responsive in different browsers and displays. 
Version: 1.0.3
Author: Hoosoft
Author URI: http://www.hoosoft.com
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, dark, light, gray, responsive-layout, custom-background, custom-header, custom-menu, theme-options, left-sidebar, right-sidebar, translation-ready, editor-style, featured-images, full-width-template

Copper Wordpress Theme has been created by hoosoft.com, Copyright 2014 WordPress.org.
Copper Wordpress theme is released under the terms of GNU GPL.
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	color: #666;
    font: 12px/20px Arial,Helvetica,sans-serif;
}
a:link,
a, 
a:visited {
    color: #A29C9A;
    text-decoration: none;
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
	height:auto;
}
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}
h1 {
    font-size: 2em;
    line-height: 28px;
}
h2 {
    font-size: 22px;
    line-height: 30px;
}
h3 {
    font-size: 18px;
    line-height: 26px;
	padding: 6px 0;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
    line-height: 22px;
}
h6 {
    font-size: 13px;
    line-height: 20px;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

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

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

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

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

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
    list-style: decimal outside none;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

.widget ul {
	margin: 0;
	}
.nav li ul{
	margin:0;
	}
.nav li,
.widget li{
	list-style:none;
	}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	vertical-align: middle;
	max-width: 100%;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

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

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	padding:0 8px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

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

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

::selection {
	background: #00b7ee;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #00b7ee;
	color: #fff;
	text-shadow: none;
}

:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease; 
}

.required {
	color: #f00;
}
p{
	line-height: 21px;
	}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width:100%;
	border:none;
	}
a{
	outline:none;
}

.wp-caption {
	}.wp-caption-text {
	}.sticky {
	}.gallery-caption {
	}.alignright {
	}.alignleft {
	}.aligncenter {
	}.bypostauthor > .comment-body .fn:before {
	vertical-align:text-top;
}

/* ----- General Styling ----- */

body {
    font-family: Arial, sans-serif;
}

.bold_text {
    font-weight: bold;
}

.blue_text {
    color: #D74937;
    font-size: 15px;
}

/* ----- General Styling ----- */

/* ----- Header Styling ----- */
#header{
    background-color: #F5F5F5;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
	border:none;
    min-height: 120px;
	width: 100%;
	z-index: 9999;
}
#header .container{
	padding-top:25px;
	padding-bottom:0;
	}

h1 {
    /*float: left;*/
    margin-top: 37px;
}

h1 a {
    display: block;
    height: 37px;
    text-indent: -9999px;
    width: 148px;
}
#responsive_current_menu_item {
	display:none;
}

/* ----- Header Styling ----- */

/*
 * 2.1 Main navigation
 */ 

.navbar-onex {
	background-color: #fff;
	border-color: transparent;
	font-size: 14px;
	/*text-shadow: 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: 0 1px 0 rgba(99,66,113,0.3);*/
	text-transform: uppercase;
	min-height: 70px;
	font-weight: bold;
	no - repeat center center;
}

.navbar-onex a {
	color: rgba(99,66,113,0.5);
}

.navbar-onex .navbar-collapse {
	border-color: #999;
}

.navbar-onex .navbar-toggle {
	border-color: transparent;
	margin-top: 19px;
}

.navbar-onex .navbar-toggle:hover {
	border: 1px solid rgba(99,66,113,0.8);
}

.navbar-onex .navbar-toggle .icon-bar {
	background-color: rgba(99,66,113,0.5);
}

.navbar-onex .navbar-toggle:hover .icon-bar {
	background-color: rgba(99,66,113,0.8);
}

.navbar-onex .navbar-brand {
	padding: 9px 15px;
}

.navbar-onex .navbar-brand a {
	font-size: 24px;
	color: #D74937;
	line-height: 30px;
	display: block;
}

.navbar-onex .navbar-brand a:hover {
	text-decoration: none;
}

.navbar-onex .navbar-brand .navbar-brand-tagline {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	margin-top: 5px;
}

.navbar-onex .navbar-brand img {
	height: 50px;
}

@media screen 
and (min-width: 768px) {
	.navbar-onex .navbar-nav {
		float: right;
	}
	.navbar-onex .navbar-nav {
		margin-top: 14px;
	}
	.navbar-nav.navbar-nav:last-child {
		margin-right: 5px;
	}
}
/* ----- Main Navigation Styling ----- */
/*.navbar{
	margin-bottom:0;
	}
.navbar-onex .navbar-nav{
	 margin-top: 24px;
	 padding: 5px 10px;
	 float: right;
	}
.navbar-onex .navbar-brand {
    padding: 9px 15px;
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding: 15px;
}
.navbar-onex .navbar-brand .navbar-brand-tagline {
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    text-transform: none;
}
.navbar-onex .navbar-brand a {
    display: block;
    font-size: 24px;
    line-height: 30px;
	font-weight: bold;
	text-decoration:none;
}*/
.main-menu ul.sub-menu,
.main-menu ul.children{
	display:none;
	z-index:9999;
	}
.main-menu > ul > li {
    float: left;
    margin: 0 2px;
}

.main-menu > ul > li > a {
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 8px;
    text-transform: uppercase;
}

.main-menu > ul > li:hover > a {
    border-top: 5px solid #D74937;
}

.main-menu ul  li {
    position: relative;
}

.main-menu ul li a {
    display: block;
}

.main-menu ul li ul {
    background: #fff;
    border-bottom: 5px solid #D74937;
    padding: 12px 0;
    position: absolute;
    top: 100%;
    display:none;
    width: 197px;
	
}
.main-menu ul li ul li ul{
	left:100%;
	top:0;
	}
.main-menu ul > li:hover >  ul {
    display: block;
}

.main-menu ul li a .icon-angle-down{
	font-weight:bold;
	font-size:14px;
	padding-left: 6px;
	}
.main-menu ul li.menu-item-has-children > a {
/*   background: url(images/arrow_down.png) no-repeat 92%;*/
    padding-right: 23px;
}

 /*
.main-menu > ul > li.menu-item-has-children:hover > a {
   background: #fff url(images/arrow_down.png) no-repeat 92%;
    border-top: 5px solid #D74937;
    color: #D74937;
}*/

.main-menu ul li ul li {
    margin: 0 5px;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;

}

.main-menu ul li ul li a {
    color: #404040;
    font-size: 13px;
    text-transform: capitalize;
}

.main-menu ul li ul li a:hover {
    color: #D74937;
}

.main_current {
    border-top: 5px solid #D74937;
}

/* ----- Main Navigation Styling ----- */

/* ----- Slideshow Styling ----- */

#slideshow_area {
    background: #81e4ed url(images/banner_shadow.png) repeat-x;
    border-top: 1px solid #6ec2ca;
    padding: 19px 0 28px 0;
}

#mid_content {
    border-bottom: 1px solid #d9d9d9;
    background: #e8ebf1;

}

#slideshow_pagination {
    margin: 10px auto;
    width: 160px;
}

#slideshow_pagination li {
    float: left;
    margin: 0 9px;
}

#slideshow_pagination a {
    background: url(images/grey_button.png) no-repeat;
    display: block;
    height: 14px;
    width: 14px;
}

#slideshow_pagination a.current {
    background: url(images/white_button.png) no-repeat;
}

/* ----- Slideshow Styling ----- */

/* ----- Home Mid Content Styling ----- */

.container{ 
   padding-top:30px;
   padding-bottom:30px;
}
.column h2 {
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 15px;
	margin-top: 15px;
    padding: 12px 0 0 59px;
}

.column p {
    color: #666;
    line-height: 20px;
    margin-bottom: 22px;
}

.column a {
    color: #D74937;
}

.column a img {
    margin: 0 8px 1px 0;
}

.column a:hover {
    text-decoration: underline;
}
.service-icon{
	background-color: #D74937;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 20px;
    color: #FFFFFF;
    float: left;
    height: 40px;
    margin: 0 4px;
    padding-top: 6px;
    width: 40px;
	text-align: center;
	font-size: 24px;
	}
.service-icon i{
	vertical-align: middle;
	}
.service-box .read-more{
	margin-right:8px;
	font-size:13px;
	color:#a29c9a;
	float:right;
	}
	
.arrow-icon{
	background-color: #D74937;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 13px;
    color: #FFFFFF;
    float: left;
    height: 26px;
    margin: 0 4px;
    padding-top: 2px;
    width: 26px;
	text-align: center;
	font-size: 18px;
	vertical-align:middle;
	}
.arrow-icon i{
	font-weight:bold;
	}
#responsive {
    background: url(images/screen_icon.png) no-repeat left;
}

#fully {
    background: url(images/layer_icon.png) no-repeat left;
}

#ready {
    background: url(images/paperplane_icon.png) no-repeat left;
}

#latest_works {
    clear: left;
}

h3.section-title 
{

    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 16px;
    margin: 0 0 15px 0;
	 text-transform:uppercase; 
	 height:30px;
	 
   /* padding: 8px 0 0 38px;*/
}
 h3.section-title i{
	font-size:20px;
	color:#D74937;
	padding-right:10px;
	}
#carousel_nav {
    float: right;
    margin-top: 10px;
}


#carousel_nav a {
    margin-left: 6px;
}

#carousel_wrapper {
    border-top: 1px solid #dfe1e5;
    border-bottom: 1px solid #dfe1e5;
    clear: left;
	text-align: center;
}

#carousel_wrapper li {
    float: left;
    margin: 30px 15px;
}
#carousel_wrapper .item{
padding: 30px 0px;
margin: 10px;
}
/* ----- Carousel and Portfolio Styling ----- */

#carousel_wrapper li, #portfolio_list li {
    height: 160px;
    position: relative;
    width: 220px;
}

#carousel_wrapper li a img, #portfolio_list li a img {
    bottom: 0;
    position: absolute;
   display:none;
}

#carousel_wrapper li:hover a img, #portfolio_list li:hover a img {
    visibility: visible;
}



/* ----- Carousel and Portfolio Styling ----- */


#testimonials {
    clear: left;
    float: left;
   /* width: 430px;*/
   width:100%;
}

#testimonials p,
.latest-post-list .item p{
    color: #363636;
    font-size: 14px;
    line-height: 24px;
}

.testimonial-name {
    font-style: italic;
    font-weight: bold;
}
.testimonials {
	display:inline-block;
	 float: left;
}


.news-thumb{
	padding: 5px 10px 10px 0;
	float: left;
	}
.latest-post-list{
	float:left;
	}
.column .latest-post-list h2{
	font-weight: normal;
	font-size:18px;
	height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
	padding: 0;
	display: inline;
	}
.column .latest-post-list .item a{
	text-decoration:none;
	}
.download-section .btn-large {
    border-radius: 6px;
    font-size: 17.5px;
    padding: 16px 22px;
}
.widget_call_to_action_block .btn{
	text-decoration: none!important;
	color: #fff;
	}
.widget_call_to_action_block .btn i{
	padding-right:10px;
	color:#fff;
	}
.download-section {
    background: #e8fcfe;
    border-left: 5px solid #D74937;
    clear: both;
    display: inline-block;
    padding: 30px 30px;

}

.download-section p {
    color: #363636;
    float: left;
    font-size: 16px;
    line-height: 26px;
    
}
/* ----- Sidebar Styling ----- */
.widget{
	clear:both;
	margin-bottom:15px;
	display: inline;
	}
.widget-area {
    overflow: hidden;
    width: 250px;
}
.widget-area ul li{
   line-height: 2em;
}
.widget-area a{
	font-size: 14px;
   color: #6C6C6C;
}
.content-right{
	margin-left: -290px;
	padding-left: 290px;
	float:right;
	width:100%;
	}
.sidebar-left{
	float:left;
	position: relative;
	}
.extralight-border{

	}
.widgettitle{
	font-family:"Yanone Kaffeesatz";
	font-size:20px;
	background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    padding-right: 7px;
    text-transform: uppercase;
    width: auto;
 }
#footer .widgettitle{
	background: none repeat scroll 0 0 #e8ebf1;
	}
 .heading {
    background: url("images/section-head.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    margin-bottom: 15px;
}
.screen-reader-text{
	display:none;
	}
.widget-area .searchform{
	display:block;
	}
.widget-area .searchform #s{
	 width: 180px;
	 border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    height: 35px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
	float:left;
 
	}
.widget-area .searchform #searchsubmit {
    background: none repeat scroll 0 0 #D74937;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 -2px;
    outline: medium none;
    padding: 7px 10px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
	float:left;
	height: 35px;
}
.widget-area #wp-calendar caption{
	padding-bottom:8px;
	font-size:14px;
	}
.widget-area #wp-calendar{
	width:100%;
	}
.widget-area #wp-calendar tfoot{
	background-color:#ccc;
	}
.widget-area #wp-calendar caption,
.widget-area #wp-calendar th,
.widget-area #wp-calendar td {
	text-align:center;
}
.widget-area #wp-calendar td#today {
	background-color:#ccc;
	color:#fff;
}
.widget-area select {
	width:100%;
	padding:3px 5px;
	border-radius:3px;
	border-color:#ccc;
	outline:none;
	display:inline-block;
	cursor:pointer;
	text-indent:.01px;
	text-overflow:"";
	background:url('images/down.png') no-repeat right,-moz-linear-gradient(top,#FBFBFB 0%,#E9E9E9 100%);
	background:url('images/down.png') no-repeat right,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FBFBFB),color-stop(100%,#E9E9E9));
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.widget-area select::-ms-expand {
	display:none;
}
.widget-area ul li li{
	margin-left:10px;
	}
.seperator{
	clear:both;
	display: block;
	margin-bottom: 15px;
	}
.tagcloud a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.04) inset;
    color: #888584 !important;
    display: block;
    float: left;
    font-size: 1em !important;
    font-weight: bold;
    margin: 0 0.5em 0.5em 0;
    overflow: hidden;
    padding: 0.3em 10px;
    transition: all 0.2s ease 0s;
}
.tagcloud a:hover{
    background-color: #D74937;
    border: 1px solid #D74937;
    color: #fff !important;
}

.widget .widget-img {
	float: left;
	margin-right: 15px;
}

.widget .widget-img img {
	width: 60px;
	margin-top: 3px;
}
#footer .widget ul li{
	display:inline-block;
	margin-bottom:8px;
	
	}
/* ----- Home Mid Content Styling ----- */
.panel{
	box-shadow:none;
	}

/* ----- Portfolio Content Styling ----- */

#portfolio_area {
    background: url(images/banner_shadow.png) repeat-x;
    border-top: 1px solid #d9d9d9;
    padding-top: 38px;
}

#portfolio {
    background: url(images/paintbrush_icon.png) no-repeat;
    font-size: 15px;
    font-weight: bold;
    height: 19px;
    margin-bottom: 12px;
    padding: 6px 0 0 40px;
}

#portfolio_menu {
    border-bottom: 1px solid #dfe1e5;
    border-top: 1px solid #dfe1e5;
    margin-bottom: 25px;
    padding-bottom: 20px;
}

#portfolio_menu ul {
    padding: 20px 0;
}

#portfolio_menu li, #portfolio_list li {
    float: left;
}

#portfolio_menu li {
    margin-right: 2px;
}

#portfolio_menu a {
    color: #000;
    font-size: 14px;
    padding: 7px 18px;
}

#portfolio_menu a:hover {
    background: #81e4ed;
}

.portfolio_menu_current {
    background: #81e4ed;
}

#portfolio_list {
    height: 760px;
}

#portfolio_list li {
    margin: 15px 15px;
}

#portfolio_pagination {
    border-top: 1px solid #dfe1e5;
    clear: left;
    margin-top: 30px;
    padding: 25px 0;
}

#portfolio_pagination ul {
    margin: auto;
    width: 233px;
}

#portfolio_pagination li {
    float: left;
    margin: 0 2px;
}

#portfolio_pagination a {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 6px 9px;
}

#portfolio_pagination a:hover {
    background: #81e4ed;
}




.portfolio-info {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	opacity: 0;
	top: 0;
}

.portfolio-img-box:hover .portfolio-info {
	opacity: 1;
	background: rgba(0,0,0,.6);
	transition-duration: .3s;
	-webkit-transition: .3s;
}
.portfolio-img-box {
	position: relative;
}

.portfolio-img-box img {
	width: 100%;
}

.portfolio-info {
	text-align: center;
}

.portfolio-link-box {
	margin: 30% auto auto;
	display: inline-block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.portfolio-link {
	float: left;
	margin: 10px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: rgba(255,255,255,.1);
}

.portfolio-link i {
	line-height: 40px;
	font-size: 20px;
	font-weight: normal;
	color: #aaa;
}
.portfolio-img-box:hover {
	background-color: #333;
}

.portfolio-img-box:hover .portfolio-info {
	background-color: rgba(0,0,0,.8);
	opacity: 1;
	transition-duration: .3s;
	-webkit-transition: .3s;
}

.portfolio-img-box:hover .portfolio-link-box {
	transform: rotate(0);
	-webkit-transform: rotate(0);
	transition-duration: .4s;
	-webkit-transition: .4s;
}


a#pagination_next, a#pagination_end {
    background: #e8ebf1;
}

a#pagination_next:hover, a#pagination_end:hover {
    background: #bfc1c6;
}

#pagination_end {
    margin-left: 22px;
}

.pagination_current {
    background: #81e4ed;
}

/* ----- Portfolio Content Styling ----- */

/** * Galleries * ---------------------------------------------------------------------------- */
.gallery {
	margin-bottom:20px;
	padding-bottom:20px;
	
}
.gallery dl {
	margin:0;
}
.gallery:after {
	clear:both;
}
.gallery-item {
	float:left;
	margin:0 0px 4px 0;
	overflow:hidden;
	position:relative;
}
.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail {
	/*display:table;
	*/	
	margin:0 auto 20px;
}
.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item {
	text-align:center;
}
.gallery-columns-4 .gallery-item {
	max-width:23%;
	max-width:-webkit-calc(25% - 4px);
	max-width:calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
	max-width:19%;
	max-width:-webkit-calc(20% - 4px);
	max-width:calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
	max-width:15%;
	max-width:-webkit-calc(16.7% - 4px);
	max-width:calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
	max-width:13%;
	max-width:-webkit-calc(14.28% - 4px);
	max-width:calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
	max-width:11%;
	max-width:-webkit-calc(12.5% - 4px);
	max-width:calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
	max-width:9%;
	max-width:-webkit-calc(11.1% - 4px);
	max-width:calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right:0;
}
.gallery-caption {
	background-color:rgba(0,0,0,0.7);
	box-sizing:border-box;
	color:#fff;
	font-size:14px;
	line-height:1.3;
	margin:0;
	max-height:50%;
	opacity:0;
	padding:2px 8px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	-webkit-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
	width:100%;
}
.gallery-caption:before {
	box-shadow:0 -10px 15px #000 inset;
	content:"";
	height:100%;
	min-height:49px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.gallery-item:hover .gallery-caption {
	opacity:1;
}
.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
	display:none;
}
/* Page links */
.page-links {
	clear:both;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	line-height:2.2;
	margin:20px 0;
	text-transform:uppercase;
}
.page-links a,.page-links > span {
	background:#fff;
	border:1px solid #fff;
	padding:3px 8px;
	text-decoration:none;
	border:1px solid #999;
}
.format-status .entry-content .page-links a,.format-gallery .entry-content .page-links a,.format-chat .entry-content .page-links a,.format-quote .entry-content .page-links a,.page-links a {
	background:#999;
	border:1px solid #999;
	color:#fff;
}
.format-gallery .entry-content .page-links a:hover,.format-audio .entry-content .page-links a:hover,.format-status .entry-content .page-links a:hover,.format-video .entry-content .page-links a:hover,.format-chat .entry-content .page-links a:hover,.format-quote .entry-content .page-links a:hover,.page-links a:hover {
	background:#fff;
	color:#999;
}
.format-status .entry-content .page-links > span,.format-quote .entry-content .page-links > span {
	background:none;
}
.page-links .page-links-title {
	background:transparent;
	border:none;
	margin-right:20px;
	padding:0;
}

/* ----- Contact Content Styling ----- */

#page-wrapper {
 /*   background: url(images/banner_shadow.png) repeat-x;
    border-top: 1px solid #d9d9d9;*/
}

#page-title {
    margin: 6px 0 17px 0;
}

#contact_info_left {
    float: left;
    margin: 27px 0 33px 0;
    width: 574px;
}

#contact_info p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
}

#contact_info_left p a:hover {
    text-decoration: underline;
}

#contact_info_right {
    float: right;
    margin-top: 30px;
}

#location_map {
    background: #e8fcfe;
    border: 1px solid #81e4ed;
    margin: 0 20px 36px 0;
    padding: 20px;
}

#location_map h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

#location_map img {
    border: 5px solid #fff;
}

#address h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}

#address p {
    color: #363636;
}

/* ----- Contact Content Styling ----- */

/* ----- Form Styling ----- */

#contact_form {
    width: 480px;
}
	 
#contact_form li {
    font-size: 14px;
    padding: 2px 0px;
}
	 
#contact_form label {
    display: block;
    margin: 12px 0;
}
         
#contact_form input {
    height: 35px;
}

#contact_form input:focus, #contact_form textarea:focus {
    border: 1px solid #D74937;
}

#contact_form input, #contact_form textarea {
    border: 1px solid #b4bac5;
}

#contact_form input[type="submit"] {
    background: url(images/submit_button.png) no-repeat;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 64px;
    margin-top: 20px;
    padding: 0 0 6px 30px;
    width: 160px;
}

#contact_form input[type="submit"]:hover {
    color: #fff;
}

/* ----- Form Styling ----- */

/* ----- Footer Styling ----- */

#footer {
    background: #e8ebf1;
    border-top: 1px solid #d9d9d9;
    clear: both;
    margin-top: 40px;
}

#footer p,
#footer a,
#footer .textwidget{
    color: #808080;
    font-size: 14px;
}

#footer h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 21px 0;
	font-family:"Yanone Kaffeesatz";
	letter-spacing:0.5px;
}


#copyright {
    clear: both;
    font-size: 13px;
	 background-color: #3C3C3C;
	color: #999;
}
#copyright a{
	color: #999;
	}
.socialicons {
    float: right;
    margin: 0;
    padding: 0;
}
.socialicons li {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.socialicons li:last-child {
    margin-right: 0;
}
.socialicons div {
    color: #777777;
    display: none;
    float: left;
    font-size: 11px;
    font-style: italic;
    line-height: 11px;
    margin-left: -47px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 #F5F5F5;
    width: 120px;
}
.socialicons li a {
    background-position: center top;
    float: left;
    height: 26px;
    transition: all 0.2s ease-out 0s;
    width: 26px;
	color: rgb(52, 180, 137);
}
.socialicons li a:hover {
    background-position: center bottom;
}
.social_facebook {
    background: url("images/social/social_facebook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_twitter {
    background: url("images/social/social_twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_rss {
    background: url("images/social/social_rss.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_vimeo {
    background: url("images/social/social_vimeo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_googleplus {
    background: url("images/social/social_googleplus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_linkedin {
    background: url("images/social/social_linkedin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_pinterest {
    background: url("images/social/social_pinterest.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_flickr {
    background: url("images/social/social_flickr.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social_youtube {
    background: url("images/social/social_youtube.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.contact-form section {
	overflow: hidden;
}

.contact-form fieldset {
	border: none;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin-bottom: 0;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
	width: 100%;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	border-radius: 5px;
}

.contact-form input[type="submit"] {
	float: right;
	width: 80px;
	height: 34px;
	font-size: 16px;
	line-height: 32px;
}

.btn-normal {
	padding: 0 20px;
	min-width: 100px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	background-color: #d74937;
	border: none;
	border-radius: 5px;
	vertical-align: middle;
}

/* ----- Footer Styling ----- */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(images/AjaxLoader.gif) no-repeat center center
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/*flex slider*/

.container-cap {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
.flex-caption {
    color: #FFFFFF;
    font-size: 14px;
    height: 0;
    left: 10px;
    line-height: 18px;
    position: relative;
    top: 250px;
    z-index: 10000;
}
.flex-caption > .caption {
    background: url("images/caption-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 2px solid #D74937;
    padding: 15px 20px 0;
    width: 500px;
}
.flexslider {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.flex-control-nav {
    bottom: 40px;
    z-index: 99999;
}
.flex-caption > .caption h4 {
	font-size:18px;
	margin-bottom:10px;
	
}

/**  blog **/
.blogpost {
    border-bottom: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
	width: 100%;
}

.postbody {
    border-left: 0 none;
    float: left;
    padding-left: 0;
}
.blogdate {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    float: left;
   /* margin-right: 30px;*/
    width: 60px;
	margin-bottom:10px;
}
.blogimage{
	margin-bottom:15px;
	}
.blogdate .month {
    background: none repeat scroll 0 0 #D74937;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding-bottom: 4px;
    padding-top: 3px;
    text-align: center;
    width: 100%;
}
.blogdate .day {
    float: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 0;
    padding-top: 1px;
    text-align: center;
    width: 100%;
}
.blogdate .year {
    float: left;
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 4px;
    text-align: center;
    width: 100%;
}
.blogdate span {
    color: #777777;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-top: -3px;
    padding-bottom: 8px;
}
.bloginfo{
	padding-left:80px;
	width: 100%;
	}

.blogtitle {
    float: left;
    width: 100%;
}
.blogtitle h4 {
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 18px;
    margin-top: -3px;
    text-transform: none;
}
.blogtitle h4 a {
    color: #666;
	text-decoration:none;
}
.postinfo {
    color: #999999;
    float: left;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 14px;
    margin-top: -11px;
    width: 100%;
}
.postinfo a {
    color: #999999;
}
.dateinfo {
    display: none;
}
.sideview.fullblog .blogtitle {
    float: right;
    width: 405px;
}
.sideview.fullblog .postinfo {
    float: right;
    width: 405px;
}
.sideview.fullblog.nodate .blogtitle {
    float: right;
    width: 450px;
}
.sideview.fullblog.nodate .postinfo {
    float: right;
    width: 450px;
}
#page-content{
	overflow:hidden;
	}
.postcontent {
    float: left;
    width: 100%;
}
.postnav {
    border-top: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 30px;
    margin-top: -7px;
    padding-top: 28px;
    width: 100%;
}
.blogpages {
    float: left;
}
.blogpages ul {
    float: left;
}
.blogpages li {
    display: inline;
    float: left;
    padding-right: 5px;
}
.blogpages li a,
.blogpages li span
{
    background: none repeat scroll 0 0 #777777;
    border: 0 none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 21px;
    padding: 5px 13px;
    text-decoration: none;
}
.blogpages li span {
    background: none repeat scroll 0 0 #D74937;
    color: #FFFFFF;
    cursor: default;
}
a.read-more {
    background-color: #999;
    border: 1px solid #909090;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    padding: 7px 15px;
}
a.read-more i{
	padding-right:5px;
	}
a.read-more:hover{
	background-color: #D74937;
    border: 1px solid #D74937;
	color:#fff!important;
	}
.entry-meta{
	padding:10px 0;
	}
.entry-meta span i{
	padding-right:10px;
	padding-left:5px;
	}
.post-entry {
 /*   padding: 0 35px;*/
}
.blog-box {
    float: right;
    margin-left: -290px;
    padding-left: 290px;
    width: 100%;
}
.widget-area {
    overflow: hidden;
    width: 250px;
}
/****** 404 ******/

#page-404-title{

margin-bottom: 40px;
}
.page-404 h4{
	padding:10px 0;
	}
.page-404 .searchform{
	display:block;
	}
.page-404 .searchform #s{
	 width: 180px;
	 border: 1px solid #CCCCCC;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    height: 35px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
	float:left;
 
	}
.page-404 .searchform #searchsubmit {
    background: none repeat scroll 0 0 #D74937;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 0 -2px;
    outline: medium none;
    padding: 10px 10px 9px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
	float:left;
}

/****** comment ******/
#comment-input {
    color: #00CCCC !important;
}
.input-name {
    border: 1px solid #555555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #6ABB9E;
    float: left;
    font-size: 13px;
    margin: 3% 2% 3% 0;
    padding: 8px 2%;
    width: 27%;
}
.textarea-comment {
    border: 1px solid #555555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #6ABB9E;
    font-size: 13px;
    height: 150px;
    padding: 8px 11px;
    width: 96.3%;
}

.comment-wrapper {
    clear: both;
    margin-top: 40px;
}
.comment-wrapper h3#comments {
    border-bottom: 1px solid #C7C7C7;
    font-family: "Yanone Kaffeesatz","Helvetica Neue",Helvetica,Verdana,sans-serif;
    margin: 30px 0 15px;
    padding-bottom: 10px;
}
.comment-wrapper .upcomment {
    margin-bottom: 10px;
}
div.children {
    margin-top: 10px;
}
#thecomments li.comment {
    clear: both;
}
.comment .children li.comment {
    margin-left: 58px;
    margin-top: 10px;
    padding-top: 20px;
}
.comment.depth-2 .children li.comment {
    margin-left: 42px;
}
.comment .comment-avatar {
    float: left;
    height: 48px;
    margin-right: 10px;
    width: 48px;
}
.comment .comment-meta {
    color: #BBBBBB;
    font-size: 11px;
}
.comment .comment-author a {
    color: #0063DC;
}
.comment .comment-author .commentmetadata a {
    color: #666666 !important;
}
.comment.depth-1 {
    margin-bottom: 35px;
}
.comment.depth-2 .comment-avatar, .comment.depth-2 .comment-avatar img {
    height: 38px;
    margin-right: 10px;
    width: 38px;
}
.comment.depth-1 .comment-info {
    border-bottom: 1px dashed #CCCCCC;
    margin-left: 58px;
}
.comment-info p {
    margin: 0.3em 0 !important;
}
.comment.depth-2 .comment-info {
    margin-left: 42px;
}
.comment .reply-quote {
    float: right;
    height: 20px;
}
.comment .reply-quote a {
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 10px;
    outline: medium none;
    width: 20px;
}
.comment-reply-title {
    font-family: "Yanone Kaffeesatz","Helvetica Neue",Helvetica,Verdana,sans-serif;
}
#respond h3 {
    border-bottom: 1px dashed #AAAAAA;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.comment_text img {
    max-width: 100%;
}
#welcome {
    height: 50px;
}
.comment_text .fn {
    color: #AAAAAA;
    text-align: right;
}
#commentnavi {
    height: 30px;
    line-height: 20px;
}
.navigation a, .navigation .page-numbers {
    border: 1px solid #EEEEEE;
    display: inline-block;
    padding: 0 4px;
}
.page-numbers.current {
    color: #fff;
    font-weight: bold;
}
.navigation a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
.navigation .pages {
    padding: 2px 0 2px 18px;
}
.comment_text p {
    margin: 0 !important;
}
.p_b10 {
    padding-bottom: 10px;
}
#commentform input[text] {
    color: #00CCCC !important;
}
.input-name {
    border: 1px solid #bbb;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    float: left;
    font-size: 13px;
    margin: 3% 2% 3% 0;
    padding: 8px 2%;
    width: 26.9%;
}
.textarea-comment {
    border: 1px solid #bbb;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    font-size: 13px;
    height: 150px;
    padding: 8px 11px;
    width: 95%;
}
.form-submit #submit {
    background: none repeat scroll 0 0 #666;
    border: 0 none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px;
    text-transform: uppercase;
}
.comment-wrapper .comment-info ul {
    list-style: square outside none !important;
}
.comment-wrapper .comment-info ol {
    list-style: decimal outside none !important;
}
.comment-info ul li ul li, .comment-info ol li ol li {
    margin-left: 20px;
}
.commentlist li {
    list-style: none outside none !important;
}
.divider{
	width:100%;
	clear:both;
	}
.fa-2 {
    font-size: 2em;
}
.fa-3 {
    font-size: 4em;
}
.fa-4 {
    font-size: 7em;
}
.fa-5 {
    font-size: 12em;
}
.fa-6 {
    font-size: 20em;
}

/*** media ***/

@media screen and (max-width: 767px) {
.main-menu > ul > li:hover > a {
    border-top:none;
}
.main-menu ul li ul{
	width:100%;
	visibility:visible;
	position:relative;
	}
.main-menu ul.sub-menu, .main-menu ul.children{
	visibility:visible;
	}
.main-menu ul li ul{
	border-bottom: none;
	padding:0;
	}
.main-menu ul li ul li ul{
	left:auto;
	}
.main-menu ul li {
    background: none repeat scroll 0 0 #FFFFFF;
	width:100%;
	border-bottom: none;
}
.main-menu ul li ul li{
	border-bottom: none;
	 padding: 0 10px;
	}
 .main-menu ul.sub-menu,
 .main-menu ul.children
	 { display:block;
	 visibility:visible;
	 }
.navbar-collapse.in{ overflow-x:hidden;}
.portfolio-img-box .attachment-blog-thumb{}
}

@media screen and (max-width:602px) {
	 .main-menu .sub-menu,
	 .main-menu .children
	 { display:block;
	 visibility:visible;
	 }
	}
	
.project-content .project-info .project-info-box {
    border-bottom: 1px solid #e7e6e6;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}
.portfolio-half .project-info {
    width: 100%;
}

.flex-control-nav li a{
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ffffff;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 1px;
    text-indent: -99999px;
    width: 15px;
}
.flex-control-nav li a.flex-active {
    background-color: #ffffff;
    height: 15px;
    margin: 0;
    width: 15px;
    background-color: #d74937;
}
.flex-control-paging li a:after,
.flex-control-paging li a:before{
	background:none;
	}