/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


@import url('https://fonts.googleapis.com/css?family=Oswald:300,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');


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

a, .uk-link, a:hover, .uk-link:hover {
    color: #ff7800;
}

i, em {
    color: #000;
}

html, body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

body {
    cursor: url("../../../images/components/cursor.png"), auto !important;
    transition: opacity 0.2s ease 0s;
    /* [disabled]background: #fff !important; */
}

.uk-container {
    width: 100%;
}

.uk-grid .uk-grid {
    margin: 0;
}

[class*="uk-width"] {
    position: relative;
}

*::-moz-selection {
    background: #ff7800;
}

::selection {
    background: #ff7800;
}

.bg-violet {
    background: #65318F;
}

.bg-dark-grey {
    background: #444444;
}

.bg-violet, .bg-dark-grey,
.bg-violet h2, .bg-dark-grey h2,
.bg-violet h3, .bg-dark-grey h3,
.bg-violet p, .bg-dark-grey p {
    color: #FFFFFF;
}

.bg-violet h2, .bg-dark-grey h2,
.bg-violet h3, .bg-dark-grey h3 {
    text-transform: uppercase;
    padding: 0 !important;
}

.bg-violet h2, .bg-dark-grey h2 {
    font-family: 'Oswald-ExtraLight';
    font-size: 35px;
    line-height: 35px;
    margin-top: 0 !important;
}

.bg-violet h3, .bg-dark-grey h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    margin: 0;
}

.h3-super-size {
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 300;
}

#tm-bottom-a {
    margin: 0;
}

.main-text-wrapper > h4 {
    text-transform: uppercase;
}

.main-text-wrapper ul, .main-text-wrapper ol {
    text-align: left;
}

/*::-webkit-scrollbar {
 display: none;
}

::-moz-scrollbar {
    display: none;
}*/



.btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #FFFFFF;
    display: table;
    text-transform: uppercase;
}

.btn.white-btn {
    color: #FFFFFF;
}

a:hover {
    text-decoration: none;
}

.white-bg {
    background: #FFFFFF;
}

.scroll-to {
    bottom: 50px;
    height: 50px;
    box-sizing: border-box;
    padding-top: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    z-index: 999;
    animation-name: scrollDown;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.scroll-to:hover, .scroll-to:focus {
    color: #FFFFFF;
}

@keyframes scrollDown {
  0% {
    bottom: 50px;
  }
  100% {
    bottom: 40px;
  }
}

.scroll-percent-position-container {
    bottom: 0;
    height: 3px;
    left: 0;
    position: fixed !important;
    width: 100%;
    z-index: 2147483647;
}

.scroll-percent-position-container .scroll-percent-position-value {
    height: 3px;
    width: 0;
    background: #ff7800;
}

.uk-nav-side > li.uk-active > a {
    background: transparent;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////--Homepage First Section--//////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/

#first_section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#video-background-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    background: #444444 none repeat scroll 0 0;
    height: 100vh;
}

#video-background {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-overlay {
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}

#video-message {
 bottom: 0;
    height: 140px;
    left: 0;
    margin: auto;
    padding: 0 40px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    box-sizing: border-box;
    max-width: 1280px;
}

#video-message h3 {
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 47px;
}


/*#video-message h3 {
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    font-family: 'Oswald';
    font-size: 60px;
    line-height: 47px;
}*/

#video-message .headerHome_Title p {
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 125px;
    line-height: 130px;
    margin: 0;
    text-transform: uppercase;
}


/*//////////////////////////////////////////////////////////////////*/
/*//////////////////--Portfolio Featured Module--///////////////////*/
/*//////////////////////////////////////////////////////////////////*/

#portfolio-featured-section {
    position: relative;
    z-index: 9999;
    background: #333333;
}

#tm-top-b .uk-panel {
    padding: 0;
}

.two-column {
    float: left;
    width: 50%;
}

.three-column {
    float: left;
    width: 33.33%;
}

#featured_works_1 {
    height: 100vh;
}

#featured_works_1 {
    height: 100vh;
}

#featured_works_2, #featured_works_5 {
    height: 60vh;
}

#featured_works_3, #featured_works_4 {
    height: 40vh;
}

.featured_works {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000000;
}

.featured_works .featured_works_image {
    width: 100%;
    height: 100%;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    opacity: 0.4;
}

.featured_works:hover .featured_works_image {
    opacity: 0.8;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

.featured_works .featured_works_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 40px 40px;
    color: #FFFFFF;
}

.featured_works .featured_works_wrapper h3 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 5px 0;
    text-transform: uppercase;

    border-bottom: 2px solid #65318F;
    padding-bottom: 5px;
    padding-right: 20px;
}

#itemListLeading p.works_tag {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    color: #c9c9c9;
}

/*//////////////////////////////////////////////////////////////////*/
/*///////////////--Soluzioni Personalizzate Module--////////////////*/
/*//////////////////////////////////////////////////////////////////*/

#tm-bottom-b {
    margin: 0 auto;
    position: relative;
    background: url("../../../images/components/footer_bg.jpg") repeat;
    z-index: 999;
    overflow: hidden;
    min-height: 250px;
    color: #FFFFFF;
}

#tm-bottom-b .two-column {
    position: relative;
    z-index: 999;
}

.uk-panel.uk-panel-box.customized-solutions {
    display: table;
    height: 250px;
    box-sizing: border-box;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-row {
    display: table-row;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p,
.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
    margin: 0;
    color: #FFFFFF;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p {
    line-height: 25px;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
    font-family: 'Oswald';
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    padding-left: 60px;
}

.uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2:before {
    content: '';
    background: url("../../../images/components/inverted-commas.png") no-repeat scroll center center transparent;
    width: 60px;
    height: 46px;
    left: 0;
    top: 0;
    bottom: 50px;
    margin: auto;
    position: absolute;
}

/*///////////////////////////////////////////////////////////////////*/
/*/////////////////////////--Headerbar--/////////////////////////////*/
/*//////////////////////////////////////////////////////////////////*/

.hd-header {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hd-headerbar {
    padding: 40px 0 15px 0;
    margin: 0;
    width: 100%;
}

/*.hd-headerbar .uk-container {
    max-width: 100%;
}
*/

.hd-headerbar .hsb-logo {
    height: 75px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.right-menu-container {
    align-items: center;
    display: flex;
    float: right;
}

.right-menu-container > * {
    display: inline-block;
}

#contact-button {
    font-family: 'Oswald' !important;
    margin-right: 26px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

#contact-button.btn.cta {
    padding: 8px 20px;
    font-size: 11px;
    width: 100%;
    cursor: pointer !important;
}


/*///--Menu 2.0--///*/

.uk-dropdown {
    position: relative;
    left: 0 !important;
    right: 0;
    width: 100% !important;
    top: 0 !important;
    padding: 15px 0 !important;
    background: transparent;
    margin: 5px 0;
    animation: 0 !important;
}

.uk-dropdown:before,
.uk-dropdown:after {
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: #631C82;
    content: '';
}

.uk-dropdown:before {
    top: 0;
}

.uk-dropdown:after {
    bottom: 0;
}

.uk-dropdown a {
    text-transform: uppercase;
    padding: 0 !important;
    font-size: 30px;
    line-height: 35px !important;
    font-family: 'Oswald-ExtraLight';
}

.uk-dropdown a,
.uk-dropdown a span {
    color: #631C82 !important;
    background: transparent !important;
}

nav .uk-navbar-nav a span {
    padding: 0 !important;
}

.uk-dropdown a:hover span, nav .uk-dropdown a:focus span {
    -webkit-transform: none !important;
    transform: none !important;
}

.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank {
    display: none;
}

.uk-parent.subMenuActive .uk-dropdown {
    display: block !important;
}

.openDropdownButton {
    display: inline-block;
    margin-left: 10px;
    margin-right: -40px;
    line-height: 50px;
    padding: 7px 0;
    vertical-align: bottom;
    font-size: 40px;
    width: 30px;
    cursor: pointer;
}

.openDropdownButton i {
    color: #631C82;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.tm-navbar.submenuOpen .openDropdownButton i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tm-navbar.submenuOpen {
    height: 100%;
    overflow-y: scroll;
    display: flex;
    align-items: center;
}

.tm-navbar.submenuOpen .uk-navbar-nav {
    width: 100%;
}

.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
    margin: 0;
}

.uk-navbar-nav > li {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.submenuOpen .uk-navbar-nav > li:not(.subMenuActive) {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.submenuOpen .uk-navbar-nav > li:not(.subMenuActive) a {
    pointer-events: none;
    font-size: 35px;
    line-height: 35px;
}


.submenuOpen .uk-navbar-nav > li.subMenuActive > a {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

/*///--Menu Button--///*/

button#menu-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: 0;
}

button#menu-button span {
    display: block;
}

.lines-button {
    cursor: pointer;
    padding: 15px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.lines-button:hover {
    opacity: 1;
}

.lines {
    position: relative;
}

.lines:before, .lines:after {
    content: "";
    left: 0;
    position: absolute;
    transform-origin: -15px center 0;
}

.lines, .lines::before, .lines::after {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
     -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 38px;
}

.lines-button.x.close-button {
    opacity: 1;
}

.lines:before {
    top: 15px;
}

.lines:after {
    top: -15px;
}

.lines-button.close-button {
    transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.close-button .lines {
    background: transparent none repeat scroll 0 0;
}

.lines-button.x.close-button .lines:before, .lines-button.x.close-button .lines:after {
    top: 0;
    transform-origin: 50% 50% 0;
    width: 50px;
    height: 4px;
}

.lines-button.x.close-button .lines:before, .lines-button.x.close-button .lines:after,
.stiky-nav .lines, .stiky-nav .lines:before, .stiky-nav .lines:after {
    background: #fff none repeat scroll 0 0;
}

.stiky-nav .lines, .stiky-nav .lines::before, .stiky-nav .lines::after {
    background: #65318f none repeat scroll 0 0;
}

.lines-button.x.close-button .lines:before {
    transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.close-button .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
}

/*///--Sticky Nav--///*/

.stiky-nav {
    position: fixed;
    left: 0;
    z-index: 999;
    background: #000000;
    margin: 0;
}

.stiky-nav .right-menu-container {
    padding: 7px 0;
}

.hd-headerbar.stiky-nav {
    padding: 5px 0;
    top: -125px;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.hd-headerbar.stiky-nav.stiky-nav-active {
    top: 0;
    box-shadow: 0 -2px 10px #000;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-active.hd-headerbar.stiky-nav.stiky-nav-active {
    box-shadow: none;
}

.stiky-nav img {
    max-width: 50px;
}

.hd-headerbar.stiky-nav .hsb-logo {
    height: 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 4px 0;
}

/*///--Menu Active--///*/

.hd-headerbar.menu-active {
    position: fixed;
    top: 0 !important;
    padding: 40px 0 15px 0 !important;
    background: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hd-headerbar.menu-active .hsb-logo {
    height: 75px !important;
}

/*///--Menu--///*/

.offcanvas-menu-container {
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    display: none;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    z-index: 999999;
}

.offcanvas-menu-container.active {
    visibility: visible;
    display: block;
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
}

.uk-navbar-nav, .uk-navbar-nav > li {
    float: none;
}

.tm-navbar {
    max-width: 400px;
    height: 384px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    perspective: 100%;
}

.uk-navbar {
    background: transparent;
    opacity: 0.4;
    -ms-transform: translateY(-25%) rotateX(35deg);
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}

.offcanvas-menu-container.active .uk-navbar {
    opacity: 1;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

nav .uk-navbar-nav a {
    display: inline-block;
    position: relative;
    line-height: 50px;
    perspective: 1000px;
    outline: 0 !important;
}

nav .uk-navbar-nav a span {
    background: transparent;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    -ms-transform-origin: 50% 0 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 50% 0 0;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

nav .uk-navbar-nav a span:before {
    background: rgba(0,0,0,0.15);
    color: #FFFFFF;
    content: attr(data-hover);
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    -ms-transform: rotateX(-90deg);
    -ms-transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-90deg);
    transform-origin: 50% 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    opacity: 0;
}

nav .uk-navbar-nav a:hover span,
nav .uk-navbar-nav a:focus span {
    /*-ms-transform: rotateX(89deg) translateY(-25px);
    -webkit-transform: rotateX(89deg) translateY(-25px);
    transform: rotateX(89deg) translateY(-25px);
    background: rgba(0,0,0,0.15);
    color: #FFFFFF;*/
}

nav .uk-navbar-nav a:hover span:before,
nav .uk-navbar-nav a:focus span:before {
    background: transparent;
    opacity: 1;
    color: #65318F;
}

nav .uk-navbar-nav li.uk-active a span,
nav .uk-navbar-nav li.uk-active a:hover span:before {
    background: transparent none repeat scroll 0 0;
    color: #65318F;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

nav .uk-navbar-nav li.uk-active a:hover span:before {
    display: none;
}

.small-nav-link {
    font-size: 20px !important;
    font-family: 'Oswald-Light' !important;
    margin-top: 5px;
}

/*///////////////////////////////////////////////////////////////////*/
/*////////////////////////--Blog Homepage--//////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

#blog-homepage {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.blog_article_image {
    height: 100%;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform 1.5s;
    transition: transform 1.5s;
}

.blog_article:hover .blog_article_image {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 1.5s;
    transition: transform 1.5s;
}

.blog_article {
    float: left;
    min-height: 120px;
    width: 23%;
    bottom: 0;
    opacity: 0;
    position: absolute;
    overflow: hidden;
}

#blog_article_1 {
    left: 0;
    width: 31%
}

#blog_article_2 {
    left: 31%;
}

#blog_article_3 {
    left: 54%;
}

#blog_article_4 {
    left: 77%;
}

#last_blog_article {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 999;
}

.blog_article_container {
    position: relative;
    z-index: 99;
}

.last-from-blog-open-button {
    background: url("../images/plus-blog-icon.png") no-repeat scroll center center transparent;
    bottom: 50px;
    cursor: pointer;
    height: 40px;
    left: 40px;
    position: absolute;
    width: 40px;
}

.last_from_blog_wrap {
    padding: 0 0 40px 100px;
    max-width: 350px;
}

.last_from_blog_wrap .moduleItemCategory {
    text-transform: uppercase;
    color: #777777;
    font-size: 10px;
}

.last_from_blog_wrap h3 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 5px 0;
}

.last_from_blog_wrap p {
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    margin: 0;
}

.blog_article h3 {
    font-size: 17px;
    line-height: 17px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.first-blog-article-wrap {
    background: #FFFFFF none repeat scroll 0 0;
    padding: 10px 30px 0 100px;
    height: 100%;
    box-sizing: border-box;
}

.first-blog-article-wrap > p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.first-blog-article-wrap .moduleItemCategory {
    color: #B663DD;
    text-transform: uppercase;
    font-size: 10px;
}

.first-blog-article-wrap .blog_article_read_more {
    border: 1px solid #65318F;
    color: #65318F;
    display: block;
    line-height: 35px;
    margin-top: 20px;
    padding: 0 20px;
}

.last-from-blog-close-button {
    bottom: 49px;
    font-size: 0;
    left: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.last-from-blog-close-button:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    background: #777777;
}

#blog_article_2 h3,
#blog_article_3 h3,
#blog_article_4 h3 {
    bottom: 0;
    color: #FFFFFF;
    margin: 0;
    padding: 15px;
    position: absolute;
}

#itemListLeading .blog-itemView-table .featured-notice {
    width: 100px;
    height: 60px;
}

#itemListLeading .blog-itemView-table:first-child .featured-notice {
    width: 100px;
    height: 80px;
}

.blog-itemView-table .featured-notice {
    background: url("../images/icona-conosciamoci-meglio.svg") no-repeat scroll center center transparent;
    bottom: 0;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
}

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

#k2Container {
    padding: 0;
}

.itemList {
    background: #222222;
    display: table;
    width: 100%;
}

.headerTable {
    height: 620px;
    width: 100%;
    position: relative;
    display: table;
    animation-duration: 30s;
    animation-iteration-count: 1;
    animation-name: ken-burns;
}

.headerTableBlog {
    height: 620px;
    width: 100%;
    position: relative;
    display: table;
}

.headerTableRow {
    display: table-row;
    height: 620px;
}

.headerTable.headerTable-small,
.headerTable.headerTable-small .headerTableRow {
    height: 70vh;
}

.headerTableBlog.headerTable-small.violet-hoverlay .headerTableCell {
    background: rgba(61, 23, 79, 0.8);
}

.headerTableCell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.headerImageContainer {
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.headerImageContainer iframe {
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%;
}


.SubCategory-View .headerImageContainer,
.page-contact .headerImageContainer {
    height: 100%;
}

.headerBottomContainer {
    left: 0;
    position: absolute;
    right: 0;
}

.headerTable h3,
.top-title-container h3 {
    box-sizing: border-box;
    color: #ffffff;
    font-family: "Oswald-ExtraLight";
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 40px;
    text-transform: uppercase;
}

.article-view .itemFullText .container-fluid {
    padding: 0;
}

.article-view .itemFullText .container-fluid .uk-grid {
    margin: 0;
}

.category-view .hd-middle .uk-container,
.article-view .hd-middle .uk-container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.article-view h1,
.category-view h1 {
    border-bottom: 1px solid #CCCCCC;
    color: #444444;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 25px;
    box-sizing: border-box;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

.article-view #itemBody p,
.categoty-view #catBody p {
    font-size: 14px;
    line-height: 26px;
}

.article-view #tm-bottom-a .uk-container,
.article-view #tm-bottom-a .uk-container > div,
.article-view #tm-bottom-a .uk-container .uk-panel-box,
.category-view #tm-bottom-a .uk-container,
.category-view #tm-bottom-a .uk-container .uk-panel-box,
.home #tm-bottom-a .uk-container,
.home #tm-bottom-a .uk-container > div,
.home #tm-bottom-a .uk-container .uk-panel-box {
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.main-text-wrapper {
    text-align: center;
    max-width: 1280px;
    text-align: center;
    /* padding: 100px 40px;*/
    box-sizing: border-box;
    margin: 0 auto;
}

#itemListLeading .uk-grid:nth-child(2n+2) .uk-width-1-1:first-child {
    left: 50%;
}

#itemListLeading .uk-grid:nth-child(2n+2) .uk-width-1-1:last-child {
    right: 50%;
}

.cat-item-text-wrap {
    align-items: center;
    box-sizing: border-box;
    color: #666666;
    display: flex;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 100%;
    line-height: 25px;
    max-width: 100%;
    padding: 0 28%;
}

/*///--About-article--///*/

.company-inner-wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 80%;
    padding: 15vh 35px;
}

.cat-item-text-hover-img {
    left: 0;
    margin: 0 auto;
    max-width: 50%;
    position: absolute;
    right: 0;
    width: 100%;
}

.text-category-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.icon_category {
    margin-bottom: 25px;
}

/*.cat-item-text-hover-img:before,
.company-special-text:before {
    content: '';
    background: url("../images/inverted-commas.png") no-repeat scroll center center transparent;
    background-size: contain;
    opacity: 0.4;
    width: 50px;
    height: 105px;
    left: 0;
    top: 0;
    position: absolute;
}*/

.cat-item-text-hover-img h3,
.cat-item-text-hover-img h4,
.company-special-text h3,
.company-special-text h4 {
    text-transform: uppercase;
    color: #FFFFFF;
}

.cat-item-text-hover-img h3, .company-special-text h3 {
    font-family: "Oswald-bold";
    font-size: 30px;
    line-height: 35px;
    margin: 0;
}

.cat-item-text-hover-img h3 a {
    color: #FFFFFF;
}

.cat-item-text-hover-img h4, .company-special-text h4 {
    font-family: "Oswald-ExtraLight";
    font-size: 27px;
    line-height: 27px;
    margin: 0;
}

.container-fluid {
    padding: 0;
}

/*///--Cat Item View--///*/

.portfolioCategoryInfo h1 {
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    padding: 40px 0;
}


.portfolioCatItemImage {
    height: 100%;
    width: 100%;
    position: relative;
    opacity: 0.5;
    z-index: 99;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

/*.portfolioItemContainer:hover .portfolioCatItemImage {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}*/

.portfolioCatItemTextContainer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 0 40px 40px;
    z-index: 999;
}

.portfolioCatItemTextContainer p {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
}

.portfolioCatItemTextContainer h3 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 5px;
    text-transform: uppercase;

    border-bottom: 2px solid #ff7800;
    padding-bottom: 5px;
    padding-right: 20px;
}

.portfolioCatItemTextContainer h3 a, .portfolioCatItemTextContainer p {
    color: #FFFFFF;
}

.portfolioCatItemSiteBrandContainer {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    margin: auto;
    max-height: 130px;
    max-width: 200px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 1.5s ease 0s;
}

.portfolioCatItemSiteBrandContainer img {
    height: auto;
    margin: 0 auto;
    max-height: 100%;
    width: auto;
}

.featured_works a:hover .portfolioCatItemSiteBrandContainer,
.portfolioItemContainer a:hover .portfolioCatItemSiteBrandContainer {
    opacity: 1;
    transition: all 1.5s;
}

#brand-slider .owl-nav.disabled {
    display: none;
}

/*///--portfolio-article--///*/

.portfolioItemImageBlock {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: #000000;
}

.portfolioItemImageBlock > img {
    opacity: 0;
}

.portfolioSiteBrandContainer, .portfolioSiteBrandContainer img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
}

.portfolioSiteBrandContainer > img {
    height: auto;
    margin: 0 auto;
    max-height: 180px;
    width: auto;
}

.portfolioSiteBrandContainer {
    margin: 0 auto;
    max-width: 300px;
    height: 100%;
}

.portfolioSiteBrandContainer img {
    margin: auto;
}

.portfolioItemImageBlock .overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.portfolioItemImageBlock .overlay:before {
    content: '';
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.portfolioWideImage {
    padding: 0 50px;
    text-align: center;
}

.portfolioParallaxContainer {
    height: 330px;
    overflow: hidden;
    position: relative;
    margin: 100px 0;
}

.portfolioTableGameContainer{
    height: 530px;
    overflow: hidden;
    position: relative;
    margin: 100px 0;
}

.portfolioParallaxImageContainer {
    position: absolute;
    background: #ff881f;
    bottom: 0;
}

.portfolioParallaxImageContainer img {
    width: 100%;
    opacity: 0.4;
}

.portfolioParallaxTableTextContainer {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.portfolioParallaxRowTextContainer {
    display: table-row;
}

.portfolioParallaxCellTextContainer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.portfolioParallaxCellTextContainer h3,
.portfolioParallaxCellTextContainer h2 {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 40px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.portfolioSiteDetailsContainer,
.portfolioSecondSiteDetailsContainer {
    max-width: 1280px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto;
    display: table;
}

.portfolioSiteDetailsImageContainer {
    float: left;
    width: 60%;
}

.portfolioSiteDetailsTextContainer {
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding: 40px 0;
}

.portfolioSiteDetailsContainer .portfolioSiteDetailsTextContainer {
    padding-left: 40px;
}

.portfolioSecondSiteDetailsContainer .portfolioSiteDetailsTextContainer {
    padding-right: 40px;
}

.portfolioItemImageGallery {
    background: #CCCCCC;
}

.portfolioItemImageGallery .portfolioItemImageGalleryWrapper {
    max-width: 768px;
    padding: 40px;
    box-sizing: border-box;
    margin: 40px auto;
}

.portfolioItemImageGallery .uk-overlay-panel.uk-overlay-bottom {
    position: relative;
    padding: 40px 0 0 0;
}

.portfolioItemImageGallery .uk-overlay-panel.uk-overlay-bottom .uk-dotnav > * > * {
    border-radius: 0;
    height: 10px;
    width: 100px;
}

.portfolioItemImageGallery .uk-overlay-panel.uk-overlay-bottom .uk-dotnav-contrast > .uk-active > * {
    background: #B663DD;
}

.portfolioItemImageGallery .uk-slidenav-next, .portfolioItemImageGallery .uk-slidenav-previous {
    display: none !important;
}

.portfolioSiteLinkContainer {
    margin: 50px auto;
    padding: 0 40px;
    box-sizing: border-box;
    max-width: 1280px;
    position: relative;
    text-align: center;
}

.portfolioSiteLinkContainer:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #B663DD;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.portfolioSiteLinkContainer a {
    background: #B663DD none repeat scroll 0 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    line-height: 45px;
    padding: 0 80px;
    position: relative;
    text-transform: uppercase;
    z-index: 9999;
}

.portfolio-related-left-column, .portfolio-related-right-column {
    float: left;
    width: 50%;
    margin-top: 100px;
}

.portfolio-related-left-column .portfolio-related-article-cell {
    display: block;
    height: 30vh;
    width: 100%;
}

.portfolio-related-article-service-cell {
    background: url("../../../images/work-past3.jpg") no-repeat scroll center center #65318F;
    background-size: cover;
    height: 30vh;
    color: #FFFFFF;
    width: 100%;
}

.portfolio-related-right-column .portfolio-related-article-cell {
    display: block;
    height: 60vh;
    width: 100%;
}

.portfolio-related-article-table, .portfolio-related-article-service-table {
    display: table;
    width: 100%;
}

.portfolio-related-article-row, .portfolio-related-article-service-row {
    display: table-cell;
    position: relative;
}

.portfolio-related-article-cell, .portfolio-related-article-service-cell {
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
}

.portfolio-related-article-cell .background-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.portfolio-related-article-cell > a,
.portfolio-related-article-cell.next-work-are-you h3 {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
    top: 40px;
}

.portfolio-related-article-container .btn {
    margin: 0 auto;
    display: table;
    font-size: 14px;
}

.portfolio-related-article-service-cell p {
    font-style: italic;
}

.portfolio-related-article-cell.next-work-are-you {
    background: url("../images/next-work-are-you.jpg") no-repeat scroll center center transparent;
    background-size: cover;
}

/*/--Staff--/*/

.staff-container {
    background: #fff none repeat scroll 0 0;
}

.staff-container .uk-width-1-4 {
    overflow: hidden;
}

.wireframe-container {
    position: relative;
    background: #fff;
}

.wireframe-container .overlay {
    /*background: rgba(82, 47, 98, 0.3) none no-repeat scroll 0 0;*/
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#522f62+0,522f62+100&0.04+0,0.03+100 */
    /*background: -moz-linear-gradient(left,  rgba(82,47,98,0.04) 0%, rgba(82,47,98,0.03) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left,  rgba(82,47,98,0.04) 0%,rgba(82,47,98,0.03) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right,  rgba(82,47,98,0.04) 0%,rgba(82,47,98,0.03) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a522f62', endColorstr='#08522f62',GradientType=1 );*/ /* IE6-9 */

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f2d5f+0,4f2d5f+100&0+0,0.3+100 */
    background: -moz-linear-gradient(top,  rgba(70,40,84,0) 0, rgba(70,40,84,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(70,40,84,0) 0,rgba(70,40,84,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(70,40,84,0) 0,rgba(70,40,84,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f2d5f', endColorstr='#4d4f2d5f',GradientType=0 ); /* IE6-9 */
}

.wireframe-container .member-staff-text {
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.wireframe-container .member-staff-text h3 {
    color: #FFFFFF;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
}

.wireframe-container .member-staff-text p {
    color: #FFFFFF;
    margin: 0;
    background: rgba(255,255,255,0.7);
    display: inline-block;
    padding-right: 5px;
}

.wireframe-container:hover .overlay {
    opacity: 1;
    transition: opacity 1.5s;
}

.wireframe-container:hover .member-staff-text {
    opacity: 1;
    transition: opacity 0.8s;
    overflow: hidden;
}

.wireframe-container .member-staff-text h3 {
    position: relative;
    top: -50px;
    transition: top 0.5s;
}

.wireframe-container:hover .member-staff-text h3 {
    top: 0;
}

.wireframe-container-table {
    display: table;
    width: 100%;
    height: 100%;
}

.wireframe-container-table .member-staff-text-row {
    display: table-row;
}

.wireframe-container-table .member-staff-text-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #462854;
}

.wireframe-container-table .member-staff-text-cell h3 {
    color: #ffffff;
    font-family: "Oswald-SemiBold";
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    padding-top: 25px;
}

.wireframe-container-table .member-staff-text-cell p {
    color: #ddd;
}

.member-staff-text-cell {
    padding: 0 15%;
}

.member-staff-text-cell > p {
    text-align: left;
}

.wireframe-container.whanted-member-staff .overlay {
    opacity: 1;
}

.wireframe-container.whanted-member-staff .member-staff-text {
    height: 100%;
    opacity: 1;
}

.wireframe-container.whanted-member-staff .member-staff-text .btn {
    margin-left: 15%;
    margin-top: 15px;
    background: #B663DD none repeat scroll 0 0;
    color: #FFFFFF;
    border: 0;
    padding: 5px 20px;
}



/*//////////////////--COMMENTS--///////////////*/

#itemCommentsContainer h3 {
    color: #fff;
}

#itemCommentsContainer {
    position: relative;
    z-index: 999;
    background: #333333;
}

.comment-wrapper {
    max-width: 1024px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

/*//////////////////////--Slider Article Pre Footer--//////////////////////////*/

#article-pre-footer {
    position: relative;
    z-index: 1000;
    background: #07030a;
    padding: 20px 0;
    overflow: hidden;
}

#article-pre-footer .owl-carousel .owl-stage-outer {
    overflow: visible;
}

#article-pre-footer-container .item {
    padding: 50px 25px;
    box-sizing: border-box;
    height: 400px;
    display: flex;
    align-items: baseline;
}

#article-pre-footer-container .item .item-prefooter-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    transition: all 0.5s;
}

#article-pre-footer-container .item-prefooter-text {
    font-size: 13px;
}

#article-pre-footer-container .owl-item.active .item .item-prefooter-background {
    opacity: 0.15;
}

#article-pre-footer-container .owl-item {
    opacity: 0.3;
    box-shadow: 0;
    transition: all 0.5s;
}

#article-pre-footer-container .owl-item.active {
    opacity: 0.5;
}

#article-pre-footer-container .owl-item.active:hover {
    opacity: 1;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

#article-pre-footer-container .moduleItemReadMore {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #b663dd;
    line-height: 40px;
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s;
}

#article-pre-footer-container .moduleItemReadMore:hover {
    background: #9156c1;
    color: #FFFFFF;
}

#article-pre-footer-container .owl-item.active:hover .moduleItemReadMore {
    opacity: 1;
}


#article-pre-footer-container .item .item-prefooter-content {
    position: relative;
    z-index: 110;
    position: relative;
    padding-bottom: 60px;
}

#article-pre-footer-container .item .item-prefooter-content,
#article-pre-footer-container .item .item-prefooter-content h3 {
    color: #FFFFFF;
}

#article-pre-footer-container .item .item-prefooter-content h3 {
    font-size: 20px;
    line-height: 25px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    margin-top: 5px;
}

#article-pre-footer-container .item .item-prefooter-content .moduleItemDateCreated {
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

#article-pre-footer-container .item .item-prefooter-content {
    font-style: 14px;
}

#article-pre-footer-container .owl-nav .owl-next,
#article-pre-footer-container .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border: 2px solid #ff7800;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #ff7800;
    transition: all 0.5s;
    cursor: pointer;
    font-size: 0;
    opacity: 0;
}

#article-pre-footer-container:hover .owl-nav .owl-next,
#article-pre-footer-container:hover .owl-nav .owl-prev {
    opacity: 0.3;
}

#article-pre-footer-container .owl-nav .owl-next:before,
#article-pre-footer-container .owl-nav .owl-prev:before {
    width: 100%;
    height: 100%;
    font-size: 35px;
    font-family: 'Ionicons';
    position: absolute;
    top: 0;
    line-height: 50px;
    color: #ff7800;
}

#article-pre-footer-container .owl-nav .owl-next:before {
    content: '\f3d3';
    right: -2px;
}

#article-pre-footer-container .owl-nav .owl-prev:before {
    content: '\f3d2';
    left: -2px;
}

#article-pre-footer-container .owl-nav .owl-next:hover,
#article-pre-footer-container .owl-nav .owl-prev:hover {
    opacity: 1;
}

#article-pre-footer-container .owl-nav .owl-prev {
    left: 0;
}

#article-pre-footer-container .owl-nav .owl-next {
    right: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wireframe-container-table, .wireframe-container.whanted-member-staff .member-staff-text {
        height: 25vw;
        padding: 0;
    }
}

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

#hd-footer  {
    background: url("../../../images/footer-bg.jpg") no-repeat fixed bottom center transparent;
    background-size: cover;
    height: auto;
    margin: 0;
    position: relative;
    text-align: center;
    z-index: 999;
    color: #FFFFFF;
}

.footer-logo-container {
    margin: 8vh 0;
}

.works-background-image {
    height: 100vh;
    left: 0;
    top: 0;
    width: 100%;
    animation-duration: 30s;
    animation-iteration-count: 1;
    animation-name: ken-burns;
    background-size: 100%;
    position: absolute;
}


@-webkit-keyframes ken-burns{
from{
-webkit-transform:scale(1.15) translate3d(0,1.5%,0);
transform:scale(1.15) translate3d(0,1.5%,0)
}

to{
-webkit-transform:scale(1) translate3d(0,0,0);
transform:scale(1) translate3d(0,0,0)
}


}

@-o-keyframes ken-burns{
from{
transform:scale(1.15) translate3d(0,1.5%,0)
}

to{
transform:scale(1) translate3d(0,0,0)
}


}

@keyframes ken-burns{
from{
-webkit-transform:scale(1.15) translate3d(0,1.5%,0);
transform:scale(1.15) translate3d(0,1.5%,0)
}

to{
-webkit-transform:scale(1) translate3d(0,0,0);
transform:scale(1) translate3d(0,0,0)
}


}

@media screen and (min-width: 1365px) {
    .footer-logo-container {
        margin: 12vh 0;
    }
}

#hd-footer h3 {
    color: #FFFFFF;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Oswald';
}

#hd-footer h4 {
    font-family: 'Oswald';
}

.footer-text-wrapper {
    margin: 0 auto;
    max-width: 768px;
}

.contact-link {
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    background: #B663DD;
    line-height: 40px;
    padding: 0 40px;
}

.social-footer {
    color: #ffffff;
    display: inline-block;
    font-size: 35px;
    margin: 0 10px;
}

.social-footer-container > h4 {
    color: #fff;
    font-family: Oswald !important;
    font-size: 10px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.footer-top-container {
    padding: 50px 0 70px 0;
}

.social-footer:hover {
    border-color: #8EC549;
    color: #8EC549;
}

.footer-bottom-container {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

.headerquarter-container {
    text-align: left;
    width: 100%;
}

.headerquarter-container p {
    font-size: 11px !important;
    line-height: 19px !important;
    margin-bottom: 0;
    margin-right: 40px;
    margin-top: 0;
    color: #fff !important;
}

.headerquarter-container p:last-child {
    margin-right: 0;
}

.headquarter-block {
    float: left;
    margin-right: 10px;
    width: auto;
}

.headquarter-block h5 {
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #717171;
}

.certificati-container {
    text-align: right;
    width: 100%;
}


.certificati-container h4 {
    text-align: left;
    margin-left: 10px;
}

.certificati-container > img {
    margin-right: 14px;
}

.certificati-container h4,
.headerquarter-container h4 {
    margin-bottom: 10px;
    color: #777777;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
}

/*//--Footer-Menu--//*/

.footer-copyright-menu-container {
    color: #777777;
    font-size: 10px;
}

.footer-copyright-container p {
    margin: 0;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 15px !important;
}

.footer-copyright-container {
    float: left;
    width: 50%;
}

.footer-menu-container {
    width: 50%;
    float: right;
    text-align: right;
}

.footer-copyright-container {
    text-align: left;
}

.footer-menu-container li {
    display: inline-block;
    float: none;
}

.footer-menu-container li a {
    padding: 0 10px 0 0;
    color: #777777;
}

.footer-copyright-menu-container .uk-container.uk-container-center .footer-copy-menu-container {
    align-items: center;
    border-top: 1px solid #ff7800;
    display: flex;
    padding: 20px 0;
}

.footer-bottom-block {
    display: flex;
    padding: 20px 0 15px;
}

.footer-copy-menu-container > div {
    width: 100%;
}

.footer-copy-menu-container ul li {
    display: inline-block;
}

.footer-copy-menu-container ul li a {
    color: #fff;
    padding: 0 5px;
}

.footer-copy-menu-container .widget_nav_menu {
    text-align: right;
    width: 45%;
}

.certificati-container img {
    margin: 0 10px;
}

.certificati-container > h4 {
    /*padding-left: 28%;*/
    text-align: left;
}
/*////////////////////--SVG--///////////////////////*/

#logo-white .logo_tun {fill: #FFFFFF; transition: all 0.5s;}
#logo-white .logo_2 {fill: #FFFFFF; transition: all 0.5s;}
#logo-white .logo_u {fill: #FFFFFF; transition: all 0.5s;}
#logo-white .logo_jack {fill: #000000; transition: all 0.5s;}

/*
#logo .logo_tun, .stiky-nav #logo-white .logo_tun {fill: #000000 !important;}
#logo .logo_2, .stiky-nav #logo-white .logo_2 {fill: #65318F !important;}
#logo .logo_u, .stiky-nav #logo-white .logo_u {fill: #8EC549 !important;}
#logo .logo_jack, .stiky-nav #logo-white .logo_jack {fill: #FFFFFF !important;}
*/
#logo .logo_jack, .stiky-nav #logo-white .logo_jack {fill: #4F2D5F !important;}

#logo-white {height: 75px;transition: all 0.5s ease 0s;}
.stiky-nav #logo-white {width: 40px; height: 40px;display:block; transition: all 0.5s;}
.menu-active.stiky-nav #logo-white {width: 75px; height: 75px;display:block;}

#logo-footer .logo_tun {fill: #FFFFFF;}
#logo-footer .logo_2 {fill: #FFFFFF;}
#logo-footer .logo_u {fill: #FFFFFF;}
#logo-footer .logo_jack {fill: #000000;}



/*/////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////--Modules--//////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*///--Loghi Clienti--///*/

.customer-logo-container .uk-width-1-2 {
    text-align: center;
}

/*///--We-are-tuntoyou--///*/

.parallax-bg-container {
    width: 100%;
    overflow: hidden;
}

.parallax-bg-container img {
    background: #FFFFFF url("../../../images/parallax-container-bg.jpg") repeat fixed 0 0;
    background-size: 100% auto;
    display: table;
    margin: 0 -1%;
    max-width: none;
    width: 100% !important;
}

.hd-desktop:before, .hd-desktop:after,
.hd-mobile:before, .hd-mobile:after {
    content: '';
    width: 100%;
    height: 15vh;
    position: relative;
    background: #FFFFFF;
    display: block;
}

.hd-mobile {
    display: none;
}

/*///--Clienti-Staff-footer--///*/

.footer-box-wrapper {
    margin: 0 auto;
    padding: 20vh 0;
    max-width: 270px;
}

.footer-box-wrapper h3,
.footer-box-wrapper p {
    margin: 0;
    color: #FFFFFF;
}

.title-container h3 {
    font-size: 30px;
    line-height: 33px;
    text-transform: uppercase;
}

.footer-box-wrapper p {
    margin-bottom: 30px;
}

#customer-footer-bg {
    background: url("../../../images/components/footer-work-bg.jpg") no-repeat scroll center center transparent;
}

#staff-footer-bg {
    background: url("../../../images/components/footer-about-bg.jpg") no-repeat scroll center center transparent;
}


#customer-footer-bg, #staff-footer-bg {
    background-size: cover;
}

/*/////////////////////////////////////////////////////////////////*/
/*//////////////////////////////--BTN--////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/

.btn.btn-rotate {
    display: inline-block;
    position: relative;
    line-height: 38px;
    /*perspective: 1000px;*/
    outline: 0 !important;
    padding: 0;
    border: 0;
    background: transparent;
}

.btn.btn-rotate span {
    background: #B663DD;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    -ms-transform-origin: 50% 0 0;
    -ms-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 50% 0 0;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    border: 1px solid #B663DD;
    text-align: center;
}

.btn.btn-rotate span:before {
    background: #FFFFFF;
    color: #FFFFFF;
    content: attr(data-hover);
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    -ms-transform: rotateX(-90deg);
    -ms-transform-origin: 50% 0 0;
    -webkit-transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-90deg);
    transform-origin: 50% 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #65318F;
}

.btn.btn-rotate:hover span,
.btn.btn-rotate:focus span {
    -ms-transform: rotateX(89deg) translateY(-20px);
    -webkit-transform: rotateX(89deg) translateY(-20px);
    transform: rotateX(89deg) translateY(-20px);
    background: #631B82;
    border: 1px solid #65318F;
    color: #FFFFFF;
}

.btn.btn-rotate:hover span:before,
.btn.btn-rotate:focus span:before {
    background: transparent;
    color: #65318F;
    background: #FFFFFF;
}

/*//--wide btn--//*/

.btn-wide {
    width: 100%;
}

.btn.btn-rotate.btn-wide,
.btn.btn-rotate.btn-wide span {
    display: block;
}

/*//--small btn--//*/

.btn.btn-small.btn-rotate {
    line-height: 30px;
    font-size: 12px;
}

.btn.btn-small.btn-rotate:hover span,
.btn.btn-small.btn-rotate:focus span {
    -ms-transform: rotateX(89deg) translateY(-15px);
    -webkit-transform: rotateX(89deg) translateY(-15px);
    transform: rotateX(89deg) translateY(-15px);

}

.white-btn.btn.btn-rotate:hover span,
.white-btn.btn.btn-rotate:focus span {
    border-color: transparent;
}

.btn.btn-small.btn-rotate span:before {
    opacity: 0;
}

.btn.btn-small.btn-rotate:hover span:before {
    opacity: 1;
    border: 1px solid #631B82;
}

/*//--white btn--//*/

.white-btn.btn.btn-rotate span {
    background: transparent;
    border-color: #FFFFFF;
}

.white-btn.btn.btn-rotate span:before {
    background: #FFFFFF;
    color: #FFFFFF;
}

.white-btn.btn.btn-rotate:hover span,
.white-btn.btn.btn-rotate:focus span {
    background: transparent;
    border: 1px solid transparent;
    color: #FFFFFF;
}

.white-btn.btn.btn-rotate:hover span:before,
.white-btn.btn.btn-rotate:focus span:before {
    background: transparent;
    color: #65318F;
    background: #FFFFFF;
}

/*Call to action btn*/

.btn.cta {
    border: 2px solid #ff7800;
    color: #ff7800;
    padding: 8px 55px;
    text-align: center;
}

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

/*SQUARE ELEMENT*/

.title-container {
    position: relative;
}


#main_square {
    bottom: 0;
    left: -35px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 22px;
    transform: rotate(360deg);
}

.works-element-square .square.square-2 {
    fill: transparent;
}

.client-element-square .square.square-1 {
    fill: transparent;
}

.servizi-element-square .square.square-3 {
    fill: transparent;
}

.blog-element-square .square.square-4 {
    fill: transparent;
}

.about-element-square #main_square {
    background: transparent;
}

#tm-bottom-a {
    position: relative;
    z-index: 999;
}

#left-canvas-menu #main_square {
    bottom: auto;
    top: 24px;
    width: 16px;
}

body.noscroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}


/* Remove IE clear cross */
input[type=text]::-ms-clear {
    display: none;
}

@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.hsbform, .hsbform * { box-sizing: border-box; }


.hsbform.dz-clickable { cursor: pointer; }
.hsbform.dz-clickable * { cursor: default; }
.hsbform.dz-clickable .dz-message, .hsbform.dz-clickable .dz-message * { cursor: pointer; }
.hsbform.dz-started .dz-message { display: none; }
.hsbform.dz-drag-hover { border-style: solid; }
.hsbform.dz-drag-hover .dz-message { opacity: 0.5; }
.hsbform .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.hsbform .dz-preview:hover { z-index: 1000; }
.hsbform .dz-preview:hover .dz-details { opacity: 1; }
.hsbform .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.hsbform .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.hsbform .dz-preview.dz-image-preview { background: white; }
.hsbform .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.hsbform .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.hsbform .dz-preview .dz-remove:hover { text-decoration: underline; }
.hsbform .dz-preview:hover .dz-details { opacity: 1; }
.hsbform .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.hsbform .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.hsbform .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.hsbform .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.hsbform .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.hsbform .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.hsbform .dz-preview .dz-details .dz-filename span, .hsbform .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.hsbform .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.hsbform .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.hsbform .dz-preview .dz-image img { display: block; }
.hsbform .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.hsbform .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.hsbform .dz-preview .dz-success-mark, .hsbform .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.hsbform .dz-preview .dz-success-mark svg, .hsbform .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.hsbform .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.hsbform .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.hsbform .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.hsbform .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.hsbform .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.hsbform .dz-preview.dz-error .dz-error-message { display: block; }
.hsbform .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.hsbform .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.hsbform .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////--FORM--////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/

form.hsb-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,0.5);
  font-size: 35px;
}

form.hsb-form ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,0.5);
  font-size: 35px;
}

form.hsb-form :-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,0.5);
  font-size: 35px;
}

form.hsb-form :-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,0.5);
  font-size: 35px;
}

form.hsb-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  line-height: 75px;
}

form.hsb-form textarea::-moz-placeholder { /* Firefox 19+ */
  line-height: 75px;
}

form.hsb-form textarea:-ms-input-placeholder { /* IE 10+ */
  line-height: 75px;
}

form.hsb-form textarea:-moz-placeholder { /* Firefox 18- */
  line-height: 75px;
}

form.hsb-form {
    margin: 0 auto;
    max-width: 1024px;
    position: relative;
}

form.hsb-form .hsb-form-wrapper {
    padding: 0 105px;
}

form.hsb-form .input-container {
    display: none;
}

form.hsb-form .input-container.current {
    display: block;
}

form.hsb-form input,
form.hsb-form textarea {
    color: #FFFFFF;
    background: #65318F none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    height: 105px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Oswald-SemiBold';
    text-transform: uppercase;
    border-radius: 0;
}

form.hsb-form input[type="checkbox"] {
    float: left;
    height: auto;
    width: auto;
    margin-right: 10px;
}

form.hsb-form input {
    line-height: 105px;
    padding: 0 35px;
    font-size: 35px;
}

form.hsb-form textarea {
    line-height: 25px;
    padding: 15px;
    font-size: 16px;
}

form.hsb-form .current input {
    background: #65318F;
}

form.hsb-form .next-step,
form.hsb-form .prev-step,
form.hsb-form button.submit {
    background: #65318F none repeat scroll 0 0;
    cursor: pointer;
    display: table;
    font-size: 12px;
    line-height: 30px;
    width: 105px;
    height: 105px;
    top: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 105px;
    border: 0;
    position: absolute;
}

form.hsb-form .next-step,
form.hsb-form button.submit {
    right: 0;
}

form.hsb-form .prev-step {
    left: 0;
}

form.hsb-form i {
    display: block;
    line-height: 102px;
    padding-top: 3px;
}

form.hsb-form .next-step i,
form.hsb-form .prev-step i,
form.hsb-form button.submit i {
    font-size: 60px;
    color: #FFFFFF;
    opacity: 0.5;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

form.hsb-form .next-step:hover i,
form.hsb-form .prev-step:hover i,
form.hsb-form button.submit:hover i {
    opacity: 1;
}

form.hsb-form .hsb-progress-container {
    margin-top: 35px;
}

form.hsb-form .progress-bar {
    background: #CCCCCC;
    margin: 0 0 10px 0;
}

form.hsb-form .progress-bar-value {
    background: #8EC549;
    width: 0;
    font-size: 0;
    height: 5px;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

form.hsb-form .hsb-progress-container #hsb-step {
    font-size: 12px;
    text-align: right;
    margin-top: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    display: none;
}

form.hsb-form div.step {
    display: flex;
}

form.hsb-form div.step-name {
    flex: 1 1 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

form.hsb-form button {
    display: none;
}


/*///--Form cv--///*/

#form-cv {
    padding: 100px 0;
}

#form-cv h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
}

#form-cv p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
    text-align: center;
}

/*///--Form Contact--///*/

#form-contact {
    background: #222222;
    color: #FFFFFF;
    position: fixed;
    top: -100vh;
    height: 100vh;
    box-sizing: border-box;
    z-index: 99999999999999;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.contact-info-container {
    max-width: 1024px;
    margin: 0 auto;
}

.contact-form-headerquarter-container,
.contact-form-telephone-container {
    width: 50%;
    float: left;
}

.contact-form-overlay {
    position: fixed;
    z-index: 99999999999999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}

.contact-form-section .lines-button.x.close-button {
    border: 0 none;
    position: absolute;
    background: transparent;
    z-index: 9999;
    right: 40px;
    top: 40px;
}


button#contact-form-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    margin: 0;
}

button#contact-form-close span {
    display: block;
}

.contact-form-section, .map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    box-sizing: border-box;
}

.map-container {
    background: url("../../../images/components/bg-map.png") no-repeat scroll center center transparent;
    background-size: cover;
}

.contact-form-section {
    z-index: 99;
}

.map-container {
    overflow: hidden;
    z-index: 9;
}

.map-container .uk-img-preserve {
    height: 100% !important;
    opacity: 0.5;
}

.map-container .map-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+29,0.77+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.77) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.77) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.77) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c4000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#form-contact form.hsb-form div.step-name {
    text-shadow: 0 0 30px #000, 0 0 30px #000;
}

#form-contact .form-container {
    bottom: 0;
    height: 335px;
    left: 0;
    margin: auto;
    max-width: 1024px;
    position: absolute;
    right: 0;
    top: 0;
}

.btn-map-container {
    bottom: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 999;
}

.btn-map-container .btn.white-btn.btn-small.btn-rotate:hover span {
    color: #65318F;
}

.contact-info-container h3 {
    color: #999;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.contact-info-container > p {
    margin-bottom: 40px;
    margin-top: 0;
    text-align: center;
}

.contact-info-container i {
    color: #ffffff;
}

/*//////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////-- FORM ROTATION --///////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/

form.hsb-form, .form-message {
    backface-visibility: hidden;
    perspective: 1000;
    transition: 1.5s;
    transform-style: preserve-3d;
}

form.hsb-form {
    z-index: 2;
    transform: rotateX(0deg);
}

.form-message {
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    transform: rotateX(180deg);
    list-style: none;
}

.form-message .success {
    color: #8ec549;
}

.form-message .error {
    color: #FF6161;
}

.form-message p {
    font-size: 42px !important;
    text-align: center !important;
    line-height: 42px !important;
}


/*//////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////--ANIMAZIONE HOME--///////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/

#animation-section {
    position: relative;
    margin: 0;
    z-index: 999;
    min-height: 200vh;
    width: 100%;
    overflow: hidden;
    background: #000000;
}

.parallax-cubes-lvl3 {
    background: transparent url("../images/parallax-cubes-lvl3.png") repeat scroll center center;
    background-size: 40% auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: -50%;
    width: 100%;
}

.parallax-cubes-lvl2 {
    background-image:  url("../images/parallax-cubes-lvl2-left.png"), url("../images/parallax-cubes-lvl2-right.png");
    background-color: transparent, transparent;
    background-position: 0 0, 100% 0;
    background-repeat: repeat-y, repeat-y;
    background-attachment: scroll, scroll;
    background-size: 300px auto, 300px auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: -30%;
    width: 100%;
    opacity: 0.7;
}

.parallax-cubes-lvl1 {
    background: transparent url("../images/parallax-cubes-lvl1.png") repeat scroll center center;
    z-index: 999;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: -50%;
    width: 100%;
}

#fixed-animation-container .uk-grid {
    margin: 0;
}

.animation-service-container {
    position: relative;
    z-index: 1000;
}

.animotion-main-message {
    text-align: center;
}

.home-service-container {
    height: 100vh;
}

#fixed-animation-container {
    padding: 0 0 30vh 0;
}

#service-step-1 h1, #service-step-4 h3 {
    font-size: 40px;
    line-height: 40px;
    font-family: "Oswald-Bold";
}

#service-step-4 h3 {
    max-width: 70%;
    margin: 0 auto;
}

#service-step-1 p, #service-step-4 p {
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    padding-top: 25px;
    margin-top: 15px;
}

#service-step-1 p:before, #service-step-4 p:before {
    content: '';
    width: 100%;
    max-width: 850px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: #cccccc;
}

.serviceTable {
    height: 100vh;
    width: 100%;
    position: relative;
    display: table;
}

.serviceTableRow {
    display: table-row;
    height: 100vh;
}

.serviceTableCell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.service-icon-container,
.service-title-container,
.service-text-container {
    margin: 0 0 0 auto;
    max-width: 400px;
}

.service-title-container h3,
.service-title-container h4 {
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    font-size: 30px;
    line-height: 30px;
}

.service-title-container h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

.service-title-container h3 a,
.service-title-container h3 a:hover {
    color: #444444;
}

.service-text-container {
    text-align: justify;
    font-size: 18px;
    line-height: 25px;
}

.animotion-top-to-bottom .serviceTableCell, .animotion-left-to-right .serviceTableCell {
    padding-right: 10%;
}

.animotion-bottom-to-top .serviceTableCell, .animotion-right-to-left .serviceTableCell {
    padding-left: 10%;
}

.animotion-top-to-bottom .service-icon-container,
.animotion-top-to-bottom .service-title-container,
.animotion-top-to-bottom .service-text-container {
    margin: 0 0 0 auto;
}

.animotion-left-to-right .service-icon-container,
.animotion-left-to-right .service-title-container,
.animotion-left-to-right .service-text-container {
    margin: 0 0 0 auto;
}

.animotion-bottom-to-top .service-icon-container,
.animotion-bottom-to-top .service-title-container,
.animotion-bottom-to-top .service-text-container {
    margin: 0 auto 0 0;
}

.animotion-right-to-left .service-icon-container,
.animotion-right-to-left .service-title-container,
.animotion-right-to-left .service-text-container {
    margin: 0 auto 0 0;
}

.service-title-container,
.service-text-container {
    margin-top: 20px !important;
}


.cat-item-image-container:hover:before {
    opacity: 1;
    transition: all 1s;
}

.cat-item-image-container::before {
    background: rgba(61, 23, 79, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%;
    opacity: 0;
}

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

.member-staff-text p {
    line-height: 16px !important;
}

.member-staff-img {
    position: relative;
}

.img-staff-container {
    width: 300%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.wireframe-container:hover .img-staff-container {
    opacity: 1;
    -webkit-animation-name: slider;
    -webkit-animation-duration: 2.8s;
    -webkit-animation-timing-function: steps(3);
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name:slider;
    -moz-animation-duration: 2.8s;
    -moz-animation-timing-function: steps(3);
    -moz-animation-iteration-count: infinite;
    -o-animation-name:slider;
    -o-animation-duration: 2.8s;
    -o-animation-timing-function: steps(3);
    -o-animation-iteration-count: infinite;
    animation-name:slider;
    animation-duration: 2.8s;
    animation-timing-function: steps(3);
    animation-iteration-count: infinite;
}

@-webkit-keyframes slider {
    from {left: 0;}
    to {left: -300%;}
}

@-moz-keyframes slider {
    from {left: 0;}
    to {left: -300%;}
}

@-o-keyframes slider {
    from {left: 0;}
    to {left: -300%;}
}

@keyframes slider {
    from {left: 0;}
    to {left: -300%;}
}

.img-staff-container:hover {
    opacity: 1;
}

.img-staff-container img {
    position: absolute;
    left: 0;
    height: 100%;
    width: auto;
}

.img-staff-container img:nth-child(2) {
    left: 33.33%
}

.img-staff-container img:nth-child(3) {
    left: 66.66%;
}

/*///////////////////////////////////////////////////////////////////*/
/*/////////////////////////////--Autore--////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

.hsb-article-author {
    text-align: center;
    margin: 100px 0 0;
}

.hsb-article-author .author-image-container {
    position: relative;
}

.author-image-container img {
    width: 150px;
    height: 150px;
}

.hsb-article-author .author-image-container:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
    margin: auto;
    position: absolute;
    z-index: 9;
}

.hsb-article-author .author-image-container::after {
    background: #ccc none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}

.hsb-article-author .author-image-container img {
    border-radius: 50%;
    position: relative;
    z-index: 99;
    opacity: 0.9
}

.hsb-article-author p, .hsb-article-author h3 {
    margin: 0;
}

.hsb-article-author .written-by {
    margin: 10px 0;
    color: #666666;
    font-style: italic;
}

.hsb-article-author h3 {
    font-family: "Oswald-Bold";
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    color: #333333;
}

.hsb-article-author .author-job {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #666666;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////--SERVICE ARTICLE--/////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.itemViewService .main-text-wrapper {
    max-width: 1024px;
    text-align: left;
}

.itemViewService .headerTableCell h3 {
    text-transform: none;
    border: 0 none;
    color: #ffffff;
    font-family: "Oswald";
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 40px;
    line-height: 40px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////--BLOG--////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.uk-alert {
    display: none;
}

.itemViewBlog .headerTableCell h1 {
    border: 0 none;
    color: #FFFFFF;
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 40px;
    text-transform: capitalize;
    font-family: 'Oswald', sans-serif;
}

.itemViewBlog .main-text-wrapper {
    max-width: 1024px;
    text-align: left;
}

.itemViewBlog .itemDateCreated {
    bottom: 40px;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

.overlay-violet {
    background: #65318f;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

#k2Container.itemView {
    margin: 0;
}

.blog-itemView-table {
    height: 25vh;
    width: 100%;
    position: relative;
    display: table;
    background: #222222;
    overflow: hidden;
}

.blog-itemView-row {
    display: table-row;
    height: 25vh;
}

.blog-itemView-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 40px;
}

#itemListLeading .blog-itemView-table:first-child {
    background: #3d174f none repeat scroll 0 0;
    height: 50vh;
}

.blog-itemView-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1.5s;
    width: 100%;
    z-index: 9;
    opacity: 0.05;
}

.blog-itemView-container {
    position: relative;
    z-index: 99;
    padding-left: 120px;
    box-sizing: border-box;
}

.blog-itemView-container .data-created {
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

.blog-itemView-container h3 {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    max-width: 70%;
    color: #FFFFFF;
}

#itemListLeading .blog-itemView-table:first-child .blog-itemView-image {
    opacity: 0.1;
}

#itemListLeading .blog-itemView-table:hover .blog-itemView-image {
    background-size: 110% auto !important;
    opacity: 0.2;
}

#itemListLeading .blog-itemView-table:first-child h3 {
    font-size: 35px;
    line-height: 35px;
}

#itemListLeading .blog-itemView-table:first-child .data-created {
    font-size: 18px;
    color: #999999;
}

.hsbPagination {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 999;
}

.hsbPagination ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.hsbPagination ul li {
    display: none;
}

.hsbPagination ul li.pagination-next,
.hsbPagination ul li.pagination-prev {
    display: inline-block;
}

.hsbPagination .pagination-start,
.hsbPagination .pagination-end {
    display: none !important;
}

.hsbPagination > ul a {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.hsbPagination .pagination-prev span,
.hsbPagination .pagination-next span {
    display: none;
}

.hsbPagination > ul a {
    color: #65318f;
}

.hsbPagination > ul a, .hsbPagination > ul span {
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.hsbPagination > ul span {
    font-family: "Oswald-Bold";
}

.hsbPagination > ul li.pagination-next a,
.hsbPagination > ul li.pagination-prev a {
    font-size: 0;
}

.hsbPagination > ul a:hover {
    background: rgba(0,0,0,0.3);
}

.hsbPagination > ul li.pagination-next a:before,
.hsbPagination > ul li.pagination-prev a:before {
    font-family: "Ionicons";
    font-size: 20px;
}

.hsbPagination > ul li.pagination-next a:before {
    content: '\f3d1';
}

.hsbPagination > ul li.pagination-prev a:before {
    content: '\f3cf';
}

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

.blog-related-left-column, .blog-related-right-column {
    float: left;
    width: 50%;
}

.blog-related-left-column .blog-related-article-cell {
    height: 40vh;
}

.blog-related-left-column .blog-related-article-table:last-child .blog-related-article-cell {
    height: 20vh;
}

.blog-related-right-column .blog-related-article-cell {
    height: 60vh;
}

.blog-related-article-table {
    display: table;
    width: 100%;
}

.blog-related-article-row {
    display: table-row;
}

.blog-related-article-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.blog-related-article-cell .background-overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.blog-related-article-cell > a,
.blog-related-article-cell.next-work-are-you h3 {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 40px;
    position: relative;
    text-transform: uppercase;
    z-index: 999;
}

.blog-related-article-container .btn {
    margin: 0 auto;
    display: table;
    font-size: 14px;
}

.blog-related-article-service-cell p {
    font-style: italic;
}

.blog-related-article-cell.next-work-are-you {
    background: url("../images/next-work-are-you.jpg") no-repeat scroll center center transparent;
    background-size: cover;
}

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

.project-navigation {
    background: #000000 none repeat scroll 0 0;
    display: table;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.project-navigation .navigation-wrapper {
    margin: 0 auto;
    max-width: 400px;
}

.project-navigation .navigation-wrapper .blog-left-navigation-link {
    display: block;
    float: left;
    width: 50%;
}

#next-blog {
    float: right;
}

.project-navigation .navigation-wrapper a:hover {
    color: #ff7800;
}

.blog-left-navigation-link,
.blog-right-navigation-link {
    box-sizing: border-box;
    padding: 30px;
    overflow: hidden;
    padding-left: 50px;
    position: relative;
    color: #ffffff;
}

.blog-left-navigation-link:hover,
.blog-right-navigation-link:hover {
    color: #ff7800;
}

.blog-right-navigation-link {
    padding-right: 50px;
    text-align: right;
    
}

.navigation-blog a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto 0;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}

#prev-blog .navigation-blog a:before {
    left: 0;
    content: "\f3d2";
}

#next-blog .navigation-blog a:before {
    right: 0;
    content: "\f3d3";
}


/*///////////////////////////////////////////////////////////////////*/
/*//////////////////////////--PRELOADER--////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

#preloader {
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+45,232323+100 */
    background: rgb(68,68,68); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 45%, rgba(35,35,35,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 45%,rgba(35,35,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(68,68,68,1) 45%,rgba(35,35,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#232323',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    transition: all 1s;
}

#preloader .preloader-animotion-overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+45,cccccc+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 45%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 45%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 45%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left: 0;
    bottom: 0;
    position: absolute;
    height: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    transition: height 1s;
}

#preloader .preloader-animotion {
   height: 20vw;
    width: 40vw;
    max-width: 480px;
    max-height: 280px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    z-index: 9999;
    transition: all 1.2s;
}

.preloader-animotion svg {
    height: 100% !important;
    width: 100% !important;
}

.preloader-animotion .logo_tun,
.preloader-animotion .logo_u,
.preloader-animotion .logo_2 {
    fill: #333333 !important;
}

.preloader-animotion .logo_jack {
    fill: #ffffff !important;
}

#preloader.preloader-in .preloader-animotion {
    opacity: 1;
    transition: all 0.8s;
}

#preloader.preloader-in .preloader-animotion.active-animation {
    animation-name: loaderAnimation;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes loaderAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

#preloader.preloader-in .preloader-animotion-overlay,
#preloader.preloader-out .preloader-animotion-overlay {
    height: 100%;
    transition: all 0.8s;
}

#preloader.preloader-in.preloader-out .preloader-animotion {
    opacity: 0;
    transition: all 0.8s;
}

#preloader.preloader-out {
    height: 0;
    z-index: 0;
transition: all 0.8s;
}

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

.hsb-form input:focus:invalid:focus,
.hsb-form textarea:focus:invalid:focus,
.hsb-form select:focus:invalid:focus {
    box-shadow: none;
}

.social-sharing-button {
    left: 0;
    position: fixed;
    bottom: 30vh;
    z-index: 999;
}

.social-sharing-button > a {
    background: #ccc none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    width: 50px;
    transition: all 0.3s;
}

.social-sharing-button > a:hover {
    width: 70px;
}

.social-sharing-button > a.social-fb {background: #3B5997;}
.social-sharing-button > a.social-tw {background: #4099FF;}
.social-sharing-button > a.social-pi {background: #BD081C;}
.social-sharing-button > a.social-gp {background: #DC473A;}
.social-sharing-button > a.social-li {background: #006699;}

.blog-related-article-container {
    position: relative;
    z-index: 9999;
}

#service-homepage {
    background-image:  url("../images/parallax-cubes-lvl2-left.png"), url("../images/parallax-cubes-lvl2-right.png");
    background-color: #FFFFFF;
    background-position: 0 0, 100% 0;
    background-repeat: repeat-y, repeat-y;
    background-attachment: scroll, scroll;
    background-size: 100px auto, 100px auto;
    position: relative;
    z-index: 9999;
    padding: 80px 0 40px;
}

#hd-footer i,
.scroll-to i {
    color: #ff7800;
    font-size: 50px;
}

.social-sharing-button i {
    color: #fff;
    font-size: 20px;
}


/*///////////////////////////////////////////////////////////////////*/
/*//////////////////--TOP BRAND CONTAINER--//////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

#top-brand-container {
    background: #65318f none repeat scroll 0 0;
    position: relative;
    z-index: 999;
    width: 100%;
    overflow: hidden;
}

#top-brand-container p {
    margin: 0;
}

#top-brand-container .uk-slidenav-position.uk-margin {
    margin: 0;
}

#top-brand-container .uk-width-1-8 {
    width: 12.5%;
}

#top-brand-container .uk-width-1-8.bg-white {
    background: #fff;
}

/*//--New top brand--//*/

#top-brand-container {
    z-index: 1000;
    overflow: visible;
}

.hsb_brand_section {
    background: #000000;
    box-shadow: 0 5px 20px -10px #999999;
}

.hsb_brand_section_wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

.hsb_brand_section_wrapper h4 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    left: 0;
    font-size: 12px;
    color: #ff7800;
    top: 20px;
}

/*//--Video--//*/

.video-container .mejs-container {
    width: 100% !important;
    height: 100vh !important;
}

.video-container .mejs-controls {
    display: none !important;
}

.video-container video {
    min-height: 100vh !important;
    min-width: 100% !important;
}

.canvas-wrapper {
    display: flex;
    height: 100%;
    justify-content: center;
}

.canvas-menu {
    width: 100%;
    visibility: hidden;
}

#left-canvas-menu.canvas-menu {
    background: rgba(255, 120, 0, 0.95) none repeat scroll 0 0;
}

#right-canvas-menu.canvas-menu {
    background: rgba(190, 57, 0, 0.95) none repeat scroll 0 0;
}

.uk-navbar-nav > li > a {
    color: #fff;
    display: block;
    font-family: "Oswald";
    font-size: 50px;
    line-height: 50px;
    padding: 7px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

#right-canvas-menu ul > li > a {
    color: #fff;
    display: block;
    font-family: "Open Sans";
    font-size: 25px;
    line-height: 25px;
    padding: 3px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.canvas-menu {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

#right-canvas-menu .widget_nav_menu {
    position: relative;
}

#right-canvas-menu .widget_nav_menu::before {
    color: #ff7800;
    content: "Quick Snapshot";
    font-family: "Oswald";
    font-size: 26px;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: -35px;
}

#right-canvas-menu #contact-button.btn.cta {
    font-size: 18px;
    margin-top: 30px;
    padding: 8px 40px;
}

.top-title-container {
    position: relative;
}

.top-title-container #main_square {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -35px;
    transform: rotate(360deg);
    width: 22px;
}

.headerTableCell h4 {
    color: #fff;
    font-family: Oswald-Bold;
    font-size: 60px;
    line-height: 60px;
    margin: 10px auto;
    max-width: 40%;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}

.cat-item-image-container {
    height: 390px;
}

/*.alm-listing {
    column-count: 2;
    column-gap: 0;
    display: block;
}*/

.portfolioItemContainer {
    float: left;
    width: 33.33% !important;
    height: 50vh;
    overflow: hidden;
    position: relative;
    background: #000000;
}

/*.item-mansory:nth-child(12),
.item-mansory:nth-child(6),
.item-mansory:nth-child(16),
.item-mansory:nth-child(17) {
    height: 100vh;
}

.item-mansory:nth-child(3),
.item-mansory:nth-child(5),
.item-mansory:nth-child(13),
.item-mansory:nth-child(15),
.item-mansory:nth-child(8) {
    height: 60vh;
}

.item-mansory:nth-child(4),
.item-mansory:nth-child(14),
.item-mansory:nth-child(9) {
    height: 40vh;
}*/

/*.works-content-ajax-0 .item-mansory:nth-child(5),
.works-content-ajax-1 .item-mansory:nth-child(2) {
    height: 100vh;
}

.works-content-ajax-0 .item-mansory:nth-child(3),
.works-content-ajax-0 .item-mansory:nth-child(2),
.works-content-ajax-1 .item-mansory:nth-child(4),
.works-content-ajax-1 .item-mansory:nth-child(5) {
    height: 40vh;
}

.works-content-ajax-0 .item-mansory:nth-child(4),
.works-content-ajax-0 .item-mansory:nth-child(1),
.works-content-ajax-1 .item-mansory:nth-child(3) {
    height: 60vh;
}*/


/* Android 2.3 :checked fix */
@-webkit-keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes fake {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
body {
    /* [disabled]-webkit-animation: fake 1s infinite; */
    animation: fake 1s infinite;
}

.worko-tabs {
    width: 100%;
}

.worko-tabs .state {
  position: absolute;
  left: -10000px;
}

.worko-tabs .flex-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.worko-tabs .flex-tabs .tab {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 40px;
}

.worko-tabs .flex-tabs .panel {
  display: none;
  width: 100%;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.worko-tabs .tab {
    color: #fff;
    cursor: pointer;
    font-family: Oswald;
    font-size: 23px;
    line-height: 36px;
    opacity: 0.3;
    padding: 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: 100%;
    transition: all 0.3s;
}

#tab-two-label.tab {
    background: #C54E1C none repeat scroll 0 0;
}

#tab-three-label.tab {
    background: #C54E1C none repeat scroll 0 0;
}

.worko-tabs .tab.active::before {
    border-color: #ff7800 transparent transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 9;
}

.worko-tabs #tab-two-label.tab.active::before {
    border-color: #C54E1C transparent transparent;
}

.worko-tabs #tab-three-label.tab.active::before {
    border-color: #C54E1C transparent transparent;
}

.worko-tabs .tab:hover, .tab.active {
  opacity: 1;
  transition: all 0.3s;
}

.worko-tabs .tab:last-child {
    border-right: 0 none;
}


#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
  background-color: #fff;
  cursor: default;
  border-left-color: #69be28;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
  display: block;
}

@media (max-width: 600px) {
  .flex-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-tabs .tab {
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
  .flex-tabs .tab:last-of-type {
    border-bottom: none;
  }
  .flex-tabs #tab-one-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-tabs #tab-two-label {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .flex-tabs #tab-three-label {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .flex-tabs #tab-four-label {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .flex-tabs #tab-one-panel {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flex-tabs #tab-two-panel {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .flex-tabs #tab-three-panel {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .flex-tabs #tab-four-panel {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }

  #tab-one:checked ~ .tabs #tab-one-label,
  #tab-two:checked ~ .tabs #tab-two-label,
  #tab-three:checked ~ .tabs #tab-three-label,
  #tab-four:checked ~ .tabs #tab-four-label {
    border-bottom: none;
  }

  #tab-one:checked ~ .tabs #tab-one-panel,
  #tab-two:checked ~ .tabs #tab-two-panel,
  #tab-three:checked ~ .tabs #tab-three-panel,
  #tab-four:checked ~ .tabs #tab-four-panel {
    border-bottom: 1px solid #ccc;
  }
}

.form-fixed-nav {
    background: #ff7800 none repeat scroll 0 0;
    width: 100%;
}

.wrapper-fixed-nav {
    align-items: center;
    display: flex;
    margin: 0 auto;
    width: 100%;
}

.page-contact #hd-middle .uk-container {
    max-width: 100%;
    padding: 0;
}

.form-right-container {
    background: #ebebeb none repeat scroll 0 0;
}

.form-right-container textarea {
    background: #ebebeb none repeat scroll 0 0;
    border: 0 none;
    font-family: Oswald-Regular;
    font-size: 25px;
    height: 50vh;
    width: 100%;
    color: #3d174f;
    resize: none;
    outline: none !important;
}

.form-inner-container {
    display: flex;
    justify-content: center;
}

.form-inner-container > div {
    box-sizing: border-box;
    width: 50%;
}

.form-left-container {
    padding: 200px 100px 0;
}

.form-right-container {
    background: #ebebeb none repeat scroll 0 0;
    padding: 200px 60px 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c0b8c3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c0b8c3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c0b8c3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #c0b8c3;
}

.form-left-container h3,
.form-right-container h3 {
    color: #ff7800;
    font-size: 25px;
    line-height: 25px;
    max-width: 70%;
    text-transform: uppercase;
    position: relative;
    padding-left: 12%;
    margin-bottom: 45px;
    font-family: Oswald;
}

#contactForm-RichiediPreventivo .form-left-container h3 {
    max-width: 34%;
    padding-left: 10%;
}

.form-left-container h3:before,
.form-right-container h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../../images/components/paper-plane.png");
    width: 65px;
    height: 43px;
}

.form-right-container > h3 {
    padding-left: 8%;
}

#contactForm-RichiediPreventivo .form-left-container h3:before {
    background: url("../../../images/components/images/user.svg");
    width: 42px;
    height: 46px;
}

#contactForm-RichiediPreventivo .form-right-container h3:before,
#contactForm-Contact .form-right-container h3:before {
    background: url("../../../images/components/contact-note.png");
    width: 31px;
    height: 41px;
}

#contactForm-RichiediPreventivo .option_form_container h3:before {
    background: url("../../../images/components/images/select.svg");
    width: 56px;
    height: 37px;
}

.button-container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    text-align: center;
}

.container-w6 {
    margin: 12px 12px 18px;
    position: relative;
    width: 50%;
}

.container-w12 {
    margin: 12px 12px 18px;
    position: relative;
    width: 100%;
}

.container-w6 input,
#contactForm-LavoraConNoi .container-w12 textarea {
    border: 3px solid #ff7800;
    box-sizing: border-box;
    font-family: Oswald, sans-serif;
    font-size: 16px;
    padding: 20px;
    width: 100%;
    outline: none !important;
}

.container-w6 input:focus,
.container-w6 input:active,
#contactForm-LavoraConNoi
.container-w12 textarea:active,
#contactForm-LavoraConNoi .container-w12 textarea:focus {
    border: 3px solid #ff7800;
    color: #411c53;
    font-family: Oswald-Regular;
}

.input_compiled {
    border: 3px solid #ff7800 !important;
}

.form-left-container .row,
#contactForm-LavoraConNoi .form-right-container .row {
    align-items: center;
    display: flex;
}

.container-w6 > label, #contactForm-LavoraConNoi .container-w12 label {
    left: 15px;
    position: absolute;
    top: 13px;
    color: #c0b8c3;
}

#contactForm-LavoraConNoi .container-w12 textarea {
    height: 20vh;
    background: #fff;
}

#contactForm-LavoraConNoi .form-right-container {
    padding: 200px 60px 40px;
}

.privacy-container {
    color: #3d174f;
    font-size: 12px;
    width: 100%;
}

.row.bottom-form-container {
    margin-top: 30px;
    padding: 0;
}

.option_form_container {
    margin-top: 50px;
}

.option_form_container .wpcf7-list-item-label {
    color: #3d174f;
    font-family: Oswald-Light;
    font-size: 17px;
}

.select_option_service > * {
    display: block;
    padding: 4px 0;
}

.select_option_service {
    align-items: center;
    display: flex;
    flex-flow: wrap;
}

.select_option_service .wpcf7-form-control-wrap {
    width: 50%;
}


.container-w6 > .label_active,
.container-w12 > .label_active,
.container-w6 > .compiled {
    transition: all 0.3s ease 0s;
    color: #ff7800 !important;
}

.container-w6 > .label_active,
.container-w12 > .label_active,
.container-w6 > .compiled {
    transform: translate3d(0px, -2.7em, 0px);
}

.form_progetto_slider {
    margin-bottom: 45px;
    margin-top: 25px;
    padding-top: 47px;
    position: relative;
    text-align: center;
}

.slider_range_container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 30px;
}

.range.from_range {
    left: 0px;
}

span.range {
    color: #512e61;
    font-family: Oswald-Light;
    font-size: 17px;
    position: absolute;
    top: 100px;
    text-transform: uppercase;
}

.range.to_range {
    right: 0px;
}

.title_slider {
    color: #411c53;
    font-family: Oswald-SemiBold;
    font-size: 25px;
    margin: 0 auto 90px;
    padding-left: 8%;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 50%;
}

.title_slider:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../../images/components/images/budget.svg");
    width: 57px;
    height: 41px;
}

.slider_tempistiche .title_slider:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../../../images/components/images/time.svg");
    width: 43px;
    height: 43px;
}

.slider_tempistiche .title_slider {
    padding-left: 5%;
}

input#slider_range_budget-single-slider,
input#slider_range_tempistiche-single-slider {
    border: 0 none;
    color: #d4cfd7;
    font-family: Oswald-Bold;
    font-size: 60px;
    padding: 30px 0;
    text-align: center;
    position: relative;
    width: 22%;
}

.euro-range {
    font-size: 60px;
    font-family: Oswald-Bold;
    color: #d4cfd7;
}

.k-range {
    margin: auto 0;
    font-size: 60px;
    font-family: Oswald-Light;
    color: #d4cfd7;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-widget-content {
    background: #411c53 none repeat-x scroll 50% 50%;
    border: 0 none;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-widget-header {
    background: transparent;
}

.ui-slider-horizontal {
    height: 0.5em;
}

.ui-slider .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #411c53;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 55px;
    margin: auto 0;
    outline: medium none;
    top: 0;
    width: 55px;
}

.ui-slider-handle::after {
    display: none;
}

.ui-slider-handle .slider-tooltip {
    background: transparent none repeat scroll 0 0;
    color: #411c53;
    font-family: Oswald-Light;
    left: 0;
    margin: 0 auto;
    padding: 0 !important;
    right: 0;
    text-align: center;
    top: 17px !important;
    width: auto;
    font-size: 15px;
}

.slider_range_container .disable_budget input[type="checkbox"],
.select_option_service input[type="checkbox"],
.privacy-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  transition: all 0.1s ease 0s;
}

.slider_range_container .disable_budget label,
.select_option_service .wpcf7-list-item label > span,
.privacy-container label > span {
    color: #3d174f;
    cursor: pointer;
    display: inline-block;
    font-family: Oswald-SemiBold;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 45px;
    padding-right: 10px;
    position: relative;
    box-sizing: border-box;
}


.privacy-container label > span {
    font-family: Oswald-Light;
    font-size: 15px;
}

.slider_range_container .disable_budget label::before,
.select_option_service .wpcf7-list-item label > span::before,
.privacy-container label > span::before {
    border: 2px solid #3d174f;
    bottom: 0;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: -1;
}

/* Checked */
.slider_range_container .disable_budget input[type="checkbox"]:checked + label,
.select_option_service input[type="checkbox"]:checked + span {
  padding-left: 10px;
  color: #fff;
}

.privacy-container input[type="checkbox"]:checked + span {
  color: #3d174f;
}

.privacy-container input[type="checkbox"]:checked + span::after {
    border-right: 4px solid #ff7800;
    border-top: 4px solid #ff7800;
    content: "";
    display: block;
    height: 25px;
    left: 1px;
    position: absolute;
    top: 15px;
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top 0;
    transition: all 0.1s ease 0s;
    width: 10px;
}

.slider_range_container .disable_budget input[type="checkbox"]:checked + label::before,
.select_option_service input[type="checkbox"]:checked + span::before{
    background: #3d174f none repeat scroll 0 0;
    border: 0 none;
    height: 100%;
    top: 0;
    width: 100%;
}

/* Transition */
label, label::before, span, span:before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}



/*.ui-slider-handle .slider-tooltip::after {
    border: 0 none !important;
    content: "K";
    left: auto !important;
    position: absolute;
    right: 12px !important;
    top: 0;
}

.ui-slider-handle .slider-tooltip::before {
    border: 0 none;
    content: "€";
    left: 1px;
    position: absolute;
    right: auto;
    top: 0;
}*/

.ui-slider-handle .slider-tooltip::after {
    display: none;
}

.ui-slider .ui-slider-handle {
    transition: all 0.1s;
}

/*.ui-slider .ui-slider-handle.ui-state-active {
    background: url("../images/range-active.svg") no-repeat scroll center center;
    width: 130px;
    height: 155px;
    border: 0;
    top: -75px !important;
    transition: all 0.3s;
}*/

.ui-slider .ui-slider-handle.ui-state-active {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #ff7800;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 80px;
    margin: auto 0;
    outline: medium none;
    top: 0;
    transition: all 0.1s ease 0s;
    width: 80px;
}

.ui-slider .ui-slider-handle.ui-state-active .slider-tooltip {
    font-family: Oswald-Bold;
    font-size: 30px !important;
    top: 30px !important;
}

/*.ui-slider .ui-slider-handle.ui-state-active .slider-tooltip::after {
    content: "K";
    font-family: Oswald-Light;
    position: absolute;
    right: 28px;
}*/

.range-container {
    margin: 80px 0;
}

.select_option_service.works_position_option {
    margin: 45px 0;
}

.select_option_service.works_position_option .accordion {
    width: 100%;
}

.works_position_option .wpcf7-list-item-label {
    text-transform: uppercase;
}

#contactForm-LavoraConNoi .form-left-container h3 {
    max-width: 52%;
}

#contactForm-LavoraConNoi .form-left-container h3::before {
    background: rgba(0, 0, 0, 0) url("../../../images/components/candidatura.svg") no-repeat scroll 0 0;
    height: 65px;
    width: 70px;
}

#fileuploadfield {
    display:none;
}

#uploadtextfield {
  height:18px;
  width:139px;
}

#uploadbrowsebutton {
    border: 2px solid #411c53;
    font-family: Oswald-Bold;
    font-size: 12px;
    padding: 5px 25px;
    text-align: center;
    text-transform: uppercase;
}

.uploadfieldtrick > h4 {
    color: #c0b8c3;
    font-family: Oswald-Light;
    font-size: 16px;
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 0 !important;
}

.btn#contact-button {
    line-height: 15px;
}

/*Accordion Position*/

.accordion{
    transform: translateZ(0);
    cursor: pointer;
    margin-bottom: 0;
}

.accordion > .accordion-toggle {
    position: absolute;
    opacity: 0;
    display: none;
}

.accordion > label::after {
    border: 2px solid;
    border-radius: 50%;
    color: #ff7800;
    content: "+";
    font-size: 31px;
    font-weight: 300;
    height: 20px;
    line-height: 18px;
    padding: 6px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
    cursor: pointer;
    transition: all 0.2s;
}

.accordion > section {
    height: 0;
    transition: all 0.2s;
    overflow: hidden;
    padding: 0 60px;
}

.accordion > .accordion-toggle:checked ~ label:after{
 transform: rotate(360deg);
 transition: all 0.5s;
 content: "-";
}

.accordion > .accordion-toggle:checked ~ section {
    box-sizing: border-box;
    height: 200px;
    transition: all 0.2s;
    padding: 0px 30px 10px 60px;
    overflow: scroll;
    position: relative;
    font-size: 12px;
    margin-bottom: 20px;
/*-webkit-box-shadow: inset -73px -200px 141px -48px rgba(255,255,255,1);
-moz-box-shadow: inset -73px -200px 141px -48px rgba(255,255,255,1);
box-shadow: inset -73px -200px 141px -48px rgba(255,255,255,1);*/
}

.accordion > .accordion-toggle:checked ~ section h4 {

}

.accordion > .accordion-toggle:checked ~ section::before {
    background: rgba(0, 0, 0, 0) url("../../../images/components/overlay-works-positon.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 2147483647;
    opacity: 0.8;
}

.uploadfieldtrick {
    border: 2px dashed #c0b8c3;
    padding: 20px 20px 25px;
    position: relative;
}

#uploadtextfield {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: -28px;
    color: #999999;
    left: -75px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 250px;
    z-index: 999999;
}

.upload-file-container .container-w12 {
    text-align: center;
    width: 100%;
    margin: 12px 12px 18px;
}

.budget_range_container.disable_slider::before {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9;
}

.budget_range_container.disable_slider {
    display: block;
    position: relative;
    transition: all 0.3s ease 0s;
}

.disable_budget {
    position: relative;
    z-index: 9;
}

.breadcrumbs {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px 20px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9;
}

.breadcrumbs span {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #a7a7a7;
    text-transform: lowercase;
}

.breadcrumbs > span {
    padding-right: 5px;
}

.breadcrumbs span .home > span {
    color: #fff;
}

.btn.cta.cta-purple {
    border-color: #ff7800;
    color: #ff7800;
}

.cat-item-text-hover-img .btn.cta.cta-purple {
    margin-top: 25px;
    width: 15%;
}

.breadcrumbs span a.taxonomy.category > span {
    color: #fff;
}

.main-category-post .breadcrumbs > span:nth-child(2) {
    display: none;
}

.category-view.SubCategory-View .headerTable::before,
.service_post_view .headerTable::before {
    background: #ff7800 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.SubCategory-View .headerTableCell > h4, .service_post_view .headerTableCell > h4 {
    font-family: Oswald;
    font-size: 45px;
    line-height: 50px;
}

.service_post_view .headerTableCell > h4 {
    max-width: 30%;
}

.SubCategory-View .headerTable h3,
.service_post_view .headerTableCell h3 {
    font-family: Oswald-Bold;
    font-size: 35px;
    line-height: 35px;
}

.SubCat_Wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    z-index: 9;
}

.FistSection_Left_Container .SubCat_Wrapper h1 {
    font-family: Oswald;
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 35px;
    padding-bottom: 15px;
}

.FistSection_LeftTop_Container {
    box-sizing: border-box;
    padding: 45px 25px;
}

.subCat_image {
    height: 460px;
    width: 100%;
}

.clr {
    clear: both;
}

.SubCat_Wrapper_Container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.FirstSection_Subcat_Container {
    position: relative;
}

.FistSection_Left_Container {
    box-sizing: border-box;
    padding-right: calc(50% + 60px);
    width: 100%;
    height: 459px;
}

.FistSection_Right_Container {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

#subCat_slider {
    width: 100%;
}

.category-view p,
.article-view p,
.article-view .itemFullText li {
    color: #666666;
    font-size: 15px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.post-template-default .taxonomy.category {
    display: none;
}

.FistSection_LeftBottom_Container h3 {
    background: #4f2d5f none repeat scroll 0 0;
    color: #fffeff;
    font-family: Oswald;
    font-size: 26px;
    margin: 0;
    max-width: 50%;
    padding: 45px 20px 45px 0px;
    position: relative;
    text-transform: uppercase;
    box-sizing: border-box;
}

.post-template-default .itemFullText > p {
    text-align: left;
}

.FistSection_LeftBottom_Container::before {
    background: #4f2d5f none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 30%;
    z-index: 9;
}
.FistSection_LeftBottom_Container {
    position: relative;
}

.owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 5px;
    margin: 0 4px;
    opacity: 0.5;
    transition: opacity 0.2s ease 0s;
    width: 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
}

.FistSection_Right_Container .owl-nav {
    display: none;
}

.title_subcat > a {
    color: #fff !important;
    font-family: Oswald-Bold;
    font-size: 23px;
    text-transform: uppercase;
}

.title_subcat {
    bottom: 60px;
    left: 40px;
    position: absolute;
    z-index: 9;
}

.owl-theme .owl-dots .owl-dot {
    cursor: pointer;
    display: inline-block;
}

.owl-dots {
    bottom: 30px;
    left: 35px;
    position: absolute;
}

.icon_category {
    margin-bottom: 25px;
    width: 78px !important;
}

#itemListLeading .uk-grid:nth-child(3) .icon_category,
#itemListLeading .uk-grid:nth-child(4) .icon_category {
    width: 96px;
}

.PostList_SubCategory_Container .itemView-container h3 {
    color: #3d174f;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase;
}

.itemView-container p {
    font-size: 14px;
    line-height: 22px;
    margin: 8px 0 0;
}

.PostList_SubCategory_Container .SubCat_Wrapper {
    display: flex;
    flex-flow: row wrap;
    padding: 75px 0;
    position: relative;
    z-index: 9;
}

.itemView-content-container {
    border-left: 4px solid #4f2d5f;
    box-sizing: border-box;
    padding-left: 15px;
}

.icon_post_list {
    margin-bottom: 20px;
    margin-left: 15px;
    width: 65px;
}

.itemView-table {
    box-sizing: border-box;
    padding: 30px 40px;
    width: 33.33%;
}

.Advice::before {
    border-style: solid;
    border-width: 130px 0 130px 35px;
    bottom: 0;
    content: "";
    height: 0;
    margin: auto 0;
    position: absolute;
    right: -35px;
    top: 0;
    width: 0;
    z-index: 9;
}

.Advice::after {
    left: 40px;
    opacity: 0.8;
    position: absolute;
    top: 100px;
    font-family: Oswald-Bold;
    font-size: 16em;
    color: #523761;
}

#FirstAdvice.Advice {
    background: #3d174f none repeat scroll 0 0;
}

#FirstAdvice.Advice::before {
    border-color: transparent transparent transparent #3d174f;
}

#FirstAdvice.Advice::after {
    content: "1";
}

#SecondAdvice.Advice {
    background: #452056 none repeat scroll 0 0;
}

#SecondAdvice.Advice::before {
    border-color: transparent transparent transparent #452056;
}

#SecondAdvice.Advice::after {
    content: "2";
    color: #593d67;
}

#ThirdAdvice.Advice {
    background: #533163 none repeat scroll 0 0;
}

#ThirdAdvice.Advice:before {
    border-color: transparent transparent transparent #533163;
}

#ThirdAdvice.Advice:after {
    content: "3";
    color: #644972;
}

#FourthAdvice.Advice {
    background: #5f3871 none repeat scroll 0 0;
}

#FourthAdvice.Advice:before {
    display: none;
}

#FourthAdvice.Advice:after {
    content: "4";
    color: #6e4e7e;
}

.Advice {
    box-sizing: border-box;
    padding: 78px;
    position: relative;
    width: 25%;
}

.Advice > p {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
    z-index: 9;
    position: relative;
}

.Advice > h4 {
    color: #fff;
    font-family: Oswald-Bold;
    font-size: 18px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}

.AdviceContainer {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    z-index: 9;
}

.SubCategory_Description .SubCat_Wrapper > h2,
.Post_Description .Post_Wrapper > h2 {
    color: #3d174f;
    font-family: Oswald-Light;
    font-size: 26px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
}

.SubCategory_Description .SubCat_Wrapper > h2:before,
.Post_Description .Post_Wrapper > h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #bebebe;
    width: 40%;
    height: 1px;
}

.Post_Description {
    padding: 75px 0;
}

.post_description {
    column-count: 2;
    column-gap: 8em;
    height: 250px;
    margin-top: 45px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.post_description.active,
.category_description.active {
    height: auto;
    transition: all 0.3s ease 0s;
}

.Post_Description, .SubCategory_Description {
    padding: 75px 0;
    position: relative;
    z-index: 9;
}

/*.category_description {
    column-count: 2;
    column-gap: 8em;
    height: 150px;
    margin-top: 45px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}*/

.category_description {
    column-count: 2;
    column-gap: 8em;
    height: auto;
    margin-top: 45px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.readMore_description {
    display: none;
}


.readMore_description {
    margin: 30px 0 0;
    text-align: center;
}

.readMore_description .ion-ios-plus-outline {
    color: #ff7800;
    font-size: 45px;
    line-height: 50px;
    cursor: pointer;
}

.Post_Wrapper_Container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.FirstSection_Post_Container {
    position: relative;
}

.FistSectionPost_Right_Container h1 {
    font-family: Oswald;
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 35px;
    padding-bottom: 15px;
}

.FistSectionPost_RightTop_Container {
    padding: 71px 0;
}

.FistSectionPost_RightBottom_Container h2,
.FirstWork_Section_RightBottom_Container h3 {
    background: #4f2d5f none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fffeff;
    font-family: Oswald;
    font-size: 28px;
    margin: 0;
    max-width: 70%;
    padding: 45px 0 45px 85px;
    position: relative;
    text-transform: uppercase;
}

.FistSectionPost_RightBottom_Container::before,
.FirstWork_Section_RightBottom_Container::before {
    background: #4f2d5f none repeat scroll 0 0;
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 30%;
}

.FistSectionPost_RightBottom_Container,
.FirstWork_Section_RightBottom_Container {
    padding-left: calc(50%);
    position: relative;
}

.Post_Wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
}

.FistSectionPost_Left_Container {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100% !important;
}

.FistSectionPost_Left_Container > *, .uk-position-relative, .uk-slideshow, .uk-slideshow li {
    height: 100% !important;
}

.FistSectionPost_Right_Container {
    box-sizing: border-box;
    padding-left: calc(50% + 85px);
    width: 100%;
}

.uk-dotnav > * > * {
    border-radius: 0 !important;
    height: 10px !important;
    width: 10px !important;
}

.LeftFocus_Container {
    background: #522f62 none repeat scroll 0 0;
    padding: 220px 45px 60px 0;
    position: relative;
}

.FocusPost_Container::before {
    background: #522f62 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}
.FocusPost_Container {
    position: relative;
}

.FocusPost_Container .Post_Wrapper {
    display: flex;
    flex-flow: row nowrap;
}

.LeftFocus_Container > h4 {
    color: #fff;
    font-family: Oswald;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.LeftFocus_Container > p {
    color: #fff;
    margin: 5px 0;
}

.RightFocus_Container > h4 {
    color: #3d174f;
    font-family: Oswald;
    font-size: 23px;
    max-width: 75%;
    text-transform: uppercase;
}

.LeftFocus_Container::before {
    background: rgba(0, 0, 0, 0) url("../../../images/components/focus.svg") no-repeat scroll 0 0;
    content: "";
    height: 132px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 45px;
    width: 122px;
}

.FocusPost_Container::after {
    background: rgba(0, 0, 0, 0) url("../../../images/components/focus-bg.svg") no-repeat scroll 0 0;
    content: "";
    height: 625px;
    left: -180px;
    opacity: 0.2;
    position: absolute;
    top: -80px;
    width: 28%;
}

.RightFocus_Container {
    box-sizing: border-box;
    padding-left: 75px;
    padding-top: 50px;
}

#article-pre-footer .owl-dots {
    display: none;
}

.Main_Wrapper, .Main_Wrapper_Container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%;
}

.FirstWork_Section,
.FirstPost_Section {
    padding-top: 80px;
}

.FirstWork_Section h1,
.FirstPost_Section h1 {
    color: #ff7800;
    text-align: center;
}

.ContentFirstSection {
    column-count: 2;
    column-gap: 11em;
    margin-top: 30px;
}

.FirstWork_Section,
.FirstPost_Section {
    padding: 80px 50px 50px;
}

#EvenSection, #OddSection {
    height: 464px;
    position: relative;
}

#EvenSection .Box_Right_Container {
    padding-left: calc(50% + 95px);
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
}

#OddSection .Box_Left_Container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding-right: calc(50% + 95px);
    width: 100%;
}

#EvenSection.SecondAbout_Section .Box_Left_Container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.SecondAbout_Section .Box_Left_Container > div {
    height: 100%;
}

.Main_Wrapper {
    height: auto;
}

#OddSection .Box_Right_Container > img,
#EvenSection .Box_Left_Container > img {
    width: 100%;
}

#OddSection .Box_Right_Container {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

#EvenSection .Box_Left_Container {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
}

.ThirdAbout_Section .Box_Right_Container {
    background: url("../../../images/youcall/yc-app-animation.gif")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthAbout_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/youcall/yc-app-screens.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}



.ThirdSgames_Section .Box_Right_Container {
    background: url("../../../images/sgames/sg-app-animation.gif")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthSgames_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/sgames/sg-app-screens.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.ThirdSgamesIpad_Section .Box_Right_Container {
    background: url("../../../images/sgames/sg-design-thinking.gif")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthSgamesIpad_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/sgames/sg-app-screens-ipad.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}


.Thirdcc_Section .Box_Right_Container {
    background: url("../../../images/youcall/yc-web-icons.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthcc_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/youcall/yc-portal-left-box.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}


.Thirdlt_Section .Box_Right_Container {
    background: url("../../../images/ltgame/lt-box-right.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthlt_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/ltgame/lt-box-right.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.ThirdHtl-web_Section .Box_Right_Container {
    background: url("../../../images/htl/htl-box-right.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthHtl-web_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/htl/htl-box-left.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdsfoi_Section .Box_Right_Container {
    background: url("../../../images/sfoi/sfoi-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthsfoi_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/sfoi/sfoi-left-box.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdcasino-web_Section .Box_Right_Container {
    background: url("../../../images/casino/casino-web-box-right.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthcasino-web_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/casino/casino-web-box-left.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.ThirdYc-Brand_Section .Box_Right_Container {
    background: url("../../../images/youcall/yc-brand-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthYc-Brand_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/youcall/yc-brand-left-box.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.ThirdDt_Section .Box_Right_Container {
    background: url("../../../images/misc/dt-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthDt_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/misc/dt-left-box.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.ThirdYc-Web_Section .Box_Right_Container {
    background: url("../../../images/youcall/yc-web-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.FourthYc-Web_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/youcall/yc-web-left-box.png") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdlt-tg_Section .Box_Right_Container {
    background: url("../../../images/ltgame/lt-box-right.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthlt-tg_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/ltgame/lt-tb-left-box.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdlt-tg2_Section .Box_Right_Container {
    background: url("../../../images/ltgame/lt-box-right2.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthlt-tg2_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/ltgame/lt-tb-left-box2.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}


.Thirdlt-tg3_Section .Box_Right_Container {
    height: 464px;
    width: 100%;
}

.Fourthlt-tg3_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/ltgame/lt-tb-left-box2.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdbtb_Section .Box_Right_Container {
     background: url("../../../images/btb/btb-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthbtb_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/btb/btb-left-box.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}

.Thirdns_Section .Box_Right_Container {
     background: url("../../../images/ns/ns-right-box.jpg")  no-repeat scroll center center / cover;
    height: 464px;
    width: 100%;
}

.Fourthns_Section .Box_Left_Container {
    background: rgba(0, 0, 0, 0) url("../../../images/ns/ns-left-box.jpg") no-repeat scroll center center / cover ;
    height: 464px;
    width: 100%;
}



#EvenSection h4, #OddSection h4 {
    color: #ff7800;
    font-family: Oswald;
    font-size: 20px;
    margin: 20px 0 15px;
    text-transform: uppercase;
}

.icon-about {
    height: 62px;
    position: relative;
    width: 62px;
}

#OddSection p, #EvenSection p {
    margin: 0;
}

.icon-about:before {
    position: absolute;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 62px;
    height: 62px;
}

#icon_info {
    background: url("../../../images/components/info-icon.png") no-repeat scroll center center;
}

#icon_info2 {
    background: url("../../../images/components/info-icon2.png") no-repeat scroll center center;
}

#icon_chi-siamo {
    background: url("../images/chi-siamo.svg") no-repeat scroll center center;
}

.wireframe-container .member-staff-text h3 {
    color: #522f62;
    font-family: "Oswald";
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}

.member-staff-text > p {
    color: #522f62 !important;
    font-size: 14px;
}

.footer-box-wrapper > p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    max-width: 78%;
}

.clients-container .violet-bg {
    background: #461859 none repeat scroll 0 0;
}

.img-clients-container {
    align-items: center;
    display: flex;
    height: 50vh;
    justify-content: center;
}

.clients-container .white-bg {
    border: 1px solid #c8bccc;
}

.img-clients-grid-container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    height: 25vh;
}

.img-clients-grid {
    text-align: center;
    width: 50%;
}

.img-clients-grid-container:nth-child(1) {
    border-bottom: 1px solid #c8bccc;
}

.img-four-clients-container::before {
    background: #c8bccc none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1px;
}
.img-four-clients-container {
    position: relative;
}

.btn.cta {
    border: 2px solid #ff7800;
    color: #ff7800;
    padding: 8px 55px;
    text-align: center;
    font-size: 14px;
}

.alm-load-more-btn.more {
    background: #ff7800 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    font-family: Oswald-Light;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    margin: 30px 0;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    transition: none 0s ease 0s ;
    width: 30px;
}

.alm-btn-wrap {
    padding: 0;
    text-align: center;
}

button.alm-load-more-btn:hover {
    background-color: #ff7800;
    color: #fff;
    text-decoration: none;
}

.alm-load-more-btn.more.loading {
    font-size: 0;
    background: transparent;
    transition: all 0.1s !important;
}

button.alm-load-more-btn.loading {
    padding: 0px !important;
    transition: all 0.3s !important;
    -webkit-transition-delay: 5s; /* Safari */
    transition-delay: 5s;
}

button.alm-load-more-btn.loading::before {
    background: rgba(0, 0, 0, 0) url("../../../images/components/ajax-loader.gif") no-repeat scroll center center / 30px auto;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 30px;
    left: -30px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 0;
}

.uk-navbar-nav > li > a,
#right-canvas-menu ul > li > a {
    transition: none !important;
}

.uk-navbar-nav > li > a:hover,
#right-canvas-menu ul > li > a:hover {
    color: rgba(190, 57, 0, 0.5);
    transition: all 0.3s !important;
}

.uk-navbar-nav > li > a:hover #main_square {
    transform: rotate(540deg);
    transition: all 0.5s;
}

#main_square {
   transition: all 0.5s;
}

.alm-load-more-btn.more.done {
    display: none;
}


/*HOVER TASTI 2K17*/

.btn.cta {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    display: block;
    overflow: hidden;
    position: relative;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.3s;
    transition-property: border-color, color;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    width: 18%;
    z-index: 99;
}

.btn.cta::before {
    background: #ff7800 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
    transform-origin: 0 100% 0;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
    width: 150%;
    z-index: -1;
}

.btn.cta.btn-inv::before {
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0px, 0em, 0px);
}

.btn.cta.btn-inv:hover::before {
    background-color: #ff7800;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn.cta.cta-purple::before {
    background: #b663dd none repeat scroll 0 0;
}

.btn.cta:hover::before {
    background-color: #ff7800;
}

.btn.cta.cta-purple:hover::before {
    background-color: #b663dd;
}

.btn.cta:hover {
    color: #fff;
}

.btn.cta:hover::before {
    background-color: #ff7800;
    transform: rotate3d(0, 0, 1, 0deg);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.btn.cta.cta-purple:hover::before {
    background-color: #b663dd;
}

.btn.cta.btn-inv {
    box-shadow: none;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    padding: 12px 25px;
    text-transform: uppercase;
    cursor: pointer !important;
    color: #fff !important;
}

.btn.cta.btn-inv:hover {
    color: #ff7800 !important;
}

.social_share_container .at-share-btn-elements a {
    background: transparent none repeat scroll 0 0 !important;
}

.social_share_container {
    margin-top: 30px;
}

.social_share_container .at-share-btn-elements a span,
.social_share_container .at-share-btn-elements a span .at-icon {
    width: 42px !important;
    height: 42px !important;
}

.social_share_container > h5 {
    color: #ffffff;
    font-family: Oswald-Light;
    font-size: 10px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
}

#headerIconCategory.icon_category {
    width: 55px !important;
}

.container-w6 .wpcf7-not-valid,
.container-w12 .wpcf7-not-valid {
    border-color: #c74244 !important;
}


span.wpcf7-not-valid-tip {
    background: #fff none repeat scroll 0 0;
    color: #c74244 !important;
    display: block;
    font-size: 11px !important;
    font-weight: normal;
    left: 15px;
    padding: 0 2px;
    position: absolute;
    top: -56px;
    width: 300px;
    z-index: 9;
}

#contactForm-LavoraConNoi .form-right-container .container-w12 span.wpcf7-not-valid-tip {
    top: -200px;
}

.privacy-container span.wpcf7-not-valid-tip {
    top: -40px;
}

/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
    span.wpcf7-not-valid-tip {
        background: #fff none repeat scroll 0 0;
        color: #c74244 !important;
        display: block;
        font-size: 11px;
        font-weight: normal;
        left: 15px;
        padding: 0 2px;
        position: absolute;
        top: -70px;
        width: 300px;
        z-index: 9;
    }

    #contactForm-LavoraConNoi .form-right-container .container-w12 span.wpcf7-not-valid-tip {
        top: -215px;
    }
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    span.wpcf7-not-valid-tip {
        background: #fff none repeat scroll 0 0;
        color: #c74244 !important;
        display: block;
        font-size: 11px;
        font-weight: normal;
        left: 15px;
        padding: 0 2px;
        position: absolute;
        top: -70px;
        width: 300px;
        z-index: 9;
    }

    #contactForm-LavoraConNoi .form-right-container .container-w12 span.wpcf7-not-valid-tip {
        top: -215px;
    }
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  .span.wpcf7-not-valid-tip {-chrome-:only(;
    top: -70px;
  );}
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  #contactForm-LavoraConNoi .form-right-container .container-w12 span.wpcf7-not-valid-tip {-chrome-:only(;
    top: -215px;
  );}
}

span.wpcf7-not-valid-tip::before {
    border-color: #c74245 transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    bottom: 0;
    content: "";
    height: 0;
    left: -15px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 0;
}

div.wpcf7-validation-errors {
    display: none !important;
}

.privacy-container span.wpcf7-not-valid-tip {
    left: 25px;
}

.container-w12 span.wpcf7-not-valid-tip {
    background: transparent;;
}

div.wpcf7-validation-errors {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #c74245 !important;
    color: #c74245;
    font-size: 15px;
    left: 100px;
    padding: 20px !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 40px;
    width: 30%;
    z-index: 99;
}

.wpcf7-form {
    position: relative;
}

div.wpcf7-mail-sent-ok {
    display: none !important;
}

.spu-box {
    background: transparent !important;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.mail_send > h3 {
    color: #ff7800;
    font-size: 20px;
}

.mail_send {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    padding: 60px 30px !important;
}

.mail_send img {
    border: 2px solid #ff7800;
    border-radius: 50%;
    padding: 15px;
    width: 80px;
}

.spu-close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 8px;
    text-shadow: none;
    top: 2px;
}

.spu-icon-close::before {
    content: "" !important;
    font-family: ionicons !important;
}

.spu-close.spu-close-popup {
    display: none !important;
}

.mail_send .spu-close.spu-close-popup.mail_send_close {
    display: block !important;
}

/*404 page*/

.p-canvas-webgl {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 214748364;
}

.p-summary {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 20px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%;
    z-index: 2147483647;
}

.p-summary h1 {
    color: #fff;
    font-family: Oswald-Bold;
    font-size: 200px;
    line-height: 200px;
    margin: 0;
    text-shadow: 2px 2px 5px #000;
}

.pagenotfound-text h2 {
    font-size: 75px;
    text-shadow: 2px 2px 5px #000;
    color: #fff;
}

.btn.cta.home-back-btn {
    background: #ff7800 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin: 70px auto;
    padding: 15px 10px;
    width: 45%;
}

#FourthAdvice {
    padding-right: 30px;
}

/*.stiky-nav-active .hamburger-inner, .stiky-nav-active .hamburger-inner::before, .stiky-nav-active .hamburger-inner::after {
    background-color: #000;
}*/

html.no-scroll,
html.no-scroll body {
    overflow: hidden;
    width: 100%;
}

.form-fixed-nav, .worko-tabs .tab {
    transition: all 0.1s;
}

.is-sticky .form-fixed-nav {
    z-index: 99 !important;
    transition: all 0.1s;
}

.is-sticky .form-fixed-nav .tab {
    padding: 15px;
    transition: all 0.1s;
    font-size: 16px;
    line-height: 25px;
}

#contactForm-LavoraConNoi .form-right-container span.wpcf7-not-valid-tip {
    background: #ebebeb;
}

.portfolioWebSiteLinkContainer {
    margin: 35px 0 55px;
}

.portfolioWebSiteLinkContainer .btn.cta {
    font-family: Oswald-Bold;
    font-size: 16px;
    margin: 0 auto;
    padding: 12px 0;
    width: 12%;
}

.category-blog .mainContentSection {
    background: #222 none repeat scroll 0 0;
}

.portfolio-related-article-service-cell .footer-box-wrapper {
    padding: 0;
    text-align: left;
}

.portfolio-related-article-service-cell .footer-box-wrapper > p {
    font-style: normal;
    text-align: left;
}

.portfolio-related-article-service-cell .btn.cta {
    margin-left: 0;
}

.next-post-btn > div {
    color: #89af11;
    font-size: 12px;
    text-transform: uppercase;
}

.ion-ios-arrow-right,
.ion-ios-arrow-left {
    font-size: 50px !important;
    color: #89af11 !important;
}

.next-post-btn {
    align-items: center;
    bottom: 0;
    display: flex;
    float: right;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.next-post-text {
    line-height: 15px;
    max-width: 55%;
}

.bottomNextPost, .bottomPrevPost {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}


.portfolio-related-article-cell {
    filter: grayscale(100%);
    transition: all 1.4s;
}

.portfolio-related-article-row:hover .portfolio-related-article-cell {
    filter: grayscale(0);
    transition: all 1.4s;
}

#logoAdiacentPost {
    text-align: center;
}

.bottomPrevPost {
    left: 0px;
    right: auto;
}

#logoAdiacentPost > img {
    text-align: center;
    width: 70%;
}

.portfolio-related-article-row .background-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.portfolio-related-article-row .prev-post-btn {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 30px;
    margin: auto 0;
    position: absolute;
    top: 0;
    z-index: 999;
}

.portfolio-related-article-cell.next-work-are-you {
    display: table;
}

.service-icon-container > img {
    margin-bottom: 35px;
    width: 25%;
}

#service-step-1 .service-icon-container > img,
#service-step-4 .service-icon-container > img {
    margin-bottom: 20px;
    width: 30%;
}

.service-icon-container {
    text-align: left;
}

.service-text-container {
    color: #666;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
}

.visore-heighe-vh .headerTable, .visore-heighe-vh .headerTableRow {
    height: 100vh;
}

.headerHome_Title .word {
    position: absolute;
    opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.headerHome_Title .purple {
  color: #65318f;
}

.headerHome_Title .belize {
  color: #2980b9;
}

.headerHome_Title .magenta {
  color: #ea148c;
}

.headerHome_Title .green {
  color: #ff7800;
}

.headerHome_Title .midnight {
  color: #2c3e50;
}

.headerHome_Title .orange {
  color: #ff7800;
}

.headerHome_Title .red {
  color: #be3900;
}

div.wpcf7 .button-container .ajax-loader {
    background: rgba(0, 0, 0, 0.7) url("../../../images/components/ajax-loader.gif") no-repeat scroll center center / 30px auto;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    left: 0;
}

.page-contact .headerTableRow, .page-contact .headerTableContainer {
    height: 88vh;
}

.page-contact .headerTable {
    height: 100%;
}

.headerText_Container {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.headerText_Container .headerTableRow {
    align-items: center;
    display: flex;
    width: 100%;
}

.headerText_Container .headerTableCell {
    width: 100%;
}

.SubCategory-View .top-title-container > h3 {
    font-family: Oswald-Bold;
}

.service_parallax {
    position: absolute; top: 0; left: 0;
    width: auto; height: auto;
    z-index: 2;
    opacity: 0.8;
    top: 23%;
}

.mainContentSection {
    position: relative;
}

.service_parallax.service_parallax_3 {
    left: auto;
    right: 50px;
}

.service_parallax.service_parallax_2 {
    left: -40px;
    top: 30%;
}

.service_parallax.service_parallax_1 {
    left: 0;
    margin: 0 auto;
    right: 0;
}

.PostList_SubCategory_Container {
    position: relative;
}

#brand-slider .item {
    align-items: center;
    display: flex;
    height: 165px;
    padding-top: 10px;
    text-align: center;
    width: 190px;
}

#brand-slider .item > img {
    height: auto;
    margin: 0 auto;
    max-height: 70px;
    text-align: center;
    width: 190px;
}

.last-service .service-title-container {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

.last-service .serviceTableCell {
    padding-right: 0;
}

.last-service .service-icon-container {
    margin: 0 auto;
    text-align: center;
}

.last-service h3 {
    text-align: center;
}

.last-service .service-text-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.SubCategory_Description .SubCat_Wrapper {
    box-sizing: border-box;
    padding: 0 35px;
}

.disable_slider input#slider_range_budget-single-slider {
    font-size: 22px;
    width: 100%;
}

.disable_slider .euro-range,
.disable_slider .k-range {
    display: none;
}

.form-inner-container input,
.form-inner-container textarea {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   display: block;
   border-radius: 0 !important;
}

#eu-cookie-bar {
    background-color: rgba(0, 0, 0, 0.8);
    font-family: Oswald-Light;
    font-size: 11px;
    line-height: 14px;
    padding: 10px;
    box-sizing: border-box;
}

button#euCookieAcceptWP {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #ff7800;
    border-radius: 0;
    color: #ff7800;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 10px;
    padding: 3px 15px;
    width: auto;
    display: inline-block;
}

button#euCookieAcceptWP:hover {
    color: #fff;
}

#eu-cookie-bar a {
    color: #ff7800;
}

.btn.cta > span,
.text-next-work-are-you .btn.cta > span,
.text-next-work-are-you .btn.cta > span:before {
    transition: none 0s ease 0s !important;
}

.post-template-default .headerImageContainer {
    height: auto !important;
}

#logoAdiacentPost {
    align-items: center;
    display: flex;
    height: 100%;
    margin: auto 0;
    max-width: 280px;
    width: 100%;
    opacity: 0.8;
}

#logoAdiacentPost > img {
    height: auto;
    margin: 0 auto;
    max-height: 135px;
    width: 200px;
}

html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}

html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active {
    margin: 0;
    padding: 40px 0 15px;
    width: 100%;
}

html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active .hsb-logo {
    height: 75px;
    transition: all 0.5s ease 0s;
}
html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active .hsb-logo {
    float: left;
}

html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active #logo-white {
    height: 75px;
    transition: all 0.5s ease 0s;
    width: 75px;
}

.text-next-work-are-you {
    align-items: center;
    display: flex;
    height: 30vh;
    justify-content: center;
}

.portfolio-related-article-cell.next-work-are-you {
    filter: grayscale(0);
}

.text-next-work-are-you .btn.cta {
    box-sizing: border-box;
    width: 60% !important;
}

.text-next-work-are-you .btn.cta:hover {
    color: #fff;
    transition: none 0s ease 0s !important;
}

#service-step-1 .service-icon-container, #service-step-4 .service-icon-container {
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
}

.content-page-container a, .mainContentSection a {
    color: #4f2d5f;
}

li.filter-cat {
    width: 33.33%;
    cursor: pointer !important;
    position: relative;
}

li#cat-34.filter-cat a:after {
    background: url('../images/raggio-laterale-1.svg') no-repeat scroll center center;
    width: 265px;
    height: 247px;
    left: 45%;
}

li#cat-35.filter-cat a:after {
    background: url('../images/raggio-centrale.svg') no-repeat scroll center center;
    width: 10px;
    height: 268px;
}

li#cat-36.filter-cat a:after {
    background: url('../images/raggio-laterale-2.svg') no-repeat scroll center center;
    width: 265px;
    height: 247px;
    right: 45%;
    left: auto;
}

li.filter-cat a {
    position: relative;
}

li.filter-cat a:after {
    content: "";
    position: absolute;
    top: -42%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0.3;
    transition: all 0.3s;
}

li.filter-cat a.filter-cat-link.active:after, li.filter-cat a.filter-cat-link:hover:after {
    opacity: 1;
    transition: all 0.3s;
}

div.rfp-wrapper {
    overflow: visible;
}

.title-filter-category {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.title-filter-category > span {
    width: 100%;
}

li.filter-cat > a {
    display: flex!important;
    flex-flow: wrap;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

li.filter-cat a > * {
    width: 100%;
}

ul.filter.rfpfilters {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    align-items: center;
    padding: 0;
    max-width: 1380px;
    margin: 0 auto;
}

.rfp-filter ul li a {
    border: 0;
    display: flex;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 0 80px;
    flex-flow: wrap;
    position: relative
}

.rfp-filter ul li a.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #3d174f transparent;
}

.rfp-filter ul li a > span {
    width: 100%;
}

span.title-category-bold {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 35px;
    color: #b1b1b1;
}

span.title-category-light {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
    color: #b1b1b1;
    line-height: 30px;
    transition: all 0.3s;
}

.filter-cat a.active span.title-category-bold, .filter-cat a:hover span.title-category-bold, .filter-cat a:focus span.title-category-bold {
    color: #333;
}

.filter-cat a.active span.title-category-light, .filter-cat a:hover span.title-category-light, .filter-cat a:focus span.title-category-light {
    color: #8fb713;
}

.category-posts-filter-container.rfp-grids {
    margin-left: 0;
    margin-right: 0;
}

.post-list-filtered-container {
    background: #3d174f;
    padding: 30px;
    box-sizing: border-box;
}

.icon_category_filter {
    width: 250px !important;
}

.img-category-filter {
    opacity: 0.3;
    transition: all 0.3s;
    width: 280px !important;
}

.filter-cat-link.active .img-category-filter, .filter-cat-link:hover .img-category-filter, .filter-cat-link:focus .img-category-filter {
    opacity: 1;
    transition: all 0.3s;
}

.posts-cat-container {
    position: absolute !important;
    background: #ffffff;
    padding: 28px 20px !important;
    box-sizing: border-box !important;
    text-align: center;
    transition: all 0.3s;
}

.posts-cat-container:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #3d174f;
    z-index: 9;
}

.posts-cat-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #3d174f;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.rfp-item img.icon_post_list_filter {
    width: 45px !important;
    margin: 0 auto;
}

.post_list_filter_content_container h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #3d174f;
    margin-bottom: 0;
    line-height: 20px;
    margin-bottom: 8px;
}

.post_list_filter_content_container p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}

.posts-cat-container:hover {
    background: #4c2a5e;
    transition: all 0.3s;
}

.posts-cat-container:hover .post_list_filter_content_container h3 {
    color: #fff;
}

.posts-cat-container:hover .post_list_filter_content_container p {
    display: none;
}

.posts-cat-container:hover .btn-filter-post {
    display: block !important;
    transition: all 0.3s;
}

.posts-cat-container:hover .icona-post-filter svg .st1, .posts-cat-container:hover .icona-post-filter svg .st2, .posts-cat-container .icona-post-filter svg .st0 {
    fill: #fff;
    transition: all 0.3s;
}

.posts-cat-container:hover .icona-post-filter svg .st0 {
    fill: none;
}

.posts-cat-container:hover .icona-post-filter svg path {
    fill: #fff;
    transition: all 0.3s;
    stroke: #fff;
}

.posts-cat-container a.btn-filter-post {
    background: #b663dd;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    color: #fff !important;
    position: relative;
    bottom: -10px;
}

.posts-cat-container a.btn-filter-post span {
    font-size: 14px;
    font-weight: 300 !important;
    text-transform: uppercase;
}

.icona-post-filter {
    width: 50px;
    margin: 0 auto;
    transition: all 0.3s;
}

.service-instruction-block h3 {
    font-size: 26px;
    text-transform: uppercase;
    color: #3d174f;
    position: relative;
    padding-bottom: 10px;
}

.service-instruction-block h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin:  0 auto;
    height: 1px;
    width: 30%;
    background: #b8b8b8;
}

.service-instruction-block {
    text-align: center;
    margin: 70px 0 220px;
}

.service-instruction-block p {
    color: #666666;
    font-size: 16px;
    max-width: 80%;
    margin: 0 auto 25px;
}

.service-instruction-block h5 {
    font-size: 19px;
    color: #4c2a5e;
    margin: 0;
}

a#next-blog {
    float: right;
}

.navigation-blog a {
    color: #fff;
}

.service-related-article-container {
    display: flex;
    flex-flow: wrap;
}

.service-related-article-container > div {
    width: 50%;
    display: flex;
}

.service-related-left-column .view-all-service-container {
    background: #4f2d5f;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 60px 0;
    justify-content: center;
    width: 100%;
}

.service-related-article-table {
    width: 100%;
}

.service-related-article-container .view-all-service a {
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    font-family: Oswald-Bold;
}

#service-post-related .service-related-article-row {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
}

#service-post-related .service-related-article-table {
    display: flex;
    align-items: center;
}

.service-related-article-container .post_list_filter_content_container {
    width: 45%;
}

#service-post-related .icona-post-filter {
    width: 10%;
    margin: 0 20px 0 0px;
    transition: all 0.3s;
}

#service-post-related span.ion-chevron-right {
    font-size: 30px;
    margin-left: 25px;
}
/*Responsive*/

@media screen and (max-width: 1366px) {

    .headerTableCell h4 {
        max-width: 60%;
    }

    .cat-item-text-hover-img {
        max-width: 60%
    }

    .posts-cat-container {
        width: 25% !important;
    }
}

@media screen and (max-width: 1280px) { /* qui */

    .form-left-container h3 {
        max-width: 65%;
        padding-left: 20%;
    }

    .form-left-container {
        padding: 100px 60px;
    }

    .form-right-container {
        background: #ebebeb none repeat scroll 0 0;
        padding: 100px 60px 0;
    }

    #contactForm-RichiediPreventivo .form-left-container h3 {
        max-width: 45%;
        padding-left: 15%;
    }

    .form-right-container > h3 {
        padding-left: 13%;
    }

    .headerTable {
        height: 500px;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 83vh;
    }

    .headerTableRow {
        height: 500px;
    }

    #contactForm-LavoraConNoi .form-right-container {
        padding: 120px 50px 0;
    }

    #contactForm-LavoraConNoi .form-left-container h3 {
        max-width: 80%;
    }

    .privacy-container label > span {
        font-family: Oswald-Light;
        font-size: 13px;
        line-height: 20px;
        margin: 0 !important;
        padding-right: 0 !important;
    }

    .cat-item-text-hover-img {
        max-width: 80%
    }

    .cat-item-text-wrap {
        padding: 0 18%;
    }

    .service_post_view .headerTableCell h4 {
        max-width: 55%;
    }

    .FistSectionPost_RightBottom_Container h2,
    .FirstWork_Section_RightBottom_Container h3 {
        max-width: 100%;
    }

    .wireframe-container-table .member-staff-text-cell h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .member-staff-text-cell > p {
        font-size: 12px;
        line-height: 20px;
    }

    .member-staff-text-cell {
        padding: 0 12%;
    }

    .img-clients-grid {
        box-sizing: border-box;
        padding: 0 12px;
    }

    .Advice {
        padding: 60px 10px 40px 50px;
    }

    .Advice::before {
        border-style: solid;
        border-width: 105px 0 105px 30px;
        bottom: 0;
        content: "";
        height: 0;
        margin: auto 0;
        position: absolute;
        right: -30px;
        top: 0;
        width: 0;
        z-index: 9;
    }

}

@media screen and (max-width: 1220px) {
    .hd-headerbar .uk-container,
    .footer-bottom-container .uk-container {
        max-width: 100%;
    }

    .headquarter-block {
        width: 30%;
    }
}

@media screen and (max-width: 1024px) {

    .form-message p {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .certificati-container img {
        margin: 0 5px;
    }

    .social-sharing-button > a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }

    #itemListLeading .blog-itemView-table:first-child .blog-itemView-cell .blog-itemView-image {
        background-size: auto 100% !important;
    }

    #itemListLeading .blog-itemView-table:first-child:hover .blog-itemView-image {
        background-size: auto 110% !important;
    }

    .wireframe-container-table .member-staff-text-cell h3,
    .wireframe-container .member-staff-text h3 {
        font-size: 16px;
        line-height: 22px;
    }

    #form-contact .form-container {
        width: 90%;
    }

    .portfolio-related-article-service-cell {
        background-size: auto 100% !important;
    }

    .headquarter-block {
        margin-right: 0;
        width: 33%;
    }

    .certificati-container {
        margin-top: 0;
    }

    .certificati-container > h4 {
        padding-left: 20%;
        text-align: left;
    }

    .works-background-image, .headerTable.headerTable-small, .headerTable {
        background-attachment: scroll !important;
    }


    .portfolioItemImageBlock .overlay::before {
        box-shadow: 0;
        display: none;
    }

    #first_section {
        height: 575px;
    }

    #brand-slider .item {
        padding: 0 25px;
        box-sizing: border-box;
    }

    #video-message {
        align-items: center;
        display: flex;
        height: 100%;
    }

    #video-message .headerHome_Title p {
        font-size: 80px;
        line-height: 70px;
    }

    #first_section {
        height: 430px;
    }

    .headerTableCell h4 {
        max-width: 90%;
    }

    .ContentFirstSection {
        column-gap: 5em;
    }

    .FistSectionPost_RightBottom_Container h2, .FirstWork_Section_RightBottom_Container h3 {
        padding: 45px 0 45px 45px;
    }

    #EvenSection .Box_Right_Container {
        padding-left: calc(50% + 70px);
        padding-right: 70px;
    }

    #OddSection .Box_Left_Container {
        padding-left: 70px;
        padding-right: calc(50% + 70px);
    }

    .SectionClients .uk-width-1-4 {
        width: 50%;
    }

    .cat-item-text-hover-img {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 35px;
    }

    .cat-item-text-wrap {
        padding: 0 10%;
    }

    .headquarter-block {
        margin-right: 0;
        width: 33%;
    }

    .footer-copy-menu-container .widget_nav_menu {
        display: none;
    }

    .footer-copyright-container {
        text-align: center;
        width: 100%;
    }

    .SubCategory-View .headerTableCell h4, .service_post_view .headerTableCell h4 {
        font-family: Oswald-ExtraLight;
        font-size: 40px;
        line-height: 40px;
    }

    .FistSection_Left_Container {
        padding-right: calc(50% + 0px);
    }

    .category-view p, .article-view p {
        font-size: 14px;
        line-height: 24px;
    }

    .FistSection_Left_Container .SubCat_Wrapper h1 {
        font-size: 25px;
        margin: 0 0 25px;
    }

    .FistSection_LeftTop_Container {
        padding: 40px 35px;
    }

    .FistSection_LeftBottom_Container h3 {
        font-size: 26px;
        line-height: 32px;
        max-width: 100%;
        padding: 45px;
        text-align: center;
    }

    .service_parallax.service_parallax_1, .service_parallax.service_parallax_2 {
        display: none;
    }

    .AdviceContainer {
        flex-flow: wrap;
    }

    .Advice {
        width: 50%;
        padding: 60px 10px 50px 50px;
    }

    #SecondAdvice.Advice::before {
        display: none;
    }

    .category_description {
        column-count: 1;
    }

    .portfolioWebSiteLinkContainer .btn.cta {
        width: 20%;
    }

    .menu-open #logo-white,
    .menu-open .hd-headerbar .hsb-logo {
        height: 60px !important;
    }

    .worko-tabs .tab {
        font-size: 18px;
    }

    .form-inner-container {
        display: block;
    }

    .form-inner-container > div {
        box-sizing: border-box;
        width: 100%;
    }

    .button-container .btn.cta {
        width: 25%;
    }

    .range-container {
        box-sizing: border-box;
        margin: 80px 0;
        padding: 0 50px;
    }

    .slider_tempistiche .title_slider {
        padding-left: 0%;
    }

    .title_slider {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }

    #contactForm-LavoraConNoi .form-left-container h3 {
        max-width: 100%;
        padding: 0;
        text-align: center;
    }

    html.no-scroll .scroll-percent-position-container {
        display: none;
    }

    .posts-cat-container.rfp-item.item {
        width: 33.33% !important;
    }

    .service-instruction-block {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .service-related-article-container > div {
        width: 100%;
        display: flex;
    }

    div#service-post-related.service-related-right-column {
        padding: 30px 0;
    }

    .post_list_filter_content_container {
        /*width: 70%;*/
    }

    .post_list_filter_content_container p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .post_list_filter_content_container h3 {
        font-size: 15px !important;
    }

    div#service-post-related.service-related-left-column {
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {

    .certificati-container h4{
        text-align: center;
    }

    .FistSectionPost_Right_Container {
        padding: 0 35px;
        width: 100%;
        box-sizing: border-box;
    }

    .FistSectionPost_RightTop_Container {
        padding: 70px 0;
        text-align: center;
    }

    .FistSectionPost_Left_Container {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        height: 250px !important;
        margin-bottom: 25px;
    }

    .uk-width-2-4 {
        width: 100%;
        min-height: 250px;
    }

    .footer-copyright-container {
        width: 60%;
    }

    .footer-menu-container {
        width: 40%;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .hd-headerbar.menu-active {
        padding: 25px 0 15px !important;
    }

/*    .home .scroll-to {
        display: none !important;
    }*/

    #blog_article_1 {
        width: 60%;
    }

    #blog_article_2 {
        left: 60%;
        width: 40%;
    }

    #blog_article_3,
    #blog_article_4 {
        display: none;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 40px;
        line-height: 40px;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 20px;
        line-height: 20px;
    }

    #service-step-1 p:before, #service-step-4 p:before {
        max-width: 90%;
    }

    .home-service-container {
        height: 50vh;
        width: 100%;
    }

    #service-step-1 .home-service-container,
    #service-step-1 .serviceTable,
    #service-step-1 .serviceTableRow {
        height: 100vh;
    }

    .animotion-top-to-bottom .serviceTableCell,
    .animotion-left-to-right .serviceTableCell,
    .animotion-bottom-to-top .serviceTableCell,
    .animotion-right-to-left .serviceTableCell {
        padding: 0;
    }

    .serviceTable,
    .serviceTableRow {
        height: 50vh;
    }

    .animotion-left-to-right .serviceTableCell > div,
    .animotion-right-to-left .serviceTableCell > div,
    .animotion-top-to-bottom .serviceTableCell > div,
    .animotion-bottom-to-top .serviceTableCell > div {
        margin: 0 auto;
    }

    /*///--About--///*/
    .company-inner-wrapper {
        max-width: 100%;
        padding: 35px;
    }

    .cat-item-text-hover-img h3,
    .company-special-text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .cat-item-text-hover-img:before,
    .company-special-text:before {
        display: none;
    }

    .company-special-text {
        position: relative;
        padding: 35px;
        width: 100%;
        height: auto;
    }

    .info-with-image img {
        position: absolute;
    }

    .footer-box-wrapper {
        padding: 10vh 0;
    }

    .cat-item-text-hover-img, .company-special-text {
        width: 100%;
    }

    .staff-container .uk-width-1-4 {
        width: 50%;
    }

    .article-view #itemBody .staff-container p,
    .categoty-view #catBody .staff-container p {
        line-height: 18px;
    }

    .portfolioSiteDetailsTextContainer, .portfolioSiteDetailsImageContainer {
        padding: 10px 0 !important;
        text-align: center;
        width: 100%;
    }

    .portfolioParallaxImageContainer {
        bottom: 30%;
    }

    #top-brand-container .uk-width-1-8:nth-child(7),
    #top-brand-container .uk-width-1-8:nth-child(8) {
        display: none;
    }

    #top-brand-container .uk-width-1-8 {
        width: 16.66%;
    }

    .headquarter-block {
        margin: 0 0 25px;
        text-align: center;
        width: 33%;
    }

    .hsb_brand_section_wrapper h4 {
        position: relative;
    }

    #video-message .headerHome_Title p {
        font-size: 80px;
        line-height: 75px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell {
        display: block;
        text-align: center;
        width: 100%;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        font-size: 25px;
        line-height: 30px;
        padding-left: 0;
        position: relative;
    }

    .customized-solutions-cell:nth-child(2) {
        margin-top: 30px;
    }

    .certificati-container > h4 {
        padding-left: 0;
        text-align: center;
    }

    .certificati-container {
        text-align: center;
        width: 100%;
    }

    .footer-copyright-menu-container .uk-container.uk-container-center .footer-copy-menu-container {
        box-sizing: border-box;
        display: block;
        padding-bottom: 35px;
    }

    .footer-copyright-container {
        text-align: center;
        width: 100%;
    }

    .footer-copy-menu-container .widget_nav_menu {
        text-align: center;
        width: 100%;
    }

    .headerquarter-container p {
        margin-right: 0;
    }

    .headquarter-block:nth-child(1) > p:nth-child(3), .headquarter-block:nth-child(1) > p:nth-child(4) {
        display: inline-block;
    }

    .footer-top-container {
        padding: 26px 0 35px 0;
        height: auto;

    }

    .footer-bottom-block {
        display: block;
    }

    .uk-panel.uk-panel-box.customized-solutions.eds-on-scroll.eds-scroll-hidden.eds-scroll-visible {
        padding-top: 35px;
    }

    .footer-copyright-menu-container .widget_nav_menu {
        display: none;
    }

    #video-message .headerHome_Title p {
        font-size: 60px;
        line-height: 55px;
    }

    #video-background-container {
        height: auto;
    }

    .ContentFirstSection {
        column-count: 1;
        column-gap: 0;
    }

    .FistSectionPost_RightBottom_Container, .FirstWork_Section_RightBottom_Container {
        padding-left: 0;
    }

    #EvenSection .Box_Right_Container {
        padding-left: calc(50% + 50px);
        padding-right: 50px;
    }

    #OddSection .Box_Left_Container {
        padding-left: 50px;
        padding-right: calc(50% + 50px);
    }

    #customer-footer-bg, #staff-footer-bg {
        width: 100%;
    }

    .headerTableCell h4 {
        font-size: 55px;
        max-width: 90%;
    }

    .cat-item-text-hover-img h4, .company-special-text h4 {
        font-family: Oswald-ExtraLight;
        font-size: 20px;
        line-height: 25px;
        margin: 0;
    }

    .icon_category {
        margin-bottom: 25px;
        width: 65px;
    }

    .cat-item-text-wrap {
        font-size: 15px;
    }

    .cat-item-text-hover-img {
        padding: 0 30px;
    }

    .SubCategory-View .headerTableCell h4, .service_post_view .headerTableCell h4 {
        font-size: 35px;
        line-height: 35px;
    }

    .FistSection_Right_Container {
        position: relative;
        width: 100%;
    }

    .FistSection_Left_Container {
        height: auto;
        padding-right: 0;
    }

    .category-view p, .article-view p {
        font-size: 15px;
        line-height: 26px;
    }

    .FistSection_LeftTop_Container {
        padding: 45px;
    }

    .itemView-table {
        width: 50%;
    }

    .portfolioItemContainer {
        width: 50% !important;
    }

    .portfolioWebSiteLinkContainer .btn.cta {
        width: 25%;
    }

    .worko-tabs .tab {
        font-size: 14px;
        padding: 30px;
    }

    .button-container .btn.cta {
        width: 35%;
    }

    .uk-navbar-nav > li > a {
        font-size: 40px;
    }

    #right-canvas-menu ul > li > a {
        font-size: 16px;
        line-height: 25px;
    }

    .portfolio-related-article-cell > a, .portfolio-related-article-cell.next-work-are-you h3 {
        font-size: 16px;
        line-height: 23px;
    }

    .next-post-text {
        display: none;
    }

    .next-post-btn {
        right: 20px;
    }

    .footer-box-wrapper > p {
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        max-width: 100%;
    }

    .title-container h3 {
        font-size: 25px;
        line-height: 40px;
        text-transform: uppercase;
    }

    #main_square {
        width: 20px;
    }

    .post-template-default .itemViewBlog .itemFullText img.alignleft, .post-template-default .itemViewBlog .itemFullText img.alignright {
        width: 100%;
        max-width: 60%;
        float: none;
        margin: 25px auto 25px;
    }

    .posts-cat-container.rfp-item.item {
        width: 50% !important;
    }

    li.filter-cat a:after {
        display: none;
    }

    .service-instruction-block {
        margin: 50px 0 0;
    }

    span.title-category-bold {
        font-size: 25px;
    }

    span.title-category-light {
        font-size: 20px;
        line-height: 22px;
    }

    .img-category-filter {
        width: 185px !important;
    }
}

@media screen and (max-width: 737px) and (min-width: 480px) {



    #itemListLeading .blog-itemView-table:first-child .featured-notice,
    #itemListLeading .blog-itemView-table .featured-notice {
        display: none;
    }

}

@media screen and (max-width: 737px) {


    #service-step-1 .home-service-container, #service-step-1 .serviceTable, #service-step-1 .serviceTableRow {
        height: auto;
        padding: 50px 0;
    }

    #fixed-animation-container{
        padding: 0;
    }

    .serviceTable, .serviceTableRow{
        height: auto;
    }

    .home-service-container {
        height: auto;
        width: 100%;
    }

    #itemListLeading .blog-itemView-table:first-child .featured-notice {
        bottom: auto;
        top: -60px;
        height: 60px;
        width: 60px;
    }

    #itemListLeading .blog-itemView-table .featured-notice {
        bottom: auto;
        top: -50px;
        height: 50px;
        width: 50px;
    }

    .form-message p {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .preloader-animotion-overlay {
        background: #cccccc none repeat scroll 0 0 !important;
    }

    .portfolioCatItemSiteBrandContainer {
        display: none;
    }

    .hd-headerbar,
    html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active {
        padding: 25px 0 15px;
    }

    #video-message {
        height: 81px;
        padding: 0 25px;
    }

    #video-message h3 {
        font-size: 30px;
        line-height: 27px;
    }

/*    #first_section .scroll-to {
        display: none !important;
    }*/

    .blog_article {
        display: none;
    }

    .last-from-blog-open-button {
        left: 25px;
    }

    .last_from_blog_wrap {
        padding: 0 0 40px 85px;
    }

    .last_from_blog_wrap p {
        display: none;
    }

    .first-blog-article-wrap {
        padding: 10px 30px 0 85px;
    }

    .last-from-blog-close-button {
        left: 25px;
    }

    #blog_article_1.blog_article {
        display: block;
        width: 100%;
    }

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

    .contact-info-container {
        margin-top: 20px;
    }

    .contact-info-container h3 {
        font-size: 14px;
        text-align: left;
        margin-bottom: 0;
    }

    .contact-info-container > p,
    .contact-form-headerquarter-container,
    .contact-form-telephone-container {
        font-size: 12px;
        text-align: left;
    }

    .contact-info-container > p {
        margin-bottom: 25px;
    }

    .btn-map-container {
        bottom: 25px;
    }

    form.hsb-form .hsb-progress-container {
        margin-top: 15px;
    }

    form.hsb-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 25px;
    }

    form.hsb-form ::-moz-placeholder { /* Firefox 19+ */
        font-size: 25px;
    }

    form.hsb-form :-ms-input-placeholder { /* IE 10+ */
        font-size: 25px;
    }

    form.hsb-form :-moz-placeholder { /* Firefox 18- */
        font-size: 25px;
    }

    form.hsb-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      line-height: 33px;
    }

    form.hsb-form textarea::-moz-placeholder { /* Firefox 19+ */
      line-height: 33px;
    }

    form.hsb-form textarea:-ms-input-placeholder { /* IE 10+ */
      line-height: 33px;
    }

    form.hsb-form textarea:-moz-placeholder { /* Firefox 18- */
      line-height: 33px;
    }

    form.hsb-form .hsb-form-wrapper {
        padding: 0 60px;
    }

    form.hsb-form .next-step, form.hsb-form .prev-step, form.hsb-form button.submit {
        height: 60px;
        width: 60px;
        line-height: 60px;
    }

    form.hsb-form input, form.hsb-form textarea {
        height: 60px;
    }

    form.hsb-form input {
        line-height: 60px;
    }

    form.hsb-form i {
        line-height: 58px;
        padding-top: 0;
    }

    form.hsb-form div.step {
        display: none;
    }

    form.hsb-form button.submit i {
        font-size: 30px !important;
    }

    form.hsb-form textarea {
        font-size: 12px;
        line-height: 14px;
        padding: 5px;
    }

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

    #featured_works_1,
    #featured_works_2,
    #featured_works_3,
    #featured_works_4,
    #featured_works_5 {
        height: 100vh;
    }

    .serviceTableCell {
        padding: 0 35px;
        box-sizing: border-box;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 30px;
        line-height: 30px;
        padding: 0 35px;
    }

    #service-step-1 p:before, #service-step-4 p:before {
        max-width: 100%;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 20px;
        line-height: 20px;
        padding: 20px 35px 0;
    }

    .animotion-top-to-bottom .serviceTableCell,
    .animotion-left-to-right .serviceTableCell,
    .animotion-bottom-to-top .serviceTableCell,
    .animotion-right-to-left .serviceTableCell {
        padding: 0 35px;
    }

    .service-icon-container,
    .service-title-container,
    .service-text-container {
        max-width: 100%;
    }

    .service-title-container, .service-text-container {
        margin: 0 !important;
    }

    .service-text-container {
        margin-top: 10px !important;
    }

    .service-title-container h3, .service-title-container h4 {
        font-size: 25px;
        line-height: 25px;
    }

    .service-text-container {
        font-size: 18px;
        line-height: 20px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2:before {
        height: 32px;
        left: 25px;
        width: 40px;
        background-size: contain;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p {
        line-height: 20px;
    }

    .hd-desktop {
        display: none;
    }

    .hd-mobile {
        display: block;
    }

    #itemListLeading .blog-itemView-table:first-child {
        height: 100vh;
    }

    .blog-itemView-table {
        height: 50vh;
    }

    .blog-itemView-container {
        padding: 0;
    }

    .blog-related-left-column, .blog-related-right-column,
    .portfolio-related-left-column, .portfolio-related-right-column {
        width: 100%;
    }

    .blog-related-left-column .blog-related-article-cell,
    .blog-related-right-column .blog-related-article-cell,
    .blog-related-left-column .blog-related-article-table:last-child .blog-related-article-cell,
    .portfolio-related-left-column .portfolio-related-article-cell,
    .portfolio-related-article-service-cell,
    .portfolio-related-right-column .portfolio-related-article-cell {
        height: 50vh;
    }

    .social-sharing-button > a {
        float: left;
        width: 20%;
    }

    .social-sharing-button {
        width: 100%;
        bottom: 0;
    }

    .social-sharing-button > a:hover {
        width: 20%;
    }

    .parallax-cubes-lvl1, .parallax-cubes-lvl2, .parallax-cubes-lvl3 {
        display: none !important;
    }

    #portfolio-featured-section .three-column {
        width: 50%;
    }

    #portfolio-featured-section #featured_works_first_column {
        width: 100%;
    }

    #first_section {
        height: 415px;
    }

    .headerTableCell h4 {
        max-width: 100%;
        padding: 0 20px;
    }

    .FistSectionPost_RightBottom_Container h2, .FirstWork_Section_RightBottom_Container h3 {
        font-size: 25px !important;
        padding: 40px;
        text-align: center;
        line-height: 30px;
    }

    #EvenSection .Box_Right_Container,
    #OddSection .Box_Left_Container {
        padding: 60px !important;
    }

    #EvenSection.SecondAbout_Section .Box_Left_Container {
        width: 100%;
        position: relative;
    }

    #OddSection .Box_Right_Container {
        position: relative;
        width: 100%;
    }

    #OddSection {
        display: flex;
        flex-direction: column-reverse;
    }

    #EvenSection, #OddSection {
        height: auto;
        position: relative;
        width: 100%;
    }

    .FistSectionPost_Left_Container > *, .uk-position-relative, .uk-slideshow, .uk-slideshow li,
    .SecondAbout_Section .Box_Left_Container > div {
        height: 400px;
    }

    .ThirdAbout_Section .Box_Right_Container {
        height: 400px;
    }

    #EvenSection .Box_Left_Container {
        position: static;
        width: 100%;
    }

    .hd-desktop::before, .hd-desktop::after, .hd-mobile::before, .hd-mobile::after {
        height: 3vh;
    }

    .headerTableCell h4 {
        font-size: 45px;
        line-height: 50px;
    }

    .canvas-wrapper {
        display: flex;
    }

    .uk-navbar-nav > li > a {
        font-size: 25px;
        line-height: 38px;
    }

    .menu-open #logo-white,
    .menu-open .hd-headerbar .hsb-logo {
        height: 40px !important;
    }

    #right-canvas-menu .widget_nav_menu::before {
        top: 40px;
    }

    #right-canvas-menu .uk-nav.uk-nav-parent-icon.uk-nav-side {
        margin-top: 70px;
    }

    .headerTableCell h4 {
        font-size: 33px;
        line-height: 33px;
    }

    .worko-tabs .tab, .form-fixed-nav.fixed .tab {
        font-size: 14px;
        line-height: 18px;
        padding: 20px 0;
    }

    .form-fixed-nav.fixed {
        position: static;
    }

    .form-left-container > h3, .form-right-container > h3, .title_slider {
        font-size: 20px;
    }

    #service-step-4 h3 {
        max-width: 100%;
    }

    .portfolio-related-article-cell.next-work-are-you {
        display: none;
    }

    .portfolio-related-article-container {
        display: flex;
        flex-flow: wrap;
    }

    .portfolio-related-article-service-table {
        display: none;
    }

}

@media screen and (max-width: 667px) {

    #first_section {
        height: 370px;
    }

    .cat-item-text-hover-img {
        padding: 0 25px;
    }

    .cat-item-text-hover-img h4, .company-special-text h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 640px) {

    .headerquarter-container > p {
        float: left;
        width: 50%;
        margin: 0;
    }

    .headerTable h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .main-text-wrapper {
        padding: 50px 20px;
    }

    .article-view h1,
    .category-view h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .main-text-wrapper > h3 {
        font-size: 20px;
        line-height: 25px;
    }

    #featured_works_modules .two-column {
        width: 100%;
        float: none;
    }

    #featured_works_1,
    #featured_works_2,
    #featured_works_3,
    #featured_works_4,
    #featured_works_5 {
        height: 50vh;
    }

    .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 {
        width: 100%;
    }

    .company-inner-wrapper {
        max-width: 100%;
        padding: 35px;
    }

    .company-inner-wrapper p {
        margin-bottom: 0;
    }

    .customer-staff-footer-container > .uk-grid > div {
        width: 100%;
    }

    .cat-item-text-hover-img:before, .company-special-text:before {
        display: none;
    }

    .cat-item-text-hover-img {
        width: 80%;
        padding: 0;
    }

    #tm-bottom-b,
    #tm-bottom-b .uk-panel.uk-panel-box.customized-solutions {
        height: auto;
        min-height: auto;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell {
        display: block;
        text-align: center;
        width: 100%;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        padding: 0;
        margin-bottom: 10px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2:before {
        display: none;
    }

    #blog_article_1.blog_article {
        height: auto !important;
    }

    #blog_article_1 > div:first-child {
        display: none;
    }

    .first-blog-article-wrap {
        padding: 10px 30px 30px 85px;
    }

    #itemListLeading .uk-grid:nth-child(2n+2) .uk-width-1-1:first-child {
        left: 0;
    }

    #itemListLeading .uk-grid:nth-child(2n+2) .uk-width-1-1:last-child {
        right: 0;
    }

    .cat-item-text-hover-img {
        height: auto;
        padding: 50px 0;
        position: relative;
        text-align: center;
    }

    .cat-item-text-wrap {
        padding: 35px;
        max-width: 100%;
        text-align: center;
    }

    .portfolioItemContainer {
        width: 100% !important;
    }

    h3, .uk-h3 {
        font-size: 18px;
        line-height: 20px;
    }

    #itemListLeading .blog-itemView-table:first-child .data-created {
        font-size: 14px;
    }

    #itemListLeading .blog-itemView-table:first-child h3 {

        max-width: 100%;
    }

    .blog-itemView-cell .blog-itemView-image {
        background-size: auto 100% !important;
    }

    #itemListLeading .blog-itemView-table:hover .blog-itemView-image {
        background-size: auto 110% !important;
    }

    #video-message .headerHome_Title p {
        font-size: 50px;
        line-height: 45px;
    }

    #first_section {
        height: 350px;
    }

}

@media screen and (max-width: 568px) {

    #video-background-container video {
        display: none;
    }

    #video-background-container {
        background: url("../../../../video/homepage2.jpg") no-repeat scroll center center transparent;
        height: 430px;
    }

    #first_section {
        height: 430px;
    }

    .cat-item-text-hover-img .btn.cta.cta-purple {
        margin: 25px auto 0;
        width: 15%;
    }

    .footer-box-wrapper #main_square {
        bottom: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -35px;
        transform: rotate(360deg);
        width: 22px;
    }

    .footer-box-wrapper .title-container {
        text-align: center;
    }

    .footer-box-wrapper .btn.cta {
        margin: 0 auto;
    }

    .footer-box-wrapper > p {
        max-width: 100%;
        text-align: center;
    }

    .SubCategory-View .headerTableCell h4, .service_post_view .headerTableCell h4 {
        font-size: 24px;
        line-height: 30px;
        max-width: 100%;
    }

    .headerTable h3, .top-title-container h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .SubCat_Wrapper h1 {
        padding: 0 0 15px !important;
    }

    .itemView-table {
        width: 100%;
    }

    .Advice {
        padding: 50px;
        text-align: center;
        width: 100%;
    }

    .Advice::before {
        display: none;
    }

    .portfolioItemContainer {
        width: 100% !important;
    }

    .portfolioWebSiteLinkContainer .btn.cta {
        width: 35%;
    }

    .SectionClients .uk-width-1-4 {
        width: 100%;
    }

    .form-left-container {
        padding: 85px 30px;
    }

    .form-left-container h3 {
        max-width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .form-left-container .row, #contactForm-LavoraConNoi .form-right-container .row {
        display: block;
    }

    .container-w6 {
        margin: 0 0 30px;
        position: relative;
        width: 100%;
    }

    .form-left-container h3, .form-right-container h3 {
        max-width: 100%;
    }

    .form-right-container > h3 {
        padding-left: 15%;
    }

    .button-container .btn.cta {
        width: 65%;
    }

    #contactForm-RichiediPreventivo .form-left-container h3 {
        margin-top: 18px;
        max-width: 100%;
        padding-left: 0;
        padding-top: 5px;
        text-align: center;
    }

    .select_option_service {
        display: block;
    }

    .select_option_service span {
        width: 100% !important;
    }

    .form-left-container > h3, .option_form_container > h3 {
        font-size: 20px;
    }

    .worko-tabs .tab {
        font-size: 13px;
        line-height: 16px;
        padding: 18px;
    }

    .form-left-container h3::before {
        height: 43px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -55px;
        width: 65px;
    }

    .option_form_container {
        margin-top: 80px;
    }

    .form-fixed-nav.fixed {
        position: static;
    }

    .form-fixed-nav.fixed .tab {
        font-size: 13px;
        line-height: 16px;
        padding: 18px;
        transition: all 0.1s ease 0s;
    }

    .form-left-container > h3 {
        padding-top: 25px !important;
    }

    .upload-file-container .container-w12 {
        margin: 0 !important;
    }

    .uploadfieldtrick > h4 {
        font-size: 14px;
    }

    .container-w12 {
        margin: 20px 0;
    }

    #contactForm-LavoraConNoi .form-right-container {
        padding: 60px 30px 40px;
    }

    span.wpcf7-not-valid-tip {
        top: -57px;
        width: 200px;
    }

    .privacy-container span.wpcf7-not-valid-tip {
        left: 15px;
        top: -40px;
    }

    .title_slider {
        font-size: 20px;
        padding: 0;
        text-align: center;
    }

    .title_slider::before {
        left: 0;
        margin: 0 auto;
        right: 0;
        top: -60px !important;
    }

    .slider_range_container {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
    }

    .range-container {
        margin: 50px 0;
        padding: 0 40px;
    }

    .euro-range, .k-range, input#slider_range_budget-single-slider, input#slider_range_tempistiche-single-slider {
        font-size: 35px;
    }

    input#slider_range_budget-single-slider, input#slider_range_tempistiche-single-slider {
        width: 45%;
    }

    #right-canvas-menu #contact-button.btn.cta {
        font-size: 15px;
        margin: 10px 30px 10px 0;
        padding: 6px 35px;
    }

    .ui-slider .ui-slider-handle {
        background: #fff none repeat scroll 0 0;
        border: 2px solid #411c53;
        border-radius: 50%;
        bottom: 0;
        cursor: pointer;
        height: 45px;
        margin: auto 0;
        outline: medium none;
        top: 0;
        width: 45px;
    }

    .ui-slider-handle .slider-tooltip {
        font-size: 14px;
        top: 13px !important;
    }

    .ui-slider .ui-slider-handle.ui-state-active {
        border: 3px solid #ff7800;
        height: 60px;
        width: 60px;
    }

    .ui-slider .ui-slider-handle.ui-state-active .slider-tooltip {
        font-family: Oswald-Bold;
        font-size: 24px;
        top: 20px !important;
    }

    .budget_range_container.disable_slider::before {
        top: -25px;
    }

    .select_option_service span {
        width: 90% !important;
    }

    #right-canvas-menu .uk-nav.uk-nav-parent-icon.uk-nav-side {
        margin-top: 70px;
    }

    #right-canvas-menu ul > li > a {
        font-size: 15px;
        line-height: 25px;
    }

    .service-icon-container, .service-title-container h3, .service-title-container h4 {
        text-align: center;
    }

    .service-text-container > p {
        text-align: center;
    }
}

/*/////////////--Orizontal mobile--////////////////*/
@media screen and (max-width: 737px) and (min-width: 480px) {

    .tm-navbar {
        height: 210px;
        top: 35px;
    }

    nav .uk-navbar-nav a {
        line-height: 25px;
        font-size: 25px;
    }

    .uk-navbar-nav > li > a {
        padding: 5px 0;
    }

    .menu-active #contact-button {
        line-height: 25px;
        font-size: 12px;
        padding: 0 15px;
    }

    .hd-headerbar.menu-active .hsb-logo,
    .hd-headerbar.menu-active .hsb-logo img {
        height: 50px !important;
    }

    .hd-headerbar.menu-active {
        padding: 25px 0 0 !important;
    }

    .service-title-container h3, .service-title-container h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .service-text-container {
        font-size: 14px;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 25px;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 16px;
    }

    .headerTable h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .customer-logo-container {
        background: #fff none repeat scroll 0 0;
    }

    .headerTable.headerTable-small,
    .headerTable.headerTable-small .headerTableRow {
        height: 100vh;
    }

    .itemViewService .headerTableCell h3,
    .article-view .headerTable h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .article-view h1, .category-view h1 {
        font-size: 25px;
        line-height: 35px;
    }

    .article-view h2,
    .article-view h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .portfolioCategoryInfo h1 {
        padding: 40px 25px;
    }

/*    .service-icon-container {
        display: none;
    }*/
    .service-instruction-block h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .service-instruction-block {
        padding: 0 10px;
    }

    span.title-category-bold {
        font-size: 14px;
        line-height: 15px;
    }

    span.title-category-light {
        font-size: 13px;
        line-height: 18px;
    }
}

@media screen and (max-width: 640px) and (min-width: 480px) {

    #featured_works_1, #featured_works_2, #featured_works_3, #featured_works_4, #featured_works_5 {
        height: 100vh;
    }

    .portfolioParallaxImageContainer {
        bottom: 50%;
    }

    #itemListLeading .blog-itemView-table:first-child h3 {
        font-size: 25px;
        line-height: 25px;
    }

    #itemListLeading .blog-itemView-table:first-child .data-created {
        font-size: 12px;
    }

    .blog-itemView-container h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .blog-itemView-container .data-created {
        font-size: 12px;
    }

    .blog-itemView-cell .blog-itemView-image {
        background-size: 100% auto !important;
    }

    #itemListLeading .blog-itemView-table:hover .blog-itemView-image {
        background-size: 110% auto !important;
    }

    .serviceTable, .serviceTableRow {
        height: auto;
    }

    #service-step-1 .home-service-container, #service-step-1 .serviceTable, #service-step-1 .serviceTableRow,
    #service-step-4 .home-service-container, #service-step-1 .serviceTable, #service-step-4 .serviceTableRow {
        height: 40vh;
    }

    .headerTableCell h4 {
        font-size: 35px;
        line-height: 40px;
    }

    .posts-cat-container.rfp-item.item {
        width: 100% !important;
    }



}

@media screen and (max-width: 480px) {

    .portfolioWebSiteLinkContainer .btn.cta {
       width: 50%;
    }

    .uk-navbar-nav > li > a {
        font-size: 18px;
        line-height: 25px;
    }

    #left-canvas-menu #main_square {
        bottom: auto;
        top: 10px;
        width: 14px;
    }

    #left-canvas-menu .uk-navbar-nav.uk-hidden-small {
        padding-top: 40px;
    }

    #right-canvas-menu ul > li > a {
        font-size: 12px;
        line-height: 18px;
    }

    #right-canvas-menu .widget_nav_menu::before {
        font-size: 15px;
        top: 45px;
    }

    #right-canvas-menu .uk-nav.uk-nav-parent-icon.uk-nav-side {
        margin-top: 0;
        padding-top: 100px;
    }

    #right-canvas-menu .widget_nav_menu::before {
        font-size: 15px;
        top: 75px;
    }

    .posts-cat-container.rfp-item.item {
        width: 100% !important;
        min-height: 160px;
        padding: 20px 10px !important;
    }

    .posts-cat-container p {
        font-size: 14px;
        line-height: 20px;
    }

    .posts-cat-container a.btn-filter-post {
        bottom: -12px;
    }

    .service-instruction-block h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .service-instruction-block {
        padding: 0 10px;
    }

    span.title-category-bold {
        font-size: 14px;
        line-height: 15px;
    }

    span.title-category-light {
        font-size: 13px;
        line-height: 18px;
    }

    .img-category-filter {
        width: 100px !important;
        margin-top: 10px;
    }

    .rfp-filter ul li a {
        padding: 0 0 50px;
    }

    .rfp-filter ul li a.active:before {
        border-width: 0 15px 15px 15px;
    }
}

@media screen and (max-width: 414px) {

    #article-pre-footer-container .owl-item.active {
        opacity: 1;
    }

    #article-pre-footer-container .item {
        padding: 25px 40px;
    }

    #article-pre-footer-container .owl-nav .owl-next,
    #article-pre-footer-container .owl-nav .owl-prev {
        border: 0;
        width: 40px;
    }

    .tm-navbar.submenuOpen {
        padding-top: 200px;
        box-sizing: border-box;
    }

    .uk-dropdown {
        width: 90% !important;
        margin: 5px auto;
    }

    .serviceTable h1 {
        font-size: 25px;
        line-height: 25px;
    }


    #preloader .preloader-animotion {
        height: 15vw;
        width: 15vw;
    }

    .home-service-container {
        height: auto;
        padding: 20px 0;
    }

    .service-icon-container img {
        max-width: 200px;
        margin-bottom: 20px;
    }

    .serviceTable, .serviceTableRow {
        height: auto;
    }

    .menu-active.stiky-nav #logo-white {
        height: 50px;
        width: 50px;
    }

    .contact-info-container {
        margin-top: 100px;
    }

    .contact-info-container h3,
    .contact-info-container p {
        text-align: center;
    }

    form.hsb-form .next-step,
    form.hsb-form .prev-step,
    form.hsb-form button.submit {
        width: 40px;
    }

    form.hsb-form .next-step i, form.hsb-form .prev-step i, form.hsb-form button.submit i {
        font-size: 40px;
    }

    form.hsb-form .hsb-form-wrapper {
        padding: 0 40px;
    }

    form.hsb-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 18px;
    }

    form.hsb-form ::-moz-placeholder { /* Firefox 19+ */
        font-size: 18px;
    }

    form.hsb-form :-ms-input-placeholder { /* IE 10+ */
        font-size: 18px;
    }

    form.hsb-form :-moz-placeholder { /* Firefox 18- */
        font-size: 18px;
    }

    form.hsb-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      line-height: 51px;
    }

    form.hsb-form textarea::-moz-placeholder { /* Firefox 19+ */
      line-height: 51px;
    }

    form.hsb-form textarea:-ms-input-placeholder { /* IE 10+ */
      line-height: 51px;
    }

    form.hsb-form textarea:-moz-placeholder { /* Firefox 18- */
      line-height: 51px;
    }

    form.hsb-form input {
        font-size: 18px !important;
    }

    .headerTable.headerTable-small, .headerTable.headerTable-small .headerTableRow {
        height: 100vh;
    }

    .article-view h1,
    .article-view h2,
    .category-view h1  {
        font-size: 20px;
        line-height: 25px;
    }

    .category-view h1 {
        padding: 25px;
    }

    .portfolioParallaxCellTextContainer h3,
    .portfolioParallaxCellTextContainer h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .portfolioWideImage {
        padding: 0;
    }

    .portfolioParallaxContainer {
        height: 200px;
        margin: 50px 0;
    }

    .portfolioTableGameContainer{
        height: 250px;
        margin: 50px 0;
    }

    .portfolioParallaxImageContainer img {
        max-width: none;
        width: 200% !important;
    }

    .contact-info-container {
        margin-top: 30px;
    }

    .project-navigation .navigation-wrapper a {
        font-size: 0;
    }

    .ion-ios-arrow-left.navigation-blog, .ion-ios-arrow-right.navigation-blog {
        margin: auto;
        left: 0;
        right: 0;
    }

    #top-brand-container .uk-width-1-8 {
        width: 33.33%;
    }

    #portfolio-featured-section .three-column {
        width: 100%;
    }

    .hsb_brand_section_wrapper .uk-width-1-6 {
        width: 33.33%;
    }

    #video-message .headerHome_Title p {
        font-size: 45px;
        line-height: 42px;
    }

    #right-canvas-menu .widget_nav_menu {
        max-width: 75%;
        position: relative;
    }

    #right-canvas-menu ul > li > a {
        font-size: 20px;
        line-height: 22px;
    }

    #right-canvas-menu.canvas-menu {
        padding: 30px 0;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p {
        font-size: 13px;
        line-height: 20px;
    }

    .uk-panel.uk-panel-box.customized-solutions.eds-on-scroll.eds-scroll-hidden.eds-scroll-visible {
        padding: 30px 0;
    }

    .certificati-container {
        display: none;
    }

    .headquarter-block {
        width: 100%;
    }

    .footer-copyright-menu-container .uk-container.uk-container-center .footer-copy-menu-container {
        box-sizing: border-box;
        display: block;
        padding-bottom: 45px;
    }

    .headerTableCell h4 {
        font-size: 33px;
        line-height: 36px;
        max-width: 100%;
        padding: 0 20px;
    }

    .staff-container .uk-width-1-4 {
        width: 100%;
    }

    .SectionClients .uk-width-1-4 {
        width: 100%;
    }

    .footer-box-wrapper > p {
        margin: 5px auto 30px;
        text-align: center;
    }

    .canvas-menu {
        height: 50vh;
    }

    .canvas-wrapper {
        display: block;
    }

    .menu-open #logo-white,
    .menu-open .hd-headerbar .hsb-logo {
        height: 40px !important;
    }

    .uk-navbar-nav > li > a {
        font-size: 22px;
        line-height: 28px;
    }

    #left-canvas-menu #main_square {
        top: 11px;
    }

    #right-canvas-menu ul > li > a {
        font-size: 12px;
        line-height: 18px;
    }

    #right-canvas-menu .widget_nav_menu::before {
        font-size: 15px;
    }

    #right-canvas-menu.canvas-menu {
        padding: 10px 0;
    }

    #left-canvas-menu .uk-navbar-nav.uk-hidden-small {
        margin-top: 35px;
    }

    #left-canvas-menu {
        padding: 0;
        position: relative;
    }


    #first_section {
        height: 100vh;
    }

    #video-background-container {
        height: 100%;
    }

    #right-canvas-menu .uk-nav.uk-nav-parent-icon.uk-nav-side {
        margin-top: 0;
        padding-top: 0;
    }

    #right-canvas-menu .widget_nav_menu::before {
        font-size: 15px;
        top: -30px;
    }

    #right-canvas-menu.canvas-menu {
        padding: 0;
    }

    #euCookieAcceptWP.btn.cta {
        display: block;
        margin: 10px auto;
    }

    #eu-cookie-bar a {
        display: block;
    }

    #video-message {
        height: 100%;
        padding: 0 25px;
    }

    .menu-open #logo-white, .menu-open .hd-headerbar .hsb-logo {
        height: 40px;
        margin-left: -8px;
    }

    #logo-white {
        height: 55px;
        transition: all 0.5s ease 0s;
    }

    .hd-headerbar .hsb-logo {
        height: 55px;
        margin-left: -15px;
        transition: all 0.5s ease 0s;
    }

    #brand-slider .item {
        width: auto;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 5px 0;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 18px;
        line-height: 23px;
        padding: 0;
    }

    .service-text-container {
        font-size: 15px;
        line-height: 24px;
    }

    #service-step-1 .service-icon-container > img, #service-step-4 .service-icon-container > img {
        margin-bottom: 0;
    }

    #fixed-animation-container .uk-grid {
        margin-bottom: 20px;
    }

    .service-icon-container {
        margin-bottom: 12px !important;
    }

    .uk-panel.uk-panel-box.customized-solutions {
        padding: 20px 0;
    }

    #tm-bottom-b .uk-panel-box {
        padding: 20px 0;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p {
        font-size: 12px;
        line-height: 20px;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 91vh;
    }

    .is-sticky .form-fixed-nav .tab {
        font-size: 13px;
        line-height: 16px;
        padding: 18px;
        transition: all 0.1s ease 0s;
    }

    .slider_range_container .disable_budget label, .select_option_service .wpcf7-list-item label > span, .privacy-container label > span {
        font-size: 12px;
    }

    .accordion > label::after {
        border: 2px solid;
        border-radius: 50%;
        color: #ff7800;
        content: "+";
        cursor: pointer;
        font-size: 25px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        padding: 6px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transition: all 0.2s ease 0s;
        width: 16px;
    }

    .accordion > .accordion-toggle:checked ~ section {
        box-sizing: border-box;
        height: 200px;
        overflow: scroll;
        padding: 20px;
        position: relative;
        transition: all 0.2s ease 0s;
    }

    .accordion p, .accordion li {
        font-size: 12px;
        line-height: 22px;
    }

    .form-left-container {
        padding: 180px 30px;
    }

    .form-left-container {
        padding: 180px 30px 80px;
    }

    .accordion > .accordion-toggle:checked ~ section::before {
        width: 100%;
        height: 35px;
    }

    .wireframe-container-table .member-staff-text-cell {
        padding: 40px;
    }

    .service-related-article-container .post_list_filter_content_container {
        width: 60%;
    }

    #service-post-related .icona-post-filter {
        width: 15%;
    }

    .post_list_filter_content_container h3 {
        font-size: 15px !important;
        margin-bottom: 5px;
    }

    #service-post-related span.ion-chevron-right {
        font-size: 30px;
        margin-left: 15px;
    }

    .view-all-service {
        text-align: center;
    }
}


@media screen and (max-width: 375px) {
    .social-footer > img {
        width: 75%;
    }

    .social-footer {
        margin: 0 5px;
    }

    .footer-top-container {
        padding: 45px 0;
    }

    .headerTableCell h4 {
        font-size: 28px;
        line-height: 30px;
        max-width: 100%;
        padding: 0 20px;
    }

    .SubCategory-View .headerTableCell h4, .service_post_view .headerTableCell h4 {
        font-size: 21px;
        line-height: 26px;
        max-width: 100%;
    }

    .headerTable h3, .top-title-container h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .privacy-container label > span {
        font-family: Oswald-Light;
        font-size: 11px;
        line-height: 15px;
        margin: 0;
        padding-right: 0;
    }

    .privacy-container span.wpcf7-list-item {
        margin: 0;
    }

    span.wpcf7-not-valid-tip {
        top: -70px;
        width: 200px;
    }

    #left-canvas-menu.canvas-menu {
        padding-bottom: 10px;
    }

    .uk-navbar-nav > li > a {
        font-size: 23px;
        line-height: 30px;
    }

/*    .canvas-wrapper {
        overflow-y: scroll;
    }*/

    #left-canvas-menu .uk-navbar-nav.uk-hidden-small {
        margin-left: 7px;
        margin-top: 35px;
        padding-left: 18px;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 80vh;
    }

    .form-inner-container {
        padding-top: 10px !important;
    }

    span.wpcf7-not-valid-tip {
        font-size: 11px !important;
    }

    #brand-slider .item {
        height: 145px;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 17px;
        line-height: 22px;
        padding: 0;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 5px 0;
    }

    .FirstWork_Section, .FirstPost_Section {
        padding: 50px 30px;
    }

    .FirstWork_Section, .FirstPost_Section {
        padding: 50px 30px;
    }

    .FistSectionPost_RightBottom_Container h2, .FirstWork_Section_RightBottom_Container h3 {
        font-size: 23px;
        line-height: 27px;
        padding: 35px 20px;
        text-align: center;
    }

    #EvenSection .Box_Right_Container, #OddSection .Box_Left_Container {
        padding: 40px;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 90vh;
    }

    .form-left-container {
        padding: 180px 15px 80px;
    }

    .accordion > label::after {
        top: 5px;
    }

    .row.bottom-form-container {
        margin-top: 30px;
        padding: 0 15px;
    }

    .slider_range_container .disable_budget label::before, .select_option_service .wpcf7-list-item label > span::before, .privacy-container label > span::before {
        border: 2px solid #3d174f;
        bottom: 0;
        content: " ";
        display: block;
        height: 15px;
        left: 0;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 15px;
        z-index: -1;
    }

    .slider_range_container .disable_budget label, .select_option_service .wpcf7-list-item label > span, .privacy-container label > span {
        font-size: 12px;
        padding-left: 30px;
    }

    #contactForm-RichiediPreventivo .option_form_container {
        margin-top: 80px;
        text-align: center;
    }

    #contactForm-RichiediPreventivo .option_form_container .wpcf7-list-item-label {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #contactForm-Contact .row.bottom-form-container {
        margin-top: 30px;
        padding: 0;
    }

    .form-right-container {
        background: #ebebeb none repeat scroll 0 0;
        padding: 80px 20px 0;
    }

    .accordion > label::after {
        border: 2px solid;
        border-radius: 50%;
        color: #ff7800;
        content: "+";
        cursor: pointer;
        font-size: 20px;
        font-weight: 300;
        height: 14px;
        line-height: 14px;
        padding: 4px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 8px !important;
        transition: all 0.2s ease 0s;
        width: 14px;
    }

    .form-left-container > h3, .option_form_container > h3 {
        font-size: 16px;
        line-height: 22px;
    }

    #contactForm-LavoraConNoi .form-right-container {
        padding: 60px 15px 40px;
    }
}
@media screen and (max-width: 360px) {

    #video-message .headerHome_Title p {
        font-size: 40px;
        line-height: 40px;
    }

    #left-canvas-menu .uk-navbar-nav.uk-hidden-small {
        margin-left: 7px;
        margin-top: 18px;
        padding-left: 18px;
    }

    #left-canvas-menu.canvas-menu {
        padding-bottom: 0;
    }

    .service-text-container {
        font-size: 14px;
        line-height: 23px;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
    }

    #service-step-1 p, #service-step-4 p {
        font-size: 11px;
        line-height: 15px;
        padding: 20px 5px 0;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell h2 {
        font-size: 20px;
        line-height: 23px;
    }

    .uk-panel.uk-panel-box.customized-solutions .customized-solutions-cell p {
        font-size: 11px;
        line-height: 19px;
    }

    #logo-white {
        height: 50px;
        transition: all 0.5s ease 0s;
    }

    .hd-headerbar .hsb-logo {
        height: 50px;
        margin-left: -20px;
        transition: all 0.5s ease 0s;
    }

    .accordion > .accordion-toggle:checked ~ section::before {
        box-sizing: border-box;
        height: 35px;
        padding: 8px 0;
        width: 100%;
    }

    #contactForm-RichiediPreventivo .row.bottom-form-container {
        margin-top: 30px;
        padding: 0;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 80vh;
    }

    .form-left-container {
        padding: 130px 15px 80px;
    }

}

@media screen and (max-width: 320px) {

    .social-footer-container {
        padding: 0 15px;
    }

    #video-message .headerHome_Title p {
        font-size: 32px;
        line-height: 32px;
    }

    #contact-button.btn.cta {
        cursor: pointer;
        font-size: 10px;
        padding: 8px 10px;
        width: 100%;
    }

    #logo-white {
        height: 45px;
        transition: all 0.5s ease 0s;
    }

    .hd-headerbar .hsb-logo {
        height: 45px;
        margin-left: -25px;
        transition: all 0.5s ease 0s;
    }

    #service-step-1 h1, #service-step-4 h3 {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
    }

    #service-step-1 p, #service-step-4 p {
        padding: 20px 0 0;
    }

    .social-footer-container {
        padding: 0;
    }

    .hd-headerbar .hsb-logo {
        margin-left: -10px;
    }

    .uk-navbar-nav > li > a {
        font-size: 16px;
        line-height: 18px;
    }

    #left-canvas-menu #main_square {
        width: 10px;
    }

    .hd-headerbar, html.no-scroll .hd-headerbar.stiky-nav.stiky-nav-active {
        padding: 10px 0;
    }

    #right-canvas-menu ul > li > a {
        font-size: 10px;
        line-height: 10px;
    }

    .headerTableCell h4 {
        font-size: 16px;
        line-height: 22px;
        max-width: 100%;
        padding: 0 10px;
    }

    .headerTable h3, .top-title-container h3 {
        font-size: 20px;
        line-height: 22px;
    }

    .top-title-container #main_square {
        width: 18px;
    }

    .category-view p, .article-view p {
        font-size: 13px;
        line-height: 24px;
    }

    .worko-tabs .tab {
        font-size: 11px;
        line-height: 14px;
        padding: 16px;
    }

    .page-contact .headerTableRow, .page-contact .headerTableContainer {
        height: 88vh;
    }

    .slider_range_container .disable_budget label, .select_option_service .wpcf7-list-item label > span, .privacy-container label > span {
        font-size: 11px;
        padding-left: 23px;
    }

    .slider_range_container .disable_budget label::before, .select_option_service .wpcf7-list-item label > span::before, .privacy-container label > span::before {
        left: -10px;
    }

    #contactForm-Contact .row.bottom-form-container {
        margin-top: 30px;
        padding: 0 15px;
    }

    .privacy-container input[type="checkbox"]:checked + span::after {
        border-right: 4px solid #ff7800;
        border-top: 4px solid #ff7800;
        content: "";
        display: block;
        height: 25px;
        left: -10px;
        position: absolute;
        top: 20px;
        transform: scaleX(-1) rotate(135deg);
        transform-origin: left top 0;
        transition: all 0.1s ease 0s;
        width: 10px;
    }

    span.title-category-bold {
        font-size: 13px;
    }

    span.title-category-light {
        font-size: 11px;
        line-height: 14px;
    }
}


/*MOD HOMEPAGE SERVIZI MOBILE PARALLAX E DOPPIO H1 FIX*/
@media screen and (max-width: 512px) {


.certificati-container > img {
    margin-right: 0px;
}

#service-step-1 h1, #service-step-4 h3 {
    font-size: 21px;
    line-height: 24px;
    padding: 0px;
}


.service-title-container h3, .service-title-container h4 {
    font-size: 15px;
    line-height: 19px;
}

#service-step-1 .home-service-container, #service-step-1 .serviceTable, #service-step-1 .serviceTableRow {
    height: 40vh;
}

#fixed-animation-container {
    padding: 0 0 10vh;
}

.serviceTableCell {
    box-sizing: border-box;
    padding: 0 25px;
}


/*.service-icon-container {
    display: none;
}*/

.service-icon-container img {
    margin-bottom: 10px;
    max-width: 100px;
}

.home-service-container {
    height: auto;
    padding: 5px 0;
}
}

.portfolioItemContainer:hover .portfolioCatItemImage {
    opacity: 0.8;
    transform: scale(1.1);
    transition: all 1.5s ease 0s;
}

.portfolioItemContainer a:hover .portfolioCatItemSiteBrandContainer {
    opacity: 1;
    transition: all 1.5s ease 0s;
    z-index: 999;
}

.portfolio-related-article-cell {
    background-size: cover !important;
}
a.black-text-link {
    position: relative;
    display: inline-block;
    margin-left: -15px;
    margin-bottom: 0px;
    padding: 0px 60px 0px 15px;
    background: none;
}

a.black-text-link span {
    position: relative;
    z-index: 2;
}

a.black-text-link:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    width: 25%;
    height: 1px;
    background: #26282a;
    transition: 300ms ease-out;
    z-index: 20;
}

a.white-text:before {
 
    background: #ffffff;

}

a.black-text-link:hover:before {
width: 100%;
background: #ed515e;
right: -5px;
}

.black-button-arrow {
    position: absolute;
    margin-top: 11px;
    margin-left: 9px;
    -moz-transition: .2s linear;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    cursor: pointer
}





@media (max-width:767px) {
    .black-button-arrow {
        margin-top: 9.6px;
    }
}

@media (max-width:567px) {
    .black-button-arrow {
        margin-top: 8.6px;
    }
}

/* Landscape phones and down */
@media (min-width: 321px) and (max-width: 480px) {
 .black-button-arrow {
        margin-top: 10.2px;
    } 
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  
   .black-button-arrow {
        margin-top: 9.6px;
    } 
  
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .black-button-arrow {
        margin-top: 9px;
    } 
  
}




a.black-text-link:hover .st1 {
    fill: #ed515e;
}
a.black-text-link:hover .black-button-arrow {
    transform: translateX(5px);
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.circle{
width: 50px;
border: 2px solid #CCCCCC;
height: 50px;
margin: 2px;
display: inline-block;
line-height: 50px;
vertical-align: middle;
font-size: 10px;
color: #fff;
}

.circle:hover
{
background-image: none;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
transition: 300ms ease-out;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
transition: 300ms ease-out;
}

#blue{
border-radius: 50%;
background: #2584BC;

}
#blue2{
border-radius: 50%;
background: #61B0E9;

}
#blue3{
border-radius: 50%;
background: #2281BB;

}

#blue4{
border-radius: 50%;
background: #13496D;

}

#blue5{
border-radius: 50%;
background: #013983;

}

#blue6{
border-radius: 50%;
background: #a0d7dd;

}

#blue7{
border-radius: 50%;
background: #70cbd2;

}

#red{
border-radius: 50%;
background: #9F0006;

}
#red2{
border-radius: 50%;
background: #F9263B;

}


#grey{
border-radius: 50%;
background: #555151;

}
#grey2{
border-radius: 50%;
background: #D0D0D0;

}

#grey3{
border-radius: 50%;
background: #A8ACB1;

}

#green{
border-radius: 50%;
background: #7D9A30;

}

#green2{
border-radius: 50%;
background: #607624;

}

#green3{
border-radius: 50%;
background: #97CB97;

}
#green4{
border-radius: 50%;
background: #51E355;

}

#green5{
border-radius: 50%;
background: #91C700;

}

#green6{
border-radius: 50%;
background: #476A04;

}

#green7{
border-radius: 50%;
background: #55D123;

}

#green8{
border-radius: 50%;
background: #189F86;

}

#yellow {
border-radius: 50%;
background: #E1CF3D;

}

#yellow2 {
border-radius: 50%;
background: #FEC909;

}

#charcoal {
border-radius: 50%;
background: #202125;

}

#gold {
border-radius: 50%;
background: #F5A73A;

}

#white {
border-radius: 50%;
background: #ffffff;

}
#black {
border-radius: 50%;
background: #000000;

}


#gold {
border-radius: 50%;
background: #DCCC98;

}

#burgandy {
border-radius: 50%;
background: #3C0302;

}
#pink {
border-radius: 50%;
background: #ec008c;

}


#carbon {
border-radius: 50%;
background: #484848;

}