html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }
*,
*:after,
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
ul { list-style: none outside;    }
ol { list-style-position: inside; }
a {
margin: 0;
padding: 0;
font-size: 100%;
outline: none;
text-decoration: none;
background: transparent;
vertical-align: baseline;
}
a, a > * {
text-decoration: none;
color: #fff;
}
a:hover {
color: #fff;
}
.not-ie a {
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
img {
border: 0;
height: auto;
max-width: 100%;
-ms-interpolation-mode: bicubic;
}  body {
background-color: #424344;
color: #d2d2d2;
font-weight: 300;
font-size: 16px;
font-family: 'Roboto', sans-serif;
line-height: 1.65em;
height: 100%;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
}  .clear {   
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}
.separator { margin-bottom: 20px; }  .align-center { text-align: center; }
.align-left	  { text-align: left; }
.align-right  { text-align: right; }
.alignleft  { float: left; }
.alignright { float: right; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.hide		{ display: none;  }
.show		{ display: block; }
.invisible  { visibility: hidden; }
.affix		{ position: fixed; }  p {
margin: 0 0 1.5em;
padding: 0;
line-height: 1.65em;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {    
margin-bottom: 15px;
color: #fff;
font-family: 'Roboto', sans-serif;
line-height: 1.3em;
font-weight: normal;
}
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
::-moz-selection {
background-color: rgba(255, 210, 0, 0.99);
color: #000;
text-shadow: none;
}
::-webkit-selection {
background-color: rgba(255, 210, 0, 0.99);
color: #000;
text-shadow: none;
}
::selection {
background-color: rgba(255, 210, 0, 0.99);
color: #000;
text-shadow: none;
}
.tooltip { color: #fff; }  .single-image {
position: relative;
display: block;
margin: 0;
cursor: pointer;
font-size: 0;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.single-image img { display: block; }  .divider {
margin: 50px 12px;
background-image: url(//defuijk.com/wp-content/themes/invento/images/dotted-line.png);
background-position: 0 0;
height: 5px;
overflow: hidden;
}
.divider-type-2 { margin: 50px 0; }  button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input,
select,
textarea {
margin: 0;
border: none;
vertical-align: baseline;
font-size: 100%;
}
button {
display: inline-block;
margin-bottom: 0;
padding: 6px 13px;
outline: none;
background-color: transparent;
color: #fff;
vertical-align: baseline;
text-align: center;
text-decoration: none;
font: 11px/1.5 Arial;
cursor: pointer;
}
label { 
display: inline-block; 
cursor: pointer;
}
input,
textarea,
select,
button {
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea, select {
display: inline-block;
padding: 10px;
width: 100%;
outline: none;
border-width: 1px;
border-style: solid;
border-color: #505050;
background-color: #1e1f20;
color: #c1c1c1;
font-size: 12px;
font-style: italic;
font-family: 'Roboto', sans-serif;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;				
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus { border-color: #ffd200; }
textarea {
resize: both;
min-height: 180px;
min-width: 100%;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
line-height: normal;
}
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] { width: auto; }
.wrong-data { border-color: #fe5214; } input[type="checkbox"]	{ -webkit-appearance: checkbox; }
input[type="radio"]		{ -webkit-appearance: radio; }
Chrome, Safari 
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; }
Firefox 
input:-moz-placeholder,
textarea:-moz-placeholder { color: #999; }  .button {
display: inline-block;
margin-bottom: 15px;
padding: 6px 14px;
outline: none;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: #ffd200;
color: #202223;
vertical-align: baseline;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
cursor: pointer;
font-family: 'Roboto';
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.button.middle { 
padding: 11px 23px;
font-size: 15px;
background-color: #ffd200; }
.button.large {
padding: 18px 30px;
font-size: 19px; }
.button.default {
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.button.default:hover { 
border-color: transparent;
background-color: #1b1d1f; 
color: #ffd200;
}
.button.submit {
margin-bottom: 20px;
padding: 2px 20px;
width: 100%;
}
.button.turquoise { 
background-color: #1b1d1f; 
color: #ffd200;
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.button.turquoise:hover {
background-color: #ffd200;
color: #000;
} .section {
position: relative;
padding: 80px 0;
}
.section-2 {
position: relative;
padding: 30px 0;
}
.section-3 {
position: relative;
padding-top: 125px;
padding-bottom: 80px;
}
.section.bg-404 {
background-image: url(//defuijk.com/wp-content/themes/invento/images/404.png);
background-repeat: no-repeat;
background-position: center center;
}
.padding-off { padding: 0; }
.padding-top-off { padding-top: 0; }
.padding-bottom-off { padding-bottom: 0;}
.highlight {
background-color: #ffd200;
color: #000;
padding: 0 3px;
text-shadow: none;
}  #header {
position: relative;
z-index: 99;
}
#header.type-fixed {
position: absolute;
width: 100%;
left: 0;
top: 0;
transition: all .35s ease;
}  .top-header-line {
padding: 3px 0;
background-color: #1b1d1f;
text-align: right;
}
ul.contact-details li {
display: inline-block;
vertical-align: top;
margin-left: 35px;
color: #5a5a5a;
font-weight: 500;
font-size: 12px;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
ul.contact-details i { margin-right: 4px; }  .middle-header-line {
padding: 25px 0;
background-color: #202223;
-webkit-transition: background-color 1s ease, color 1s ease, height 1s ease, padding 1s ease, -webkit-transform 1s ease;
transition: background-color 1s ease, color 1s ease, height 1s ease, padding 1s ease, transform 1s ease;
}
.shrink-middle-line .middle-header-line {
padding: 0;
-webkit-transition: padding .35s ease-out, height .35s ease-out;
transition: padding .35s ease-out, height .35s ease-out;
}
.middle-header-line.transparent-bg { background-color: transparent; }
.header-in {
padding: 0;
text-align: justify;
}
.not-ie .header-in { font: 0/0 a; }
@media screen and (min-width: 0\0) {
.not-ie .header-in {
font-size: 14px;
}
}
.header-in:after {
display: inline-block;
vertical-align: middle;
width: 100%;
content: "";
}
.contact-icons ul > li > a > i {
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.middle-header-line ul.contact-details li {
text-align: right;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2em;
}
.middle-header-line ul.contact-details li:first-child {
display: block;
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.header-in .contact-details i {
margin-right: 3px;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.contact-icons a:hover i { color: #fff; }
.header-in > * {
display: inline-block;
vertical-align: middle;	
}  #logo {
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 36px;
position: relative;
margin-bottom: 0;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: -webkit-transform .65s ease, font-size .45s ease;
transition: transform .65s ease, font-size .45s ease;
}
#logo a img { display: block; }
.transparent-bg #logo a { color: #fff; }
.transparent-bg #logo a:after {
position: absolute;
right: 5px;
top: 3px;
width: 15px;
height: 3px;
background-color: #ffd200;
content: '';
}
.shrink-middle-line #logo { 
-webkit-transform: scale(.8);
transform: scale(.8);
}
.shrink-middle-line #logo a { color: #fff; }  .bottom-header-line { background-color: #2f3133; }  .shrink-bottom-line .bottom-header-line   {
background-color: #202223;
opacity: .95;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.space {
height: 0;
-webkit-transition: height .65s ease, -webkit-transform .65s ease, padding .65s ease;
transition: height .65s ease, transform .65s ease, padding .65s ease;
}
.shrink-middle-line .middle-header-line {
background-color: #202223;
opacity: .95;
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transition: background-color .45s ease, color .45s ease, height .45s ease, padding .45s ease, -webkit-transform .45s ease;
transition: background-color .45s ease, color .45s ease, height .45s ease, padding .45s ease, transform .45s ease;
}
.shrink-middle-line .top-header-line { display: none; }  .nav-wrapper { text-align: justify; }
.nav-wrapper {	font: 0px/0 a; }
.nav-wrapper:after {
display: inline-block;
vertical-align: top;
width: 100%;
content: "";
}
.navigation {
display: inline-block;
vertical-align: middle;
border-bottom-width: 0;
}
.navigation > ul > li {
position: relative; 
display: inline-block;
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.navigation > ul > li > a {
display: block;
padding: 20px 25px;
text-transform: uppercase;
font-size: 13px;
line-height: 1em;
color: #ddd;
font-family: 'Lato', Arial, Helvetica;
font-weight: 700;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.transparent .navigation > ul > li > a,
.transparent .navigation > ul > li > a:after { color: #fff; }
.navigation > ul > li:hover > a {
background-color: #ffd200;
color: #1b1d1f;
}
.active-nav { background-color: #ffd200; }
#navigation > ul > li > a.active-nav { color: #1b1d1f; }
.navigation ul a:hover,
.navigation ul .current-menu-item > a {
background-color: #ffd200;
color: #1b1d1f;
} .navigation ul ul {
position: absolute;
display: none;
width: 200px;
z-index: 999;
background-color: #202223;
background-color: rgba(32,34,35, .97);
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.navigation ul ul li { position: relative; }
.navigation ul ul li a {
display: block;
padding: 10px 5px 10px 25px;
color: #fff;
font-size: 13px;
font-family: 'Lato', sans-serif;
font-weight: 700;
line-height: 1.5em;
text-align: left;
}
.ie8 .navigation ul ul li a { font-size: 12px; }
.navigation ul ul .rightarrowclass > a:after {
margin-left: 15px;
color: #fff;
font-size: 12px;
font-family: 'fontello';
content: '\e8b8';
line-height: 1em;
}	
.navigation ul ul a:hover,
.navigation ul ul .current-menu-item > a {
background-color: #1b1d1f;
color: #ffd200;
}
.navigation ul ul ul {
top: 0;
left: 200px;
background-color: #202223;
background-color: rgba(32,34,35, .97);
} .responsive-nav-button {
display: none;
width: 40px;
height: 40px;
background-color: #202223;
text-align: center;
font-weight: normal;
font-style: normal;
font-size: 21px;
font-family: 'fontello';
line-height: 40px;
vertical-align: middle;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#sequence .responsive-nav-button { background-color: transparent; }
.responsive-nav-button:after {
content: "\ed38";
color: #fff;
}
#wrapper {
position: relative;
overflow: hidden;
}
#mobile-menu { display: none; }  .search-wrapper {
position: relative;
overflow: hidden;
float: right;
padding-left: 0;
padding-right: 40px;
padding-top: 9px;
width: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden; -webkit-transform: translateX(0); }
.safari.scribble .search-wrapper { -webkit-border-image: none; }
.fixed#header .search-wrapper { display: none; }
.search-wrapper p { margin: 0; }
.search-wrapper input[type="text"] {
padding: 8px 3px;
font-size: 12px;
}
.search-wrapper .submit-search {
position: absolute;
z-index: 3;
opacity: .99;
top: 0;
right: 0;
margin: 0;
padding: 0;
width: 40px;
height: 45px;
font: 0/0 a;
border: none;
background-color: #2f3133;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.shrink-bottom-line .search-wrapper .submit-search { background-color: transparent; }
.search-wrapper .submit-search:after {
position: absolute;
top: 0;
right: 0;
z-index: 4;
width: 30px;
height: 30px;
color: #696969;
content: "\e825";
font-size: 23px;
font-family: 'fontello';
line-height: 50px;
text-align: center;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.ie7 .search-wrapper .submit-search:after,
.ie8 .search-wrapper .submit-search:after { 
top: 25px; 
line-height: 0;  
}
.search-wrapper .submit-search:hover:after		  { color: #ffd200; }
.search-wrapper .submit-search.active:after		  { color: #696969; }
.search-wrapper .submit-search.active:hover:after { color: #ffd200; }  .social-icons { font-size: 0; }
.top-header-line .social-icons { float: right; }
.social-icons li {
display: inline-block; 
margin: 5px 5px 0 0;
vertical-align: top;
position: relative;
}
.social-icons li:after {
position: absolute;
display: block;
width: 45px;
height: 45px;
content: "";
opacity: 0;
text-align: center;
top: 0;
left: 0;
z-index: 0;
-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
transition: transform .3s ease, background-color .35s, opacity .25s ease;
-webkit-transform: scale(0);		
transform: scale(0);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.social-icons li:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
div.social-icons li a { 
border-color: transparent;
width: 36px;
height: 36px;
}
div.social-icons li:after {
position: absolute;
display: block;
width: 36px;
height: 36px;
content: "";
opacity: 0;
text-align: center;
top: 0;
left: 0;
z-index: 0;
-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
transition: transform .3s ease, background-color .35s, opacity .25s ease;
-webkit-transform: scale(0);		
transform: scale(0);
-webkit-border-radius: 50%;
border-radius: 50%;
}
div.social-icons li:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
div.social-icons li.twitter:hover:after		{ background-color: #47c0d8 }
div.social-icons li.facebook:hover:after	{ background-color: #49699f; }
div.social-icons li.linkedin:hover:after	{ background-color: #2c7cb7; }
div.social-icons li.pinterest:hover:after	{ background-color: #c21c21; }
div.social-icons li.rss:hover:after         { background-color: #fe9900; }
div.social-icons li.flickr:hover:after		{ background-color: #e82c88; }
.social-icons li a:hover { border-color: transparent; }	
div.circle-icons li { margin: 0 2px; position: relative; }
.circle-icons li a {
display: block;
width: 45px;
height: 45px;
border: 3px solid #454748;
border: 3px solid rgba(207,207,207,.23);
font: 0/0 a;
cursor: pointer;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
ul.social-icons li.twitter:hover:after     { background-color: #47c0d8; }
ul.social-icons li.facebook:hover:after	   { background-color: #49699f; }
ul.social-icons li.linkedin:hover:after	   { background-color: #2c7cb7; }
ul.social-icons li.pinterest:hover:after   { background-color: #c21c21; }
ul.social-icons li.rss:hover:after		   { background-color: #fe9900; }
ul.social-icons li.gplus:hover:after	   { background-color: #c33d19; }
ul.social-icons li.flickr:hover:after	   { background-color: #e82c88; }
ul.social-icons li.instagram:hover:after   { background-color: #517fa3; }
ul.social-icons li.dropbox:hover:after	   { background-color: #5da3e8; }
ul.social-icons li.youtube:hover:after	   { background-color: #b72d24; }
ul.social-icons li.blogger:hover:after	   { background-color: #f38f33; }
ul.social-icons li.evernote:hover:after	   { background-color: #73b122; }
ul.social-icons li.dribbble:hover:after	   { background-color: #e65992; }
ul.social-icons li.behance:hover:after	   { background-color: #18a3fe; }
ul.social-icons li.lastfm:hover:after	   { background-color: #be0607; }
ul.social-icons li.skype:hover:after	   { background-color: #24b0e4; }
ul.social-icons li.vimeo:hover:after	   { background-color: #568799; }
ul.social-icons li.forrst:hover:after	   { background-color: #628267; }
ul.social-icons li.digg:hover:after		   { background-color: #2882c6; }
ul.social-icons li.appstore:hover:after	   { background-color: #606060; }
ul.social-icons li.wordpress:hover:after   { background-color: #33759d; }
ul.social-icons li.stumbleupon:hover:after { background-color: #eb4924; }
ul.social-icons li.deviantart:hover:after  { background-color: #5f7162; }
ul.social-icons li.github:hover:after	   { background-color: #7292a2; }
ul.social-icons li.mail:hover:after		   { background-color: #65a413; }
.social-icons i {
position: relative;
font-weight: bold;	
font-size: 18px;
z-index: 3;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.top-header-line .social-icons i { font-size: 14px; }
.social-icons li i {
display: block;
line-height: 43px;
color: #454748;
}
.shortcades-social-icons-container .social-icons li i {	color: #696b6c;	} div.social-icons li i { line-height: 35px; }
.social-icons a:hover i { color: #fff; }  .team-contents .social-icons.circle-icons {	padding-top: 10px; }
.team-contents .social-icons {
position: absolute;
bottom: 26px;
left: 40px;
z-index: 5;
}
.ie8 .team-contents .social-icons { display: none; }
.ie8 .team-contents .item-container:hover .social-icons { display: block; } @media only screen and (min-width: 767px) {
.team-contents .item-container .social-icons li {
filter: alpha(opacity = 0);
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.team-contents .item-container:hover .social-icons li {
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: -webkit-transform, opacity;		
transition-property: transform, opacity;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.team-contents .item-container:hover .social-icons li:nth-child(1) { transition-delay: .30s;}
.team-contents .item-container:hover .social-icons li:nth-child(2) { transition-delay: .45s;}
.team-contents .item-container:hover .social-icons li:nth-child(3) { transition-delay: .60s;}
.team-contents .item-container:hover .social-icons li:nth-child(4) { transition-delay: .75s;}
.team-contents .item-container:hover .social-icons li:nth-child(5) { transition-delay: .90s;}
} .team-contents ul.social-icons li a { border: 3px solid #fff; }
.team-contents ul.social-icons li i { color: #fff; }
.team-contents ul.social-icons li a:hover { border-color: transparent; }  #content { padding: 60px 0; }
#content-padding-off { padding: 0; }
#content-bottom-off { padding: 60px 0px 0px 0px; }
#content-top-off { padding: 0px 0px 60px 0px; }
.section-title {
overflow: hidden;
margin-bottom: 30px;
text-align: center;	
}
.section-title h3 {
position: relative;
display: inline-block;
margin-bottom: 0;
padding: 0 45px;
font-size: 46px;
font-weight: 700;
font-family: 'Lato', sans-serif;
line-height: 1.1em;
text-transform: uppercase;
}
.section-title.type-2 h3 { font-size: 40px; }
.section-title.type-3 h3 { font-size: 24px;	}
.section-title h3:after,
.section-title h3:before {
position: absolute;
top: 50%;
margin-top: 4px;
background-image: url(//defuijk.com/wp-content/themes/invento/images/dotted-line.png); background-position: 0 0;
width: 300%;
height: 5px;
content: "";
}
.section-title h3:after { right: -300%; }
.section-title h3:before { left: -300%; }
.section-title h4 {				
color: #767677;
font-weight: 700;
font-family: 'Roboto', sans-serif;
}
.row-title {
font-size: 18px;
font-family: 'Lato';
overflow: hidden;
position: relative;
margin-bottom: 25px;
}
.row-title:after {
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: 12px;
background-image: url(//defuijk.com/wp-content/themes/invento/images/dotted-line.png); background-position: 0 0;
width: 300%;
height: 5px;
content: "";
}  #owl-slider .item { 
position: relative;
margin: 0 20px;
display: block;
}	
.ie8 #owl-slider .item { display: block; width: 80%;}
.article-thumb {	
padding-bottom: 90px;
background-color: #202223;
-webkit-transition: padding 450ms ease, background-color 450ms ease, -webkit-transform 450ms ease; 
transition: padding 450ms ease, background-color 450ms ease, transform 450ms ease; 
}
.article-thumb img {
-webkit-transition: opacity .35s ease;
transition: opacity .35s ease;
}
.item:hover .article-thumb img { 
filter: alpha(opacity = 50);
opacity: .5; 
}
#owl-slider .item img {
display: block;
width: 100%;
height: auto;
} @media only screen and (min-width: 768px) {
.item:hover .article-thumb {
-webkit-transform: translateY(-20%); transform: translateY(-20%);
-webkit-transition: padding 500ms ease, background-color 500ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
transition: padding 500ms ease, background-color 500ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
}
.article-content > .entry-body {
position: absolute;
margin-top: 0px;
padding: 24px 20px;	
width: 100%;
height: 100%;
background-color: #202223;
font-size: 14px;
font-family: 'Roboto', sans-serif;
-webkit-transform: translateY(-23%);
transform: translateY(-23%);
-webkit-transition: all 450ms ease;
transition: all 450ms ease;
}
.item:hover .entry-body {
background-color: #ffd200;
padding-top: 26px;
-webkit-transform: translateY(-56%);
transform: translateY(-56%);
-webkit-transition: padding 500ms ease, background-color 500ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
transition: padding 500ms ease, background-color 500ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550);
}
.ie8 .item:hover .entry-body { top: 45%; }
.ie9 .item:hover .entry-body { top: 37%; }
} .ie8 .article-content > .entry-body { top: 79%;	}
.ie9 .article-content > .entry-body { top: 79%;	}
.ie8 .team-contents .article-content > .entry-body { top: 75%; }
.ie9 .team-contents .article-content > .entry-body { top: 75%; }
.entry-meta.with-icon {
position: relative;
line-height: 1.6;
padding-left: 30px;
padding-bottom: 9px;
-webkit-transition: background-color .35s ease;
transition: background-color .35s ease;
}
.entry-meta {
-webkit-transition: background-color .35s ease;
transition: background-color .35s ease;
}
.with-icon .entry-title:before {
position: absolute;
left: -30px;
color: #696969;
font-family: 'fontello';
font-size: 17px;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.with-icon .videocam:before { content: '\eaba'; top: -3px; }
.with-icon .camera:before   { content: '\e99a'; top: -3px; }
.with-icon .link:before     { content: '\ece4'; top: -2px; }
.with-icon .pencil:before   { content: '\e871'; top: -1px; }
.item:hover .entry-title:before { color: #fff; }
.item:hover  .entry-date { color: #fff; }
.entry-body .text-more { color: #fff; }
.entry-body .entry-like i,
.entry-body .entry-like span { color: #fff; }
.entry-excerpt { 
color: #202223; 
padding-top: 10px;
}  .entry { margin-bottom: 40px; } #image-slider .item { display: none; position: relative; }
#image-slider .item:first-child {display: block;}  #image-slider .item img {
max-width: 100%;
height:  auto;
vertical-align: middle;
display: block;
font-size: 0;
}
.blog-meta h2,
.blog-meta span { margin-left: 20px; }
.entry .entry-meta { background-color: #202223;	}
.entry:hover .entry-title:before { color: #fff; }
.entry-title {
margin-bottom: 0;
font-family: 'Lato';
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.entry-title a { color: #fff; }
.entry-title i {
position: absolute;
left: 0;
font-size: 17px;
color: #969696;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.entry-title i:before { margin-left: 0; }
.entry-date {
display: block;
color: #656565;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.entry:hover .entry-meta { background-color:  #ffd200; }
.entry:hover .entry-title > i { color: #fff; }
.entry-text {
padding-top: 30px;
padding-left: 45px;
padding-bottom: 30px;
padding-right: 20px;
background-color: #2f3133;
position: relative;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.entry:hover .entry-text { background-color:  #202223; }
.entry .entry-quote {
padding-top: 30px;
padding-left: 45px;
padding-bottom: 30px;
padding-right: 20px;
background-color: #202223;
position: relative;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.item .entry .entry-quote {
padding-top: 20px;
padding-bottom: 110px;
}
.ie8 .grid-posts .entry .entry-quote { padding-bottom: 120px;}
.entry:hover .entry-quote { background-color: #ffd200; }
.entry:hover blockquote { color: #fff; }
.entry .blog-meta:hover .entry-date,
.entry .image-entry:hover .entry-date { color: #fff; }
.entry-text .text-more {
color: #ffd200;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
text-transform: uppercase;
}
.entry-quote .text-more {
color: #ffd200;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.entry-quote .comment-quotes { margin-bottom: 15px; }
.entry-quote blockquote {
font-family: 'Lato', sans-serif;
font-size: 24px;
margin-bottom: 30px;
line-height: 1.4em;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.item .entry-quote blockquote {	font-size: 21px; }
.entry-quote:hover blockquote {	color: #000; }
.entry-quote:hover .text-more {	color: #fff; }
.entry-quote span {
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.entry-quote:hover span,
.entry-quote:hover .entry-like > i { color: #fff; }
.bottom-meta .entry-like {
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
font-size: 14px;
font-style: normal;
margin-right: 10px;
}
.ie8 .bottom-meta .entry-like { margin-right: 20px; }
.bottom-meta a.entry-like i {
position: absolute;
right: 18px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .45s ease;
transition: all .45s ease;
}
.bottom-meta .entry-like i:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 1.175); 
transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 1.175); 
}
.entry-text .entry-like i {
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.entry-quote .entry-like i {
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.entry-text .entry-like:hover i { color: #fff; }
.entry-quote .entry-like:hover i { color: #fff;	}
.comment-quotes i {
position: absolute;
left: 15px;
font-size: 17px;
top: 34px;
-webkit-transition: color .5s ease;
transition: color .5s ease;
}
.item .comment-quotes i { top: 22px; }
.entry:hover .comment-quotes i { color: #fff; }
.entry-text blockquote {
padding-bottom: 15px;
font-family: 'Lato';																																																																																																																																													
font-weight: 700;
font-size: 22px;
line-height: 1.5em;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}  .simple-pricing-table {
text-align: center;
font-size: 0;
}
.simple-pricing-table * {
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.simple-pricing-table .simple-column {
position: relative;
display: inline-block;
border-right: 1px solid #202223;
-webkit-transition: background-color .35s ease-out, color .35s ease-out, -webkit-transform .35s ease-out;
transition: background-color .35s ease-out, color .35s ease-out, transform .35s ease-out;
}
.simple-pricing-table .simple-column.col-3 { width: 33.33333333333333%; }
.simple-pricing-table .simple-column.col-4 { width: 25%; }
.simple-pricing-table .simple-column:last-child { border-right: none; }
.simple-pricing-table .header {
text-align: center;
background-color: #2f3133;
margin: 0;
}
.simple-pricing-table .title {
font-size: 18px;
font-weight: 700;
font-family: 'Lato', sans-serif;
color: #fff;
border-bottom: 1px solid #202223;
padding: 20px 5px;
margin: 0;
text-transform: uppercase;
}
.simple-pricing-table .price {
background-color: #202223;
padding: 15px 15px;
margin: 0;
border-bottom: 1px solid #202223;
}
.simple-pricing-table .cost {
font-size: 36px;
font-weight: 600;
line-height: 1em;
margin: 0;
}
.simple-pricing-table .description {
font-size: 12px;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
color: #656565;
margin: 0;
-webkit-transition: color .25s ease-out;
transition: color .25s ease-out;
}
.simple-pricing-table .features {
background-color: #2f3133;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.simple-pricing-table .features li {
text-align: center;
padding: 17px 0;
margin: 0 25px;
border-bottom: 1px solid #27292b;
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
color: #818282;
-webkit-transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out;
transition: color .35s ease-out, background-color .35s ease-out, border-color .35s ease-out;
}
.simple-pricing-table .features li:last-child {	
border-bottom: 1px solid #202223;
margin: 0;
}
.simple-pricing-table .footer {
padding: 25px 30px 0;
background-color: #292b2d;
text-align: center;
-webkit-transition: background-color .35s ease-out, border .35s ease;
transition: background-color .35s ease-out, border .35s ease;
}
.simple-pricing-table .simple-column .footer a {
-webkit-transition: background-color .35s ease-out, color .35s ease-out;
transition: background-color .35s ease-out, color .35s ease-out;
}
.simple-pricing-table .simple-column:hover {
border-right: transparent;
z-index: 3;
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: -webkit-transform .35s ease-out;
transition: transform .35s ease-out;
}
.simple-pricing-table .simple-column:hover .header,
.simple-pricing-table .simple-column:hover .features,
.simple-pricing-table .simple-column:hover .footer {
background-color: #ffd200;
color: #fff;
}
.simple-pricing-table .simple-column:hover .header { border-color: #ffe35f;}
.simple-pricing-table .simple-column:hover .price {	
background-color: #ffd71a;
border-color: rgba(255, 227, 95, .9);
color: #fff;
}
.simple-pricing-table .simple-column:hover .title {	border-color: #ffe35f; }
.simple-pricing-table .simple-column:hover .price span { color: #fff; }
.simple-pricing-table .simple-column:hover .features li {
border-color: #ffe35f;
color: #fff;
}
.simple-pricing-table .simple-column:hover .footer a {
background-color: #000;
color: #ffd200;
}  .pagenavi { margin-bottom: 20px; }
.pagenavi span,
.pagenavi a {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 14px;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
background-color: #202223;
color: #8e8e8e;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.page-numbers.current {
background-color: #ffd200;
color: #000;
}
.pagenavi span:hover,
.pagenavi a:hover {
background-color: #ffd200;
color: #000;
}  .entry { margin-bottom: 40px; }
.entry-title {
margin-bottom: 0;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.entry-date {
display: block;
color: #656565;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
article.entry:hover .entry-date { color: #fff; }
.entry-meta p {	padding-top: 15px; }
.entry .entry-meta { padding: 24px; }
.certain-post:hover .entry-meta { background-color: #202223; }
.entry .certain-post:hover .blog-meta .entry-date { color: #656565; }
.entry .certain-post:hover .entry-title:before { color: #656565; }
.certain-post .entry-text {
padding-top: 20px;
padding-left: 45px;
padding-bottom: 35px;
padding-right: 20px;
background-color: #2f3133;
position: relative;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.certain-post:hover .entry-text { background-color: #2f3133; }
.bottom-meta {
padding: 0;
position: relative;
line-height: 1em;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 12px;
}
.owl-item span.text-more {
-webkit-transition: color .45s ease;
transition: color .45s ease;
}
.owl-item span.text-more:hover { color: #000; }
.entry-meta .text-more { color: #fff; }
.entry-like .entry-like i { 
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .35s ease;
transition: transform .35s ease;
}
.entry-meta .entry-like i,
.entry-meta .entry-like span { color: #fff; }
.entry-meta .entry-like:hover i {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: -webkit-transform .35s ease;
transition: transform .35s ease;
}
.bottom-meta .tags-list {
padding-left: 45px;
position: relative;
}
.bottom-meta .tags-list:before {
position: absolute;
color: #fff;
content: attr(data-title);
font-family: 'Roboto';
font-size: 14px;
left: 0;
top: 50%;
margin-right: 3px;
margin-top: -10px;
}
.tags-list li {
display: inline-block;
margin: 0 2px 2px 0;
}
.tags-list a {
background-color: #202223;
display: block;
padding: 7px 10px;
color: #969696;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.tags-list li:hover a {
background-color: #ffd200;
color: #fff;
}  .single-post-nav {
padding: 5px;
text-align: center;
margin-top: -35px;
margin-bottom: 35px;
}
.single-post-nav span {
color: #ffd200;
margin: 5px;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
text-transform: uppercase;
}
.single-post-nav .prev,
.single-post-nav .next {
position: relative;
top: 20px;
margin: 0;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
background-color: #424344;
border-width: 3px;
border-style: solid;
border-color: #696b6c;
font-size: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color .35s ease, border-color .45s ease;
transition: background-color .35s ease, border-color .45s ease;
}
.prev:hover,
.next:hover {
color: #fff;	
background-color: #ffd200;
border-color: #ffd200;
}
.prev { margin-right: 10px; }
.single-post-nav *:after {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
font-family: 'fontello';
font-size: 14px;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.prev:after { content: '\e8b4'; }
.next:after { content: '\e8b5'; }  .team-contents article { margin-bottom: 50px; }
.team-contents .item {
position: relative;
overflow: hidden;
z-index: 3;
}
.team-contents .article-thumb {	padding-bottom: 65px; }
.team-contents .item-container:hover .article-thumb img {
filter: alpha(opacity = 50);
opacity: .5; 
}
.team-contents .article-content > .entry-body {
padding: 23px 20px;	
-webkit-transform: translateY(-27%);
transform: translateY(-27%);
}
.ie9 .team-contents .article-thumb { padding-bottom: 15px; }
.team-contents .entry-meta {
padding: 0;
margin: 0;
}
.team-contents .entry-excerpt { 
color: #000; 
padding-top: 0;
filter: alpha(opacity = 0);
opacity: 0;
display: none;
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms;
}
.team-contents .item-container:hover .article-thumb {
-webkit-transform: translateY(-20%); transform: translateY(-20%);
-webkit-transition: padding 400ms ease, opacity 400ms ease, background-color 400ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
transition: padding 400ms ease, opacity 400ms ease, background-color 400ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
}
.team-contents .item-container:hover .entry-body {
background-color: #ffd200;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: padding 400ms ease, background-color 400ms ease, -webkit-transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
transition: padding 400ms ease, background-color 400ms ease, transform 400ms cubic-bezier(0.230, 0.035, 0.265, 1.550); 
}
.ie8 .team-contents .item-container:hover .entry-body { top: 40%;}
.ie9 .team-contents .item-container:hover .entry-body { top: 40%;}
.team-contents .item-container.active .entry-body {
background-color: #ffd200;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
}
.ie8 .team-contents .item-container.active .entry-body { top: 0;}
.ie9 .team-contents .item-container.active .entry-body { top: 0;}
.team-contents .item-container .entry-body .entry-title {
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.team-contents .entry-meta { line-height: 1.6; }
.team-contents .item-container:hover .entry-date { color: #fff; }  .grid-posts .item {
position: relative;
overflow: hidden;
margin-bottom: 50px;
z-index: 3;
}
.grid-posts .article-thumb { padding-bottom: 85px; }
.grid-posts .entry-body {
margin: 0;
padding: 24px 20px;
}
.grid-posts .entry-meta { padding: -1px 20px; }
.grid-posts .item .entry-body .entry-title {
-webkit-transition: all .35s ease;
transition: all .35s ease;
} @media only screen and (min-width: 767px) {
.grid-posts .item:hover .article-thumb {
-webkit-transform: translateY(-13%);
transform: translateY(-13%);
}
.grid-posts .item:hover .entry-body {
background-color: #ffd200;
-webkit-transform: translateY(-56%);
transform: translateY(-56%);
}
.ie8 .grid-posts .item:hover .entry-body { top: 50%;}
.ie9 .grid-posts .item:hover .entry-body { top: 50%;}
.grid-posts .entry-date {
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
}   .full-bg-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: repeat;
opacity: .5;
z-index: 0 !important;
}
.no-touch .full-bg-image {
background-attachment: fixed;
background-size: cover;
}
.parallax {
z-index: 0;
background-color: rgba(0, 0, 0, 0);
}
.overlay-paralax {
background-image: url(//defuijk.com/wp-content/themes/invento/images/temp/substrate.png);
background-repeat: repeat;
height: 100%;
left: 0;
margin: 0 auto;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.parallax-bg-1 .full-bg-image {	background-image: url(//defuijk.com/wp-content/themes/invento/images/temp/corporate-style-extended/full-bg-image.jpg); }
.parallax-bg-2 .full-bg-image { background-image: url(//defuijk.com/wp-content/themes/invento/images/temp/about/about-image-1.jpg); }
.bg-grey { background-color: #2f3133; }
.section.bg-grey .full-bg-image { opacity: .5; }  .full-width-image {
position: relative;
}
.full-width-image img {
width: 100%; display: block;
transition: opacity .5s ease;
}
.quotes-container { background-color: #2f3133; }
.grey-container   { background-color: #2f3133; }
.quotes-container .quote-text { color: #fff; }
.quotes-container .quote-text:before {
display: block;
margin-bottom: 35px;
content: "\e86c";
font-size: 30px;
font-family: 'fontello';
text-align: center;
}
.quotes-container .quote-text {
padding: 0 20px;
display: block;
}
.quotes-container .quote-text p {
display: block;
text-align: center;
font-size: 24px;
color: #969696;
margin: 0;
padding: 0 0 10px;
}
.quotes-container .quote-author {
display: block;
text-align: center;
right: 30px;
bottom: 30px;
color: #ffd200;
text-transform: uppercase;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.quotes-container .rel-works { margin-bottom: 0;}  .counter-box { 
text-align: center; 
margin: 0 -30px;
}
.counter {
background-color: rgba(25,29,32,.4);
display: inline-block;
margin: 0 20px;
width: 250px;
text-align: center;
font-size: 0;
}
.counter .count {
display: block;
color: #ffd200;
font-weight: 700;
font-size: 60px;
font-family: 'Lato', sans-serif;
line-height: 105px;
}
.counter .details {
text-align: center;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.parallax .counter .details { color: #fff; }  .header-text {
position: absolute;
display: block;
padding-left: 466px;
z-index: 2;
top: 160px;
right: 18px;
}
.header-text p {
font-size: 36px;
font-family: "Lato", sans-serif;
font-weight: 300;
color: #fff;
text-transform: uppercase;
text-align: right;
}
#wrapper.wrapper-background { background-image: url(//defuijk.com/wp-content/themes/invento/images/corporate-style-extended/bg-image.jpg); }
.absolute-image {
position: absolute;
top: 180px;
left: -15px;
}
.ca-icon {
float: left;
margin-right: 20px;
width: auto;
}
i.ca-icon:before {
font-size: 36px;
line-height: 1;
text-align: center;
width: 50px;
color: #ffd200;
}
.ca-content { display: table; }
.ca-title {
color: #fff;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}  .testimonials {
padding: 0;
margin-bottom: 40px;
}
.testimonials .quote-text {
padding: 30px 20px 30px 45px;
background-color: #202223;
position: relative;
font-size: 24px;
font-family: 'Lato';
-webkit-transition: background-color .35s ease-out, color .35s ease-out;
transition: background-color .35s ease-out, color .35s ease-out;
}
.testimonials .quote-text i {
position: absolute;
left: 15px;
top: 34px;
font-size: 17px;
color: #696969;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.testimonials .quote-author {
position: absolute;
display: inline-block;
right: 30px;
bottom: 30px;
color: #ffd200;
text-transform: uppercase;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
-webkit-transition: color .35s ease-out;
transition: color .35s ease-out;
}
.triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 26px 26px 0 0;
border-color: #202223 transparent transparent transparent;
position: absolute;
right: 100px;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.testimonials li:hover .quote-text {
background-color: #ffd200;
color: #202223;
}
.testimonials li:hover .quote-author { color: #fff; }
.testimonials li:hover .quote-text i { color: #fff; }
.testimonials li:hover .triangle { border-color: #ffd200 #424344 #424344 #424344; }  #respond .respond-title {
font-size: 18px;
font-family: 'Lato';
overflow: hidden;
position: relative;
margin-bottom: 25px;
margin-top: -10px;
}
#respond  .respond-title:after {
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: 12px;
background-image: url(//defuijk.com/wp-content/themes/invento/images/dotted-line.png);
background-repeat: repeat-x;
background-position: 0 0;
width: 300%;
height: 5px;
content: "";
}
#respond .input-block {	margin-bottom: 10px; }
.input-blocks {
margin: -5px -5px;
font-size: 0;
padding-bottom: 0;
}
.input-blocks .input-block {
width: 33.33333333333333%;
display: inline-block;
padding: 5px;
}
#respond button {
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
padding: 10px 14px;
-webkit-border-radius: 0;
border-radius: 0;
}  .popular-posts { margin-bottom: 25px; }
.popular-posts .post-entry {
background-color: #2f3133;
margin-bottom: 10px;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.popular-posts .post-entry:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}
.popular-posts  .entry-image {
float: left;
background-color: #202223;
-webkit-transition: opacity .35s ease-out;
transition: opacity .35s ease-out;
}
.popular-posts  .post-holder {
margin-left: 110px;
padding: 20px;
padding-bottom: 25px;
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.popular-posts  .entry-title {
line-height: 1.7em;
font-weight: 300;
text-transform: uppercase;
}
.popular-posts  .entry-title > a { color: #fff; }
.popular-posts  .entry-date {
line-height: 1em;
padding: 0;
}
.popular-posts .post-entry:hover .entry-image { 
opacity: .3;
filter: alpha(opacity = 30);
}
.popular-posts .post-entry:hover .post-holder		{ background-color: #ffd200; }
.blog-popular-posts .post-entry:hover .entry-date	{ color: #fff; }  #comments { margin-bottom: 50px; }
.comment {
padding-top: 20px;
list-style: none;
}
.comments-list > .comment:first-child { padding-top: 0; }
.comment article {
background-color: #2f3133;
margin-bottom: 0px;
}
.comment .gravatar {
float: left;
margin-right: 15px;
margin-left: 20px;
margin-top: 20px;
}
.comment-body { 
display: table;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 10px;
}
.comment .comment-author h6 { margin-bottom: 0; }
.comment .comment-author a {
color: #fff;
font-weight: 400;
font-family: 'Lato';
font-size: 14px;
text-transform: uppercase;
}
.comment .comment-date { 
margin-bottom: 10px;
line-height: 1; 
text-transform: uppercase;
}
.comment .comment-date span {
-webki-transition: color .35s ease;
transition: color .35s ease;
}
.comment .comment-date a:first-child:hover { color: #fff; }
.comment .comment-date span:hover { color: #000; } 
.comment .comment-date span {
color: #ffd200;
text-transform: uppercase;
font-size: 14px;
font-family: 'Roboto';
font-weight: 700;
}
.comment .comment-date a {
color: #656565;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
} .comment .children {
margin-top: 0;
padding-left: 70px;
}
.children .comment {
padding-top: 20px;
border-bottom-width: 0;
}
.comment p { font-size: 14px; }    .widget { padding-bottom: 50px;	}
#sidebar .widget-title {
position: relative;
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 700;
overflow: hidden;
margin-bottom: 25px;
}
#sidebar  .widget-title:after {
position: absolute;
top: 60%;
margin-top: -3px;
margin-left: 12px;
background-image: url(//defuijk.com/wp-content/themes/invento/images/dotted-line.png); background-position: 0 0;
width: 300%;
height: 5px;
content: "";
}  .widget .textwidget {
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
}
.widget_categories ul li a,
.widget_archive ul li a, 
.widget_links ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a {
font-size: 16px;
font-family: 'Roboto';
font-weight: 700;
color: #ffd200;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover, 
.widget_links ul li a:hover,
.widget_meta ul li a:hover,
.widget_pages ul li a:hover,
.widget_recent_entries ul li a:hover {
color: #1b1d1f;
margin-left: 3px;
}  #sidebar .tagcloud { font-size: 0; }
#sidebar .tagcloud a {
color: #969696;
display: inline-block;
font-size: 14px;
font-family: 'Roboto';
font-weight: 400;
margin-bottom: 3px;
margin-right: 3px;
padding: 5px 18px;
background-color: #202223;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
#sidebar .tagcloud a:hover{
color: #fff;
background-color: #ffd200;
}  .popular_posts li {
background-color: #2f3133;
margin-bottom: 10px;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.popular_posts li:hover { background-color: #ffd200; }
.popular_posts .single-image {
-webkit-transition: opacity .35s ease-out;
transition: opacity .35s ease-out;
}
.popular_posts li:hover .single-image {	opacity: .3; }
.popular_posts li:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}
.widget .entry-image {
float: left;
background-color: #202223;
}
.widget .post-holder {
margin-left: 120px;
padding: 20px 10px;
}
.widget .entry-title {
line-height: 1.7em;
font-weight: 300;
text-transform: uppercase;
}
.widget .entry-title > a { color: #fff; }
.widget .entry-date {
line-height: 1em;
padding: 0;
}
.popular_posts li:hover .entry-date { color: #fff; }    .tabs-holder { margin-bottom: 65px; }
.tabs-nav { font-size: 0; }
.tabs-nav li {
position: relative;
display: inline-block;
margin-right: 1px;
}
.tabs-nav li a {
position: relative;
display: block;
padding: 10px 25px;
cursor: pointer;
color: #777;
font-size: 14px;
background-color: #1b1d1f;
color: #fff;
font-family: 'Lato';
font-weight: 700;
text-transform: uppercase;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease;
}
.tabs-nav a:hover { border-color: #cfcfcf; }
.tabs-nav .active a {
background-color: #ffd200;
color: #000;
padding-top: 14px;
}
.tabs-container { 
overflow: hidden;
background-color: #2f3133;
padding: 25px 25px;
}
.tab-content { display: none; }
.tab-content img {
float: left;
margin-right: 25px;
}
.tab-content.type-2 img {
float: right;
margin-right: 0px;
}
.tab-title { color: #fff; }
.tab-content p {
padding-right: 25px;
font-weight: 400;
}
.tab-content:first-child { display: block; }  .acc-box { margin-bottom: 20px; }
.acc-trigger {
position: relative;
display: block;
margin-bottom: 5px;
padding: 10px 55px 10px 20px;
cursor: pointer;
background-color: #202223;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition: background-color .55s ease-out;
transition: background-color .55s ease-out;
}
.acc-trigger:hover {
background-color: #ffd200;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.acc-trigger.active {
border-color: transparent;
background-color: #ffd200;
}
.acc-trigger:after {
position: absolute;
top: 0;
right: 0;
display: block;
width: 48px;
height: 100%;
color: #5b5e60;
text-align: center;
font-size: 24px;
font-family: 'fontello';
line-height: 47px;
content: '\e9a1';
color: #ffd200;
-webkit-transition: color .55s ease-out;
transition: color .55s ease-out;
}
.acc-trigger:hover:after { color: #000;	}
.acc-trigger.active:after { 
border-color: #fff;
border-color: rgba(255,255,255, .3);
color: #000;
content: '\e9a4';
}  
.acc-trigger a {
color: #fff;
font-size: 14px;
font-family: 'Lato';
font-weight: 700;
text-transform: uppercase;
}
.acc-trigger.active a { color: #000; }
.acc-trigger.active + .acc-container p { margin: 0 0 10px 0; }
.acc-container {
padding: 20px 25px;
display: none;
background-color: #2f3133;
margin-top: -5px;
}  .alert-boxes { margin-bottom: 50px; }
.error, .success, .info, .notice {
position: relative;
margin-bottom: 10px;
padding: 11px 15px 11px 50px;
display: block;
text-transform: uppercase;
}
.error   { background-color: #fac9cf;  color: #974b54;}
.success { background-color: #d0ebb3; color: #5f7645;}
.info    { background-color: #a8dbee; color: #427b91;}
.notice  { background-color: #fde7a7; color: #975c31;}
.error:before,
.success:before,
.info:before,
.notice:before {
position: absolute;
top: 50%;
left: 20px;
margin-top: -13px;
font-size: 18px;
font-family: 'fontello';	
}
.error:before {
color: #974b54;
content: '\e83f';
}
.success:before {
color: #5f7645;
content: '\e83b';
}
.info:before {
color: #427b91;
content: '\e84c';
}
.notice:before {
color: #975c31;
content: '\e880';
}
.alert-close {
position: absolute;
top: 50%;
right: 20px;
margin-top: -9px;
line-height: 1;
}
.alert-close:before {
font-size: 18px;
font-family: 'fontello';
content: "\e83e";
}
.error	 .alert-close { color: #974b54; }
.success .alert-close { color: #5f7645; }
.info	 .alert-close { color: #427b91; }
.notice	 .alert-close { color: #975c31; }  ul.list { margin-bottom: 60px;}
ul.list li {
padding-left: 30px;
position: relative;
}
ul.list li,
ol.list li { 
margin-bottom: 4px;
font-weight: 400;
}
ul.list li:before {
font-family: 'fontello';
font-size: 18px;
left: 0;
position: absolute;
top: 0;
color: #ffd200;
}
ol.list {
list-style: none; 
counter-reset: point;
font: 0;
}
ol.list li {
padding-left: 30px;
position: relative;
}
ol.list li:before {
content: counter(point)'\.'; 
counter-increment: point 1; 
font-size: 18px; 
position: absolute;
left: 0;
top: 0;
color: #ffd200;
}
ul.list li.type-1:before { content: '\e8b2'; font-size: 18px; }
ul.list li.type-2:before { content: '\ea00'; }
ul.list li.type-3:before { content: '\e9a1'; }
ul.list li.type-4:before { content: '\eb4f'; }
ul.list li.type-5:before { content: '\eb43'; }
ul.list li.type-6:before { content: '\e8c0'; }
ul.list li.type-7:before { content: '\ec84'; }
ul.list li.type-8:before { content: '\e853'; }  .progressbar-container { margin-bottom: 70px; }
.progress-bar {
position: relative;
margin-bottom: 18px;
}
.progressbar-title {
margin-bottom: 3px;
color: #aeaeae;
font-size: 14px;
font-family: 'Lato';
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.percent {
position: absolute;
top: -5px;
right: 0;
display: block;
color: #fff;
font-size: 14px;
font-family: 'Lato';
line-height: 35px;
}	
.bar-outer {
position: relative;
width: 100%;
height: 12px;
background-color: #2f3133;
}
.bar {
position: absolute;
top: -1px;
left: 0;
z-index: 2;
width: 0%;
height: 12px;
background-color: #ffd200;
}  .shortcades-social-icons-container { margin-bottom: 60px; }
#footer ul.social-icons { margin-top: 45px; }  .shortcades-testimanials { padding-bottom: 50px; }  .drop-caps-container { margin-bottom: 50px; }
.dropcap:first-letter {
font-family: 'Lato', sans-serif;
display: block;
float: left;
font-size: 39px;
font-weight: 700;
padding: 18px 14px;
margin: 10px 20px 5px 0;
color: #202223;
background-color: #ffd200;
cursor: pointer;
}
.dropcap-type-2:first-letter {
font-family: 'Lato', sans-serif;
display: block;
float: left;
font-size: 41px;
font-weight: 700;
padding: 18px 14px;
margin: 10px 20px 5px 0;
color: #ffd200;
background-color: #202223;
cursor: pointer;
}  .youtubes { padding-bottom: 60px; }  .buttons-lightboxes { padding-bottom: 60px; }  .box-article {
position: relative;
padding: 40px 5px;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.box-article:hover { background-color: #ffd200; }
.box-article:hover i { color: #2f3133; }
.content-circle {
display: block;
width: 130px;
height: 130px;
border: 15px solid #ffd200;
font: 0/0 a;
text-align: center;
background-color: #2f3133;
line-height: 147px;
margin: 0 auto 20px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .45s ease;
transition: all .45s ease;
}
.content-circle i {
font-size: 50px;
color: #fff;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.content-text {	text-align: center;	}
.content-boxes-title {
font-size: 18px;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.content-text p {
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 400;
font-family: 'Roboto';	
color: #969696;
}
.box-article:hover .content-circle {
border-color: #2f3133;
background-color: #fff;
-webkit-transform: scale(1.075);
transform: scale(1.075);
-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
}
.box-article .content-circle:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275);
transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
}
.box-article:hover p { color: #2f3133; }  .row-article {
position: relative;
padding: 0px 5px 0px;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: background-color .35s ease-out;
transition: background-color .35s ease-out;
}
.row-article:hover { background-color: inherit; }
.row-article:hover i { color: #fff; }
.row-circle {
display: block;
width: 90px;
height: 90px;
font: 0/0 a;
text-align: center;
background-color: #2f3133;
line-height: 86px;
margin: 0px auto 34px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color .35s ease, color .45s ease, -webkit-transform .45s ease;
transition: background-color .35s ease, color .45s ease, transform .45s ease;
}
.row-circle-icon {
font-size: 30px;
color: #ffd200;
-webkit-transition: color .45s ease-out;
transition: color .45s ease-out;
}
.row-article:hover .row-circle {
border-color: #2f3133;
background-color: #ffd200;
-webkit-transform: scale(1.075);
transform: scale(1.075);
-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
}
.row-article .row-circle:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275);
transition: transform .45s cubic-bezier(0.175, 0.885, 0.420, 2.275); 
}
.row-article:hover p { color: #969696; }  .services-title {
padding: 0 70px 45px;
font-size: 46px;
font-family: 'Lato';
color: #fff;
text-align: center;
text-transform: uppercase;
}
.box-article-container { margin-bottom: 120px; }  .service-article {
margin: 0;
font-weight: 400;
}
.service-image { margin-bottom: 20px; }
.service-description h4 {
font-size: 18px;
font-family: 'Lato';
font-weight: 700;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.service-description h4:hover {	color: #ffd200;	}  .side-gallery-panel { 
position: relative;
z-index: 3; 
}
.side-gallery-panel p {	margin-bottom: 40px; }
.side-gallery-title {
font-size: 24px;
text-transform: uppercase;
font-family: 'Lato';
font-weight: 700;
}
.side-meta {
font-family: 'Roboto';
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 25px;
}
.side-meta-title { color: #ffd200; }
.side-text { color: #fff; }
.side-like {
font-size: 14px;
font-family: 'Roboto';
margin-bottom: 25px;
display: inline-block;
z-index: 5;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.side-like i {
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.side-like span { color: #969696; }
.side-share {
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'Roboto';
font-size: 12px;
font-weight: 700;
color: #696969;
z-index: 3;
-webkit-backface-visibility: hidden; -webkit-transform: translateX(0); backface-visibility: hidden;
} .side-share:hover i,
.side-share:hover span { color: #fff; } .side-share span {
color: #969696;
z-index: 3;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.side-share .social-icons {
display: inline-block;
margin-left: 25px;
vertical-align: middle;
z-index: 3;
}
.side-share .social-icons ul { z-index: 4; }
.ie8 .side-share .social-icons { margin-left: 5px;}
.side-gallery-panel .side-share .social-icons i { color: #696969; }
.side-gallery-panel .side-share .social-icons a:hover i { color: #fff; }
.side-like a:hover i { color: #fff; }
.side-share a:hover i { color: #fff; }
.side-share a:hover span { color: #fff; }  .side-nav {
padding: 5px;
margin-bottom: 85px;
}
.side-nav span {
color: #ffd200;
margin: 5px;
font-size: 12px;
font-family: 'Roboto';
font-weight: 700;
text-transform: uppercase;
}
.side-nav .prev,
.side-nav .next,
.side-nav .central {
position: relative;
margin: 2px;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
background-color: #424344;
border-width: 3px;
border-style: solid;
border-color: #696b6c;
font-size: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color .35s ease, border-color .45s ease;
transition: background-color .35s ease, border-color .45s ease;
}
.side-nav .prev:hover,
.side-nav .next:hover,
.side-nav .central:hover {
color: #fff;	
background-color: #ffc800;
border-color: #ffc800;
}
.side-nav *:after {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
font-family: 'fontello';
font-size: 14px;
color: #696b6c;
-webkit-transition: color .35s ease;
transition: color .35s ease;
}
.side-nav .prev:after		{ content: '\e8b4'; }
.side-nav .next:after		{ content: '\e8b5'; }
.side-nav .central:after	{ content: '\e837'}
.side-nav .prev:hover:after		{ color: #fff; }
.side-nav .next:hover:after		{ color: #fff; }
.side-nav .central:hover:after	{ color: #fff; }  .rel-works {
font-size: 0;
}
.rel-works li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 1px;
}
.rel-works.col-4 li { width: 25%; }
.rel-works.col-5 li { width: 20%; }
.buttons-lightboxes .rel-works { display: block; }  .rel-works.header-items { font-size: 0; }
.rel-works.header-items li {
vertical-align: middle;
margin-bottom: 40px;
}
.rel-works.header-items.col-4 li { width: 100%; }
.rel-works.header-items .work-item img { padding: 0px 1px; } .work-item-move {
background-color: #1b1d1f;
position: relative;                           
overflow: hidden;
-webkit-backface-visibility: hidden; -webkit-transform: translateX(0); }
.work-item-move:hover {	opacity: 1;	}
.work-item-move img {
position: absolute;
left:-15%;
top:-15%;
max-width: 130%;
opacity: .5;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
div.full-width img { opacity: 1; display: block;}
.work-item-move:hover img {
opacity: 1;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.gr-box .work-item-move {
float: left;
width: 1100px;
}
.gr-box .work-item-move img {
position: absolute;
left:-15%;
top:-15%;
max-width: none;
-webkit-transition: opacity .6s ease, background .6s ease;
transition: opacity .6s ease, background .6s ease;
}
.work-item-move:hover .image-extra { 				
opacity: 1;
filter: alpha(opacity = 100);
}
.work-item-move .extra-content {
display: inline-block;
padding: 0 15px;
vertical-align: middle;					
margin-top: 18px;	
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: opacity .55s ease, -webkit-transform .35s ease-out;
transition: opacity .55s ease, transform .35s ease-out;
}
.work-item-move .extra-title {                                    
background-color: #000;
background-color: rgba(0,0,0,.5);
color: #fff;
}
.full-width.work-item-move {                                    
opacity: 1;
cursor: pointer;
z-index: 2;
}
.full-width.work-item-move img { display: block;}   .classic-image-slider { margin-bottom: 35px; }
.classic-video { margin-bottom: 35px; }
.classic-nav { text-align: center; }
.classic-nav .side-nav { margin-bottom: 55px; }  .full-width-text {
text-align: center;
padding-left: 100px;
padding-right: 100px;
}  .folio-menu {
margin: 0;
padding: 0;
}
.folio-menu li {
display: inline-block;
float: left;
margin-right: 40px;
font-size: 14px;
font-family: 'Lato';
color: #969696;
}
.folio-menu li:hover a { color: #ffd200; }
.portfolio-items li {
display: inline-block;
float: left;
margin: 2px;
vertical-align: top;
}  .portfolio-filter {
margin-bottom: 20px;
font-size: 0;
width: 100%;
line-height: 1em;
}
.portfolio-filter li {
position: relative;
display: inline-block;
margin-right: 40px;
font-size: 14px;
font-family: 'Lato';
color: #969696;
cursor: pointer;
padding-bottom: 25px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.portfolio-filter li:hover { color: #ffd200; }
.portfolio-filter li.active {color: #ffd200; }
.classic-text {
padding: 0;
margin: 0;
}  .portfolio-items { font-size: 0; }
.portfolio-items article {
position: relative;
display: inline-block;
vertical-align: top;
padding: 1px;
}
.portfolio-items.col-2 article { width: 50%; }
.portfolio-items.col-3 article { width: 33.3%; }
.portfolio-items.col-4 article { width: 25%; }
.portfolio-items.col-5 article { width: 20%; }
.portfolio-items.col-6 article { width: 16.666%; }
.portfolio-items .mix { display: none; }
.portfolio-items img { display: block; }
.portfolio-paging {
background-color: transparent;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease;
}	
.portfolio-paging .load-more {
padding: 17px 0;
display: block;
color: #ffd200;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
font-family: 'Roboto', sans-serif;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.portfolio-paging:hover .load-more { color: #000; }
.work-item {
position: relative;
overflow: hidden;
z-index: 3;
-webkit-backface-visibility: hidden; -webkit-transform: translateX(0); }
.work-item img {
display: block;
-webkit-transition: -webkit-transform .25s ease-in-out, opacity .6s ease;
transition: transform .25s ease-in-out, opacity .6s ease;
}
.rel-works .work-item img {	padding: 0px 1px; }
.work-item:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.image-extra {
position: absolute;
top: 0;
left: 0;
z-index: 3;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: opacity .35s ease-out, background-color .35s ease-out;
transition: opacity .35s ease-out, background-color .35s ease-out;
}
.work-item:hover .image-extra { 
background-color: #ffd200;
background-color: rgba(250, 201, 1, 0.86);
opacity: 1;
filter: alpha(opacity = 100);
}
.image-extra:before {
display: inline-block;
height: 100%;
vertical-align: middle;
content: "";
}
.extra-content {
display: inline-block;
padding: 0 15px;
vertical-align: middle;
opacity: 0;
margin-top: 18px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity .55s ease, -webkit-transform .35s ease-out;
transition: opacity .55s ease, transform .35s ease-out;
}
.extra-descript {
font-size: 14px;
border: none;
border-color: transparent;
display: block;
-webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
transition: opacity .15s ease, transform .15s ease;
}
.small-font .extra-descript { font-size: 12px;}
.work-item:hover .extra-content {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
transition: opacity .35s ease, transform .35s ease;
}
.extra-title  { 
margin-bottom: 6px;
color: #fff;
font-size: 20px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 10px 13px;
border: 1px solid;
display: inline-block;
-webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
transition: opacity .15s ease, transform .15s ease;
}
.small-font .extra-title {
padding: 5px 9px;
font-size: 16px;
}  .project-single-entry .image-slider { margin-bottom: 40px; }
.project-page-header {
position: relative;
margin-bottom: 55px;
}
.project-page-header .project-title {
padding-right: 115px;
color: #5b5e60;
font-weight: 100;
font-size: 60px;
text-transform: uppercase;
} .project-nav {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
font: 0/0 a;
}
.project-nav li {
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
.project-nav li a {
display: block;
font: 0/0 a;
cursor: pointer;
z-index: 10;				
}
.project-nav li a:after {
display: block;
color: #aeaeae;
font-size: 36px;
font-family: 'fontello';
text-align: center;
line-height: 35px;
content: "";
}
.project-nav .prev:after		 { content: "\ea07"; }
.project-nav .next:after		 { content: "\ea08"; }
.project-nav .all-projects:after { content: "\eac0"; font-size: 30px; }
.project-nav li a:hover:after { color: #00c2a9; } .project-meta { margin-bottom: 25px; }
.project-meta li { margin-bottom: 15px; }
.project-meta-title {
color: #00c2a9;
font-weight: 400;
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
line-height: 1em;
}
.project-meta .project-meta-date {
color: #aeaeae;
font-size: 16px;
line-height: 1em;
} .project-similar { font-size: 0; }
.project-similar li {
display: inline-block;
width: 20%;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
vertical-align: top;
}
.row .project-similar li { width: 33.33333333333333%; }
.load-more {
text-align: center;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.load-more:hover { background-color: #ffd200; }
.load-more a {
display: block;
font-family: 'Roboto';
font-size: 12px;
font-weight: 700;
color: #ffd200;
text-transform: uppercase;
padding: 15px 0;
}
.load-more:hover a { color: #000; }  .contact-info {
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
}
.textwidget.contact-info p {
color: #969696;
}
.contact-widget h4 {
font-family: 'Lato';
font-size: 18px;
}
.contact-widget i { margin-right: 22px; }
.contact-form input.verify {
vertical-align: top;
width: 75px;
height: 40px;
display: inline-block;
margin-left: -17px;
}
#captcha iframe {	
width: 100px;
overflow: scroll;
margin: 0; 
border: none;
}
#captcha { display: none; }
.input-block-last {
display: inline-block;
float: right;
}
.menu-3-header ul.contact-details li {
display: inline-block;
float: none;
}  .google_map { 
position: relative;
width: 100%;
height: 540px;
}
.google_map img { max-width: none; }  .scroll-box {
height: auto;
overflow: auto;
position: relative;
}
.gr-box { width: 6600px; }
.gr-box.type-2{ width: 6934px; }
.gr-box img { float: left; }
.sly-wrapper {
background-color: #2f3133;
margin: 0;
display: block;
}
.side-gallery-full-width {
float: left;
padding: 45px 60px;
max-width: 387px;
}
.ie8 .side-gallery-full-width {	
max-width: 246px; 
float: left; 
}
.sly-wrapper .sly-slider {	display: table;	}
.sly-wrapper .side-nav { margin: 0; }
.sly-wrapper .side-nav .prev,
.sly-wrapper .side-nav .next,
.sly-wrapper .side-nav .central {
background-color: #2f3133;
}
.sly-wrapper .side-nav .prev:hover,
.sly-wrapper .side-nav .next:hover,
.sly-wrapper .side-nav .central:hover {
background-color: #ffd200;
}
@media only screen and (min-width: 768px) {
.side-share .social-icons li {
opacity: 0;
-webkit-transform: translateX(30px);
transform: translateX(30px);
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.side-share:hover .social-icons li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.side-share .social-icons li:nth-child(1) { transition-delay: 0.90s; }
.side-share .social-icons li:nth-child(2) { transition-delay: 0.75s; }
.side-share .social-icons li:nth-child(3) { transition-delay: 0.60s; }
.side-share .social-icons li:nth-child(4) { transition-delay: 0.45s; }
.side-share .social-icons li:nth-child(5) { transition-delay: 0.30s; }
.side-share:hover .social-icons li:nth-child(1) { transition-delay: 0.30s; }
.side-share:hover .social-icons li:nth-child(2) { transition-delay: 0.45s; }
.side-share:hover .social-icons li:nth-child(3) { transition-delay: 0.60s; }
.side-share:hover .social-icons li:nth-child(4) { transition-delay: 0.75s; }
.side-share:hover .social-icons li:nth-child(5) { transition-delay: 0.90s; }
}  #footer { background-color: #202223; }
.entry-footer {
position: relative;
overflow: hidden;
padding: 75px 0;
width: 100%;
z-index: 0;
}
.offers h1 {
margin-bottom: 0;		
font-family: 'Lato', sans-serif;
font-size: 30px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}  .clients-container {			
position: relative;
background-color: #ffd200;
overflow: hidden;
padding: 25px 0;
width: 100%;
z-index: 2;
}
.client-items {
font-size: 0;
text-align: center;
}
.client-items li {	
display: inline-block;
padding: 0 25px;
vertical-align: middle;
}
.client-items img {	vertical-align: middle;	}  .widget-area { padding: 75px 0 100px; }
.contacts-table {
padding: 100px 0;
position: relative;
width: 100%;
}
#footer .widget-title {
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
}
.textwidget > p {
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin: 0;
color: #656565;
font-weight: 500;
}
.textwidget a {
font-weight: 700;
color: #ffd200;
}
#footer .widget_social { padding-top: 50px; }
.social-links {
display: inline-block;
vertical-align: middle;
}
.social-links  > ul { margin: 0;	}
.social-links li {
display: block;
margin-left: 9px;
float: left;
}
.social-links a > i {
position: relative;
margin: 0;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
color: #454748;
font-size: 20px;
border-width: 3px;
border-style: solid;
line-height: 40px;
font-size: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out;
}
.social-links a:hover i {
color: #fff;
border-color: #fff;
}
#footer .widget_twitter h5 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 18px;	
}
.tweet {
color: #696b6c;
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
margin: 0;
}
.tweet a {
color: #656565;
}
.tweet a:hover {
color: #ababab;
}
.timePosted a {
font-family: 'Roboto';
font-weight: 700;
font-size: 12px;
color: #ababab;
}  .bottom-footer {
padding: 20px 0;
background-color: #1b1d1f;
}
.copyright,
.developed {
font-size: 12px;
color: #656565;
}    #back-top {
position: fixed;
right: 40px;
bottom: 40px;
z-index: 999;
display: none;
width: 50px;
height: 50px;
background-color: #fff;
background-color: rgba(255,255,255,.25);
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .25s ease;
transition: all .25s ease;
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#back-top:after {
width: 40px;
height: 40px;
text-align: center;
color: #e1e1e1;
font-size: 20px;
font-family: 'fontello';
content: "\ed4e";
line-height: 48px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
#back-top:hover {
border-color: transparent;
background-color: #ffd200;
}
#back-top:hover:after { color: #fff; } .ie8 #owl-slider		{ width: 1210px;}
.ie8 #image-slider		{ width: 769px;  }
.ie8 #full-gallery-slider       { width: 1170px;}  .lazy-image {
-webkit-transition: opacity .35s ease;
transition: opacity .35s ease;
}
.img img {
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.lazy {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 14px;
margin-top: -7px;
margin-left: -42px;
}
.G {
position:absolute;
background-color:#fff;
width:10px;
height:10px;
-moz-animation-name:bounce_fountainG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-moz-border-radius:19px;
-webkit-animation-name:bounce_fountainG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-webkit-border-radius:19px;
-ms-animation-name:bounce_fountainG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-ms-border-radius:19px;
-o-animation-name:bounce_fountainG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
-o-border-radius:19px;
animation-name:bounce_fountainG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
border-radius:19px;
}
.G_1 {
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
.G_2 {
left:10px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
.G_3 {
left:20px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
.G_4 {
left:30px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}
.G_5 {
left:40px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
.G_6 {
left:50px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}
.G_7 {
left:60px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
.G_8 {
left:70px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}
@-moz-keyframes bounce_fountainG {
0% {
-moz-transform:scale(1);
background-color:#fff;
}
100% {
-moz-transform:scale(.3);
background-color:#fff;
}
}
@-webkit-keyframes bounce_fountainG {
0% {
-webkit-transform:scale(1);
background-color:#fff;
}
100% {
-webkit-transform:scale(.3);
background-color:#fff;
}
}
@-ms-keyframes bounce_fountainG {
0% {
-ms-transform:scale(1);
background-color:#fff;
}
100% {
-ms-transform:scale(.3);
background-color:#fff;
}
}
@-o-keyframes bounce_fountainG {
0% {
-o-transform:scale(1);
background-color:#fff;
}
100% {
-o-transform:scale(.3);
background-color:#fff;
}
}
@keyframes bounce_fountainG {
0% {
transform:scale(1);
background-color:#fff;
}
100% {
transform:scale(.3);
background-color:#fff;
}
}