@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Footer
12. Lists
13. Google Maps
14. Blog
15. Services
-------------------------------------------------------------------*/

/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot');
    src: url('../fonts/fontello.eot') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43886684#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ----- clear fix for floats ----- */
.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

/* hides clearfix from IE-mac */
.clearfix {
    display: block;
}

/* end hide from IE-mac */
.alignleft {
    /*float: left;*/
}

.alignright {
    float: right;
}

.aligncenter {
    margin: 0 auto;
    display: inline-block;
}

.alignnone {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    height: 0;
    width: 0;
}

.centered {
    text-align: center;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after {
    -webkit-font-smoothing: antialiased;
}

.flexslider {
    -webkit-transform: translateZ(0px);
}

/* End Clearfix
--------------------------------------------------------------------------------------------------------*/

/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    z-index: 9999;
}

#status {
    z-index: 28;
    position: absolute;
    color: #555 !important;
    top: 50%;
    height: 220px;
    width: 100%;
    margin-top: -115px;
}

/* horizontal centering */
.parent {
    width: 230px;
    margin: 0px auto;
    position: relative;
    height: 220px;
    z-index: 11
}

.child {
    text-align: center;
}

/* vertical centering */
.parent {
    display: table
}

.child {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.child span {
    text-transform: uppercase;
}

/* End Preloader
--------------------------------------------------------------------------------------------------------*/

/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 16px;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    color: #555;
    /*background: #f5f5f5;*/
    background: url('../images/qbkls.png');
}

strong {
    font-weight: 600;
}

a, a > * {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

p {
    line-height: 1.5;
    padding: 0 0px 13px 0px;
}

a {
    text-decoration: none;
}

p a {
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #555;
}

p a:hover {
    color: #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
}

a p {
    color: #555;
}

p.small, span.small {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
    color: #555;
    letter-spacing: 2px;
    padding: 0 0 5px 0;
    line-height: 1.9
}

a p.small {
    color: #2b2b2b
}

p.small a {
    color: #3d9991;
    text-decoration: none;
    padding-bottom: 2px;
    position: relative
}

p.small a:after {
    border-bottom: 1px solid #3d9991;
    position: absolute;
    content: "";
    right: 0;
    top: 100%;
    left: 0;
    margin-right: 2px;
}

p.tiny {
    font-size: 12px;
    font-family: "Lato", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;
    line-height: 1;
    color: #555 !important;
}

p.above-h2 {
    padding: 0px 0 13px 0
}

.centered p.small {
    padding-left: 2px;
}

.text-alignleft {
    text-align: left !important
}

#preloader p.small {
    color: #555 !important;
    padding: 0 !important
}

code {
    font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: 1.5;
    display: block;
}

pre {
    padding: 13px 40px 0 40px;
}

span.arrow {
    font: 20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    float: right;
    padding-bottom: 13px;
    padding-right: 15px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    margin-top: -4px;
    display: inline-block;
    opacity: 0
}

.back-button span.arrow {
    opacity: 1 !important
}

a span.arrow {
    color: #555;
}

a:hover span.arrow {
    padding-right: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    opacity: 1
}

blockquote {
    color: #2b2b2b;
    font-size: 24px;
    font-style: italic;
    width: auto;
    padding-right: 40px;
    color: #555
}

.col3-3.centered blockquote {
    padding: 5px 175px 10px 175px;
    color: #2b2b2b
}

.col2-3 blockquote {
    padding: 5px 145px 10px 145px !important;
}

.hentry blockquote:before {
    content: "“";
    float: left;
    display: block;
    margin-left: -64px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 96px;
    margin-top: -6px;
    font-weight: 400
}

blockquote p {
    font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

blockquote p.small {
    font-style: normal;
    color: #777;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    font-size: 12px;
    padding-top: 3px;
}

em {
    font-style: italic;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #777;
}

code {
    font: 13px "Courier New", Courier, monospace;
    font-style: normal;
    line-height: 1.5;
    display: block;
    padding-top: 4px;
}

pre {
    padding: 0 30px 25px 30px;
    border: 1px dotted #3e3e3e;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/

/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo {
    display: block;
    position: relative;
    margin: 0 auto;
}

h1#logo a {
    display: inline-block;
    /*background: url(../images/logo.png) center no-repeat;*/
    /*background-size: 60px 52px;*/
    /*width: 60px;*/
    /*height: 52px;*/
    /*text-indent: -9999px;*/
}

.tagline {
    font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 600;
    margin: 0px auto;
    position: relative;
    line-height: 1.5;
    color: #2b2b2b;
    padding: 3px 0 0 0;
    text-transform: uppercase
}

.hentry h1, h2, h3, h4, h5 {
    line-height: 1.3;
    color: #e08922;
    display: block;
    position: relative;
    padding-bottom: 13px; /* padding-right:20px*/
}

.hentry .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .hentry .alignright h1, .alignright h2, .alignright h3, .alignright h4, .alignright h5 {
    padding-right: 0
}

h2 {
    font-size: 48px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: -2px;
    margin-top: -5px;
    padding-bottom: 20px;
}

h2 strong {
    font-weight: 700;
    letter-spacing: -1px;
}

h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
}

h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

.blog-post h2 {
    font-size: 36px;
    line-height: 50px
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/

/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button {
    font-size: 13px;
    font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: none;
    height: auto;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 101
}

#menu-button .cursor {
    display: block;
    height: auto;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 1);
    padding: 16px 16px 14px 16px;
}

#nav-button {
    display: inline-block;
    width: 16px;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-bar {
    background-color: #555;
    border-radius: 1px;
    display: block;
    width: 16px;
    height: 2px;
    margin: 0px auto 2px;
}

#main-nav {
    background-color: #fff;
    position: relative;
    padding: 24px 44px 20px 44px;
    width: 100%;
}

#main-nav a {
    text-decoration: none;
    color: #888;
    font-size: 12px;
    font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left: 2px;
    position: relative;
    white-space: nowrap;
}

#main-nav > ul a {
    text-transform: uppercase;
}

#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.selected {
    color: #e01c24;
}

#main-nav li a.active:after {
    border-top: 1px solid #e01c24;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    left: 0;
}

.lt-ie10 #main-nav li a.active:after {
    border: 0
}

#main-nav > ul li {
    padding: 7px 0;
}

#main-nav > ul > li > .sub-nav {
    padding: 9px 0 3px 0px;
}

#main-nav > ul > li > .sub-nav > li {
    padding: 4px 0px;
}

#main-nav > ul > li > .sub-nav > li:last-child {
    padding-bottom: 0px;
}

#main-nav > ul > li > .sub-nav > li > a {
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    margin: 0;
    color: #e01c24;
}

#bottom-header {
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
}

#bottom-header p.small {
    padding-top: 20px;
    color: #888;
    line-height: 1.9;
    font-size: 10px;
}

.social-links {
    padding: 20px 10px 0 10px;
    min-width: 180px;
    border-bottom: 1px dotted #d8d8d8;
    display: inline-block;
    margin: 0 auto;
}

.social-list {
    padding-bottom: 20px;
}

.social-list > li > a:before {
    content: "";
    font-family: fontello;
    font-size: 18px;
    font-weight: 400;
    color: #888
}

.social-list li a:before {
    padding: 3px;
    margin: 0 1px 0 1px;
}

.social-list li {
    margin: 0;
    display: inline-block
}

.element .social-list {
    margin-left: -2px;
}

.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before {
    font-size: 16px;
    display: block;
    margin-top: -2px;
}

.social-list > li > i {
    color: #555;
    font-size: 13px;
    font-family: "Lato", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding-right: 4px;
}

header .social-list > li > a:before {
    font-size: 14px;
    margin: 0;
}

.social-list > li > a {
    position: relative;
    top: 1px;
}

.social-list > li > a.facebook:before {
    content: '\e800';
}

.social-list > li > a.dribbble:before {
    content: '\e801';
}

.social-list > li > a.behance:before {
    content: '\e802';
}

.social-list > li > a.git:before {
    content: '\e803';
}

.social-list > li > a.gplus:before {
    content: '\e804';
}

.social-list > li > a.xing:before {
    content: '\e805';
}

.social-list > li > a.instagram:before {
    content: '\e806';
}

.social-list > li > a.twitter:before {
    content: '\e807';
}

.social-list > li > a.youtube:before {
    content: '\e808';
}

.social-list > li > a.slack:before {
    content: '\e809';
}

.social-list > li > a.pinterest:before {
    content: '\e80a';
}

.social-list > li > a.tumblr:before {
    content: '\e80b';
}

.social-list > li > a.soundcloud:before {
    content: '\e80c';
}

.social-list > li > a.skype:before {
    content: '\e80d';
}

.social-list > li > a.linkedin:before {
    content: '\e80e';
}

.social-list > li > a.vimeo:before {
    content: '\e80f';
}

.social-list > li > a.flickr:before {
    content: '\e810';
}

.social-list > li > a.email:before {
    content: '\e811';
}

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/

/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#content {
    width: 100%;
    z-index: 55;
}

.container {
    padding: 0px;
    width: 1170px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
    /*padding-top: 20px;*/
    /*margin-top: 40px auto;*/
}

.with-margin #container {
    margin: 25px 35px;
}

#background-color {
    display: none
}

.oldie #background-color {
    display: none
}

#header, #content {
    /*background: #f5f5f5;*/
    /*background: #aeaeb0;*/
    background: url('../images/qbkls.png');
}

.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color {
    -webkit-transform: translate3d(260px, 0px, 0px);
    transform: translate3d(260px, 0px, 0px);
}

.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer {
    -webkit-transform: translateX(260px);
    -ms-transform: translateX(260px);
    transform: translateX(260px);
}

#content, #header, #footer, .logo-wrapper, #background-color {
    -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
    transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    z-index: 101;
    height: 100%;
    background: #fff;
    padding-top: 53px;
    text-align: center;
}

#content {
    position: relative;
    padding-left: 260px;
    z-index: 100
}

.blog-overview .container {
    padding-top: 65px;
}

.gallery .container {
    padding-top: 40px
}

#white-background {
    background: #fff;
    width: 260px;
    position: fixed;
    height: 100%;
    z-index: 98;
}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 {
    width: 1150px;
    height: auto;
    margin: 10px;
    float: left;
    position: relative
}

.col1-3 {
    width: 370px;
    height: auto;
    margin: 10px;
    float: left;
    position: relative;
}

.col2-3 {
    /*width: 760px;*/
    width: 711px;
    height: auto;
    margin: 10px;
    float: left;
    position: relative;
}

.column-count2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
}

.element .col1-3, .element .col2-3, .element .col3-3, .col3-3 .col2-3 {
    margin: 0;
    float: none
}

.thumbs {
    width: 33.333333%;
    float: left;
    position: relative;
    margin: 0;
    height: auto;
}

.with-margin .thumbs {
    padding: 5px;
}

.borderline {
    border-top: 1px dotted #d8d8d8;
    height: 1px;
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 20px 0 0 0;
}

.divider {
    background: #555;
    height: 1px;
    width: 20px;
    display: inline-block;
    top: -3px;
    position: relative;
    margin: 0 6px 0 5px;
}

.bottom-background {
    background: #fff;
    padding: 40px 45px 20px 45px;
    position: relative;
    margin-top: -40px;
}

.blog-overview .bottom-background {
    padding-bottom: 37px;
}

.bottom-background:after {
    background: #fff;
    top: -10px;
    content: "";
    height: 24px;
    left: 47px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
}

.bottom-background.centered:after {
    left: 50%;
    margin-left: -12px;
}

.boxed {
    border-top: 1px dotted #888;
    border-bottom: 1px dotted #888;
    padding: 40px 0 20px 0;
    margin: 30px 0 40px 0 !important;
}

.bottom {
    position: absolute;
    bottom: 40px;
}

/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/

/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element {
    overflow: hidden;
}

.relative {
    position: relative
}

.break {
    display: block;
    position: relative;
    height: 40px;
    width: 100%;
}

.medium-break {
    display: block;
    position: relative;
    height: 30px;
    width: 100%;
}

.small-break {
    display: block;
    position: relative;
    height: 20px;
    width: 100%;
}

.tiny-break {
    display: block;
    position: relative;
    height: 10px;
    width: 100%;
}

.blog-overview .element.blog-teaser:nth-child(2) {
    margin-top: 46px;
}

.blog-overview .element.blog-teaser:nth-child(3) {
    margin-top: -34px;
}

pagination-wrapper {
    display: block;
    width: 100%;
    padding: 0px 0px 0px 12px;
    top: -5px;
    position: relative
}

.pagination {
    display: block;
    float: right;
}

.pagination > li {
    display: block;
    float: left;
    margin-left: 10px;
    border: 1px solid #D8D8D8;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pagination > li.active {
    border: 1px solid #b7b7b7;
    float: left
}

.pagination > li:hover {
    border: 1px solid #b7b7b7;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pagination > li > a {
    display: block;
    text-align: center;
    padding: 7px;
    width: 27px;
    height: 28px;
    color: #D8D8D8;
    font-size: 14px;
    font-weight: bold;
    font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif;
}

.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active {
    color: #666666;
}

/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/

/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons {
    position: relative;
    height: 48px;
    width: 48px;
    margin-bottom: 16px;
    margin-top: 5px;
}

.icon-holder {
    position: relative;
    float: left;
    height: 48px;
    width: 48px;
    margin-top: 5px;
}

.centered .icons, .centered .icon-holder {
    float: none;
    display: inline-block;
}

.next-to-icon {
    margin-left: 80px;
    margin-bottom: 15px;
}

.next-to-icon.last {
    margin-bottom: 0
}

.map {
    background: url(../images/icons/bg-map.png) no-repeat center left;
    background-size: 48px 48px;
}

.winner {
    background: url(../images/icons/bg-winner.png) no-repeat center;
    background-size: 48px 48px;
}

.time {
    background: url(../images/icons/bg-time.png) no-repeat center;
    background-size: 48px 48px;
}

.pig {
    background: url(../images/icons/bg-pig.png) no-repeat center;
    background-size: 48px 48px;
}

.adjust {
    background: url(../images/icons/bg-adjust.png) no-repeat center;
    background-size: 48px 48px;
}

.team {
    background: url(../images/icons/bg-team.png) no-repeat center;
    background-size: 48px 48px;
}

.works {
    background: url(../images/icons/bg-works.png) no-repeat center;
    background-size: 48px 48px;
}

.chat {
    background: url(../images/icons/bg-chat.png) no-repeat center;
    background-size: 48px 48px;
}

.notes {
    background: url(../images/icons/bg-notes.png) no-repeat center;
    background-size: 48px 48px;
}

.camera {
    background: url(../images/icons/bg-camera.png) no-repeat center;
    background-size: 48px 48px;
}

.illustration {
    background: url(../images/icons/bg-illustration.png) no-repeat center;
    background-size: 48px 48px;
}

.social {
    background: url(../images/icons/bg-social.png) no-repeat center;
    background-size: 48px 48px;
}

.vector {
    background: url(../images/icons/bg-vector.png) no-repeat center;
    background-size: 48px 48px;
}

.commerce {
    background: url(../images/icons/bg-commerce.png) no-repeat center;
    background-size: 48px 48px;
}

.search {
    background: url(../images/icons/bg-search.png) no-repeat center;
    background-size: 48px 48px;
}

.like {
    background: url(../images/icons/bg-like.png) center no-repeat;
    background-size: 48px 48px;
}

.share {
    background: url(../images/icons/bg-share.png) center no-repeat;
    background-size: 48px 48px;
}

.document {
    background: url(../images/icons/bg-document.png) center no-repeat;
    background-size: 48px 48px;
}

.apple {
    background: url(../images/icons/bg-apple.png) center no-repeat;
    background-size: 48px 48px;
}

.balance {
    background: url(../images/icons/bg-balance.png) center no-repeat;
    background-size: 48px 48px;
}

.beaker {
    background: url(../images/icons/bg-beaker.png) center no-repeat;
    background-size: 48px 48px;
}

.beer {
    background: url(../images/icons/bg-beer.png) center no-repeat;
    background-size: 48px 48px;
}

.books {
    background: url(../images/icons/bg-books.png) center no-repeat;
    background-size: 48px 48px;
}

.box {
    background: url(../images/icons/bg-box.png) center no-repeat;
    background-size: 48px 48px;
}

.cake {
    background: url(../images/icons/bg-cake.png) center no-repeat;
    background-size: 48px 48px;
}

.calculator {
    background: url(../images/icons/bg-calculator.png) center no-repeat;
    background-size: 48px 48px;
}

.cd {
    background: url(../images/icons/bg-cd.png) center no-repeat;
    background-size: 48px 48px;
}

.champagne {
    background: url(../images/icons/bg-champagne.png) center no-repeat;
    background-size: 48px 48px;
}

.chart {
    background: url(../images/icons/bg-chart.png) center no-repeat;
    background-size: 48px 48px;
}

.cheese {
    background: url(../images/icons/bg-cheese.png) center no-repeat;
    background-size: 48px 48px;
}

.court {
    background: url(../images/icons/bg-court.png) center no-repeat;
    background-size: 48px 48px;
}

.delivery {
    background: url(../images/icons/bg-delivery.png) center no-repeat;
    background-size: 48px 48px;
}

.dvd {
    background: url(../images/icons/bg-dvd.png) center no-repeat;
    background-size: 48px 48px;
}

.eco {
    background: url(../images/icons/bg-eco.png) center no-repeat;
    background-size: 48px 48px;
}

.film {
    background: url(../images/icons/bg-film.png) center no-repeat;
    background-size: 48px 48px;
}

.grape {
    background: url(../images/icons/bg-grape.png) center no-repeat;
    background-size: 48px 48px;
}

.hot {
    background: url(../images/icons/bg-hot.png) center no-repeat;
    background-size: 48px 48px;
}

.house {
    background: url(../images/icons/bg-house.png) center no-repeat;
    background-size: 48px 48px;
}

.icecream {
    background: url(../images/icons/bg-icecream.png) center no-repeat;
    background-size: 48px 48px;
}

.joystick {
    background: url(../images/icons/bg-joystick.png) center no-repeat;
    background-size: 48px 48px;
}

.keynote {
    background: url(../images/icons/bg-keynote.png) center no-repeat;
    background-size: 48px 48px;
}

.link {
    background: url(../images/icons/bg-link.png) center no-repeat;
    background-size: 48px 48px;
}

.magic {
    background: url(../images/icons/bg-magic.png) center no-repeat;
    background-size: 48px 48px;
}

.mail {
    background: url(../images/icons/bg-mail.png) center no-repeat;
    background-size: 48px 48px;
}

.microphone {
    background: url(../images/icons/bg-microphone.png) center no-repeat;
    background-size: 48px 48px;
}

.network {
    background: url(../images/icons/bg-network.png) center no-repeat;
    background-size: 48px 48px;
}

.palette {
    background: url(../images/icons/bg-palette.png) center no-repeat;
    background-size: 48px 48px;
}

.plaster {
    background: url(../images/icons/bg-plaster.png) center no-repeat;
    background-size: 48px 48px;
}

.player {
    background: url(../images/icons/bg-player.png) center no-repeat;
    background-size: 48px 48px;
}

.polaroid {
    background: url(../images/icons/bg-polaroid.png) center no-repeat;
    background-size: 48px 48px;
}

.printer {
    background: url(../images/icons/bg-printer.png) center no-repeat;
    background-size: 48px 48px;
}

.pulse {
    background: url(../images/icons/bg-pulse.png) center no-repeat;
    background-size: 48px 48px;
}

.quote {
    background: url(../images/icons/bg-quote.png) center no-repeat;
    background-size: 48px 48px;
}

.radio {
    background: url(../images/icons/bg-radio.png) center no-repeat;
    background-size: 48px 48px;
}

.recorder {
    background: url(../images/icons/bg-recorder.png) center no-repeat;
    background-size: 48px 48px;
}

.scissors {
    background: url(../images/icons/bg-scissors.png) center no-repeat;
    background-size: 48px 48px;
}

.select {
    background: url(../images/icons/bg-select.png) center no-repeat;
    background-size: 48px 48px;
}

.serving {
    background: url(../images/icons/bg-serving.png) center no-repeat;
    background-size: 48px 48px;
}

.share {
    background: url(../images/icons/bg-share.png) center no-repeat;
    background-size: 48px 48px;
}

.shop {
    background: url(../images/icons/bg-shop.png) center no-repeat;
    background-size: 48px 48px;
}

.shopping {
    background: url(../images/icons/bg-shopping.png) center no-repeat;
    background-size: 48px 48px;
}

.smartphone {
    background: url(../images/icons/bg-smartphone.png) center no-repeat;
    background-size: 48px 48px;
}

.sofa {
    background: url(../images/icons/bg-sofa.png) center no-repeat;
    background-size: 48px 48px;
}

.syringe {
    background: url(../images/icons/bg-syringe.png) center no-repeat;
    background-size: 48px 48px;
}

.tape {
    background: url(../images/icons/bg-tape.png) center no-repeat;
    background-size: 48px 48px;
}

.target {
    background: url(../images/icons/bg-target.png) center no-repeat;
    background-size: 48px 48px;
}

.television {
    background: url(../images/icons/bg-television.png) center no-repeat;
    background-size: 48px 48px;
}

.video {
    background: url(../images/icons/bg-video.png) center no-repeat;
    background-size: 48px 48px;
}

.walkman {
    background: url(../images/icons/bg-walkman.png) center no-repeat;
    background-size: 48px 48px;
}

.zoom {
    background: url(../images/icons/bg-zoom.png) center no-repeat;
    background-size: 48px 48px;
}

.tags {
    background: url(../images/icons/bg-tags.png) center no-repeat;
    background-size: 48px 48px;
}

/* End Icons
--------------------------------------------------------------------------------------------------------*/

/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images {
    display: block;
    position: relative;
}

.images img {
    width: 100%;
    display: block;
    max-width: 100% !important;
    z-index: 9
}

img {
    box-shadow: #fff 0 0 0
}

.images.round img {
    border: 0 none;
    border-radius: 50%;
}

.image-container {
    /*padding: 0 0 15px 0;*/
    overflow: hidden
}

.blog-overview .image-container {
    margin: 0px 0 25px 0;
    padding: 0
}

.videos {
    width: 800px;
    height: 450px
}

.sliphoveritemTitle {
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    line-height: 1.5;
    display: block;
    text-decoration: none !important;
}

.sliphoveritemTitle span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    letter-spacing: 0;
    position: absolute;
    bottom: -3px;
    width: 150px;
}

.sliphoveritemTitle i {
    display: block;
    font: 30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    right: -3px;
    font-style: normal !important;
    position: absolute;
    line-height: 1.5;
    bottom: -5px;
    text-decoration: none !important;
}

.sliphoveritemTitle div {
    position: relative;
    padding-left: 5px;
}

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/

/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
footer {
    /*margin: 0 10px 0 10px;*/
    padding: 40px 0;
    /*border-top: 1px dotted #d8d8d8;*/
    /*width: 1150px;*/
    position: relative;
    text-align: center;
}

footer a h5 {
    padding-bottom: 2px;
    color: #999;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

footer p {
    font-size: 14px;
}

footer .alignleft .small, footer .alignright .small {
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
}

footer a .small, footer .small {
    color: #999;
    font-size: 10px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

footer a:hover .small, footer a:hover h5 {
    color: #2b2b2b;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

footer a:hover .small {
    color: #555
}

footer .alignright {
    text-align: right;
    max-width: 50%;
    width: 50%;
    white-space: nowrap
}

footer .alignleft {
    text-align: center;
    /*max-width: 50%;*/
    /*width: 50%;*/
    /*white-space: nowrap;*/
}

footer .aligncenter2 {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
}

.blog-overview footer .alignright, .blog-overview footer .alignleft {
    white-space: normal
}

footer .aligncenter {
    top: -48px;
    position: relative
}

.arrow-left, .arrow-right {
    display: inline-block;
    font: 30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-style: normal !important;
    line-height: 1;
    text-decoration: none !important;
    float: left;
    padding-top: 4px;
    width: 45px;
    color: #999
}

.arrow-right {
    float: right
}

/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul {
    list-style: circle;
    line-height: 1.5;
    padding: 0px 0px 13px 20px;
    text-align: left !important;
    font-size: 16px;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    color: #e08922 !important;
}

ul.unordered-list span{
    color: #555 !important;
}



ol {
    list-style: decimal;
    line-height: 1.5;
    padding: 0px 0px 13px 20px;
    font-size: 16px;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
}

.child ul.unordered-list, .child .hentry ul, .child ol {
    padding: 10px 30px 0 50px;
}

ul.unordered-list li a, .hentry ul li a, ol li a {
    color: #555;
    text-decoration: underline;
}

ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover {
    color: #2b2b2b;
    text-decoration: underline;
}

/* =End Lists
--------------------------------------------------------------------------------------------------------*/

/* =13. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {
    width: 100%;
    height: 395px;
    margin: 0;
    border: 0
}

#map:before, #map:after {
    background: none;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#map:after {
    bottom: 0;
    top: auto;
}

/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/

/* =14. Blog
--------------------------------------------------------------------------------------------------------*/
.blog-author-profile {
    padding: 55px 0 45px;
    width: 100%;
}

.blog-author-picture {
    float: left;
    margin: 0 30px;
    line-height: 0;
    width: 150px;
}

.blog-author-picture > img {
    display: block;
    width: 100%;
    max-width: 150px;
}

.blog-author-description {
    float: left;
    width: 75%;
    padding-right: 30px;
}

.blog-author-description > h3 {
    padding-top: 13px;
}

.comments {
    padding: 22px 0px 26px 0px;
}

.comment-count {
    height: 47px;
    border-bottom: 1px dotted #d8d8d8;
}

.comment {
    padding: 29px 0;
    border-bottom: 1px dotted #d8d8d8;
    position: relative
}

.comment.reply.level-1 {
    padding-left: 6.6%;
}

.commenter-avatar {
    float: left;
    padding: 0 30px;
    width: 135px;
}

.commenter-avatar > img {
    width: 75px;
}

.comment-content {
    float: left;
    max-width: 70%;
}

.comment-reply-button-column {
    float: right;
    width: auto;
    font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic
}

.comment-reply-button-column a {
    margin: 0px 32px 0 32px;
    color: #555;
}

.comment-reply-button-column a:hover {
    color: #2b2b2b;
}

.about-image-wrapper {
    width: 150px;
    float: left;
    margin: 0 20px 0 70px;
}

.about-image-wrapper img {
    display: block;
    float: right;
}

.comment-form-wrapper {
    padding: 69px 0 0 0;
    position: relative;
}

.comment-form-icon-wrapper {
    position: absolute;
    top: 69px;
    left: 30px;
    background: url(../images/icons/bg-quote.png) no-repeat center;
    background-size: 48px 48px;
    display: block;
    height: 75px;
    width: 75px;
}

.comment-form {
    padding: 0 30px 0 136px;
}

.comment-form.contact-form {
    padding-left: 30px
}

.comment-form > input, .comment-form > textarea {
    padding: 17px 18px;
    width: 289px;
    margin-bottom: 10px;
    border: 0;
    text-align: left;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    background: #e9e9e9;
}

.comment-form > input:focus, .comment-form > textarea:focus {
    background: #e5e5e5;
}

.comment-form.contact-form input {
    float: left;
    margin-right: 10px;
    width: 280px;
}

input.last {
    margin-right: 0 !important
}

.comment-form > textarea {
    width: 100%;
    height: 174px;
}

.comment-form .send-btn {
    border: none 0px transparent;
    background: url(../images/icons/bg-mail.png) no-repeat scroll top right transparent;
    background-size: 48px 48px;
    padding: 19px 55px 16px 4px;
    height: 48px;
    font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 15px;
    display: block;
    width: auto;
    float: right;
    margin: 17px 25px 0px 0px;
    cursor: pointer;
    line-height: 12px;
    font-style: italic;
}

/* End Blog
--------------------------------------------------------------------------------------------------------*/

/* =15. Services
--------------------------------------------------------------------------------------------------------*/
.service_box {
    display: block;
    text-align: center;
    margin-top: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 55;
    position: relative
}

.service_item {
    display: inline-block;
    padding: 12px 22px;
    position: relative;
    cursor: help;
    text-align: center;
    min-width: 152px;
    margin-bottom: 16px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.icon_box {
    display: inline-block;
    height: 48px;
    width: 48px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.service_name {
    padding: 0;
    margin: 13px 0 0 0;
}

.service_details {
    display: none;
    position: absolute;
    bottom: 138px;
    left: 50%;
    margin-left: -50%;
    background-color: #fff;
    padding: 31px 45px 27px 50px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.service_details:after {
    background: #fff;
    bottom: -10px;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 24px;
    margin-left: -12px;
}

.service_item.hover > .service_details, .service_item.open > .service_details {
    display: block;
}

.service_details > li {
    text-align: left;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.5;
    list-style: circle;
    margin-bottom: 5px;
    position: relative;
}

.text-justify{
    text-align: justify;
}

.font18{
    font-size: 18px !important;
}

.pb-5{
    padding-bottom: 5px !important;
}

.pb-15{
    padding-bottom: 15px !important;
}

.contact-info p {
    padding-bottom: 10px !important;
    font-size: 15px !important;
}

.text-left{
    text-align: left !important;
}
.proyect-detail > h5{
    text-align: left !important;
}

.contact-info p > span{
    padding-left: 20px;
}

.contact-info p > i{
    padding-right: 5px;
    color: #e08922;
}

.pl-50{
    padding-left: 50px;
}

.pt-15{
    padding-top: 15px;
}

.pl-35{
    padding-left: 35px;
}

.pl-40{
    padding-left: 40px;
}

.pr-50{
    padding-right: 50px;
}

.pr-60{
    padding-right: 60px;
}

.pr-15{
    padding-right: 15px;
}

.pr-45{
    padding-right: 45px;
}

.pr-30{
    padding-right: 30px;
}

#textura{
    background: url('../images/qbkls.png') repeat;
}

.pt-20{
    padding-top: 20px;
}

.ml-20{
    margin-left: 20px;
}

.ml-20{
    margin-left: 20px;
}

.p-col3-3{
   padding: 0 40px 0 40px;
}
/* =End Services
--------------------------------------------------------------------------------------------------------*/