/*
Theme Name: Physcode
Theme URI: http://physcode.com/
Author: Physcode
Author URI: http://physcode.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: physcode
Tags:

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.

physcode is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import "rtl.css";

html {
	font-family:              sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

* {
	margin:  0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display:        inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height:  0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration:  none
}

a:active,
a:hover, a:focus {
	outline:         0;
	text-decoration: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin:    0.67em 0;
}

mark {
	background: #ff0;
	color:      #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height:     0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size:   1em;
}

button,
input,
optgroup,
select,
textarea {
	color:  inherit;
	font:   inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding:    0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

fieldset {
	border:  1px solid #c0c0c0;
	margin:  0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border:  0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing:  0;
}

td,
th {
	padding: 0;
}

@font-face {
	font-family: 'Icons';
	src:         url("fonts/icomoon.eot?-uaetqt");
	src:         url("fonts/icomoon.eot?#iefix-uaetqt") format("embedded-opentype"),
				 url("fonts/icomoon.woff?-uaetqt") format("woff"),
				 url("fonts/icomoon.ttf?-uaetqt") format("truetype"),
				 url("fonts/icomoon.svg?-uaetqt#icomoon") format("svg");
	font-weight: normal;
	font-style:  normal
}

.testimonial-slider .flex-direction-nav a {
	font-family:    'Icons';
	font-size:      40px;
	speak:          none;
	font-style:     normal;
	font-weight:    normal;
	font-variant:   normal;
	text-transform: none;
	line-height:    1;
	display:        block;
	width:          40px;
	height:         40px;
	position:       absolute;
	top:            0;
	left:           0
}

.icon-slide-next:before, .testimonial-slider .flex-direction-nav .flex-next:before {
	content: "\e60a"
}

.icon-slide-prev:before, .testimonial-slider .flex-direction-nav .flex-prev:before {
	content: "\e60b"
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	color:       #6c6c6c;
	background:  #e8e8e8;
	font-size:   13px;
	line-height: 1.5;
}

@media (min-width: 1200px) {
	.container {
		width: 1070px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background:    #eee;
	font-family:   "Courier 10 Pitch", Courier, monospace;
	font-size:     15px;
	font-size:     0.9375rem;
	line-height:   1.6;
	margin-bottom: 1.6em;
	max-width:     100%;
	overflow:      auto;
	padding:       1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size:   15px;
	font-size:   0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

blockquote,
q {
	quotes: "" "";
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border:        1px solid;
	border-color:  #ccc #ccc #bbb;
	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);
	font-size:     12px;
	font-size:     0.75rem;
	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;
	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;
	box-shadow:   inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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

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;
}

textarea {
	padding-left: 3px;
	width:        100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #efc337;
}

a:visited, a:focus,
a:active {
	color:   inherit;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

h2 a, .widget-area a {
	color: #333;
}

h2 a:hover, .widget-area a:hover {
	color: #efc337;
}

a:hover, a:active {
	outline: 0;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin:   0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float:      right;
	text-align: right;
	width:      50%;
}

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

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

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

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

.aligncenter {
	clear:        both;
	display:      block;
	margin-left:  auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*.widget {*/
/*margin: 0 0 1.5em;*/
/*}*/

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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.page .hentry, .single .hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear:  both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

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

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

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border:        none;
	margin-bottom: 0;
	margin-top:    0;
	padding:       0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width:     100%;
}

.wp-caption img[class*="wp-image-"] {
	display:      block;
	margin-left:  auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display:        inline-block;
	text-align:     center;
	vertical-align: top;
	width:          100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.no-js .page-loader {
	display: none
}

#page {
	position: relative;
	z-index:  1;
}

.page-loader {
	position:          fixed;
	top:               0;
	left:              0;
	width:             100%;
	height:            100%;
	background:        #efc337;
	z-index:           0;
	opacity:           0;
	-webkit-transform: scale(1.2);
	-moz-transform:    scale(1.2);
	-ms-transform:     scale(1.2);
	-o-transform:      scale(1.2);
	transform:         scale(1.2)
}

.page-loader.start {
	opacity:           1;
	z-index:           1000;
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1)
}

.no-smil .page-loader {
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1)
}

.page-loader .page-loader-circle {
	width:             300px;
	height:            300px;
	position:          absolute;
	top:               50%;
	left:              50%;
	margin-left:       -150px;
	margin-top:        -150px;
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg)
}

.no-smil .page-loader .page-loader-circle {
	display: none
}

.page-loader .percentage {
	stroke-dasharray:  640;
	stroke-dashoffset: 640
}

.page-loader .logo {
	width:       90px;
	height:      90px;
	position:    absolute;
	left:        50%;
	top:         50%;
	margin-top:  -45px;
	margin-left: -45px
}

.page-loader .msg {
	display:      none;
	text-align:   center;
	color:        #FFF;
	font-weight:  700;
	font-size:    .8em;
	position:     absolute;
	left:         0;
	width:        100%;
	top:          50%;
	margin-top:   30px;
	padding-left: 6px
}

.no-smil .page-loader .msg {
	display: block
}

@-webkit-keyframes dashoffset-left {
	25% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-moz-keyframes dashoffset-left {
	25% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes dashoffset-left {
	25% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes dashoffset-addon {
	15% {
		stroke-dashoffset: 22
	}
	40% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-moz-keyframes dashoffset-addon {
	15% {
		stroke-dashoffset: 22
	}
	40% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes dashoffset-addon {
	15% {
		stroke-dashoffset: 22
	}
	40% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes dashoffset-right {
	15% {
		stroke-dashoffset: 220
	}
	45% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@-moz-keyframes dashoffset-right {
	15% {
		stroke-dashoffset: 220
	}
	45% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes dashoffset-right {
	15% {
		stroke-dashoffset: 220
	}
	45% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 0
	}
}

/*body{*/
/*font-family: 'Georgia';*/
/*}*/
h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia";
}

/*********footer css**********/
#colophon {
	border-top: 3px solid #4b4020;
	padding:    30px 0;
	background: #191919
}

#colophon .site-info {
	color:          #fff;
	text-transform: uppercase;
	overflow:       hidden;
}

.site-info .logo-footer {
	float:        left;
	margin-right: 50px;
}

.site-info .info-right {
	float: left;
}

.widget-social a {
	color:        #fff;
	font-size:    20px;
	margin-right: 10px;
}

.info-right .widget {
	margin-bottom: 10px;
}

.info-right .widget:last-child {
	margin-bottom: 0;
}

.widget-social a:last-child {
	margin-right: 0;
}

.widget-social a:hover {
	color: #efc337;
}

/***********************heading ****************/
#masthead {
	position:    absolute;
	width:       100%;
	z-index:     999;
	padding-top: 20px;
	top:         auto
}

.header-right {
	padding-top: 10px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

@media (min-width: 768px) {

	.main-navigation {
		clear:      both;
		display:    block;
		float:      left;
		width:      100%;
		text-align: right;
	}

	.main-navigation ul {
		list-style:   none;
		margin:       0;
		padding-left: 0;
		font-size:    0;
	}

	.main-navigation li {
		position:  relative;
		display:   inline-block;
		font-size: 13px;
	}

	.main-navigation a {
		display:         block;
		text-decoration: none;
	}

	.main-navigation ul ul {
		float:            left;
		position:         absolute;
		top:              auto;
		left:             -999em;
		z-index:          99999;
		background-color: #6c6c6c;
		text-align:       left;
		display:          none;
	}

	.main-navigation ul.side-nav > li:hover > ul, .main-navigation ul.side-nav > li > ul > li:hover > ul {
		display: block;
	}

	.main-navigation ul ul ul {
		left:    100%;
		top:     0;
		display: none;
	}

	.main-navigation ul ul a {
		width: 200px;

	}

	.main-navigation ul ul li a span {
		color:    #fff;
		position: relative;
		z-index:  1;
	}

	.main-navigation ul ul li a:after {
		display: none;
	}

	.main-navigation ul ul li a:before {
		content:                  "";
		position:                 absolute;
		top:                      0;
		left:                     0;
		width:                    100%;
		bottom:                   0;
		height:                   auto;
		z-index:                  0;
		display:                  block;
		padding:                  0;
		-webkit-transform:        scale(1, 0);
		-moz-transform:           scale(1, 0);
		-ms-transform:            scale(1, 0);
		-o-transform:             scale(1, 0);
		transform:                scale(1, 0);
		-webkit-transform-origin: center top;
		transform-origin:         center top;
		-webkit-transition:       all .25s ease-out;
		-moz-transition:          all .25s ease-out;
		-ms-transition:           all .25s ease-out;
		-o-transition:            all .25s ease-out;
		transition:               all .25s ease-out;
		background:               #efc337;
	}

	.main-navigation ul ul li a:hover:before {
		-webkit-transform: scale(1);
		-moz-transform:    scale(1);
		-ms-transform:     scale(1);
		-o-transform:      scale(1);
		transform:         scale(1);
	}

	.main-navigation ul ul li {

	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
	}

	.main-navigation ul ul :hover > a,
	.main-navigation ul ul .focus > a {
	}

	.main-navigation ul ul a:hover,
	.main-navigation ul ul a.focus {
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a {
	}

	/* Small menu. */
	.menu-toggle,
	.main-navigation.toggled ul {
		display: block;
	}

	.main-navigation li {
		text-transform: uppercase;
	}

	.main-navigation li a {
		color:     #fff;
		padding:   10px 35px;
		/*font-family : 'HelveticaNeueLTStd-Bd';*/
		font-size: 12px;
	}

	.home .main-navigation li a {
		color: #767676;
	}

	.main-navigation li.current-menu-item > a {
		color:      #fff;
		background: #efc337;

	}

	.main-navigation li.current-menu-item > a:after {
		display: none;
	}

	.main-navigation li > a:after, .main-navigation li > a:before {
		position:           absolute;
		left:               35px;
		right:              35px;
		height:             1px;
		background:         #fff;
		background:         rgba(115, 121, 126, 0.3);
		content:            '';
		opacity:            0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition:    opacity 0.3s, -moz-transform 0.3s;
		transition:         opacity 0.3s, transform 0.3s;
		-webkit-transform:  translateY(-8px);
		-moz-transform:     translateY(-8px);
		transform:          translateY(-8px);
	}

	.home .main-navigation > li > a:after, .home .main-navigation > li > a:before {
		background: #6c6c6c;
	}

	.main-navigation li > a:after {
		bottom:            4px;
		-webkit-transform: translateY(8px);
		-moz-transform:    translateY(8px);
		transform:         translateY(8px);
	}

	.main-navigation li > a:before {
		top:               4px;
		-webkit-transform: translateY(-8px);
		-moz-transform:    translateY(-8px);
		transform:         translateY(-8px);
	}

	.main-navigation li > a:hover:before, .main-navigation li > a:hover:after,
	.main-navigation li > a:focus:before, .main-navigation li > a:focus:after {
		opacity:           1;
		-webkit-transform: translateY(0px);
		-moz-transform:    translateY(0px);
		transform:         translateY(0px);
	}

	.header-right .main-navigation li.current-menu-item > a:before {
		content:                  "";
		position:                 absolute;
		top:                      0;
		left:                     0;
		width:                    100%;
		bottom:                   0;
		height:                   auto;
		z-index:                  0;
		display:                  block;
		padding:                  0;
		-webkit-transform:        scale(1, 0);
		-moz-transform:           scale(1, 0);
		-ms-transform:            scale(1, 0);
		-o-transform:             scale(1, 0);
		transform:                scale(1, 0);
		-webkit-transform-origin: center top;
		transform-origin:         center top;
		-webkit-transition:       all .25s ease-out;
		-moz-transition:          all .25s ease-out;
		-ms-transition:           all .25s ease-out;
		-o-transition:            all .25s ease-out;
		transition:               all .25s ease-out;
		background:               #6c6c6c;
	}

	.header-right .main-navigation li.current-menu-item > a:hover:before {
		-webkit-transform: scale(1);
		-moz-transform:    scale(1);
		-ms-transform:     scale(1);
		-o-transform:      scale(1);
		transform:         scale(1);
	}

	.header-right .main-navigation li.current-menu-item > a span {
		position:           relative;
		z-index:            1;
		-webkit-transition: color .25s;
		-moz-transition:    color .25s;
		-ms-transition:     color .25s;
		-o-transition:      color .25s;
		transition:         color .25s;
	}

}

.banner-top figure {
	margin:              0;
	position:            absolute;
	z-index:             0;
	top:                 0;
	left:                0;
	right:               0;
	bottom:              0;
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center center;
}

.banner-top figure img {
	display: none;
}

.banner_desc {
	position: absolute;
	top:      220px;
	left:     0;
	right:    0;
	bottom:   0;
}

.banner_desc .banner-inner {
	width: 620px;
}

.banner_desc .banner-inner .title {
	color:         #9d9d9d;
	font-family:   "Georgia";
	font-size:     28px;
	line-height:   28px;
	margin-bottom: 8px;
}

.banner_desc .banner-inner .description {
	font-family:   "Georgia";
	font-size:     40px;
	line-height:   48px;
	color:         #81817f;
	margin-bottom: 60px;
}

.banner_desc .banner-inner p a {
	margin-right: 20px;
	font-size:    15px;
}

.banner_desc .banner-inner p a:last-child {
	margin-right: 0;
}

.home-header .fx-opacity {
	-webkit-transition-delay: .8s;
	-moz-transition-delay:    .8s;
	-ms-transition-delay:     .8s;
	-o-transition-delay:      .8s;
	transition-delay:         .8s
}

@-webkit-keyframes updown {
	0% {
		-webkit-transform: translate(0, 0);
		transform:         translate(0, 0)
	}
	50% {
		-webkit-transform: translate(0, 5px);
		transform:         translate(0, 5px)
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform:         translate(0, 0)
	}
}

@-moz-keyframes updown {
	0% {
		-moz-transform: translate(0, 0);
		transform:      translate(0, 0)
	}
	50% {
		-moz-transform: translate(0, 5px);
		transform:      translate(0, 5px)
	}
	100% {
		-moz-transform: translate(0, 0);
		transform:      translate(0, 0)
	}
}

@-o-keyframes updown {
	0% {
		-o-transform: translate(0, 0);
		transform:    translate(0, 0)
	}
	50% {
		-o-transform: translate(0, 5px);
		transform:    translate(0, 5px)
	}
	100% {
		-o-transform: translate(0, 0);
		transform:    translate(0, 0)
	}
}

@keyframes updown {
	0% {
		-webkit-transform: translate(0, 0);
		transform:         translate(0, 0)
	}
	50% {
		-webkit-transform: translate(0, 5px);
		transform:         translate(0, 5px)
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform:         translate(0, 0)
	}
}

.scroll-down {
	position:           absolute;
	left:               50%;
	margin-left:        -20px;
	width:              40px;
	height:             40px;
	bottom:             35px;
	padding-left:       7px;
	cursor:             pointer;
	z-index:            2;
	color:              #c7c4b8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

.scroll-down.svg svg {
	width:              25px;
	opacity:            1;
	-webkit-transition: opacity .5s;
	-moz-transition:    opacity .5s;
	-ms-transition:     opacity .5s;
	-o-transition:      opacity .5s;
	transition:         opacity .5s
}

.scroll-down.svg .scroller {
	fill:              #ADA99D;
	-webkit-animation: updown 1s infinite;
	-moz-animation:    updown 1s infinite;
	-o-animation:      updown 1s infinite;
	animation:         updown 1s infinite
}

.scroll-down.svg .stroke {
	stroke: #ADA99D
}

.scroll-down.svg .icon, .scroll-down.svg .testimonial-slider .flex-direction-nav a, .testimonial-slider .flex-direction-nav .scroll-down.svg a {
	opacity:            0;
	-webkit-transition: opacity .5s ease .5s;
	-moz-transition:    opacity .5s ease .5s;
	-ms-transition:     opacity .5s ease .5s;
	-o-transition:      opacity .5s ease .5s;
	transition:         opacity .5s ease .5s
}

.scroll-down.svg.in .icon, .scroll-down.svg.in .testimonial-slider .flex-direction-nav a, .testimonial-slider .flex-direction-nav .scroll-down.svg.in a {
	opacity: 1
}

.scroll-down.svg.in svg {
	opacity: 0
}

.scroll-down.white {
	color: #fff
}

.scroll-down.white.svg .scroller {
	fill: #fff
}

.scroll-down.white.svg .stroke {
	stroke: #fff
}

.scroll-down.grey {
	color: #c8c7c7
}

.social_link {
	margin: 0;
}

.social_link li {
	list-style: none;
	display:    inline-block
}

.widget-area ul {
	margin-left:   0;
	margin-bottom: 0;
}

.widget-area .search_tour {
	margin: 0 0 30px 0;
}

.widget-area aside {
	overflow: hidden;
	margin:   0 0 30px 0;
}

.widget-area {
	padding-top:    90px;
	padding-bottom: 90px
}

.archive-items-blog {
	padding-bottom: 90px
}

.widget-area aside:last-child {
	margin-bottom: 0;
}

.widget-area aside .widget-title {
	margin-bottom:  20px;
	margin-top:     0;
	padding-bottom: 15px;
	text-transform: uppercase;
	position:       relative;
	font-size:      18px
}

.widget-area aside .widget-title:before {
	position:   absolute;
	left:       0;
	width:      35px;
	height:     2px;
	content:    "";
	bottom:     0;
	background: #efc337;
}

.widget-area aside ul li {
	padding-top:    8px;
	padding-bottom: 8px;
	list-style:     none;
}

.widget-area aside select {
	max-width: 100%;
	width:     100%;
	border:    1px solid #ddd;
	padding:   6px 10px;
}

.widget-area aside select:focus {
	outline:    none;
	box-shadow: 0 0 0;
}

.widget-area aside.widget_archive ul li, .widget-area aside .product-categories li, .widget-area aside.widget_categories ul li {
	border-bottom: 1px solid #ddd;
}

.widget-area aside.widget_archive ul li:last-child, .widget-area aside .product-categories li:last-child, .widget-area aside.widget_categories ul li:last-child {
	border-bottom: 0;
}

.widget-area aside.widget_archive ul li .count, .widget-area aside .product-categories li .count, .widget-area aside.widget_categories ul li .count {
	float: right;
}

.widget-area aside.widget_categories ul li.cat-item, .widget-area aside.widget_categories ul li, .widget-area aside.widget_archive ul li.cat-item, .widget-area aside.widget_archive ul li {
	text-align: right;
	overflow:   hidden;
}

.widget-area aside.widget_categories ul li.cat-item a, .widget-area aside.widget_categories ul li a, .widget-area aside.widget_archive ul li.cat-item a, .widget-area aside.widget_archive ul li a {
	float: left;
}

.widget-area .screen-reader-text {
	display: none;
}

.widget-area .widget_tag_cloud .tagcloud, .widget-area .widget_product_tag_cloud .tagcloud {
	margin: 0 -5px;
}

.widget-area .widget_tag_cloud .tagcloud a, .widget-area .widget_product_tag_cloud .tagcloud a {
	font-size:     100% !important;
	margin:        5px;
	padding:       4px 8px;
	display:       inline-block;
	border:        1px solid #ddd;
	border-radius: 2px;
}

.widget-area .woocommerce ul.cart_list li {
	margin-bottom: 20px;
	padding:       0;
}

.widget-area .woocommerce ul.cart_list li:last-child {
	margin-bottom: 0;
}

.widget-area .woocommerce ul.cart_list li img {
	width:        100px;
	float:        left;
	margin-left:  0;
	margin-right: 15px;
}

.widget-area .woocommerce ul.product_list_widget li {
	margin-bottom: 20px;
	padding:       0;
}

.widget-area .woocommerce ul.product_list_widget li:last-child {
	margin-bottom: 0;
}

.widget-area .woocommerce ul.product_list_widget li .thumb-image {
	width:         90px;
	float:         left;
	border-radius: 5px;
	overflow:      hidden;
}

.widget-area .woocommerce ul.product_list_widget li .thumb-image img {
	width:  auto;
	margin: 0;
}

.widget-area .woocommerce ul.product_list_widget li .content {
	padding-left: 15px;
	width:        calc(100% - 90px);
	float:        left;
}

.widget-area .woocommerce ul.product_list_widget li .content .woocommerce-Price-amount.amount {
	color:       #5a626c;
	font-weight: 700;
}

.widget-area .woocommerce ul.product_list_widget li .content del .woocommerce-Price-amount.amount {
	font-weight: normal;
	color:       #9a9696;
}

.widget-area .woocommerce ul.product_list_widget li .content ins {
	text-decoration: none;
}

.widget-area .woocommerce ul.product_list_widget li .content .posted_in a {
	font-style:  italic;
	opacity:     0.7;
	line-height: 1;
	display:     inline-block;
}

.widget-area .woocommerce ul.product_list_widget li .content p {
	margin-bottom: 10px;
}

.widget-area .woocommerce ul.product_list_widget li .content a {
	font-weight: normal;
}

.widget-area .widget_categories ul li, .widget-area .widget_pages ul li {
	padding-top:    10px;
	padding-bottom: 10px;
	border-bottom:  1px solid #ddd;
}

.widget-area .widget_categories ul li:last-child, .widget-area .widget_pages ul li:last-child {
	border-bottom:  none;
	padding-bottom: 0;
}

.widget-area .widget_categories .children, .widget-area .widget_pages .children {
	border-top:  1px solid #ddd;
	margin-left: 20px;
	margin-top:  10px;
}

.widget-area #wp-calendar th {
	background: rgba(0, 0, 0, 0.05);
}

.widget-area #wp-calendar td, .widget-area #wp-calendar th {
	text-align: center;
}

/* search */
.widget-area .search-form, .not-found .search-form {
	position: relative;
}

.widget-area .search-form:after, .not-found .search-form:after {
	content:  "\f002";
	font:     normal normal normal 14px/1 FontAwesome;
	position: absolute;
	right:    13px;
	top:      8px;
}

.widget-area .search-form label, .not-found .search-form label {
	width:       100%;
	display:     inline-block;
	font-weight: normal;
}

.widget-area .search-form label .screen-reader-text, .not-found .search-form label .screen-reader-text {
	display: none;
}

.widget-area .search-form label .search-field, .not-found .search-form label .search-field {
	width:         100%;
	border-radius: 0;
	box-shadow:    none;
	border:        1px solid #ddd;
	padding:       5px 10px;
}

.widget-area .search-form label .search-submit, .not-found .search-form label .search-submit {
	margin-left:  0;
	margin-right: 0;
}

.widget-area .search-form .search-submit, .not-found .search-form .search-submit {
	display: none;
	margin:  0;
	padding: 0 16px;
}

/**************shortcode portfolio**************/
.sc-title {
	font-size:   42px;
	color:       #6c6c6c;
	line-height: 42px;
	margin:      0;
}

.sub_title {
	font-size:      14px;
	color:          #6c6c6c;
	letter-spacing: 1.2px;
}

.wrapper-title-sc {
	position:       relative;
	padding-bottom: 20px;
	margin:         65px 0 55px 0;
}

.wrapper-title-sc:after {
	content:    "";
	height:     2px;
	width:      50px;
	background: #efc337;
	position:   absolute;
	left:       0;
	bottom:     0;
	display:    inline-block;
}

.wrapper-sc-portfolio {
	overflow:     hidden;
	margin-left:  -10px;
	margin-right: -10px;
}

.wrapper-sc-portfolio .item-portolio {
	position: relative;
	float:    left;
	padding:  10px;
}

.wrapper-sc-portfolio .item-portolio .title-item {
	position:       absolute;
	bottom:         25px;
	left:           25px;
	font-size:      12px;
	font-weight:    bold;
	color:          #fff;
	text-transform: uppercase;
	font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:  0;
}

.wrapper-sc-portfolio .item-portolio .title-item a {
	color: #fff;
}

.wrapper-sc-portfolio .item-portolio img {
	width:   100%;
	opacity: 0;
}

.wrapper-sc-portfolio .item-portolio .machinery-image {
	height:              260px;
	background-size:     cover;
	background-position: center center;
}

.wrapper-sc-portfolio .col-3, .wrapper-sc-portfolio .col-4 {
	width:         50%;
	padding-right: 10px;
}

.wrapper-sc-portfolio .col-5 {
	width: 100%;
}

.wrapper-sc-portfolio .item-left, .wrapper-sc-portfolio .item-right {
	width: 50%;
	float: left
}

.overlay {
	position: absolute;
	top:      10px;
	left:     10px;
	right:    10px;
	bottom:   10px;
	z-index:  2
}

#main .archive-items .overlay {
	top:    0;
	left:   0;
	right:  0;
	bottom: 0;
}

.overlay:before, .overlay:after {
	position:           absolute;
	top:                21px;
	right:              21px;
	bottom:             21px;
	left:               21px;
	content:            '';
	opacity:            0;
	z-index:            1;
	-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
	transition:         opacity 0.35s ease, transform 0.35s ease
}

.no-opacity .overlay:before, .no-opacity .overlay:after {
	display: none
}

.overlay:before {
	border-top:        1px solid #FFF;
	border-bottom:     1px solid #FFF;
	-webkit-transform: scale(0, 1);
	transform:         scale(0, 1)
}

.overlay:after {
	border-right:      1px solid #FFF;
	border-left:       1px solid #FFF;
	-webkit-transform: scale(1, 0);
	transform:         scale(1, 0)
}

.overlay-color {
	position:           absolute;
	top:                0;
	right:              0;
	bottom:             0;
	left:               0;
	background:         #000;
	opacity:            0;
	-webkit-transition: opacity .35s;
	-moz-transition:    opacity .35s;
	-ms-transition:     opacity .35s;
	-o-transition:      opacity .35s;
	transition:         opacity .35s
}

.item-portolio.col-1 .overlay-color {
	background-color: #dd8b78
}

.item-portolio.col-2 .overlay-color {
	background-color: #90c7cc
}

.item-portolio.col-3 .overlay-color {
	background-color: #d3a627
}

.item-portolio.col-4 .overlay-color {
	background-color: #71cab3
}

.item-portolio.col-5 .overlay-color {
	background-color: #d3a627
}

.overlay-content {
	position:           absolute;
	z-index:            4;
	bottom:             27px;
	left:               43px;
	right:              43px;
	color:              #fff;
	opacity:            0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition:         opacity 0.35s, transform 0.35s;
	-webkit-transform:  translate3d(-40px, 0, 0);
	transform:          translate3d(-40px, 0, 0)
}

.overlay-content a {
	color: #fff;
}

.no-opacity .overlay-content {
	display: none
}

.overlay-content h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:   1.6666666667em;
	line-height: 1.1333333333em;
	font-weight: 400;
	margin:      0
}

.overlay-content h3 small {
	font-size:               0.6666666667em;
	display:                 block;
	font-style:              italic;
	-webkit-font-smoothing:  antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height:             1.15em;
	margin-top:              4px;
	color:                   #fff;
}

.overlay-content h3 a {
	display: block
}

.overlay-content > a {
	font-size:      0.7777777778em;
	font-weight:    700;
	text-transform: uppercase;
	display:        block;
	padding:        13px 0;
	letter-spacing: 1px
}

.overlay-content > a.light {
	opacity:            .7;
	-webkit-transition: all .15s;
	-moz-transition:    all .15s;
	-ms-transition:     all .15s;
	-o-transition:      all .15s;
	transition:         all .15s
}

.overlay-content > a.light:hover {
	opacity: 1
}

.overlay-content .hr, .overlay-content hr {
	margin:     0;
	border:     none;
	display:    block;
	width:      42px;
	height:     1px;
	background: #fff
}

.fig-hover-item {
	position:    relative;
	line-height: normal
}

.full-link {
	position: absolute;
	top:      0;
	right:    0;
	bottom:   0;
	left:     0;
	z-index:  3;
}

.fig-hover-item > .full-link {
	z-index: 1
}

/*.fig-hover-item:hover .overlay-fig {*/
/*opacity: 1*/
/*}*/

/*.no-opacity .fig-hover-item:hover .overlay-fig {*/
/*visibility: visible*/
/*}*/

.fig-hover-item:hover .overlay-color {
	opacity: .9
}

.fig-hover-item:hover .overlay:before, .fig-hover-item:hover .overlay:after {
	opacity:            1;
	-webkit-transform:  scale(1);
	transform:          scale(1);
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
	transition:         opacity 0.4s ease, transform 0.45s ease .2s
}

/*.no-opacity .fig-hover-item:hover .overlay:before, .no-opacity .fig-hover-item:hover .overlay:after {*/
/*display: block*/
/*}*/

.fig-hover-item:hover .overlay-content {
	opacity:           1;
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0)
}

.archive-items {
	margin: 90px -15px 0 -15px
}

.archive-items .col {
	padding: 0 18px
}

.archive-items .project-item {
	margin-bottom: 36px
}

.archive-items + .cta-text {
	margin-top: 0
}

.archive-items .full-quote {
	margin-bottom: 36px
}

.project-item {
	background: #fff;
	height:     400px;
	position:   relative
}

.project-item .fig {
	margin:   0;
	position: relative
}

.project-item .fig img {
	display: block;
	width:   100%;
	height:  auto
}

.project-item .content {
	padding: 25px 25px 0 25px
}

.project-item h3 {
	font-size:   1.6666666667em;
	line-height: 1.1333333333em;
	color:       #363130;
	font-weight: normal;
	margin:      0 0 0 0
}

.project-item h3 small {
	display:     block;
	font-size:   0.6666666667em;
	font-style:  italic;
	margin-top:  4px;
	line-height: 1.15em
}

.project-item .link {
	font-weight:    700;
	font-size:      0.6111111111em;
	text-transform: uppercase;
	padding-top:    20px;
	position:       relative;
	margin-top:     15px;
	display:        block;
	line-height:    normal;
	color:          #b5b3b3
}

.project-item .link:after {
	content:    "";
	display:    block;
	width:      43px;
	height:     1px;
	position:   absolute;
	top:        0;
	left:       0;
	background: #d7d6d6
}

.project-item .overlay {
	color: #fff
}

.project-item .overlay h3 {
	color: #fff
}

.project-item .overlay .link {
	color: #fff
}

.project-item:hover .overlay-fig {
	opacity: 1
}

.project-item:hover .overlay-color {
	opacity: .9
}

.project-item:hover .overlay-content {
	opacity:           1;
	-webkit-transform: translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0)
}

.project-item:hover .overlay:before, .project-item:hover .overlay:after {
	opacity:            1;
	-webkit-transform:  scale(1);
	transform:          scale(1);
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
	transition:         opacity 0.4s ease, transform 0.45s ease .2s
}

.overlay-fig {
	position:           absolute;
	top:                0;
	right:              0;
	bottom:             0;
	left:               0;
	opacity:            0;
	background:         #46413b;
	-webkit-transition: opacity .35s;
	-moz-transition:    opacity .35s;
	-ms-transition:     opacity .35s;
	-o-transition:      opacity .35s;
	transition:         opacity .35s
}

.overlay-fig-img {
	position:            absolute;
	top:                 0;
	right:               0;
	bottom:              0;
	left:                0;
	opacity:             .4;
	margin:              0;
	background-position: center center;
}

.label {
	display:            block;
	width:              67px;
	height:             67px;
	color:              #fff;
	background:         #1d1d1d;
	position:           absolute;
	right:              28px;
	bottom:             -28px;
	text-align:         center;
	text-transform:     uppercase;
	padding-top:        25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size:          16px;
	font-family:        "Georgia";
}

/************testimonial***************/

.sc-testimonial {
	height:         100%;
	position:       relative;
	padding-bottom: 200px;
}

.sc-testimonial .title {
	position:   relative;
	visibility: visible !important
}

.sc-testimonial .title .svg-space {
	opacity:     0;
	text-indent: -9999px;
	display:     inline-block;
	width:       55px
}

.sc-testimonial .title i {
	margin-right: 60px
}

.sc-testimonial .love {
	width:       60px;
	height:      60px;
	position:    absolute;
	top:         74px;
	left:        50%;
	margin-left: 95px
}

.sc-testimonial .love .path {
	stroke:             #efc337;
	stroke-width:       3px;
	stroke-dasharray:   180;
	stroke-dashoffset:  180;
	-webkit-transition: all 1.2s;
	-moz-transition:    all 1.2s;
	-ms-transition:     all 1.2s;
	-o-transition:      all 1.2s;
	transition:         all 1.2s
}

.sc-testimonial .title-testimonial.fx-in .love .path {
	stroke-dashoffset: 0
}

.testimonial-slider {
	height:   100%;
	position: relative;
	z-index:  1
}

.testimonial-slider .slides {
	margin:   0;
	height:   100%;
	display:  block;
	position: relative;
	z-index:  1;
	padding:  0
}

.testimonial-slider .flex-viewport {
	height: 100%
}

.testimonial-slider li .item-testimonial {
	background:         rgba(1, 1, 1, 0.4);
	color:              #c8beb4;
	text-align:         center;
	padding:            120px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box
}

.testimonial-slider .flex-direction-nav {
	list-style-type: none
}

.testimonial-slider .flex-direction-nav li {
	display: block
}

.testimonial-slider .flex-direction-nav a {
	opacity:            .2;
	color:              #fff;
	top:                50%;
	width:              90px;
	height:             90px;
	font-size:          90px;
	margin-top:         -50px;
	z-index:            2;
	-webkit-transition: opacity .15s;
	-moz-transition:    opacity .15s;
	-ms-transition:     opacity .15s;
	-o-transition:      opacity .15s;
	transition:         opacity .15s
}

.testimonial-slider .flex-direction-nav a:hover {
	opacity: .6
}

.testimonial-slider .flex-direction-nav a.flex-disabled {
	display: none
}

.testimonial-slider .flex-direction-nav .flex-prev {
	left: -110px
}

.testimonial-slider .flex-direction-nav .flex-next {
	left:  auto;
	right: -110px
}

.item-testimonial p, .item-testimonial .link a {
	font-family: "Georgia";
	font-size:   20px;
	color:       #c8beb4;
}

.item-testimonial .link a:hover {
	text-decoration: underline;
}

.item-testimonial .title-item:before {
	content:          "";
	height:           1px;
	width:            100%;
	left:             0;
	display:          inline-block;
	background-color: #efc337;
	top:              -20px;
	position:         absolute;
}

.item-testimonial .title-item {
	font-size:      20px;
	text-transform: uppercase;
	position:       relative;
	display:        inline-block;
	padding-left:   15px;
	padding-right:  15px;
}

.title-testimonial {
	text-align: center;
	padding:    60px 0;
}

.title-testimonial .title {
	margin:      0;
	font-size:   42px;
	line-height: 70px;
	color:       #fff;
}

.title-testimonial small {
	color:     #cdcdcd;
	font-size: 20px;
	display:   block;
	opacity:   0.7;
}

/*********************/
.feature_desc {
	position: absolute;
	top:      0;
	left:     0;
	right:    0;
	bottom:   0;
}

.feature_desc:before {
	content:        "";
	display:        inline-block;
	vertical-align: middle;
	height:         100%;
}

.feature_desc .feature_inner {
	vertical-align: middle;
	z-index:        3;
	position:       relative;
	display:        inline-block;
	width:          100%;
}

.feature_desc .feature_inner h2, .feature_desc .feature_inner h2 a {
	font-size: 110px;
	color:     #fff;
}

.feature_desc .feature_inner {
	padding-left: 80px;
}

.feature_desc .feature_inner .description {
	color:          #efc337;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-size:      22px;
	margin:         15px 0;
	font-weight:    300;
}

.feature_desc .feature_inner .link_readmore {
	background-color: #efc337;
	color:            #fff;
	font-size:        20px;
	text-transform:   uppercase;
	letter-spacing:   1.5px;
	font-weight:      100;
	display:          inline-block;
	margin-top:       30px;
}

.feature_desc .feature_inner .link_readmore .glyphicon {
	font-size:   14px;
	margin-left: 16px;
}

.services-html {
	text-align: center;

}

.services-html.delay_1 {
	-webkit-transition-delay: .25s;
	-moz-transition-delay:    .25s;
	-ms-transition-delay:     .25s;
	-o-transition-delay:      .25s;
	transition-delay:         .25s;
}

.services-html.delay_2 {
	-webkit-transition-delay: .35s;
	-moz-transition-delay:    .35s;
	-ms-transition-delay:     .35s;
	-o-transition-delay:      .35s;
	transition-delay:         .35s;
}

.services-html.delay_3 {
	-webkit-transition-delay: .45s;
	-moz-transition-delay:    .45s;
	-ms-transition-delay:     .45s;
	-o-transition-delay:      .45s;
	transition-delay:         .45s;
}

.services-html.delay_4 {
	-webkit-transition-delay: .55s;
	-moz-transition-delay:    .55s;
	-ms-transition-delay:     .55s;
	-o-transition-delay:      .55s;
	transition-delay:         .55s;
}

.services-html .content-services h3 {
	color:          #5c5c5c;
	font-size:      38px;
	margin:         40px 0;
	padding-bottom: 40px;
	position:       relative;
}

.services-html .content-services h3:after {
	content:          "";
	width:            160px;
	left:             50%;
	margin-left:      -80px;
	height:           2px;
	background-color: #78652c;
	position:         absolute;
	bottom:           0;
	display:          inline-block;
}

.services-html .content-services .desctiption {
	color:       #484848;
	font-size:   21px;
	font-weight: 300;
}

.text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white {
	color: #fff;
}

.btn {
	display:            inline-block;
	line-height:        normal;
	padding:            17px 20px 16px 20px;
	position:           relative;
	font-weight:        700;
	text-transform:     uppercase;
	font-size:          14px;
	letter-spacing:     1px;
	border-radius:      0;
	border:             none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	-webkit-transition: background .15s;
	-moz-transition:    background .15s;
	-ms-transition:     background .15s;
	-o-transition:      background .15s;
	transition:         background .15s;
}

/*.btn:before {*/
	/*content:                  "";*/
	/*position:                 absolute;*/
	/*top:                      0;*/
	/*left:                     0;*/
	/*width:                    100%;*/
	/*bottom:                   0;*/
	/*z-index:                  0;*/
	/*display:                  block;*/
	/*padding:                  0;*/
	/*-webkit-transform:        scale(1, 0);*/
	/*-moz-transform:           scale(1, 0);*/
	/*-ms-transform:            scale(1, 0);*/
	/*-o-transform:             scale(1, 0);*/
	/*transform:                scale(1, 0);*/
	/*-webkit-transform-origin: center top;*/
	/*transform-origin:         center top;*/
	/*-webkit-transition:       all .25s ease-out;*/
	/*-moz-transition:          all .25s ease-out;*/
	/*-ms-transition:           all .25s ease-out;*/
	/*-o-transition:            all .25s ease-out;*/
	/*transition:               all .25s ease-out;*/
/*}*/

/*.btn span {*/
	/*position:           relative;*/
	/*z-index:            1;*/
	/*-webkit-transition: color .25s;*/
	/*-moz-transition:    color .25s;*/
	/*-ms-transition:     color .25s;*/
	/*-o-transition:      color .25s;*/
	/*transition:         color .25s;*/
	/*color:              inherit;*/
/*}*/

.btn.black {
	background: #313335;
	color:      #fff;
}

.btn.yellow {
	background-color: #efc337;
	color:            #fff;
}

/*.btn.black:before, .btn.yellow:before, .btn-border-white:before {*/
	/*background: #fff;*/
/*}*/

.btn.black:hover, .btn.yellow:hover, .btn-border-white:hover {
	background:   #313335;
	color:        #fff;
	border-color: #313335;
}

/*.btn:hover:before {*/
	/*-webkit-transform: scale(1);*/
	/*-moz-transform:    scale(1);*/
	/*-ms-transform:     scale(1);*/
	/*-o-transform:      scale(1);*/
	/*transform:         scale(1);*/
/*}*/

.btn-border-white {
	background: #fff;
	border:     2px solid #fff;
	color:      #81817f;
	padding:    15px 20px 14px 20px
}

.btn.hover-black:before {
	background: #313335;
}

.btn.hover-black:hover {
	color: #fff;
}

/*********************/
.top-header .entry-title {
	padding-top:    180px;
	padding-bottom: 10px;
	color:          #fff;
}

.top-header .entry-title.text-center {
	font-size:     42px;
	line-height:   50px;
	margin-bottom: 0;
}

.top-header .entry-desc {
	color:       #fff;
	font-size:   16px;
	font-weight: 400;
	padding:     5px 10px;
}

.page-id-12 .top-header .entry-title {
	padding-bottom: 50px;
}

.wpcf7-form input {
	width:         100%;
	border:        none;
	border-bottom: 2px solid #c9c9c9;
	font-size:     18px;
	padding:       5px 0;
	border-radius: 0;
	margin-bottom: 20px;
	background:    transparent;
}

.wpcf7-form input:-moz-placeholder {
	/*color: @color;*/
}

.wpcf7-form input::-moz-placeholder {
	/*color: @color;*/
}

.wpcf7-form input:-ms-input-placeholder {
	/*color: @color;*/
}

.wpcf7-form input::-webkit-input-placeholder {
	/*color: @color;*/
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	outline:    none;
	box-shadow: 0 0 0;
}

.wpcf7-form textarea {
	border:        none;
	border-radius: 0;
	background:    #c9c9c9
}

.wpcf7-form .wpcf7-submit {
	width:       auto;
	border:      1px solid #ddd;
	background:  #efc337;
	color:       #616161;
	padding:     6px 15px;
	box-shadow:  0 0 0;
	text-shadow: 0 0 0;
	transition:  all .3s;
}

.wpcf7-form .wpcf7-submit:hover {
	background: #181818;
	color:      #fff;
	box-shadow: 0 0 0;
}

.special-input {
	position:       relative;
	z-index:        1;
	vertical-align: top;
	overflow:       hidden;
	padding-bottom: 1px
}

.special-input .frm-label {
	display:               block;
	margin-bottom:         0;
	-webkit-touch-callout: none;
	-webkit-user-select:   none;
	-khtml-user-select:    none;
	-moz-user-select:      none;
	-ms-user-select:       none;
	user-select:           none;
	position:              absolute;
	bottom:                0;
	left:                  0;
	width:                 100%;
	height:                51px;
	text-align:            left;
	pointer-events:        none
}

.special-input .frm-label:before, .special-input .frm-label:after {
	content:       '';
	position:      absolute;
	left:          0;
	width:         100%;
	bottom:        1px;
	border-bottom: 2px solid #b4b4b4
}

.special-input .frm-label:after {
	margin-top:         2px;
	bottom:             0px;
	border-bottom:      4px solid #1d1d1d;
	-webkit-transform:  translate3d(-102%, 0, 0);
	transform:          translate3d(-102%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition:         transform 0.3s
}

.special-input .frm-label span {
	position: absolute;
	display:  block;
	padding:  15px 0;
	width:    100%
}

.bg-white {
	margin-top: -45px;
}

.bg-white > .wpb_wrapper {
	background: #fff;
	padding:    2px 20px 20px;
}

.top-header.single-portfolio {
	margin-bottom: 40px;
}

.portfolio_cat {
	background:    #1d1d1d;
	text-align:    center;
	margin:        0;
	margin-bottom: -34px;
}

.portfolio_cat li {
	display:  inline-block;
	padding:  13px 15px;
	position: relative;
}

.portfolio_cat li a {
	color:          #fff;
	text-transform: uppercase;
	font-size:      15px;
	font-weight:    600;
	padding:        10px 30px;
	position:       relative;
	display:        inline-block;
}

.portfolio_cat li a:after, .portfolio_cat li a:before {
	position:           absolute;
	left:               0;
	width:              100%;
	height:             1px;
	background:         #6c6c6c;
	background:         rgba(115, 121, 126, 0.3);
	content:            '';
	opacity:            0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition:    opacity 0.3s, -moz-transform 0.3s;
	transition:         opacity 0.3s, transform 0.3s;
	-webkit-transform:  translateY(-8px);
	-moz-transform:     translateY(-8px);
	transform:          translateY(-8px)
}

.portfolio_cat li a:before {
	top:               4px;
	-webkit-transform: translateY(-8px);
	-moz-transform:    translateY(-8px);
	transform:         translateY(-8px)
}

.portfolio_cat li a:after {
	bottom:            4px;
	-webkit-transform: translateY(8px);
	-moz-transform:    translateY(8px);
	transform:         translateY(8px)
}

.portfolio_cat li a:hover:before, .portfolio_cat li a:hover:after, .portfolio_cat li a:focus:before, .portfolio_cat li a:focus:after,
.portfolio_cat li.active a:before, .portfolio_cat li.active a:after {
	opacity:           1;
	-webkit-transform: translateY(0px);
	-moz-transform:    translateY(0px);
	transform:         translateY(0px)
}

.portfolio_cat li:before {
	content:            "";
	width:              0;
	height:             0;
	border-style:       solid;
	border-width:       11px 11px 0 11px;
	border-color:       #1d1d1d transparent transparent transparent;
	display:            block;
	position:           absolute;
	bottom:             0;
	left:               50%;
	margin-left:        -11px;
	-webkit-transition: bottom .15s;
	-moz-transition:    bottom .15s;
	-ms-transition:     bottom .15s;
	-o-transition:      bottom .15s;
	transition:         bottom .15s;
}

.portfolio_cat li.active:before {
	bottom: -11px;
}

.wpb_video_widget {
	height:   540px;
	position: relative;
}

.wpb_video_widget:before {
	content:    "";
	position:   absolute;
	width:      100%;
	height:     100%;
	left:       0;
	background: url('images/bg-video.png') no-repeat center center;
}

.bg-cover:after {
	content:                     "";
	position:                    absolute;
	display:                     block;
	height:                      70%;
	left:                        -60px;
	right:                       -60px;
	bottom:                      12%;
	margin-top:                  -35%;
	background-color:            #efc337;
	z-index:                     -1;
	-webkit-transform:           scale(1, 0);
	transform:                   scale(1, 0);
	-webkit-transform-origin:    center bottom;
	transform-origin:            center bottom;
	-webkit-transition-property: all;
	transition-property:         all;
	-webkit-transition-duration: .4s;
	transition-duration:         .4s;
	-webkit-transition-delay:    0s;
	transition-delay:            0s;
}

.wpb_single_image.bg-cover:after {
	height: 60%;
	bottom: 22%;
}

.bg-cover.fx-in:after {
	-webkit-transform:                  scale(1);
	transform:                          scale(1);
	-webkit-transition-duration:        .8s;
	transition-duration:                .8s;
	-webkit-transition-delay:           0.9s;
	transition-delay:                   0.9s;
	-webkit-transition-timing-function: 'ease-out';
	transition-timing-function:         'ease-out';
}

.wpb_video_widget .wpb_wrapper {
	width:       664px;
	margin:      0 auto;
	padding-top: 87px;
	position:    relative;
	z-index:     99;
}

.sc-social {
	margin-bottom: 30px;
}

.sc-social .title-social, .bg-white .widgettitle, .bg-white h2 {
	text-transform: uppercase;
	font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:      15px;
	font-weight:    600;
}

.bg-white .widgettitle, .bg-white h2 {
	color: #000;
}

#main .bg-white {
	padding-right: 25px;
}

.sc-social .social_link {
	margin: 0 -3px;
}

.sc-social .social_link a {
	width:              40px;
	height:             40px;
	line-height:        40px;
	text-align:         center;
	background:         #8c8c8c;
	color:              #fff;
	font-size:          20px;
	display:            inline-block;
	border-radius:      50%;
	margin:             10px 3px;
	-webkit-transition: background .15s;
	-moz-transition:    background .15s;
	-ms-transition:     background .15s;
	-o-transition:      background .15s;
	transition:         background .15s;
}

.sc-social .social_link a:hover {
	background: #efc337;
}

.newlleter .widgettitle {

}

.bg-white > .wpb_wrapper > div:first-child .widgettitle {
	position:       relative;
	padding-bottom: 20px;
	margin-bottom:  20px;
}

.bg-white > .wpb_wrapper > div:first-child .widgettitle:after {
	content:    "";
	background: #f2f2f2;
	position:   absolute;
	bottom:     0;
	width:      100%;
	left:       0;
	height:     1px;
}

.mc4wp-form {
	margin-top: 30px !important;
}

.mc4wp-form, .mc4wp-form form, .mc4wp-form p {
	overflow: hidden
}

.mc4wp-form input[type="submit"], .mc4wp-form button {
	width:              55px;
	background:         #efc337;
	margin-left:        20px;
	box-shadow:         0 0 0;
	text-shadow:        0 0 0;
	float:              left;
	padding:            6px 10px;
	border:             1px solid #c0c0c0;
	border-radius:      0;
	height:             37px;
	-webkit-transition: background .15s;
	-moz-transition:    background .15s;
	-ms-transition:     background .15s;
	-o-transition:      background .15s;
	transition:         background .15s;
	color:              #616161;
	font-size:          24px;
}

.mc4wp-form input[type="submit"]:hover, .mc4wp-form button:hover {
	background: #4b4020;
	color:      #fff;
}

.mc4wp-form input[type="email"] {
	width:         calc(100% - 75px) !important;
	float:         left;
	padding:       10px 15px;
	border:        1px solid #c0c0c0;
	border-radius: 0;
	height:        37px;
}

.mc4wp-form input[type="submit"]:before {
	display:                inline-block;
	-webkit-font-smoothing: antialiased;
	font:                   normal 18px/1 'Genericons';
	content:                '\f400';
}

.home #colophon .container {
	width:        100%;
	padding-left: 80px;
}

/* Delays */
.intro-effect-push.modify:not(.notrans) #portfolio {
	-webkit-transition-delay: 0.5s;
	transition-delay:         0.5s;
}

.gird-3-col .wpb_image_grid .wpb_image_grid_ul, .gird-4-col .wpb_image_grid .wpb_image_grid_ul {
	margin: 0 -15px;
}

.gird-4-col .wpb_image_grid .wpb_image_grid_ul li {
	width:   25%;
	float:   left;
	padding: 15px;
	margin:  0;
}

.gird-4-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(4n+1) {
	clear: both;
}

.gird-3-col .wpb_image_grid .wpb_image_grid_ul li {
	width:   33.33%;
	float:   left;
	padding: 15px;
	margin:  0;
}

.gird-4-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(3n+1) {
	clear: both;
}

.gird-3-col .wpb_image_grid .wpb_image_grid_ul li img, .gird-4-col .wpb_image_grid .wpb_image_grid_ul li img {
	max-width: 100%;
}
.single.single-post .entry-content{
	font-size: 16px;
}
@media (min-width: 1025px) {
	.fx-fade-y, .wpb_single_image, .wpb_video_widget {
		opacity:            0;
		-webkit-transform:  translate(0, 50px);
		-moz-transform:     translate(0, 50px);
		-ms-transform:      translate(0, 50px);
		-o-transform:       translate(0, 50px);
		transform:          translate(0, 50px);
		-webkit-transition: all .8s;
		-moz-transition:    all .8s;
		-ms-transition:     all .8s;
		-o-transition:      all .8s;
		transition:         all .8s
	}

	.fx-fade-y.fx-in, .wpb_single_image.fx-in, .wpb_video_widget.fx-in, .page-trans-in .header .fx-fade-y, .page-trans-in .home-header .fx-fade-y, .page-trans-in .header-full .fx-fade-y {
		opacity:           1;
		-webkit-transform: translate(0, 0);
		-moz-transform:    translate(0, 0);
		-ms-transform:     translate(0, 0);
		-o-transform:      translate(0, 0);
		transform:         translate(0, 0)
	}

	.fx-opacity {
		opacity:            0;
		-webkit-transition: opacity .8s;
		-moz-transition:    opacity .8s;
		-ms-transition:     opacity .8s;
		-o-transition:      opacity .8s;
		transition:         opacity .8s
	}

	.fx-opacity.fx-in, .page-trans-in .header .fx-opacity, .page-trans-in .home-header .fx-opacity, .page-trans-in .header-full .fx-opacity {
		opacity: 1
	}

	.fx-expand {
		opacity:            0;
		-webkit-transform:  scale(0, 1);
		-moz-transform:     scale(0, 1);
		-ms-transform:      scale(0, 1);
		-o-transform:       scale(0, 1);
		transform:          scale(0, 1);
		-webkit-transition: all .8s;
		-moz-transition:    all .8s;
		-ms-transition:     all .8s;
		-o-transition:      all .8s;
		transition:         all .8s
	}

	.fx-expand.fx-in, .page-trans-in .header .fx-expand, .page-trans-in .home-header .fx-expand, .page-trans-in .header-full .fx-expand {
		opacity:           1;
		-webkit-transform: scale(1);
		-moz-transform:    scale(1);
		-ms-transform:     scale(1);
		-o-transform:      scale(1);
		transform:         scale(1)
	}

}

@media (max-width: 1200px) {
	.testimonial-slider .flex-direction-nav .flex-prev {
		left: 0;
	}

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

@media (min-width: 768px) and (max-width: 992px) {
	.wpb_video_widget {
		background:      url('images/bg-video.png') no-repeat center center;
		height:          400px;
		background-size: cover;
	}

	.wpb_video_widget .wpb_wrapper {
		width:       526px;
		margin:      0 auto;
		padding-top: 54px;
	}

	.archive-items .col-sm-4 {
		width: 50%;
	}

	.archive-items .col-sm-4:nth-child(3n+1) {
		clear: none;
	}

	.archive-items .col-sm-4:nth-child(2n+1) {
		clear: both;
	}

	.bg-cover:after {
		left:  0;
		right: 0;
	}

	.main-navigation li a {
		padding: 8px 15px;
	}

	.banner_desc .banner-inner {
		width: 60%;
	}

	.banner_desc .banner-inner .title {
		font-size:   22px;
		line-height: 22px;
	}

	.banner_desc .banner-inner .description {
		font-size:     30px;
		line-height:   38px;
		margin-bottom: 20px;
	}

	.banner_desc .banner-inner p a {
		margin-bottom: 20px;
	}

	.feature_desc .feature_inner h2, .feature_desc .feature_inner h2 a {
		font-size: 60px;
	}

	.mc4wp-form input[type="email"] {
		width: 100% !important;
	}

	.mc4wp-form input[type="submit"], .mc4wp-form button {
		width:       100%;
		margin-left: 0;
		margin-top:  10px;
	}
}

@media (min-width: 768px) {
	/* -------------------------- */
	/* Push */
	/* -------------------------- */
	.intro-effect-push:not(.notrans) .banner-top,
	.intro-effect-push:not(.notrans) #portfolio, .intro-effect-push:not(.notrans) #masthead {
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property:         opacity, transform;
		-webkit-transition-duration: 1s;
		transition-duration:         1s;
	}

	.intro-effect-push:not(.notrans) .banner-top, .intro-effect-push:not(.notrans) #masthead {
		-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
		transition-timing-function:         cubic-bezier(0.7, 0, 0.3, 1);
		-webkit-transition-duration:        1.2s;
		transition-duration:                1.2s;
	}

	.intro-effect-push .codrops-demos a {
		color: #108576;
	}

	.intro-effect-push .banner-top {
		position: absolute;
		/*z-index: 1500;*/
		width:    100%;
		height:   100%;
	}

	.intro-effect-push #portfolio {
		position: relative;
	}

	.intro-effect-push #portfolio {
		-webkit-transform: translateY(680px);
		transform:         translateY(680px);
		opacity:           0;
	}

	.intro-effect-push.modify #portfolio {
		-webkit-transform: translateY(-40px);
		transform:         translateY(-40px);
		opacity:           1;
	}

	.intro-effect-push.modify .banner-top, .intro-effect-push.modify #masthead {
		opacity:           0;
		-webkit-transform: translateY(-100%);
		transform:         translateY(-100%);
		position:          absolute !important;
	}

	/*
	.banner-header-top {
		position: absolute !important;
		left:     15px !important;
		width:    100% !important;
		right:    0 !important;
		height:   100% !important;
	}
*/
	.banner-header-top .wpb_column {
		position: static !important;
		height:   100% !important;
	}

	.banner-header-top .wpb_column .wpb_wrapper {
		height: 100% !important;
	}

	.webdevelopment, .websupport, .seo, .android-app, .magento-develop {
		background-repeat: no-repeat;
		border-bottom:     1px solid #e6e6e6;
		padding-top:       60px;
		padding-bottom:    50px;
		margin-bottom:     0 !important;

	}

	.webdevelopment p, .websupport p, .seo p, .android-app p, .magento-develop p {
		font-size:     14px;
		line-height:   24px;
		margin-bottom: 20px;
	}

	.webdevelopment .title a, .websupport .title a, .seo .title a, .android-app .title a, .magento-develop .title a {
		text-decoration: none;
		border-bottom:   1px solid #6882AC;
		color:           #2f4c81;
	}

	.webdevelopment .title a:hover, .websupport .title a:hover, .seo .title a:hover, .android-app .title a:hover, .magento-develop .title a:hover {
		color:        #efc337;
		border-color: #efc337;
	}

	.webdevelopment .title, .websupport .title, .seo .title, .android-app .title, .magento-develop .title {
		color: #363130;
	}
}

@media (max-width: 767px) {
	.wpb_video_widget {
		background:      url('images/bg-video.png') no-repeat center top;
		background-size: cover;
		height:          auto;
		padding-top:     9.5%;
		padding-bottom:  8%;
	}

	.wpb_video_widget .wpb_wrapper {
		width:       73.5%;
		margin:      0 auto;
		padding-top: 0;
	}

	.btn-menu {
		position: absolute;
		top:      12px;
		left:     20px;
		width:    50px;
		height:   50px;
		cursor:   pointer;
		z-index:  999999;
		display:  block;
		padding:  0
	}

	.btn-menu span {
		position:              absolute;
		top:                   50%;
		left:                  10px;
		right:                 10px;
		display:               block;
		height:                4px;
		margin-top:            -2px;
		background-color:      #73797e;
		font-size:             0;
		-webkit-touch-callout: none;
		-webkit-user-select:   none;
		-khtml-user-select:    none;
		-moz-user-select:      none;
		-ms-user-select:       none;
		user-select:           none;
		-webkit-transition:    background-color 0.2s;
		transition:            background-color 0.2s
	}

	.btn-menu span:before, .btn-menu span:after {
		position:           absolute;
		left:               0;
		width:              100%;
		height:             100%;
		background:         #73797e;
		content:            '';
		-webkit-transition: -webkit-transform 0.3s;
		transition:         transform 0.3s
	}

	.btn-menu span:before {
		-webkit-transform: translateY(-220%);
		transform:         translateY(-220%)
	}

	.btn-menu span:after {
		-webkit-transform: translateY(220%);
		transform:         translateY(220%)
	}

	.btn-menu.white span {
		background-color: #fff
	}

	.btn-menu.white span:after, .btn-menu.white span:before {
		background: #fff
	}

	.btn-menu.btn-menu-open span {
		background-color: transparent
	}

	.btn-menu.btn-menu-open span:before {
		-webkit-transform: translateY(0) rotate(45deg);
		transform:         translateY(0) rotate(45deg)
	}

	.btn-menu.btn-menu-open span:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform:         translateY(0) rotate(-45deg)
	}

	#masthead {
		position: static;
	}

	#masthead .header-table {
		width:      100%;
		text-align: center;
	}

	#masthead.col-sm-3 {
		padding-left: 0px;
	}

	.banner-top > img {
		display: none;
	}

	.header-right {
		display:           none;
		opacity:           0;
		background:        #f0c51f;
		position:          absolute;
		top:               0;
		left:              0;
		right:             0;
		bottom:            0;
		padding:           80px 50px 0 50px;
		font-weight:       500;
		color:             #fff;
		font-size:         1em;
		visibility:        visible;
		-webkit-transform: scale(1.1);
		-moz-transform:    scale(1.1);
		-ms-transform:     scale(1.1);
		-o-transform:      scale(1.1);
		transform:         scale(1.1);
		z-index:           99999;
	}

	.services-html {
		margin-bottom: 25px !important;
	}

	.content-services .desctiption br {
		display: none;
	}

	.feature_desc .feature_inner {
		padding: 0 20px;
	}

	.testimonial-slider .flex-direction-nav li {
		display: none;
	}

	.testimonial-slider li .item-testimonial {
		padding: 30px 20px;
	}

	.wrapper-sc-portfolio .item-portolio {
		width: 100%;
	}

	.gird-portfolio {
		padding-left:  15px;
		padding-right: 15px;
	}

	.wrapper-sc-portfolio .col-3, .wrapper-sc-portfolio .col-4 {
		width: 50%;
	}

	.wrapper-sc-portfolio .item-left, .wrapper-sc-portfolio .item-right {
		width: 100%;
	}

	.sc-testimonial {
		padding-bottom: 40px;
	}

	.home #colophon .container {
		padding-left: 15px;
	}

	.feature_desc .feature_inner h2, .feature_desc .feature_inner h2 a {
		font-size: 36px;
	}

	.feature_desc .feature_inner h2 a br {
		display: none;
	}

	.feature_desc .feature_inner .description {
		font-size: 16px;
	}

	.feature_desc .feature_inner .link_readmore {
		font-size:      14px;
		margin-top:     10px;
		text-transform: none;
		padding:        10px 13px
	}

	.banner_desc .banner-inner {
		width:       100%;
		padding-top: 40px;
	}

	#logo img {
		height: 50px;
	}

	.sub-nav {
		font-size: 0.875em;
		margin:    -25px 0 0 0;
		position:  relative;
		z-index:   10
	}

	.sub-nav ul {
		position:          absolute;
		top:               56px;
		background:        #6c6c6c;
		left:              0;
		right:             0;
		padding:           10px 0;
		display:           none;
		opacity:           0;
		-webkit-transform: translate(0, 20px);
		-moz-transform:    translate(0, 20px);
		-ms-transform:     translate(0, 20px);
		-o-transform:      translate(0, 20px);
		transform:         translate(0, 20px)
	}

	.sub-nav li {
		display: block;
		padding: 0
	}

	.sub-nav li:after {
		display: none
	}

	.sub-nav li a {
		padding: 10px 0 10px 0
	}

	.sub-nav li a:before, .sub-nav li a:after {
		display: none
	}

	.sub-nav li.active a {
		color: #efc337
	}

	.nav-wrapper ul {
		float:      none;
		text-align: center;
		margin:     0;
	}

	.nav-wrapper li {
		float:   none;
		display: block;
		padding: 0;
		margin:  0
	}

	.nav-wrapper a {
		font-weight:    500;
		border:         none !important;
		background:     none !important;
		color:          #fff !important;
		display:        block;
		text-transform: uppercase;
		padding:        11px 1px 10px 1px;
		letter-spacing: 1px;
		position:       relative;
	}

	.nav-wrapper a:after {
		content:            "";
		background:         #fff;
		background:         rgba(255, 255, 255, 0.6) !important;
		opacity:            1;
		bottom:             0;
		-webkit-transform:  scale(0, 1);
		-moz-transform:     scale(0, 1);
		-ms-transform:      scale(0, 1);
		-o-transform:       scale(0, 1);
		transform:          scale(0, 1);
		-webkit-transition: all 0s;
		-moz-transition:    all 0s;
		-ms-transition:     all 0s;
		-o-transition:      all 0s;
		transition:         all 0s;
		position:           absolute;
		left:               0;
		width:              100%;
		height:             1px;
		background:         #6c6c6c;
		background:         rgba(115, 121, 126, 0.3);
	}

	.nav-wrapper a:before {
		display: none !important
	}

	.mainnav-open .nav-wrapper a:after {
		-webkit-transform:  scale(1, 1);
		-moz-transform:     scale(1, 1);
		-ms-transform:      scale(1, 1);
		-o-transform:       scale(1, 1);
		transform:          scale(1, 1);
		-webkit-transition: all .7s ease-out .25s;
		-moz-transition:    all .7s ease-out .25s;
		-ms-transition:     all .7s ease-out .25s;
		-o-transition:      all .7s ease-out .25s;
		transition:         all .7s ease-out .25s
	}

	.portfolio_cat li {
		padding: 5px 5px;
	}

	.portfolio_cat li a {
		padding: 9px 15px;
	}

	.archive-items .col-sm-4 {
		width: 50%;
		float: left;
	}

	.archive-items .col-sm-4:nth-child(3n+1) {
		clear: none;
	}

	.archive-items .col-sm-4:nth-child(2n+1) {
		clear: both;
	}

	.project-item .overlay, .overlay-content, .fig-hover-item:hover .overlay-color {
		display: none;
	}

	.archive-items .project-item {
		margin-bottom: 30px;
	}

	.archive-items {
		margin-top: 70px;
	}

	.project-item {
		min-height: 300px;
		height:     auto;
	}

	.project-item .content {
		padding: 25px;
	}

	.bg-cover:after {
		left:  0;
		right: 0;
	}

	.fig-hover-item:hover .overlay:before, .fig-hover-item:hover .overlay:after {
		display: none;
	}

	.banner-top {
		min-height: inherit;
	}

	.banner_desc {
		position: static;
	}

	.scroll-down {
		display: none;
	}

	.banner_desc .banner-inner .description {
		font-size:     26px;
		line-height:   30px;
		margin-bottom: 20px;
	}

	.banner_desc .banner-inner .title {
		font-size:   20px;
		line-height: 26px;
	}

	.banner_desc .banner-inner p a {
		font-size:     13px;
		margin-bottom: 15px;
	}

	.btn {
		padding: 13px 15px;
	}

	.btn-border-white {
		padding: 12px 15px;
	}

	.wrapper-title-sc {
		margin: 35px 0 30px 0;
	}

	.item-testimonial p, .item-testimonial .link a {
		font-size: 16px;
		color:     #c8beb4;
	}

	.top-header .entry-title {
		padding-top: 20px;
		margin-top:  0 !important;
	}

	#masthead {
		background: #f0c51f;
		padding:    10px 0;
	}

	.home #masthead {
		background: transparent;
	}

	.page-loader .page-loader-circle {
		width:  240px;
		height: 240px;
	}

	.page-loader .logo {
		height:      70px;
		width:       auto;
		margin-top:  -35px;
		margin-left: -30px;
	}

	.page-loader .page-loader-circle {
		margin-left: -120px;
		margin-top:  -120px;
	}

	.gird-portfolio {
		padding-left:  0;
		padding-right: 0;
	}

	.btn-menu-open .icon-bar {
		background: #fff;
	}

	.banner-top figure {
		display: none;
	}

	#main .bg-white {
		padding-right: 15px;
	}

	.page-id-12 .top-header .entry-title {
		padding-bottom: 30px;
	}

	.intro-effect-push.modify #portfolio {
		-webkit-transform: translateY(0px);
		transform:         translateY(0px);
		opacity:           1;
	}

	.gird-4-col .wpb_image_grid .wpb_image_grid_ul li, .gird-3-col .wpb_image_grid .wpb_image_grid_ul li {
		width: 50%;
	}

	.gird-4-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(4n+1), .gird-3-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(3n+1) {
		clear: none;
	}

	.gird-4-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(2n+1), .gird-3-col .wpb_image_grid .wpb_image_grid_ul li:nth-child(2n+1) {
		clear: both;
	}

	.webdevelopment, .websupport, .seo, .android-app, .magento-develop {
		border-bottom:  1px solid #e6e6e6;
		padding-bottom: 30px;
		margin-bottom:  0 !important;
	}

	.sc-testimonial .title i {
		margin: 0;
	}

}

@media (max-width: 480px) {
	.archive-items .col-sm-4 {
		width: 100%;
	}

	.archive-items .project-item {
		margin-bottom: 15px;
	}

	.feature_html {
		background: #191919;
	}

	.feature_html > img {
		display: none
	}

	.feature_html .feature_desc {
		position:       static;
		padding-bottom: 30px;
	}

	.wrapper-sc-portfolio .col-3, .wrapper-sc-portfolio .col-4 {
		width: 100%;
		float: none;
	}

	.portfolio_cat li a {
		text-transform: none;
		font-size:      13px;
	}

	.title-testimonial .title {
		font-size: 32px;
	}

	.sc-testimonial .love {
		margin-left: 68px;
	}

	.title-testimonial small {
		font-size: 16px;
	}

	.gird-4-col .wpb_image_grid .wpb_image_grid_ul li, .gird-3-col .wpb_image_grid .wpb_image_grid_ul li {
		width: 100%;
	}
}