/*
Theme Name: Avien Light
Theme URI: http://themeofwp.com/downloads/avien-lite-free-wordpress-theme/
Author: ThemeofWP.com
Author URI: http://themeofwp.com
Description: Avien Ultra Responsive WordPress Theme
Version: 2.7
Tags: white, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-images, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avien-light

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.

Avien Light, like WordPress, is licensed under the GPL.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*		Main Styles
--------------------------------------------------------------------------------------------------*/
body {
	padding-top: 81px;
	color: #34495e;
	background: #ffffff;
	font-family: 'Arial', sans-serif;
	font-weight: 300;
	line-height: 26px;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}
::-moz-selection {
	text-shadow: none;
	background: #00BEE0;
	color:#fff;
}
::selection {
	text-shadow: none;
	background: #00BEE0;
	color:#fff;
}
p {
    margin: 20px 0;
}
img::selection {
	background: #00BEE0;
	color:#fff;
}
img::-moz-selection {
	background: 0 0;
	color:#fff;
}
body {
	webkit-tap-highlight-color: rgba(250,110,90,1);
}

/*		Layouts
--------------------------------------------------------------------------------------------------*/
#boxed > #subtitle{
	padding: 15px;
	margin-top: 0px;
}
#fullwidth-nosubheader {
	padding:0;
	margin:0;
}
.page-title {
	padding: 20px 0;
	font-size:22px;
}
.colwrapper {
	float: none;
	margin: 0 auto !important;
}
#boxed{
	margin: 0 auto;
	max-width: 90%;
	padding: 0px;
	background-color: #F5F5F5;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
#page{
	padding: 20px 0;
}
#boxed #header.navbar-fixed-top{
	left: auto;
	width:inherit;
	right: auto;
}

.min-height {
    min-height: 400px;
    padding-top: 16%;
}

/*		Top Header
--------------------------------------------------------------------------------------------------*/
.top-nav-collapse {
	padding: 0;
	position: fixed;
	top: 0px;
	display:block;
}
.schide {
	display:none;
}
.topheader {
	background:#000;
	font-size:11px;
		-vendor-animation-duration: 3s;
		-vendor-animation-delay: 2s;
		-vendor-animation-iteration-count: infinite;
}
.topheader .contact {
	padding-left: 0;
}
.topheader .contact a {
	padding-right: 15px;
}
.topheader .social {
	padding-right: 0;
}
.topheader .social a, #footer .social a {
	font-size:16px;
	padding-right:10px;
	line-height: 12px;
}
.center {
	text-align: center;
}

.nopadding {
	padding: 0 !important;
}

.site-header { 
	background: #ffffff ;
}

/*		Images
--------------------------------------------------------------------------------------------------*/
img {
	height: auto;
	max-width: 100%;
}
.ads img{
	width:125px;
	height:125px;
	margin-bottom:2px;
	max-width: 125px;
}
.img-responsive {
	width: 100%;
}


/*		Headings
--------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Arial', sans-serif;
	font-weight: 400;
}


/*		Btn
--------------------------------------------------------------------------------------------------*/
.btn {
	font-weight: 300;
}
.btn-transparent {
	border: 3px solid #fff;
	background: transparent;
	color: #fff;
}
.btn-transparent:hover {
	border-color: rgba(255, 255, 255, 0.5);
}
.btn-xlg {
	padding: 24px 48px;
	font-size: 24px;
}
.btn-xlg [class^="icon-"],
.btn-xlg [class*=" icon-"] {
	margin-right: 10px;
}
.btn {
    border-radius: 3px;
    border-width: 0 0 3px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #A9D360;
    border-color: #adadad;
    color: #fff;
}


/*		Anchor Link
--------------------------------------------------------------------------------------------------*/
a{
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}


/*		iFrame
--------------------------------------------------------------------------------------------------*/
iframe {
    width: 100%;
}
.iframe-container {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
  /* 16/9 ratio */

	padding-top: 30px;
  /* IE6 workaround*/

	height: 0;
	overflow: hidden;
}
.iframe-container iframe,
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*		Edit button
--------------------------------------------------------------------------------------------------*/
.post-edit-link, .vc-inline-link {
	color: #999;
	opacity: 0;
	text-transform:uppercase;
}
.post:hover .post-edit-link,
.page:hover .post-edit-link,
.post:hover .vc-inline-link,
.page:hover .vc-inline-link,
.container-fluid:hover .post-edit-link,
.container-fluid:hover .post-edit-link,
.container-fluid:hover .vc-inline-link,
.container-fluid:hover .vc-inline-link {
	opacity: 1;
}


/*		Post Format
--------------------------------------------------------------------------------------------------*/
.post-format {
	color: #999;
	display: block;
	height: 35px;
	text-align: center;
	width: 35px;
	float: left;
}

.mejs-container.svg.wp-audio-shortcode.mejs-audio {
	height: auto !important;
	display:block;
	margin-bottom:60px;
}


/*		Inputs and buttons
--------------------------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: top; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	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;
}
#searchform input[type="text"] {
	background: #FFFFFF;
	background-repeat: no-repeat;
	border: 1px solid #d2d2d2;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	color: #999999;
	font-family: Georgia;
	font-style: italic;
	margin-bottom: 0;
	padding: 7px;
	vertical-align: middle;
}
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;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #efefef;
	border-radius: 3px;
}
.btn-default {
	border-color: #efefef;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px 10px;
	margin-bottom: 20px;
	width: 98%;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}


/*		WordPress Core
--------------------------------------------------------------------------------------------------*/
.sticky{}

.bypostauthor{}

.alignnone {
	margin: 10px 0 20px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 20px auto;
}
.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0;
}
.wp-caption {
	background: #eee;
	padding: 5px;
	text-align: center;
	max-width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 5px 0 0;
}
.fluid-width-video-wrapper  {
	padding: 0px !important;
}
.entry-caption {
	margin-top: 15px;
}
.gallery {
	margin-bottom: 20px;
}
.gallery-item {
	display: inline-table;
	margin: 20px auto !important;
	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;
}
.gallery-columns-1 .gallery-item {
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	width: 48%;
	text-align: left;
}
.gallery-columns-3 .gallery-item {
	width: 31%;
	text-align: left;
}
.gallery-columns-4 .gallery-item {
	width: 23%;
}
.gallery-columns-5 .gallery-item {
	float: none !important;
	width: -moz-fit-content;
}
.gallery-columns-6 .gallery-item {
	width: 15%;
}
.gallery-columns-7 .gallery-item {
	width: 13%;
}
.gallery-columns-8 .gallery-item {
	width: 11%;
}
.gallery-columns-9 .gallery-item {
	width: 9%;
}
.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 {
	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;
}
.wp-video, .mejs-container,.mejs-overlay-play{
    height: auto;
    max-width: 100% !important;
    width: 100% !important;
}

/*		Team
--------------------------------------------------------------------------------------------------*/
#team {
	padding: 80px 0 90px 0;
}
#team .title {
	margin-bottom: 50px;
}
#team .social-link {
	margin-top: 15px;
}
#team .social-link a {
	display: inline-block;
}

#team .btn-facebook, #team .btn-twitter, #team .btn-google-plus, #team .btn-linkedin{
	border-radius: 50%;
	color: #fff;
	font-size: 17px;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	text-align: center;
}
#team .btn-facebook {
	background: #6788ce;
}
#team .btn-twitter {
	background: #29c5f6;
}
#team .btn-google-plus {
	background: #DC4A38;
}
#team .btn-linkedin {
	background: #007BB6;
}
#team .media .pull-left {
  padding-right: 25px;
}
#team .media .media-heading {
  margin-top: 35px;
  font-size: 21px;
}
#team .media p {
  font-size: 16px;
  color: #707b82;
  margin-top: 0px;
}
#team .team-img {
	padding-right: 25px;
	border-radius: 35% !important;
	width: 50% !important;
}


/***********************************************************************************

Portfolio Filter Styling

************************************************************************************/
nav#filter a {
	background-color: #EEE;
	color:#555;
}
nav#filter a:hover, nav#filter a.current {
	background-color: #A9D360;
	color:#fff;
}

/* ------- */
.isotopeWrapper article{
	margin-bottom: 30px;
	margin-top: 0px;
}
#portfolio img  {
	width:100%;
}

#portfolio article p {
	margin-bottom:1.45em;
}
nav#filter {
	margin-bottom:1.5em;
}

nav#filter li {
	display:inline-block;
	margin:0 0 0 5px;
}
nav#filter a {
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
}
.portfolio-citem .hover-bg{
	height: 280px;
	overflow: hidden;
	position: relative;
}

.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 30% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
    transition: all 0.5s;
}
.hover-bg .hover-text>h5{
	opacity: 0;
	-webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>h5{
	opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.hover-bg .hover-text>.hline{
	opacity: 0;
	-webkit-transform: translateY(0);
            transform: translateY(0);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>.hline{
	opacity: 1;
    -webkit-backface-visibility:hidden;
   -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.hover-bg:hover .hover-text{
	opacity: 1;
}
.hline{
	height: 5px;
	width: 30px;
	border-top: 2px solid #f1f1f1;
	margin: 0 auto
}

.hover-text p.lead{
	color: #c59a6d;
}


/*		Portfolio Item
--------------------------------------------------------------------------------------------------*/
.portfolio-items article img {
    height: 250px;
    max-width: 100%;
	width: 100%;
}
.portfolio-item .portfolio-desc {
	background: #A9D360;
}
.portfolio-item {
	height: 250px;
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.portfolio-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;

}
.portfolio-item .portfolio-desc {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}
.portfolio-item:hover .portfolio-desc {
	padding-top: 20%;
	height: 100%;
	transition: all 200ms ease-in-out 0s;
	opacity: 1;
}

.portfolio-item .portfolio-desc a {
	color: #fff;
}
.portfolio-item .portfolio-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
	top:30px;
	padding: 0 40px;
	height: 0;
	opacity: 0;
	position: absolute;
}
.portfolio-item:hover .folio-info{
	height: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out 0s;
	top:5px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
}
.portfolio-item .portfolio-desc .folio-info p {
	color: #ffffff;
	font-size: 12px;
}
.project-content {
    padding: 0 30px;
}
.project-details > div {
    border-bottom: 1px solid #ddd;
    color: #898989;
    min-height: 65px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.portfolio-content > span {
    color: #999;
    display: inline-table;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    margin: 10px 0 0;
    width: 48%;
}

/*		Services
--------------------------------------------------------------------------------------------------*/
.section-header {
    margin-bottom: 50px;
}
.section-header .section-title {
    color: #272727;
    margin: 0 0 20px;
    position: relative;
    text-transform: uppercase;
}
.section-header .section-title:after {
    border: 1px solid #A9D360;
    width: 50px;
    display: block;
    position: relative;
    color: #000;
    content: "";
    margin: 20px auto;
}
.section-header p {
    color: #999;
}
#services {
    padding: 70px 0 70px;
}

.media.service-box .pull-left > i {
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d7d7d7 inset;
    color: #A9D360;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    position: relative;
    text-align: center;
    transition: background-color 400ms ease 0s, background-color 400ms ease 0s;
    width: 64px;
}

.media.service-box:hover .pull-left > i {
  background: #A9D360;
  color: #fff;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}

/*		Blog Grid Item
--------------------------------------------------------------------------------------------------*/
.blog-items article img {
	width:100%;
} 
.blog-item .blog-desc {
	background: #A9D360;
}
.blog-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blog-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;

}
.blog-item .blog-desc {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}
.blog-item:hover .blog-desc {
	padding-top: 10px;
	height: 100%;
	transition: all 200ms ease-in-out 0s;
	opacity: 1;
}
.blog-item .blog-desc a {
	color: #fff;
}
.blog-item .blog-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.blog-item .blog-desc .folio-info {
	top:-20px;
	padding: 30px;
	height: 0;
	opacity: 0;
	position: relative;
}
.blog-item:hover .folio-info{
	height: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out 0s;
	top:5px;
}
.blog-item .blog-desc .folio-info h5 {
	text-transform: uppercase;
	font-size: 13px;
}
.blog-item .blog-desc .folio-info p {
	color: #ffffff;
	font-size: 11px;
}
/*Homepage Blog Part*/
#blog {
  padding: 100px 0;
}
#blog .blog-post {
  border: 1px solid #eee;
  padding: 15px;
}
#blog .blog-post .post-format {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background: #a9d360;
  border: 3px solid #fff;
  border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
  margin: -15px -15px 15px;
  position: relative;
}
#blog .blog-post.blog-large .post-format {
  width: 66px;
  height: 66px;
  line-height: 60px;
  position: absolute;
  right: 20px;
  bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
  font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-large .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
  color: #CAD7DD;
}
#blog .blog-post.blog-large .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post.blog-media {
  margin-bottom: 30px;
  transition: all 500ms ease-in-out 0s;
}
#blog .blog-post.blog-media:hover {
    background: #f9f9f9;
}
#blog .blog-post.blog-media .entry-thumbnail {
  margin: -15px 15px -15px -15px;
  position: relative;
  transition: all 500ms ease-in-out 0s;
}
#blog .blog-post.blog-media .entry-thumbnail:hover {
  opacity:0.8;
}
#blog .blog-post.blog-media .post-format {
  position: absolute;
  top: 20px;
  right: -10px;
}
#blog .blog-post.blog-media .entry-date {
  display: block;
  margin-bottom: 5px;
  color: #999999;
}
#blog .blog-post.blog-media .entry-title {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  margin-top: 15px;
}
#blog .blog-post.blog-media .entry-title a {
  color: #A9D360;
}
#blog .blog-post.blog-media .entry-title a:hover {
  color: #444444;
}
#blog .blog-post .entry-meta {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
#blog .blog-post .entry-meta > span {
  display: inline-block;
  margin-right: 10px;
  color: #999;
}
#blog .blog-post .entry-meta > span > a {
  color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
  color: #A9D360;
}
#blog .media, .media-body {
    overflow: inherit;
    margin: 0 !important;
}


/*		Navigation
--------------------------------------------------------------------------------------------------*/
.navbar {
    margin-bottom: 0;
    min-height: 50px;
}
.navigation {
	display: inline-table;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 100%;
}
.navbar-header {
    float: left;
    max-height: 65px;
    overflow: hidden;
}
.navbar {
	margin-bottom: 0;
	border: none;
	min-height: 50px;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar > .container .navbar-brand {
	margin-left: 0;
}
.navbar .navbar-brand {
	font-size: 26px;
	font-weight: 600;
	line-height: 20px;
	padding:0;
}
.navbar .navbar-brand:hover {
	color:#B2D69A;
}
.navbar .navbar-brand > span {
	font-size: 10px;
	display:block;
	font-weight:100;
}
.navbar-static-top {
	z-index: 9999;
}
.boxes {
	border-top: 3px solid #a9d360;
	margin: 0 auto;
	width: 100%;
	box-shadow: 1px 1px 10px #ccc;
	opacity: 0.99;
}
.sub-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

/*		Logo
--------------------------------------------------------------------------------------------------*/
.img-logo {
	margin: 0;
	display: inline-table;
}
.text-logo {
  margin: 12px 0;
}
.navbar .brand-right {
	float:right;
}
.navbar .brand-center {
	display: block;
	float: none;
	margin: 0 auto !important;
	width: 100%;
}
.navbar .navbar-main {
	float: right;
}
.navbar .navbar-main li i {
  padding-left: 7px;
}
.dropdown li i, .sub-menu li i{
	float: right;
	padding-left: 7px;
	position: absolute;
	right: 20px;
	top: 10px;
}
.navbar .navbar-center{
	float: none;
	display:inline-block;
}
.header_widget {
	margin: 15px 0 0;
	float: none;
	display:inline-block;
}
.navbar .navbar-left {
	float: left;
}
.navbar .navbar-main > li {
	margin-left: 5px;
	padding: 18px 0;
}
.navbar .navbar-main > li > a {
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 4px;
}
.navbar .navbar-main > li:focus > a,
.navbar .navbar-main > li:active > a,
.navbar .navbar-main > li:hover > a,
.navbar .navbar-main > li.active > a,
.navbar .navbar-main > li.active:hover > a,
.navbar .navbar-main > li.open > a,
.navbar .navbar-main > li.open:hover > a {
	background: none;
	color: #000;
}
.navbar .navbar-main .dropdown-menu, .navbar .navbar-main .sub-menu {
	background: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	margin-top: -3px;
	font-size:12px;
}
.navbar .navbar-main .dropdown-menu > li, .navbar .navbar-main .sub-menu > li {
	text-align:left;
}
.navbar .navbar-main .dropdown-menu > li > a, .navbar .navbar-main .sub-menu > li > a{
	padding: 8px 15px;
	color: #bdc3c7;
}
.navbar .navbar-main .dropdown-menu > li:hover > a,
.navbar .navbar-main .dropdown-menu > li:focus > a,
.navbar .navbar-main .dropdown-menu > li.active > a,
.navbar .navbar-main .sub-menu > li:hover > a,
.navbar .navbar-main .sub-menu > li:focus > a,
.navbar .navbar-main .sub-menu > li.active > a {
	background-color: rgba(165, 165, 165, 0.2);
}
.navbar .navbar-main .dropdown-menu > li:last-child > a, .navbar .navbar-main .sub-menu > li:last-child > a {
	border-radius: 0 0 3px 3px;
}
.navbar .navbar-main .dropdown-menu > li.divider, .navbar .navbar-main .sub-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-main li.dropdown:hover > ul.dropdown-menu, .navbar .navbar-main li.menu-item-has-children:hover > ul.sub-menu {
	display: block;
		-webkit-animation: fadeInUp 300ms;
			-moz-animation: fadeInUp 300ms;
				-ms-animation: fadeInUp 300ms;
					-o-animation: fadeInUp 300ms;
						animation: fadeInUp 300ms;
}
.navbar .navbar-main .dropdown-menu .dropdown-menu, .navbar .navbar-main .sub-menu .sub-menu {
	left: 100%;
	top: 0;
	margin-top: 0;
}
.hidden-xs {
	line-height: 9px;
}
#mobile-menu .navbar-collapse {
  max-height: 100%;
}
ul li span.menu-toggler {
	display: inline-block;
	width: 30px;
	cursor: pointer;
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
ul li span.menu-toggler i {
  display: block;
  line-height: 40px;
  color: #cccccc;
}
ul li span.menu-toggler .fa-angle-right,
ul li span.menu-toggler.collapsed .fa-angle-down {
  display: none;
}
ul li span.menu-toggler .fa-angle-down,
ul li span.menu-toggler.collapsed .fa-angle-right {
  display: block;
}
.sp-mobile-menu ul li.active > a,
.sp-mobile-menu ul li:hover > a {
  color: #fff;
}

ul {
  padding-left: 20px;
}
a.navbar-brand img{
	display: inline-block;
}
.avien-navbar {
	min-height: 61px;
}

.navbar-toggle .icon-bar {
	background-color: #666;
	border-color: #666;
}

.navbar-toggle {
	background-color: #a9d360;
	border-color: #a9d360;
}

.navbar-toggle:hover {
	background-color: #a9d360;
	border-color: #a9d360;
}



/*		Timeline
--------------------------------------------------------------------------------------------------*/
.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

	.timeline:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 3px;
		background-color: #eeeeee;
		left: 50%;
		margin-left: -1.5px;
	}

	.timeline > li {
		margin-bottom: 20px;
		position: relative;
	}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li > .timeline-panel {
			width: 46%;
			float: left;
			border: 1px solid #d4d4d4;
			border-radius: 2px;
			padding: 20px;
			position: relative;
			-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
			box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
		}

			.timeline > li > .timeline-panel:before {
				position: absolute;
				top: 26px;
				right: -15px;
				display: inline-block;
				border-top: 15px solid transparent;
				border-left: 15px solid #ccc;
				border-right: 0 solid #ccc;
				border-bottom: 15px solid transparent;
				content: " ";
			}

			.timeline > li > .timeline-panel:after {
				position: absolute;
				top: 27px;
				right: -14px;
				display: inline-block;
				border-top: 14px solid transparent;
				border-left: 14px solid #fff;
				border-right: 0 solid #fff;
				border-bottom: 14px solid transparent;
				content: " ";
			}

		.timeline > li > .timeline-badge {
			color: #fff;
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 1.4em;
			text-align: center;
			position: absolute;
			top: 16px;
			left: 50%;
			margin-left: -25px;
			background-color: #A9D360;
			z-index: 100;
			border-top-right-radius: 50%;
			border-top-left-radius: 50%;
			border-bottom-right-radius: 50%;
			border-bottom-left-radius: 50%;
		}

		.timeline > li.timeline-inverted > .timeline-panel {
			float: right;
		}

			.timeline > li.timeline-inverted > .timeline-panel:before {
				border-left-width: 0;
				border-right-width: 15px;
				left: -15px;
				right: auto;
			}

			.timeline > li.timeline-inverted > .timeline-panel:after {
				border-left-width: 0;
				border-right-width: 14px;
				left: -14px;
				right: auto;
			}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

	.timeline-body > p + p {
		margin-top: 5px;
	}


/*		Toptop
--------------------------------------------------------------------------------------------------*/
#toTop {
	background: #363839;
	color: #fff;
	position: fixed;
	bottom: -5px;
	right: 15px;
	width:35px;
	height:30px;
	font-size:24px;
	display: none;
	text-align:center;
	border-radius:3px;
	z-index: 999;
}

#toTop:hover {
	background:#A9D360;
	color: #fff;
}

#toTop i {
	margin-bottom:5px;
	display:block;
}


/*		404
--------------------------------------------------------------------------------------------------*/
#error, .error404 {
  text-align: center;
  margin-bottom: 50px;
}

.error404 h1 {
	font-size:150px;
	color:#cc0000;
}

.error404 h2 {
	text-transform:uppercase;
	color:#cc0000;
}



/*		Footermain
--------------------------------------------------------------------------------------------------*/
.footermain {
	border-top:5px solid #efefef;
	border-bottom:5px solid #efefef;
	padding:20px;
}
.footermain h3 {
	font-size:14px;
	font-weight:600;
	margin:30px 0;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
#bottom ul {
	margin: 0;
	padding:0;
}
#bottom li:before{
  content: "\f101";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
}
#bottom li{
	border-bottom: 1px dotted #ccc;
}
#bottom li {
	display: block;
	list-style: none outside none;
	padding: 0 0 10px;
}

#bottom li, .media-body {
	list-style: none outside none;
}
.footer_widgets li a {
    list-style: outside none none;
    max-width: 185px;
    min-width: 185px;
    overflow: hidden;
}


/*		Recent Portfolio
--------------------------------------------------------------------------------------------------*/
#recent-works {
  padding: 90px 0;
}
#recent-works .item-inner {
  position: relative;
  margin: 0;
}


/*		Portfolio
--------------------------------------------------------------------------------------------------*/
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	vertical-align: middle;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
	position: relative;
	top: 50%;
	display: inline-block;
	margin-top: -20px;
}
.portfolio-item:hover .overlay {
	opacity: 1;
}


/*		Isotope Filtering
--------------------------------------------------------------------------------------------------*/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}


/*		Isotope CSS3 transitions
--------------------------------------------------------------------------------------------------*/
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
			-ms-transition-duration: 0.8s;
				-o-transition-duration: 0.8s;
					transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
			-ms-transition-property: height, width;
				-o-transition-property: height, width;
					transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
			-ms-transition-property: -ms-transform, opacity;
				-o-transition-property: -o-transform, opacity;
					transition-property: transform, opacity;
}


/*		disabling Isotope CSS3 transitions
--------------------------------------------------------------------------------------------------*/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
		-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
				-ms-transition-duration: 0s;
					-o-transition-duration: 0s;
						transition-duration: 0s;
}


/*		disable CSS transitions for containers with infinite scrolling
--------------------------------------------------------------------------------------------------*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
		-moz-transition: none;
			-ms-transition: none;
				-o-transition: none;
					transition: none;
}


/*		Subitle
--------------------------------------------------------------------------------------------------*/
#subtitle {
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef; 
	padding: 20px;
	margin-top: 2px;
}
#subtitle h1 {
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	text-rendering: optimizelegibility;
}
.subtitle {
	padding:0px; 
}
.subtitle > p {
	margin: 0;
}


/*		Media
--------------------------------------------------------------------------------------------------*/
.media, .media .media {
	margin: 30px 0;
}


/*		Breadcrumbs
--------------------------------------------------------------------------------------------------*/
ul.breadcrumb {
	margin: 0;
	padding:0;
	background: transparent;
	font-size:11px;
}
ul.breadcrumb > li {
	text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
	color: #fff;
}
ul.breadcrumb > li.active {
	color: rgba(255, 255, 255, 0.7);
}
.raquo {
    padding-left: 5px;
    padding-right: 5px;
}


/*		Tag Clouds
--------------------------------------------------------------------------------------------------*/
ul.tag-cloud {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.tag-cloud li {
	display: inline-block;
	margin: 0 0 2px 0;
}
#social {
	text-align: center;
}

/*		Modal
--------------------------------------------------------------------------------------------------*/
.modal {
	border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}
.modal .modal-header > h4 {
  font-weight: 300;
  font-size: 14px;
  color: #848484;
  text-transform: uppercase;
  margin: 0;
}
.modal .modal-body {
  padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}
.modal .icon-remove {
  color: #848484;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  background: #ebebeb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.modal button {
  margin-left: 10px;
  border: 0;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.registration-form {
  border: 0;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
}
.media-body:before{
  float:left;
}

/*		Comments
--------------------------------------------------------------------------------------------------*/
.comments-title{
	padding: 20px 0;
	text-transform:uppercase;
	font-size: 18px;
}

#respond{
	padding: 0 0 30px;
}
.children, .comment{
	list-style: none outside none;
}
.children{
	list-style: none outside none;
	padding: 0px 60px;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}
ul.arrow li::before {
  content: "\f105";
}
ul.arrow-double li::before {
  content: "\f101";
}
ul.tick li::before {
  content: "\f00c";
}
ul.cross li::before {
  content: "\f00d";
}
ul.star li::before {
  content: "\f006";
}
ul.rss li::before {
  content: "\f09e";
}
ul.social {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: inline-block;
}
ul.social > li {
  display: inline-block;
  margin: 0 5px;
}
ul.social > li > a {
  font-size: 24px;
  color: #666;
}
ul.social > li > a:hover {
  color: #999;
}
.accordion-group {
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
	color: #666;
	font-weight: 700;
}
.accordion-inner {
	border-top: 0;
}

/*		Posts
--------------------------------------------------------------------------------------------------*/
.post,
article.attachment {
	border-radius: 5px;
	margin-bottom: 40px;
	padding: 20px 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.post .entry-thumbnail,
article.attachment .entry-thumbnail {
	margin: -20px -20px 20px;
}
.post .entry-thumbnail img,
article.attachment .entry-thumbnail img {
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.post h2.entry-title,
article.attachment h2.entry-title {
  margin-top: 0;
}
.entry-title {
	margin: 30px 0;
	font-size:20px;
}
.post .entry-meta,
article.attachment .entry-meta {
  margin-bottom: 20px;
}
.post .entry-meta {
	font-size: 12px;
	text-transform: uppercase;
	margin: 20px 0;
}
.post .entry-meta span {
	letter-spacing:2px;
}
.post sup.featured-post,
article.attachment sup.featured-post {
	font-size: 13px;
	top: -10px;
}
ul.pagination > li > a,
ul.pagination > li > span {
	border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
  background-color: #A9D360;
  color: #fff;
}
textarea#message {
  padding: 10px 15px;
  height: 219px;
}
.pagination > li > a, .pagination > li > span {
    color: #2e3339;
}
.pagination {
    display: table;
    margin: 20px auto;
    padding-left: 0;
}


/*		Woocommerce
--------------------------------------------------------------------------------------------------*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register {
	min-height: 265px;
}
.woocommerce form .form-row label.inline, .woocommerce-page form .form-row label.inline {
	display: inline-block;
	margin-left: 20px;
}
.woocommerce form input[type="radio"], input[type="checkbox"] {
	margin: 8px 0 0;
}
.woocommerce h2, .woocommerce h3{
	font-size: 18px;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.cart_list li{
  border-bottom: 1px dotted #CCCCCC;
  padding: 20px 0 !important;
  display:block;
}
.cart_list li a {
  margin: 0 !important;
}

.total {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 20px 0;
	text-transform: uppercase;
}

.related h2, #tab-description h2, #reviews h2, #reply-title, .cart_totals h2, .shipping-calculator-button, .author-title, .archive-title {
	font-size: 18px;
	padding: 20px 0;
	text-transform: uppercase;
} 

.archive-title, .author-title {
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
} 
.author-info{
	border-bottom: 1px solid #EFEFEF;
	padding: 20px 0;
} 

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
	margin-right: 1.8%;
	width: 10%;
}

.woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first {
	clear: none;
}

.woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last {
	margin-right: 1.8%;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
	width: 13.8%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 13.8%;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
	background: -moz-linear-gradient(center top , #A9D360 0px, #85AD74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 50%;
	min-height: 40px;
	min-width: 40px;
}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
	margin: 0 3.8% 2.992em 0;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
	clear: none;
}

.avien-category-img {
	margin:0 0 20px;
}


/*		Custom Login for Top Header
--------------------------------------------------------------------------------------------------*/
form#login{
    display: none;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 200px;
    padding: 40px 25px 25px 25px;
    width: 350px;
    z-index: 999;
    left: 50%;
    margin-left: -200px;
    color: #878787;
    font-size: 11px;
}

form#login h1{
    color: #333333;
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    font-size: 27px;
    font-weight: 100;
    text-align: center;
    line-height: 1;
    margin: 0 0 30px 0;
}

form#login input#username,
form#login input#password{
    border: 1px solid #EDEDED;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    font-size: 15px;
    padding: 10px 10px 10px 13px;
    width: 325px;
    margin: 7px 0 30px 0;
    background-color: #F9F9F9;
    font-family: 'Georgia', 'Times New Roman', Times, serif;
}

form#login input#username:focus,
form#login input#password:focus{
    background-color: #FFF;
}


form#login input.submit_button{
    font-size: 13px;
    color: #FFF;
    border: 1px solid #b34336;
    background-color: #e25c4c;
    border-radius: 3px;
    text-shadow: 0 1px 0 #ba3f31;
    padding: 9px 31px 9px 31px;
    background: -moz-linear-gradient(top, #ea6656, #df5949);
    border-top: 1px solid #bb483a;
    border-bottom: 1px solid #a63b2e;
    float: right;
    box-shadow: 0 1px 0 #E87A6E inset;
}

form#login a{
    text-decoration: none;
}

form#login a.close{
    color: #DCDCDC;
    position: absolute;
    right: 15px;
    top: 15px;
}

form#login a.lost{
    color: #B4B2B2;
    float: left;
    margin: 10px 0 0 0;
}

form#login p.status{
    text-align: center;
    margin: -25px 0 20px 0;
    display: none;
}

a.login_button{
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 7px 5px 7px;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    color: #333;
    text-decoration: none;
    font-size: 11px;
}

.login_overlay{
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}

/*		Widgets
--------------------------------------------------------------------------------------------------*/
#secondary, #sidebar {
}
.widget-img img {
	max-width: 50px;
	
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
.widget-img img:hover, .gallery img:hover {
	border:1px solid #ffffff;
}
.widget, .widget_shopping_cart_content, .product-categories, .price_slider_wrapper  {
	clear: both;
	display: inline-table;
	margin: 0 0 30px;
	position: relative;
	width: 100%;
}
.widget h3::before, .site-content .widgettitle::before {
    background: none repeat scroll 0 0 #a9d360;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 15px;
}
.widget h3, .widget-area h3, .site-content .widgettitle{
	font-size: 18px;
    padding: 10px 0;
    position: relative;
}
li.rpwe-clearfix:before {
	content: " " !important;
}
li.rpwe-clearfix a {
	margin-left: 0px !important;
}
.box {
  background: #FFF;
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}
.rounded {
  border-radius: 3px;
}

.author-description {
  font-size: 11px;
}
.recentcomments a {
    display: inline !important;
}


/*		bbPress
--------------------------------------------------------------------------------------------------*/
.bbp-forum-title {
	font-size: 16px;
	font-weight:600;
}

.bbp-topic-permalink {
	font-size: 16px;
}

.bbp-author-avatar {
	float:left;
	margin-right:5px;
}

.topic .bbp-author-avatar {
	float:none;
	margin-right:5px;
}

.bbp-author-avatar img {
	width:25px;
	height:25px;
	border:1px solid #FFFFFF !important;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
}

.bbp-author-name {
	display: block;
}

#bbp_topic_title, #bbp_topic_tags {
	padding: 10px;
}

#bbpress-forums p.bbp-topic-meta span {
	white-space: inherit;
	display: inline-table;
}

#post-toolbar #buttons li a img {
	height: auto;
	width: auto;
}

.bbp-reply-ip {
	display:none;
}


/*		Footer
--------------------------------------------------------------------------------------------------*/
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-right: 15px;
}

.footermain .media-heading {
    margin: 0;
}


/*		Flickr Widget
--------------------------------------------------------------------------------------------------*/
#flickr_wrapper img, .widget-area .portfolio-img {
	float: left;
	padding: 2px;
	width: 50px;
	
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
.flickr_badge_image {
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 50px !important;
	float:left;
}
#flickr_wrapper img:hover {
	border:1px solid #fff;
}


/*		Share & Like Formatting
--------------------------------------------------------------------------------------------------*/
.twp-share {
    float: left;
	padding: 15px 0;
}
.twp-likes {
	padding-top: 15px;
}


/*		More Link Links & Buttons
--------------------------------------------------------------------------------------------------*/
.more-link, .author-link {
	display: block !important;
	font-size: 11px !important;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight:600;
}


/*		Tabs
--------------------------------------------------------------------------------------------------*/
.tab-content {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-top: 0;
}
.nav-tabs > li > a {
  color: #555;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs > li > a:hover {
  border-color: #ddd;
}
a.accordion-toggle {
  display: block;
}
div.pp_default .pp_description {
  margin-top: 13px;
}


/*		Dropcaps
--------------------------------------------------------------------------------------------------*/
.dropcap {
  overflow: hidden;
}
.dropcap:first-letter {
  color: #666;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 40px;
  padding: 4px 8px 0 0;
}



/*		WordPress Core
--------------------------------------------------------------------------------------------------*/
code{
	display: inline-block;
	white-space: inherit;
	margin: 10px 0 5px;
}

/*right side widget area*/
.widget-area ul{
	list-style: none;
	padding: 0;
}
.widget-area ul li{
	padding: 10px 0;
}
.widget-area .tagcloud{

}

/*search*/
.widget-area #searchform{
	margin: 30px 0;
}

.widget-area #searchform .screen-reader-text, .widget-area #searchform #searchsubmit{
	display:none;
}

/*calendar*/
.widget-area #calendar_wrap table{
	width: 100% ;
}
.widget-area #calendar_wrap th{
	text-align: center;
}
.widget-area #calendar_wrap td{
	text-align: center;
}
.widget-area #calendar_wrap tr{
	border-bottom: 1px solid #eee;
	line-height: 25px;
}
.widget-area #calendar_wrap #prev{
	text-align: left;
}
.widget-area #calendar_wrap #next{
	text-align: right;
}
.read-more, .more-link {
	clear:both;
	display: block;
	margin:20px 0;
	padding:10px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}


/*		Blog Image
--------------------------------------------------------------------------------------------------*/
.blogthumb {
	background:#FFFFFF;
	border:1px solid #f2f2f2;
	border-radius:10px;
	box-shadow:1px 1px 2px #DDD outset;
}

.blog-thumb img, .attachment-single-post-thumb.wp-post-image {
	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid #DDDDDD;
	padding: 3px;
		box-shadow: 0 8px 6px -6px #444444;
		transition: all 0.2s ease-in-out 0s;
}


/*		Widgets
--------------------------------------------------------------------------------------------------*/
.widget-area .tagcloud a{
	background-color: #EFEFEF;
	border-color: #285E8E;
	padding: 1px 5px;
	margin-bottom: 2px;
	display: inline-block;
	border-radius: 3px;
}

.widget-area .tagcloud a:hover{
	background-color: #DAD9D7;
}

.widget-area ul li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.widget-area ul li a{
   display: block;
}
.widget-area ul li:before{
	position: absolute;
	right: 0;
	color:#ddd;
	font-family: FontAwesome;
	content: "\f105";
}
.widget-area ul.children{
	margin-top: 10px;
}
.widget-area ul.children li{
	margin-left: 15px;
}
.widget-area select{
	width: 100%;
	margin: 10px 0;
	height: 34px;
	padding: 6px 12px;
}
.widget-area img{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.wp-smiley{
	display: inline-block;
}
.rsswidget{
	display: inline-block;
}
.textwidget img{
	margin-top: 10px;
}


/* Table */
table{
	width: 100%;
}
tr{
	border-bottom: 1px solid #eee;
}
td,th{
	padding: 8px 0;
}

/* Captions */
.wp-caption img{
	max-width: 100%;
}
.wp-caption p.wp-caption-text{
	padding: 3px;
}

#respond code{
	white-space: normal;
	display: inline-block;
	margin-bottom: 20px;
}


/*paser paginaton,breadcrumbs*/
.pager .previous>a,
.pager .next>a{
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.breadcrumb {
	width: 100%;
	text-align: right;
}
ul.breadcrumb > li{
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 300px;
}

/*		Slider
--------------------------------------------------------------------------------------------------*/
#main-slider {
  overflow: hidden;
  margin-top: -5px;
}
#main-slider .item {
  height: 558px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#main-slider .slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  position:relative;
  z-index: 11;
}
#main-slider .slider-inner h2 {
  margin-top: 180px;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
#main-slider .slider-inner h2 > span {
  color: #45aed6;
}
#main-slider .slider-inner .btn {
  margin-top: 10px;
  z-index: 11;
}
#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
  background-color: #45aed6;
}
#main-slider .owl-prev {
  left: -35px;
  text-indent: 14px;
}
#main-slider .owl-next {
  right: -35px;
  text-indent: -14px;
}
#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #45aed6;
}
#progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.slider-overlay::before {
    color: white;
    content: "E";
    font-size: 24px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
.slider-overlay::before {
    display: none;
}
.slider-overlay, .slider-bg-overlay {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10;
}
#main-slider .carousel-content {
    left: 10%;
    position: relative;
}
#main-slider .carousel-content p {
    font-size: 18px;
}

/*		Testimonial
--------------------------------------------------------------------------------------------------*/
#testimonial img {
    transition: 400ms ease 0s;
}
#testimonial img:hover {
    opacity: 0.8;
}

/*		Call to Action
--------------------------------------------------------------------------------------------------*/
#cta {
  padding: 50px 0;
  background-color: #eeeeee;
}
#cta h2 {
  margin-top: 0;
}
#cta .btn {
  margin-top: 40px;
}
#cta2 {
  background: #242a33;
  background-size: cover;
  color: #fff;
  padding-top: 70px;
}
#cta2 .btn {
  margin-top: 10px;
}
#cta2 h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
}
#cta2 h2 > span {
  color: #45aed6;
}

/*		Portfolio
--------------------------------------------------------------------------------------------------*/
.categories_filter {
	font-size: 18px;
	margin: 30px auto !important;
	text-align: center;
	text-transform: uppercase;
	width: -moz-max-content;
}
.ch-grid {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 20px;
}



/*		Visual Composer Fix
--------------------------------------------------------------------------------------------------*/
.wpb_heading {
	text-align: center;
}
.wpb_thumbnails img {
	box-shadow: 1px 1px 5px #ccc;
}
.upb_video-bg, .upb_video-bg utube {
	left: 0 !important;
	width:100% !important;
}


/*		Dividers
--------------------------------------------------------------------------------------------------*/
.divider-default{
	margin-bottom: 5px;
}
.divider-lg{
	margin-bottom: 100px;
}
.divider-md{
	margin-bottom: 50px;
}
.divider-sm{
	margin-bottom: 20px;
}
.divider-xs{
	margin-bottom: 10px;
}


/*download btn*/
#main-info {
background-color: #ECF0F1;
}


/* admin bar */
.admin-bar .navbar-fixed-top{
	top:28px;
}


/*		Responsive Menu
--------------------------------------------------------------------------------------------------*/
#mobile-menu .navbar-collapse{
	border-top:0;
	box-shadow:none;
}

.navbar-collapse.in{
	overflow-y: inherit;
}
.navbar-nav li{
	list-style:none;
}
.navbar-nav>li a{
	padding: 5px 10px;
	display: block;
}



/*		Responsive Menu
--------------------------------------------------------------------------------------------------*/
.nav > li {
	font-weight: bold;
}
.header-center .navbar-toggle{
  float:none;
  margin-right:0px;
}
.header-center .nav > li {
	text-align: left;
}
.navbar-toggle{
  margin-top: 10px;
  margin-right:0px;
}
.comment.byuser.comment-author-themofwpadm.bypostauthor.even.thread-even.depth-1 {
	list-style: none outside none;
}


/*		Bottom
--------------------------------------------------------------------------------------------------*/
ul#menu-company-menu{
   padding-left: 0;
}
ul#menu-company-menu li{
  list-style: none;
  position: relative;
}
ul#menu-company-menu li:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 5px;
}

/*	Media Queries - For mobile devices and tablets */

/*		Tablet Layout: 768px.
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.container-fluid {
		max-width: 100%;
	}
	.footerbottom {
		text-align: center;
	}
	.footer_widgets {
		clear: both;
		padding: 10px 0;
		display: inline-block;
		width: 100%;
	}
	.pull-right {
		float: none !important;
	}
	
}

/* Mobile Layout: 320px.
--------------------------------------------------------------------------------------------------*/
@media(max-width:767px) {
	img {
		width: 100%;
	}

	.subheader, ul.breadcrumb, .edit-link {
		text-align: center !important;
		display: block;
	}

	.topheader .contact, .topheader .social, .footerbottom .social, .footerbottom .footermenu ul {
	  text-align:center;
	  padding: 5px;
	  float:none !important;
	}
	
	.topheader .contact, .topheader .social, .footerbottom .social, .footerbottom .footermenu ul {
	  text-align:center;
	  padding: 5px;
	  float:none !important;
	}

	#subtitle {
		text-align:center;
		padding: 10px 0;
		overflow: hidden;
	}

	.pull-right {
		float: none !important;
	}

	.footer_widgets {
		clear: both;
		padding: 10px 0;
		display: inline-block;
		width: 100%;
	}

	.footerbottom {
		text-align:center;
	}

	.footerbottom .col-sm-4 {
		padding:5px;
	}
	
	.portfolio-item, .portfolio-items article img {
		height: auto;
	}

	.isotope-item {
		top:calc(1px) !important;
		width:100%;
	}

	.post-thumb img {
		max-width:100%;
		width:100%;
	}

	.post-thumb {
		max-width:100%;
		width:100%;
	}

	.header_widget {
		display:none;
	}

	.navbar-header {
		float: none;
	}

	.col-xs-9 {
		width: 100%;
	}

	.navbar-main {
		float: none !important;
	}

	ul.timeline:before {
		left: 40px;
	}

	ul.timeline > li > .timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline > li > .timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline > li > .timeline-panel {
		float: right;
	}

	ul.timeline > li > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline > li > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
	
	.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
		width: auto;
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: auto;
	}


}


/* Body Style */
body{
color: #333333;font-family: 'arial';font-size: 14px;webkit-tap-highlight-color: #FA6E5A;	
	
} 

::-moz-selection, 
::selection, 
img::selection, 
img::-moz-selection {
	color: #FFFFFF !important;background: #FA6E5A !important; 
}


#boxed{ 
max-width: 90%;

border:1px solid #efefef;}

#boxed{ 
min-width: 95% !important;width: 95% !important;}


/* Heading Style */
h1, h2, h3, h4, h5, h6{ 
font-family: 'arial';}


/*Link Color*/
a {
color: #666666;}


/*Link Hover Color*/
a:hover {
color: #A0CE4E;}  

/* Top Header Style */
.topheader {
background: #a9d360 ;color: #999999;font-size: 12px;font-family: arial;}  

/* Top Header Link Color */
.topheader a {
color: #ffffff;} 

/* Top Header Link Hover Color */
.topheader a:hover {
color: #000000;} 

/* Text Logo */
.text-logo {
color: #38404A;} 

/* Text Logo */
.text-logo:hover{
color: #A9D360 !important;} 

/* Navbar Style */
.avien-navbar .navbar-nav > li a{
background:  !important;color: #020202 ;font-size: 12px !important;font-family: arial !important;} 

.navbar .navbar-main > li:focus > a,
.navbar .navbar-main > li:active > a,
.navbar .navbar-main > li:hover > a,
.navbar .navbar-main > li.active > a,
.navbar .navbar-main > li.active:hover > a,
.navbar .navbar-main > li.open > a,
.navbar .navbar-main > li.open:hover > a 
{

color: #A9D360;
font-family: arial;}  

/* Current Menu Item */
.dropdown.active, .current-menu-item{
border-top:0px none ;
border-bottom:2px solid #A9D360;}


/* Child Menu Items */
.dropdown-menu > li, .sub-menu > li {border:none !important;}
.dropdown-menu > li > a, .sub-menu > li > a {
background: #ffffff !important;color: #020202 !important;font-size: 12px !important;font-family: arial !important;border-top:px   !important;
border-bottom:1px solid #f5f5f5 !important;
white-space: nowrap;
line-height: 1.42857;
font-weight: normal;
display: block;
clear: both;
} 

/* Child Menu Items Hover */
.dropdown-menu > li:hover > a,
.dropdown-menu > li:focus > a,
.dropdown-menu > li.active > a,
.sub-menu > li:hover > a,
.sub-menu > li:focus > a,
.sub-menu > li.active > a{ 
background: #ffffff !important;
color: #A9D360 !important;
font-family: arial !important;
}


/* Sub Header Style */
#subtitle{
background: #f7f7f7 url(http://themeofwp.com/avien/wp-content/themes/avien/images/bg/bokeh.jpg);background-attachment: scroll-webkit-background-size: cover;
			-moz-background-size: cover;
				-o-background-size: cover;
					background-size: cover;	color: #999999;} 

ul.breadcrumb > li.active {
color: #999999;} 

/* Sub Header Link Style */
#subtitle a {
color: #A9D360;} 


/* Footer Main and Bottom Style */
.footermain {
background: #2E3339 url();color: #cccccc;font-size: 14px;font-family: arial;} 

/* Footer Main Border */
.footermain {
border-top:5px solid #EFEFEF;border-bottom:5px solid #EFEFEF;} 

.footermain a {
color: #efefef;} 

.footermain a:hover {
color: #a9d360;} 

.footerbottom {
background-color: #f2f2f2;color: #bfbfbf;font-size: 14px;font-family: arial;} 

.footerbottom a {
color: #666666;} 

.footerbottom a:hover {
color: #A9D360;} 

/* To Top Style */
#toTop {
color: #ffffff;
} 

#toTop:hover  {
color: #ffffff;
background: #A9D360;}