/* CSS

 ____________________________________________________________
|                                                            |
|    ENGINE + Complic { http://complic.eu }                  |
|      DATE + Agosto 2019                                    |
|   CREDITS + Complic                                        |
| COPYRIGHT + Copyright Complic Studio 2019                  |
|____________________________________________________________|

*/

*, :after, :before {
    box-sizing: border-box;
    margin: 0px;
	padding: 0px;
}
* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Poppins', sans-serif !important;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, .label, .form  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section  {
	display: block;
}
ul,ol,li  {
	list-style: none;
}
blockquote, q  {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after  {
	content: '';
	content: none;
}
table  {
	border-collapse: collapse;
	border-spacing: 0;
}
body  {
	line-height: 1;
	behavior: url(IE_hover.htc);
	overflow-x: hidden;
	background-color: #000;
	color: #414141;
    font-size: 15px;
	letter-spacing: 0.5px;
}
hr {
    border-color: #ebebeb;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    box-sizing: content-box;
    height: 0;
}
li, p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .02em;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000;
}
h1, h2 {
    letter-spacing: normal;
    text-transform: none;
}
h1 {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 40px;
}
h2 {
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 10px;
}
h3 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: normal;
}
h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .02em;
    margin-bottom: 36px;
}
h5, h6 {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
h6 {
    color: #999;
}
.center  {
	text-align: center;
}
p.mb0 {
    margin-bottom: 0;
}
p.lead {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .02em;
    margin-bottom: 40px;
    text-transform: none;
}
.link, a {
    color: #999;
    text-decoration: underline;
    cursor: pointer;
}
.link:focus, .link:hover, a:focus, a:hover {
    color: #999 !important;
    text-decoration: none;
}
label, .label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.font-muli  {
	font-family: 'Muli', sans-serif;
	letter-spacing: 0.5px;
}
.font-playfair  {
	font-family: 'Playfair Display', serif;
	letter-spacing: 1px;
}
blockquote, p.hero-lead {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    border: 0;
    padding: 40px 0;
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
    width: auto;
}
p.hero-lead.subsection  {
	border-top: none;
	padding-bottom: 20px;	
}
.wrap-fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.wrap-fields > div:first-child {
    margin-right: 30px;
}
.wrap-fields > div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.landing_localita {
	display: none;
}

/* Input */
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
input[type=checkbox].styled {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    line-height: 1em;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    vertical-align: text-top;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    outline: none;
    position: relative;
    margin: 0;
    margin-right: 15px;
    margin-top: 2px;
    background-color: rgba(34,45,51,.05);
    border: 1px solid rgba(34,45,51,.05);
}

/* homepage scroll invert*/
.herowrapper  {
	width: 100vw;
	display: block;
	height: 100vh;
	top:0px;
	overflow: hidden;
    position: relative;
    box-shadow: 0 4px 15px 0 hsla(0,0%,50%,.25);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.herowrapper .left .image .title  {
	font-size: 14vh;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0px 2px 15px #000;
    white-space: nowrap;
}
.herowrapper .right  {
	top: calc(100vh * 3);
	width: 50vw;
    display: table-cell;
    height: 100vh;
    position: absolute;
    right: 0px;
    pointer-events: none;
}
.herowrapper .right.animation  {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.herowrapper .right .image  {
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.herowrapper .right .image .title  {
	font-size: 14vh;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
}
/*
.content {
    padding-top: 35px;
    opacity: 1;
    margin-top: 0;
    transition: all .4s .6s;
    margin-top: 20px;	
    visibility: visible;
    position: absolute;
    bottom: 50px;
    left: 140px;
    width: 30%;
    color: #fff;
}
*/
.read-more-btn span {
	display: inline-block;
	vertical-align: middle;
}
.read-more-btn svg {
	display: inline-block;
	vertical-align: middle;
    width: 15px;
    height: 15px;
    fill: #FFF;	
}
.read-more-btn > .icon svg {
    width: 20px;
    height: 20px;
    fill: #FFF;
} 
.read-more-btn .font-muli {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .16em;
    text-decoration: none;
    color: #FFF;
}
.read-more-btn > .icon  {
	background-color: #FFF;
    border: 1px solid rgba(255,255,255,0.4);
    color: #FFF;
    border-radius: 15px;
    box-sizing: content-box;
    padding: 8px 15px;
    height: 12px;
    width: 12px;
    transition: all .4s;
    margin-left: 20px;
    display: inline-block;
}
.read-more-btn span {
	color: #fff;
}
.herowrapper .link, .herowrapper a, .herowrapper h1, .herowrapper h2, .herowrapper h3 {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}
.footer  {
	background: #000;
	/*height: 500px;*/
	height: auto;
	width: 100%;
	
}
.home footer {
	top: 0px;
	height: 500px;
	display: block;
	position: relative;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* Buttons */
button  {
	outline: none;
}
.btn, .btn-style-none, .primary-btn, .secondary-btn {
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.btn, .primary-btn, .secondary-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn, .primary-btn, .secondary-btn {
    text-transform: uppercase;
    /* border-radius: 21px; */
    font-size: 12px;
    letter-spacing: .16em;
    text-decoration: none;
    line-height: 22px;
    padding: 9px 40px;
    height: auto;
    transition: all .4s;
}
.secondary-btn.white {
    color: #fff;
    border-color: hsla(0,0%,100%,.2);
}
.secondary-btn {
    border: 1px solid rgba(0,0,0,.2);
    background-color: transparent;
    color: #000;
}

/* SVG Icon */
svg {
    vertical-align: middle;
}
svg.icon {
    width: 20px;
    height: 20px;
}
svg:not(:root) {
    overflow: hidden;
}

/* Red more */
.read-more-btn > span {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .16em;
    text-decoration: none;
    color: #000;
}
.read-more-btn > .icon {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.4);
    color: #000;
    border-radius: 15px;
    box-sizing: content-box;
    padding: 8px 15px;
    height: 12px;
    width: 12px;
    transition: all .4s;
    margin-left: 20px;
}
.col-md-home:hover .read-more-btn > .icon {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

/* sidebar */
sidebar {
    position: fixed;
    top: 50vh;
    left: 15px;
    bottom: 0;
    background-color: #fff;
    text-align: center;
    padding-top: 25px;
    z-index: 53;
    width: 80px;
    height: 80vh;
    transform: translate(0,-50%);
    border-radius: 10px;
}
sidebar logo > svg  {
	width: 35px;
    height: 35px;
}
sidebar logo > svg path  {
	fill: #000;
}
sidebar #sidebar_enquire {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #ebebeb;
    color: #000;
    height: 80px;
    width: 250px;
    margin-bottom: -80px;
    padding: 10px 40px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
	transition: none;
}
sidebar #sidebar_enquire .icon {
    width: 20px;
    height: 17px;
    margin-right: 15px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    padding-right: 1px;
}
sidebar #menu-container  {
	position: absolute;
    top: 70px;
    left: 50%;
    width: 30px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    cursor: pointer;
}
sidebar #menu-container .bars  {
	width: 30px;
    height: 30px;
    position: relative;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
}
sidebar #menu-container .bars span  {
	display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin-top: 4px;
}
sidebar #menu-container .bars span:first-child  {
	margin-top: 9px;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
sidebar #menu-container .bars span:nth-child(3)  {
	width: 65%;
	-webkit-transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
sidebar #menu-container .bars .other-bar  {
	width: 2px;
    height: 0;
    background-color: #000;
    position: absolute;
    top: -8px;
    left: 50%;
    webkit-transition: height 0.4s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: height 0.4s cubic-bezier(0.694, 0.048, 0.335, 1);
    z-index: 10;
}
sidebar #menu-container.is-menu-open .bars  {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
	margin-left: -5px;
}
sidebar #menu-container.is-menu-open .bars span:first-child  {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
}
sidebar #menu-container.is-menu-open .bars span:nth-child(3)  {
	width: 0;
	-webkit-transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
}
sidebar #menu-container.is-menu-open .bars .other-bar  {
	height: 30px;
	-webkit-transition: height 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: height 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

/* Main menu container */
#main_menu_container {
    width: 80px;
    transition: width .8s;
    background-color: #fff;
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.25);
    z-index: 52;
    position: fixed;
    left: 15px;
    top: 50vh;
    bottom: 0;
    overflow-y: scroll;
    height: 80vh;
    transform: translate(0,-50%);
    border-radius: 10px;
}
#main_menu_container #main_menu {
    /*padding: 160px 0 83px 100px;*/
    /*padding: 125px 0 50px 100px;*/
    padding: 105px 0 50px 100px;
    z-index: 15;
}
#main_menu_container #main_menu #sidebar_logo  {
	position: absolute;
    top: 26px;
    left: 80px;
}
#main_menu_container #main_menu #sidebar_logo svg {
    width: 110px;
    height: 30px;
    display: block;
}
#main_menu_container #main_menu.overflow-auto .sidebar-menu-inner-wrapper {
    overflow-y: auto;
}
#main_menu_container #main_menu .sidebar-menu-inner-wrapper {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#main_menu_container #main_menu .sidebar-menu-top {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
#main_menu_container #main_menu .sidebar-menu-top hr {
    opacity: 0;  /* Solo se bisogna farlo vedere */
	opacity: 1;
    display: block;
    transform: translateY(0px);
}
#main_menu .sidebar-menu-top .menu li {
    padding-bottom: 4px;
    display: list-item;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s;
}
#main_menu .sidebar-menu-top .menu li a {
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .02em;
    color: #000;
    transition: all .4s;
    display: inline-block;
    width: 100%;
    padding: 8px;
    pointer-events: auto;
}
#main_menu_container #main_menu .sidebar-menu-top .menu {
    margin-top: -8px;
    margin-left: -8px;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s;
}
#main_menu_container #main_menu .sidebar-menu-top > hr {
    margin-top: 0;
    margin-bottom: 50px;
    border-color: #ebebeb;
}
#main_menu_container #main_menu .sidebar-menu-bottom  {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
#main_menu_container #main_menu .sidebar-menu-bottom .enquire {
    display: block;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s;
}
#main_menu_container #main_menu .sidebar-menu-bottom #main_menu_enquire {
    margin-left: -20px;
    padding: 20px;
    width: 100%;
    text-align: left;
}
#main_menu_container #main_menu .sidebar-menu-bottom #main_menu_enquire .icon {
    margin-right: 25px;
}
#main_menu_container #main_menu .sidebar-menu-bottom > hr {
    margin-top: 0;
    margin-bottom: 30px;
    border-color: #ebebeb;
}
#main_menu_container #main_menu .sidebar-menu-bottom .contact {
    color: #999;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s;
}
#main_menu_container #main_menu .sidebar-menu-bottom .contact a {
    color: #000;
    display: inline-block;
    padding: 2px 0;
}
#main_menu_container #main_menu .sidebar-menu-bottom .contact .link-tel {
    color: #999;
    text-decoration: none;
}
#main_menu_container #main_menu .sidebar-menu-bottom .contact .address {
    margin-top: 5px;
}
#main_menu_container #main_menu .sidebar-menu-bottom .social {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease-out, transform 0.2s;
    margin-top: 15px;
}
#main_menu_container #main_menu .social-links {
    display: inline-block;
    margin-left: -14px;
    color: #000;
}
#main_menu_container #main_menu .social-links a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    margin: 0 7px;
    transition: color .2s ease-in;
    color: #000;
}
#main_menu_container #main_menu .social-links a .icon {
    width: 18px;
    height: 18px;
}
#main_menu_container #main_menu .social-links a:active, #main_menu_container #main_menu .social-links a:active:focus, #main_menu_container #main_menu .social-links a:focus {
    outline: none;
}
#main_menu_container #main_menu .social-links .inner {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Overlay */
overlay  {
	position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    display: none;
    overflow: hidden;
    z-index: 51;
}

/* Wrapper */
wrapper  {
	/* position: absolute;
    top: 0px;
    left: 80px;
    right: 0px;
    bottom: 0px; */
    background-color: #FFF;
    height: auto;
    display: block;
    overflow: hidden;
}
wrapper section  {
	background-color: #FFF;
}

/* header */
header {
    position: relative;
    height: 800px;
    max-height: 80vh;
    background-color: #fff;
}
body.home header {
    height: 1150px;
    min-height: 580px;
    z-index: 0;
}
header .inner-wrapper  {
	position: relative;
    height: 100%;
    margin: 0 auto;
    width: 1400px;
    max-width: calc(100% - 300px);
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: content-box;
}
header .content {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 600px;
    max-width: 100%;
    z-index: 3;
}
body.home header .logo {
    opacity: 0;
    margin-top: 70px;
    display: inline-block;
    width: 130px;
    height: 31px;
    transition: all .4s;
    position: relative;
    z-index: 1;
}
body.home header .logo h1 > svg {
    color: #FFF;
    width: 100%;
    height: 100%;
}
body.home header .logo h1 > svg path, body.home header .logo h1 > svg rect {
    fill: #FFF;
}​
body.home header .logo h1 {
    margin: 0;
    line-height: 0;
}
body.home header .content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 760px;
    height: 100%;
}
body.home header .content > .inner {
    position: absolute;
    top: 121px;
    bottom: 180px;
    left: 0;
    right: 0;
}
body.home header .content > .inner .text {
    position: absolute;
    top: 50%;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
body.home header  .content>.inner .text h2 {
    color: #fff;
    margin-bottom: 0;
}
body.home header #banner_video_btn, body.home header h2 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	transition: opacity .6s, transform .6s;
}
body.home header .videoLoop {
    z-index: 2;
    background-color: #000;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
body.home header .videoLoop #background_video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
body.home header .videoLoop #video_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
body.home header .videoLoop .videoLoop-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0,0,0,.3);
}
body.home header .banner-img.has-video {
    display: none;
}
body.home header .banner-img.mobile {
    display: none;
}
body header .banner-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 67%;
    z-index: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #ebebeb;
}
body.home header .banner-img {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #222d33;
}
.banner-img.aboutus, .banner-img.web-agency {
	background-image: url(/assets/images/about.jpg);
}
.banner-img.platform {
	background-image: url(/assets/images/platform.jpg);
}
.banner-img.tailormade {
	background-image: url(/assets/images/tailormade.jpg);
}
.banner-img.network {
	background-image: url(/assets/images/network.jpg);
}
.banner-img.solutions {
	background-image: url(/assets/images/solutions.jpg);
}
.banner-img.cloud {
	background-image: url(/assets/images/cloud.jpg);
}
.banner-img.security {
	background-image: url(/assets/images/security.jpg);
}
body.home header .content>.inner .text .secondary-btn {
    margin-top: 30px;
}
body.home header #banner_video_btn, body.home header #home_featured_projects {
    transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,transform .6s;
    transition: opacity .6s,transform .6s,-webkit-transform .6s;
}
body.home header #banner_video_btn, body.home header h2 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	transition: opacity .6s, transform .6s;
}

/* Page content */
body.home #home_featured_projects {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}
body.home #banner_video_btn, body.home #home_featured_projects {
    transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,transform .6s;
    transition: opacity .6s,transform .6s,-webkit-transform .6s;
}
#home_featured_projects .inner-wrapper {
    position: relative;
    margin: 0 auto;
    width: 1400px;
    max-width: calc(100% - 300px);
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: content-box;
}
body.home #page_content {
    margin-top: -180px;
    padding-bottom: 100px;
    z-index: 1;
}
#home_featured_projects .row {
    margin-left: -40px;
    margin-right: -40px;
}
#home_featured_projects .col-md-home {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-left: 40px;
    padding-right: 40px;
    display: inline-block;
    float: left;
    cursor: pointer;
    -webkit-perspective: 300px;
    perspective: 300px;
}
#home_featured_projects .col-md-home a  {
	outline: none;
	text-decoration: none;
}
#home_featured_projects .col-md-home p  {
	color: #414141;
}
#home_featured_projects .col-md-home .img {
    width: 100%;
    height: 20vh;
    padding-bottom: 60%;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    background-color: #000;
    overflow: hidden;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}
#home_featured_projects .col-md-home:hover .img {
	-webkit-transform: rotateX(15deg) scale(.90);
    transform: rotateX(15deg) scale(0.90);
    box-shadow: 0 15px 20px 5px rgba(0,0,0,.2);
}
#home_featured_projects .col-md-home .img svg {
    height: 45%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 9999;
}
#home_featured_projects .col-md-home .img svg path  {
	fill: #FFF;
} 
#home_featured_projects .col-md-home .content {
    padding-top: 35px;
    opacity: 1;
    margin-top: 0;
    transition: all .4s .6s;
    margin-top: 20px;
    visibility: visible;
}
#home_featured_projects .col-md-home .read-more-btn, #home_featured_projects .col-md-home .read-more-btn a {
    outline: none;
    text-decoration: none;
}
#home_featured_projects .col-md-home .img .overlay  {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition: top .4s;
	background-color: rgba(0, 0, 0, 0.50);
}
#home_featured_projects .col-md-home:hover .img .overlay  {
	top: 100vh;
}

/* logo home */
#home_featured_projects .col-md-home.cyber .img  {
	background-color: #3a3a3a;
}
#home_featured_projects .col-md-home.cyber .img svg  {
	height: 45%;
}
#home_featured_projects .col-md-home.complic .img  {
	background-color: #28b5f5;
}
#home_featured_projects .col-md-home.complic .img svg  {
	height: 35%;
}
#home_featured_projects .col-md-home.scatola .img  {
	background-color: #e64d40;
}
#home_featured_projects .col-md-home.scatola .img svg  {
	height: 40%;
}
#home_featured_projects .col-md-home.studio .img  {
	background-color: #25c5db;
}
#home_featured_projects .col-md-home.studio .img svg  {
	height: 30%;
}

/* Wrapper - content */
.freeform-section {
    padding: 80px 0;
    position: relative;
}
.freeform-section .row-container:first-child {
    margin-top: -80px;
    padding-top: 80px;
}
.freeform-section.last {
	padding-bottom: 0;
	padding-top: 140px;
}
.freeform-section .container {
    background: #e8eaea;
    padding-left: 120px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.freeform-section .container.shortClaim .claim {
	width: 30%;
}
.freeform-section .container.shortClaim .description {
	width: 60%;
}
.freeform-section .container.thin .box_image {
	top: 50%;
    transform: translate(0,-50%);	
}
.freeform-section.last .box_image {
	top: 0;
	height: 90%;
}
.freeform-section .container .testo{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}
.freeform-section .container.invert .testo {
	margin-left: 30%;
}
.freeform-section .container .claim, .freeform-section .container .description {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.freeform-section .box_image {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    margin: 10px;
}
.freeform-section .thin .box_image {
	height: 90%;
}
.freeform-section .invert .box_image  {
	left: 105px;	
}
.about .freeform-section .box_image  {
	background-image: url(/assets/images/about_us.jpg);
}
.platform .freeform-section .box_image.one  {
	background-image: url(/assets/images/platform1.jpg);
}
.platform .freeform-section .box_image.cloud  {
	background-image: url(/assets/images/platform2.jpg);
}
.platform .freeform-section .box_image.unvostro  {
	background-image: url(/assets/images/platform3.jpg);
}
.platform .freeform-section .box_image.silce  {
	background-image: url(/assets/images/silce.jpg);
}
.tailormade .freeform-section .box_image.tailorone  {
	background-image: url(/assets/images/tailor_made1.jpg);
}
.tailormade .freeform-section .box_image.tailortwo  {
	background-image: url(/assets/images/tailor_made2.jpg);
}
.network .freeform-section .box_image.cloud  {
	background-image: url(/assets/images/cloud_rect.jpg);
}
.network .freeform-section .box_image.connettivita  {
	background-image: url(/assets/images/connettivita_rect.jpg);
}
.network .freeform-section .box_image.mail  {
	background-image: url(/assets/images/mail_rect.jpg);
}
.network .freeform-section .box_image.assistenza  {
	background-image: url(/assets/images/assistenza_rect.jpg);
}
.network .freeform-section .box_image.telefonia  {
	background-image: url(/assets/images/telefonia_rect.jpg);
}
.solutions .freeform-section .box_image.gestione  {
	background-image: url(/assets/images/gestione_rect.jpg);
}
.solutions .freeform-section .box_image.sviluppo  {
	background-image: url(/assets/images/sviluppo_rect.jpg);
}
.solutions .freeform-section .box_image.contenuti  {
	background-image: url(/assets/images/contenuti_rect.jpg);
}
.solutions .freeform-section .box_image.business  {
	background-image: url(/assets/images/business_rect.jpg);
}
.cloud .freeform-section .box_image.tutto  {
	background-image: url(/assets/images/tutto_rect.jpg);
}
.security .freeform-section .box_image.cyber  {
	background-image: url(/assets/images/cyber_rect.jpg);
}
.security .freeform-section .box_image.necessario  {
	background-image: url(/assets/images/necessario_rect.jpg);
}
.security .freeform-section .box_image.recam  {
	background-image: url(/assets/images/recam_rect.jpg);
}
.about .sub_section {
	margin-top: 50px;
	margin-left: 150px;
	border-bottom: 1px solid;
	width: 60vw;
	font-size: 26px;
	padding-bottom: 15px;
}
.about .code_container {
	margin-left: 150px;
	width: calc(100vw - 150px);
}
.about .code_container .icon {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about .icon.node {
	background-image: url(/assets/images/node.svg);
}
.about .icon.php {
	background-image: url(/assets/images/php.svg);
}
.about .icon.swift {
	background-image: url(/assets/images/swift.svg);
}
.about .icon.java {
	background-image: url(/assets/images/java.svg);
}
.about .icon.html {
	background-image: url(/assets/images/html.svg);
}
.about .icon.python {
	background-image: url(/assets/images/python.svg);
}
.about .icon.apple {
	background-image: url(/assets/images/apple.svg);
}
.about .icon.rails {
	background-image: url(/assets/images/rails.svg);
}
.about .icon.angular {
	background-image: url(/assets/images/angular.svg);
}
.about .icon.mongo {
	background-image: url(/assets/images/mongo.svg);
}
.about .icon.node {
	background-image: url(/assets/images/node.svg);
}
.about .icon.json {
	background-image: url(/assets/images/json.svg);
}
.about .icon.net {
	background-image: url(/assets/images/net.svg);
}
.about .icon.visual {
	background-image: url(/assets/images/visual.svg);
}
.about .icon.android {
	background-image: url(/assets/images/android.svg);
}
.about .icon.registro {
	background-image: url(/assets/images/registro.svg);
}
.about .icon.open {
	background-image: url(/assets/images/open.svg);
}
.about .icon.eur {
	background-image: url(/assets/images/eur.svg);
}
.about .icon.ripe {
	background-image: url(/assets/images/ripe.svg);
}
.about .icon.tucows {
	background-image: url(/assets/images/tucows.svg);
}
.about .certificati {
	width: 100vw;
	padding-left: 75px;
	background-color: #4a7abc;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	margin-bottom: 50px;
}
.about .certificati .title {
	opacity: 0.8;
	font-size: 20px;
	display: inline-block;
  	position: relative;  
}
.about .certificati .title:before,
.about .certificati .title:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid white;
  top: 8px;
  width: 600px;
}
.about .certificati .title:before {
  right: 100%;
  margin-right: 15px;
}
.about .certificati .title:after {
  left: 100%;
  margin-left: 15px;
}
.about .certificazioni .iso {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/assets/images/iso.svg);
}
.about .certificazioni .gdpr {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/assets/images/gdpr.svg);
}
.about .certificazioni .sdi {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/assets/images/sdi.svg);
}
.prodotti {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	padding-left: 80px;
}
.prodotti .container {
	width: calc(100vw -  80px);
	text-align: center;
}
.prodotti .container .prodotto {
	width: 35%;
	margin: 40px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.prodotti .container .prodotto .image {
    width: 300px;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.prodotti .container .prodotto .logo {
	width: 250px;
	height: 50px;
	border-radius: 25px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin: 20px auto;
	line-height: 50px;
}
.prodotti .container .prodotto .logo .product_logo {
	width: 100%;
	height: 35px;
}
.logo .product_logo.unvostro {
	fill: #0063a3; 
}
.logo.scatola {
	background-color:#ff5a5a; 
}
.logo.sender {
	background-color:#f08a00; 
}
.logo.digital {
	background-image: linear-gradient(135deg, #4a7abc 0%, #262a66 100%);
}
.image.unvostro {
	background-image: url(/assets/images/unvostro.png);
}
.logo .product_logo.scatola {
	fill: #fff; 
}
.logo .product_logo.sender {
	fill: #fff; 
}
.logo .product_logo.bevoip {
	fill: #60aaf8; 
}
.logo .product_logo.digital {
	fill: #fff;
	width: 68% !important;
}
.logo .product_logo.digital .cls-1 {
	opacity: 0.46;
}
.logo .product_logo.digital .cls-2 {
	opacity:0.5;
}
.image.scatola {
	background-image: url(/assets/images/scatola.png);
}
.image.sender {
	background-image: url(/assets/images/sender.png);
}
.image.bevoip {
	background-image: url(/assets/images/bevoip.png);
}
.image.digital {
	background-image: url(/assets/images/digital.png);
}
.inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
    position: relative;
    margin: 0 auto;
    /*width: 1400px;
    max-width: calc(100% - 300px);*/
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: content-box;
}
.cms-fragment a  {
	text-decoration: none;
}
.cms-fragment .img {
    display: inline-block;
    width: 100%;
    height: 500px;
    background-position: 50% 50%;
    background-size: cover;
    transition: all .4s;
    margin-bottom: 35px;
    position: relative;
}
.cms-fragment .content {
    max-width: 650px;
}
.cms-fragment .subheading {
    margin-bottom: 6px;
}
.cms-fragment .heading {
    font-size: 26px;
    line-height: 34px;
}
.cms-fragment > a:hover .img .overlay {
    opacity: 1;
    visibility: visible;
}
.cms-fragment .img .overlay {
    background-color: #e8eaea;
    padding: 45px 50px;
    position: absolute;
    top: 80px;
    left: 80px;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    color: #000;
    text-align: left;
}
.cms-fragment .img .overlay p {
    position: absolute;
    bottom: 45px;
    left: 50px;
    right: 50px;
    margin: 0;
    max-width: 400px;
}
.row-container li, .row-container p {
    color: #414141;
}

/* row-container */
.row {
    /* margin-left: -40px; */
    /* margin-right: -40px; */
}
.row-container .bg-color.h100, .row-container .row-bg-color.h100 {
    height: 100%;
}
.row-container .bg-color.h60, .row-container .row-bg-color.h60 {
    height: 60%;
}
.row-container .bg-color.h70, .row-container .row-bg-color.h70 {
    height: 70%;
}
.row-container .bg-color.h80, .row-container .row-bg-color.h80 {
    height: 80%;
}
.row-container .bg-color.white, .row-container .row-bg-color.white {
    background: #fff;
}
.row-container .bg-color.grey, .row-container .row-bg-color.grey {
    background: #e8eaea;
}
.row-container .bg-color.top, .row-container .row-bg-color.top {
    bottom: auto;
    top: 0;
}
.row-container .bg-color.top, .row-container .row-bg-color.top {
    bottom: auto;
    top: 0;
}
.row-container .bg-color, .row-container .row-bg-color {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.row:after, .row:before {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row-container li, .row-container p {
    color: #414141;
}
.row-container p.lead {
    color: #000;
}

/* Page */
section.grey {
    background: #e8eaea;
}
section.freeform-section {
    padding: 80px 0;
	opacity: 0;
    transition: opacity .4s;
    margin-top: 50px;
    margin-bottom: 50px;
}
.freeform-section.unpadding {
	padding-bottom: 0;	
}
section.page_header  {
	position: relative;
    height: 600px;
    max-height: 60vh;
	background-color: #fff;
}
section.page_header .banner-img  {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 67%;
	z-index: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #ebebeb;
}
section.page_header .banner-img:after {
    z-index: 2;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
section.page_header .banner-img:after, .gradient-banner {
    background: linear-gradient(90deg,#FFFFFF 0,hsla(0,0%,100%,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#00ffffff",GradientType=1);
}
section.page_header .inner-wrapper  {
	position: relative;
	height: 100%;
}
section.page_header .inner-wrapper > .inner {
    position: relative;
    height: 100%;
}
section.page_header .inner-wrapper .content {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 600px;
    max-width: 100%;
    z-index: 3;
}
section.page_header .inner-wrapper .page_heading, section.page_header .inner-wrapper .page_description, section.articles  {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s,transform .6s,-webkit-transform .6s;
}
.page_description.text_description {
	color: black;
	width: 60%;
}
.row .col-md-4.description {
	padding-left: 20px;
	padding-right: 20px;
}
section .col img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    position: relative;
}
section.reverse .col img  {
	margin-top: -60%;
}

/* Section Article */
section .row article {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 100px;
    display: inline-block;
    float: left;
}
section .row article > a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
section .row article .img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    margin-bottom: 30px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #999;
}
section .row article .img .overlay {
    position: absolute;
    top: 80px;
    left: 80px;
    right: 0;
    bottom: 0;
    background: #e8eaea;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}
section .row article .img .overlay p {
    position: absolute;
    bottom: 55px;
    left: 60px;
    right: 60px;
    margin: 0;
}
section .row article > a:hover .img .overlay {
    opacity: 1;
    visibility: visible;
}
section .row article .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
section .row article .content .info {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
section .row article .content .heading {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 10px;
}
section .row article .content .subheading {
    color: #b3b3b3;
    padding-left: 40px;
}
section .row article .content .more {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 20px;
    margin-top: -12px;
    display: inline-block;
    color: #000;
}
section .row article .content .more .icon {
    width: 45px;
    height: 45px;
    padding: 12px;
}

/* form */
.form-container {
    position: relative;
}
form, .form {
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}
.form-container .enquiry_error, .form-container .enquiry_success, .form-container .newsletter_error, .form-container .newsletter_success {
    display: none;
}
.form-container .enquiry_success, .form-container .newsletter_success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.form-group {
    margin-bottom: 15px;
}
.form-group {
    color: #222d33;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    transition: border .4s;
}
.form-group label, .form-group .label {
    color: #000;
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 0;
}
.parsley-errors {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
}
.form-group .form-control {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: normal;
    padding: 8px 0;
    border: 0;
    box-shadow: none;
    color: #000;
    background: transparent;
    border-radius: 0;
    height: 42px;
    max-width: 100%;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group .form-control:focus  {
	outline: 0;
}
.form-group:hover {
    border-color: rgba(0,0,0,.4);
}
.form-group textarea.form-control {
    padding: 8px 0;
    height: 42px;
}
.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
}
.checkbox-group.form-group {
    border: none;
}
.checkbox-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.checkbox-group label, .checkbox-group .label {
    font-weight: 500;
    text-transform: none;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: normal;
    margin-bottom: 0;
}
.checkbox-group label a, .checkbox-group .label a {
    text-decoration: underline;
}
.checkbox-group input {
    margin-right: 18px;
    margin-top: 3px;
}
.form-footer .primary-btn  {
	border-radius: 21px;
    background-color: #000;
    color: #fff;
    border: 1px solid transparent;
}
.form-footer .primary-btn:focus, .form-footer .primary-btn:hover {
    color: #fff;
    background: rgba(0,0,0,.2);
    border-color: transparent;
    text-decoration: none;
}
.form-footer .primary-btn .icon {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s,visibility .4s;
}

/* Footer */
footer {
    overflow: hidden;
    background-color: #000;
    font-family: 'Roboto', sans-serif !important;
}
footer h3 {
    font-size: 21px;
    line-height: 32px;
}
footer .footer-info {
    padding: 70px 0;
    padding-bottom: 0px;
}
footer .footer-info .top-row {
    margin-bottom: 70px;
}
footer .footer-info .logo {
    color: #fff;
    width: 75px;
    height: 32px;
    display: inline-block;
}
footer .footer-info .logo svg  {
	fill: #FFF;
}
footer .footer-info .second-row:after  {
	height: 50px;
}
footer .footer-info .social {
    text-align: right;
    /* margin-right: 50px; */
}
footer .footer-info .social .social-links .inner {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
footer .footer-info .social .social-links  {
	display: inline-block;
    margin-left: 0;
    margin-right: -14px;
}
footer .footer-info .social .social-links a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    margin: 0 7px;
    transition: color .2s ease-in;
}
footer .footer-info .social .social-links.white a {
    color: #fff;
}
footer .second-row, footer .second-row * {
    color: #fff;
}
footer form.dark .form-group, form.dark .form-group, .managerform.form .form-group {
    color: #fff;
    border-color: hsla(0,0%,100%,.2);
    font-size: 12px;
}
footer .form-group .form-control {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: normal;
    padding: 8px 0;
    border: 0;
    box-shadow: none;
    color: #fff;
    background: transparent;
    border-radius: 0;
    height: 42px;
    max-width: 100%;
    width: 100%;
    outline: none;
}
footer form.dark .form-group .form-control, form.dark .form-group .form-control {
    color: hsla(0,0%,100%,.5);
    font-size: 20px;
}
footer .footer-info .newsletter .primary-btn {
    position: relative;
    height: 42px;
    width: 82px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 21px;
}
footer .footer-info .newsletter .primary-btn > span {
    display: none;
}
footer .footer-info .newsletter .primary-btn .icon {
    margin: 0;
    width: 20px;
    height: 20px;
}
footer .second-row, #main_footer .second-row * {
    color: #fff;
}
footer form.dark .primary-btn, form.dark .primary-btn {
    background-color: hsla(0,0%,100%,.2);
    color: #fff;
}
footer .footer-info .contact .address {
    margin-top: 4px;
    margin-bottom: 18px;
}
footer .footer-info .contact .text-link {
    color: #fff;
}
footer .footer-info .contact .link-tel {
    margin-top: -2px;
    text-decoration: none;
}
footer .footer-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
footer .footer-menu > div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
footer .footer-menu > div:first-child ul {
    padding-right: 30px;
}
footer .footer-menu ul {
    margin-left: -5px;
    margin-top: -5px;
}
footer .footer-menu ul li {
    margin-bottom: 0;
    padding-bottom: 0;
}
footer .footer-menu ul li a {
    text-decoration: none;
    color: hsla(0,0%,100%,.5);
    display: inline-block;
    width: 100%;
    padding: 3px 5px;
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
}
footer .footer-credits {
    font-size: 14px;
}
footer .footer-credits > .inner-wrapper {
    padding-top: 0px;
    padding-bottom: 40px;
    position: relative;
}
footer .footer-credits > .inner-wrapper:before  {
	content: "";
    position: absolute;
    top: 0;
    left: -60px;
    right: -60px;
    height: 1px;
    background-color: hsla(0,0%,100%,.1);
}
footer .footer-credits .links p {
    margin-bottom: 0;
}
footer .footer-credits .links, footer .footer-credits .links * {
    color: hsla(0,0%,100%,.4);
    width: 100%;
}

footer .copyright .row {
	margin-left: 0;
}

/* Colon */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    /* padding-left: 40px; */
    /* padding-right: 40px; */
}
@media screen and (min-width: 992px)  {
	.col-md-offset-1  {
	    margin-left: 8.3333333333%;
	}
	.col-md-3  {
	    width: 25%;
	}
	.col-md-4  {
	    width: 33.3333333333%;
	}
	.col-md-6  {
		width: 50%;
	}
	.col-md-7  {
	    width: 58.3333333333%;
	}
	.col-md-8  {
	    width: 66.6666666667%;
	}
}
@media screen and (min-width: 992px)  {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {
	    float: left;
	}	
}

/* error 404 */
.contain404  {
	width: 100%;
    height: 500px;
}
.contain404 .error  {
	text-align: center;
	font-size: 200px;
	width: 400px;
    height: 140px;
    line-height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60px;
	right: 0;
	animation: noise 2s linear infinite;
	overflow: default;
}
.contain404 .error span:after  {
	content: '404';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 60px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: -40px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	color: green;
	animation: noise-1 .1s linear infinite;
}
.contain404 .error:after  {
	content: '404';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 140px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: -10px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	color: blue;
	animation: noise-1 .2s linear infinite;
}
.contain404 .error:before  {
	content: '404';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 140px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	opacity: 0;
	color: red;
	animation: noise-2 .2s linear infinite;
}
.contain404 .info  {
	font-size: 15px;
    text-align: center;
    width: 200px;
    height: 140px;
    line-height: 60px;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    animation: noise-3 1s linear infinite;
}
.contain404 .update  {
	text-align: center;
	font-size: 200px;
	width: 400px;
    height: 140px;
    line-height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60px;
	right: 0;
	animation: noise 2s linear infinite;
	overflow: default;
}
.contain404 .update span:after  {
	content: '204';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 60px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: -40px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	color: green;
	animation: noise-1 .1s linear infinite;
}
.contain404 .update:after  {
	content: '204';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 140px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: -10px;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	color: blue;
	animation: noise-1 .2s linear infinite;
}
.contain404 .update:before  {
	content: '204';
	font-size: 200px;
	text-align: center;
	width: 400px;
	height: 140px;
	line-height: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	right: 0;
	opacity: 0;
	color: red;
	animation: noise-2 .2s linear infinite;
}
@keyframes noise-1  {
	0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
	10% {opacity: .1;}
	50% {opacity: .5; left: -6px;}
	80% {opacity: .3;}
	100% {opacity: .6; left: 2px;}
}
@keyframes noise-2  {
	0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
	10% {opacity: .1;}
	50% {opacity: .5; left: 6px;}
	80% {opacity: .3;}
	100% {opacity: .6; left: -2px;}
}
@keyframes noise  {
	0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; transform: scaleY(1);}  
	4.3% {opacity: 1; transform: scaleY(1.7);}
	43% {opacity: 1; transform: scaleX(1.5);}
}
@keyframes noise-3  {
	0%,3%,5%,42%,44%,100% {opacity: 1; transform: scaleY(1);}
	4.3% {opacity: 1; transform: scaleY(4);}
	43% {opacity: 1; transform: scaleX(10) rotate(60deg);}
}

/* context menu */
ul.contextMenu {
	list-style:none; 
	margin:0;padding:0;
	font: 300 15px 'Roboto', sans-serif;
	position: absolute;
	color: #333;
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.2);
}
ul.contextMenu * {
	transition:color .4s, background .4s;
}
ul.contextMenu li {
	min-width:150px;
	overflow: hidden;
	white-space: nowrap;
	padding: 12px 15px;
	background-color: #fff;
	border-bottom:1px solid #ecf0f1;
}
ul.contextMenu li a {
	color:#333;
	text-decoration:none;
}
ul.contextMenu li:hover {
	background-color: #ecf0f1;
}
ul.contextMenu li:first-child {
	border-radius: 5px 5px 0 0;
}
ul.contextMenu li:last-child {
	background:#ecf0f1;
	border-bottom:0;
	border-radius: 0 0 5px 5px
}
/* Last child:
ul.contextMenu li:last-child a  {
	width:26%;
}
ul.contextMenu li:last-child:hover a  {
	color:#2c3e50;
}
ul.contextMenu li:last-child:hover a:hover {
	color:#2980b9;
}*/

/*specifica per ios-safari*/

.safari-ios .herowrapper .right {
	display: none;
}

.safari-ios .left .image{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.safari-ios .left .image#platform-img {
	background-image: url('/assets/images/platform.jpg');
}

.safari-ios .left .image#tailor-img {
	background-image: url('/assets/images/tailormade.jpg');
}

.safari-ios .left .image#cloud-img {
	background-image: url('/assets/images/cloud.jpg');
}

.safari-ios .left .image#network-img {
	background-image: url('/assets/images/network.jpg');
}

.safari-ios .left .image#solutions-img {
	background-image: url('/assets/images/solutions.jpg');
}

.safari-ios .left .image#security-img {
	background-image: url('/assets/images/security.jpg');
}

.safari-ios .herowrapper .left .image .title {
	font-size: 10vh;
	position: absolute;
	z-index: 1;
	box-shadow: none;
}

.safari-ios .herowrapper .left .content {
    padding-top: 0px;
    opacity: 1;
    margin-top: 0;
    transition: all .4s .6s;
    margin-top: 0px;
    visibility: visible;
    position: absolute;
    bottom: 0px; 
    left: 0px;
    width: 100vw;
    color: #fff;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}

.safari-ios .herowrapper .left .content .container {
	width: 40vw;
	position: absolute;
	left: 130px;
	bottom: 20%;
    transform: translate(0,50%);
}




/* HOMEPAGE SLIDER EFFECT*/

/*
.parallax  {
	width: 100vw;
	display: block;
	max-height: 100vh;
	overflow: scroll;
}
*/

.parallax {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}

.parallax .container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.parallax .container:nth-child(1) {
  z-index: 30;
}

/*
.herowrapper .container {
    width: 100vw;
	display: table-cell;
	height: 100vh;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
*/
.parallax .container .image  {
	width: 50%;
	height: 100%;
	display: block;
	position: relative;
}

.parallax .container.invert .image  {
	float: right;
}
/*
.herowrapper .container .content {
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(-50%,-50%):
}
*/

.svg_studio_symbol {
	display: none;	
}
.parallax .container .content .object {
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translate(-50%,-50%);
	width: 50vw;
	height: 50vh;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.parallax .container.invert .content .object {
	left: 0;	
}

.parallax .container .content .title {
    position: absolute;
    left: 140%;
    top: 50%;
    transform: translate(0,-50%);
}

.parallax .container.invert .content .title  {
	left: -65%;	
}
.parallax .container .content .title h2{
    font-size: 50px;
    line-height: 56px;
    /*margin-bottom: 40px;*/
}

.parallax .container .content .title .up {
	color: #000;
	font-weight: bold;
}

.parallax .container .content .title .down {
	color: rgba(0,0,0,0.6);
	font-weight: bold;
}

.parallax .container .logo  {
	display: inline-block;
    width: 130px;
    height: 45px;
    transition: all .4s;
    z-index: 50;
    position: absolute;
    right: calc(-100% + 50px );
    top: 50px;
}
.parallax .container .splash  {
	display: inline-block;
    width: 52px;
    height: 60px;
    transition: all .4s;
    z-index: 50;
    position: absolute;
    right: -100%;
    top: 0;	
    cursor: pointer;
    
}
.parallax .container .splash svg {
    width: 100%;
    height: 100%;
}
.parallax .container.invert .splash {
    right: 0;
}
.parallax .container .logo svg {
    width: 100%;
    height: 100%;
}
.parallax .container.invert .logo  {
	right: 50px;
}
#webdesign .content .object {
	background-image: url(../images/web_design.png);
}
#webdesign {
	background-color: #60aaf8;
}
#webdesign .logo {
	fill: #60aaf8;
}
#webdesign .splash {
	fill: #00db77;
}
#webdesign .title .discover_more {
	background-color: #60aaf8;
}
#appdesign .content .object, #sviluppo-app .content .object {
	background-image: url(../images/app.png);
}
#appdesign, #sviluppo-app {
	background-color: #00db77;
}
#appdesign .logo, #sviluppo-app .logo {
	fill: #fff;
}
#appdesign .splash, #sviluppo-app .splash {
	fill: #fff;
}
#sviluppo-app .title .discover_more {
	background-color: #00db77;
}
#graphicdesign .content .object {
	background-image: url(../images/graphic_design.png);
}
#graphicdesign {
	background-color: #f769ac;
}
#graphicdesign .logo {
	fill: #f769ac;
}
#graphicdesign .splash {
	fill: #fbb03b;
}
#graphicdesign .title .discover_more {
	background-color: #f769ac;
}
#marketing .content .object {
	background-image: url(../images/marketing.png);
}
#marketing {
	background-color: #fbb03b;
}
#marketing .logo {
	fill: #fff;
}
#marketing .splash {
	fill: #fff;
}
#marketing .title .discover_more {
	background-color: #fbb03b;
}
#ecommerce .content .object {
	background-image: url(../images/ecommerce.png);
}
#ecommerce {
	background-color: #d7bb8a;
}
#ecommerce .logo {
	fill: #d7bb8a;
}
#ecommerce .splash {
	fill: #60aaf8;
}
#ecommerce .title .discover_more {
	background-color: #d7bb8a;
}
#business .content .object {
	background-image: url(../images/business.png);
}
#business {
	background-color: #828282;
}
#business .logo {
	fill: #fff;
}
#business .splash {
	fill: #fff;
}
#business .title .discover_more {
	background-color: #828282;
}
#showcase .content .object {
	background-image: url(../images/pazzaidea.png);
}
#showcase {
	background-color: #ff5555;
}
#showcase .logo {
	fill: #fff;
}
#showcase .splash {
	fill: #fff;
}
#showcase .title .discover_more {
	background-color: #ff5555;
}
@-webkit-keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

@keyframes mask-play {
  from {
    -webkit-mask-position: 0% 0;
            mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
            mask-position: 100% 0;
  }
}

@-webkit-keyframes splash-play  {
	0% {width: 0px;height: 0px;top: -50px} 
	100% {width: 52px;height: 60px;top: 0px}
}

@keyframes splash-play  {
	0% {width: 0px;height: 0px;top: -50px} 
	100% {width: 52px;height: 60px;top: 0px}
}

.home {
  background: #000 url(../images/effect.png) no-repeat -9999px -9999px;
}

.home .parallax {
  background: url(../images/effect-back.png) no-repeat -9999px -9999px;
}

.home .parallax .container.hide .splash {
	-webkit-animation: splash-play 1.6s forwards;
          animation: splash-play 1.6s forwards;
          /* infinite verificare se manda in loop l'animazione */
}

.home .parallax .container:nth-child(odd).hide {
  -webkit-mask: url(../images/effect.png);
          mask: url(../images/effect.png);
  -webkit-mask-size: 3000% 100%;
          mask-size: 3000% 100%;
  -webkit-animation: mask-play 1.6s steps(29) forwards;
          animation: mask-play 1.6s steps(29) forwards;
}

.home .parallax .container:nth-child(even).hide {
  -webkit-mask: url(../images/effect-back.png);
          mask: url(../images/effect-back.png);
  -webkit-mask-size: 3000% 100%;
          mask-size: 3000% 100%;
  -webkit-animation: mask-play 1.6s steps(29) forwards;
          animation: mask-play 1.6s steps(29) forwards;
}

/* Fallback */
.no-cssmask .parallax .container.hide {
  opacity: 0;
  -webkit-transition: opacity 1.4s ease;
          transition: opacity 1.4s ease;
  -webkit-mask: none !important;
          mask: none !important;
}

/* INTERNAL PAGE STRUCTURE */

@-webkit-keyframes header-fix  {
	0% {height: 100vh;top: 0px} 
	100% {height: 50vh}
}

@keyframes header-fix  {
	0% {height: 100vh;top: 0px} 
	100% {height: 50vh}
}

@-webkit-keyframes studies-header-fix  {
	0% {width: 100vw;height: 100vh;top: 0px} 
	100% {width: 100vw;height: 60vh}
}

@keyframes studies-header-fix  {
	0% {width: 100vw;height: 100vh;top: 0px} 
	100% {width: 100vw;height: 60vh}
}

/*
#casestudies .page_header {
	-webkit-animation: studies-header-fix 1.6s forwards;
		animation: studies-header-fix 1.6s forwards;	
}
*/

.page_header {
	/*position: absolute;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	/*
	-webkit-animation: header-fix 1.6s forwards;
         	animation: header-fix 1.6s forwards;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    */
}
.page_container {
	padding-top: 100px;
	padding-left: 150px;
	padding-bottom: 80px;
	width: calc(100% - 150px);
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s,transform .6s,-webkit-transform .6s;
}
.page_container .description {
	display: table;
}
.contattaci .page_container .description {
	display: block;
}
.contattaci .page_container .description .text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 560px);
}
.contattaci .page_container .description .image {
	width: 440px;
	height: 445px;
	padding: 30px 50px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.page_container .description .text h4 {
	font-weight: bold;
}
.page_container .description .text .form_richiesta {
	text-decoration: none;
    border: 1.5px solid;
    padding: 10px 15px;
    border-radius: 50px;
    margin-top: 20px;
    float: left;
    font-weight: bold;
    cursor: pointer;
}
.page_container .description .text .form_richiesta:hover {
	color: #999 !important;
	border-color: #999;
}
.page_container .description .text svg {
	width: 12px;
    height: 12px;
    margin-left: 10px;
}
.web-design .page_container .description .text svg {
	fill: #60aaf8;
}
.landing_webagency .page_container .description .text svg {
	fill: #4FC9B8;
}
.landing_webdesign .page_container .description .text svg {
	fill: #60aaf8;
}
.landing_marketing .page_container .description .text svg {
	fill: #fbb03b;
}
.landing_grapichdesign .page_container .description .text svg {
	fill: #f769ac;
}
.landing_sviluppoapp .page_container .description .text svg {
	fill: #00db77;
}
.landing_ecommerce .page_container .description .text svg {
	fill: #d7bb8a;
}
.web-design .page_container .description .text .form_richiesta {
	color: #60aaf8;
}
.landing_webagency .page_container .description .text .form_richiesta {
	color: #4FC9B8;
}
.landing_webdesign .page_container .description .text .form_richiesta {
	color: #60aaf8;
}
.landing_marketing .page_container .description .text .form_richiesta {
	color: #fbb03b;
}
.landing_grapichdesign .page_container .description .text .form_richiesta {
	color: #f769ac;
}
.landing_sviluppoapp .page_container .description .text .form_richiesta {
	color: #00db77;
}
.landing_ecommerce .page_container .description .text .form_richiesta {
	color: #d7bb8a;
}
.page_container .description .text .form_richiesta:hover svg {
	fill: #999;
}
.marketing .page_container .description .text svg {
	fill: #fbb03b;
}
.marketing .page_container .description .text .form_richiesta {
	color: #fbb03b;
}
.e-commerce .page_container .description .text svg {
	fill: #d7bb8a;
}
.e-commerce .page_container .description .text .form_richiesta {
	color: #d7bb8a;
}
.sviluppo-app .page_container .description .text svg  {
	fill: #00db77;
}
.sviluppo-app .page_container .description .text .form_richiesta  {
	color: #00db77;
}
.graphic-design .page_container .description .text svg  {
	fill: #f769ac;
}
.graphic-design .page_container .description .text .form_richiesta  {
	color: #f769ac;
}
.page_container .description .text  {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.page_container .description .image  {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
.page_container .description .image img  {
	width: 100%;
} 
.contattaci .page_container .description .image .sede_vicina {
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	position: relative;
	overflow: hidden;
}
.data .title {
	color: #000;
}
.data .title .sede {
	font-size: 18px;
	font-weight: bold;
}
.data .principali .telefono, .data .principali .mail {
	margin-top: 10px;
	margin-bottom: 10px;
}
.contattaci .page_container .description .image .sede_vicina img {
	width: 100%;
	height: 200px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.contattaci .page_container .description .image .sede_vicina .data {
	width: 100%;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 20px;
}
.web-agency .location {
	padding: 50px 150px;
	padding-right: 0;
	background-color: #3a3a3a;
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s,transform .6s,-webkit-transform .6s;
}
.web-agency .location .header h4 {
	font-weight: bold;
	color: #fff;
	margin: 5px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.web-agency .location .header {
	color: #fff;
}
.web-agency .location .zone {
	text-align: center;
}
.web-agency .location .zone .zona {
	width: 300px;
	margin: 25px;
	display: inline-block;
	vertical-align: middle;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
	height: 200px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	position: relative;
}
.web-agency .location .zone .zona .opacity {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	border-radius: 10px;
}
.web-agency .location .zone .zona .link {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-indent: -9999px;
}
.web-agency .location .zone .zona .opacity h2 {
	color: #fff;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	font-weight: bold;
	/*text-shadow: 0 0 10px rgba(0,0,0,0.25px);*/
	font-size: 50px;
}
.page_container .outer_square {
    width: 300px;
    height: 300px;
    position: absolute;
    opacity: 0.1;
    right: -80px;
    top: 55vh;
}
.page_container .inner_square {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 60vh;
    right: 120px;
    opacity: 0.2;
}
.page_container .alone_square {
    width: 200px;
    height: 200px;
    position: absolute;
    opacity: 0.1;
    left: 115px;
    top: 65%;
}
footer .toshow  {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s, transform .6s, -webkit-transform .6s;
}
.opacity_panel {
	width: 50vw;
	height: 100vh;
	z-index: 11;
	opacity: 0.8;  
}
.progetti .opacity_panel  {
	opacity: 0.8;
}
.page_header .logo {
    position: absolute;
    top: 15px;
    right: 20px;
    fill: #fff;
    z-index: 12;
    width: 80px;
    height: 40px;
}

.search_panel, .listino{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 170px;
}

.listino  {
	text-align: center;
	background-color: #fff;
	width: 200px;
	height: 35px;
	line-height: 35px;
	border-radius: 15px;
	font-weight: bold;
}

.search_panel input{
    width: 300px;
    height: 35px;
    border-radius: 15px;
    outline: none;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,0);
}
.search_panel .search_icon  {
	width: 20px;
	height: 20px;
	fill: #fff;
	position: relative;
    left: -40px;
}
.progetti .case_container .element .descrizione{
    position: absolute;
    bottom: -110px;
    padding: 15px;
}

.progetti .page_container  {
	padding-bottom: 250px;
}

.web-design .opacity_panel {
	background-color: #60aaf8;
}
.landing_webagency .opacity_panel {
	background-color: #4FC9B8;
}
.landing_webdesign .opacity_panel {
	background-color: #60aaf8;
}
.landing_marketing .opacity_panel {
	background-color: #fbb03b;
}
.landing_grapichdesign .opacity_panel {
	background-color: #f769ac;
}
.landing_sviluppoapp .opacity_panel {
	background-color: #00db77;
}
.landing_ecommerce .opacity_panel {
	background-color: #d7bb8a;
}
.web-design .page_header  {
	background-image: url(../images/webdesign.jpg);
}
.web-design .outer_square, .web-design .inner_square, .web-design .alone_square  {
	background-color: #60aaf8;
}
.appdesign .opacity_panel, .sviluppo-app .opacity_panel  {
	background-color: #00db77;
}
.appdesign .page_header, .sviluppo-app .page_header  {
	background-image: url(../images/appdesign.jpg);
}
.appdesign .outer_square, .appdesign .inner_square, .appdesign .alone_square, .sviluppo-app .outer_square, .sviluppo-app .inner_square, .sviluppo-app .alone_square  {
	background-color: #00db77;
}
.marketing .opacity_panel   {
	background-color: #fbb03b;
}
.marketing .page_header  {
	background-image: url(../images/marketingsolution.jpg);
}
.marketing .outer_square, .marketing .inner_square, .marketing .alone_square  {
	background-color: #fbb03b;
}
.graphic-design .opacity_panel   {
	background-color: #f769ac;
}
.graphic-design .page_header  {
	background-image: url(../images/graphicdesign.jpg);
}
.graphic-design .outer_square, .graphic-design .inner_square, .graphic-design .alone_square  {
	background-color: #f769ac;
}
.printing .opacity_panel   {
	background-color: #d7bb8a;
}
.printing .page_header  {
	background-image: url(../images/printingsolution.jpg);
}
.printing .outer_square, .printing .inner_square, .printing .alone_square  {
	background-color: #d7bb8a;
}
.e-commerce .opacity_panel   {
	background-color: #d7bb8a;
}

.e-commerce .page_header  {
	background-image: url(../images/e_commerce.jpg);
}

.e-commerce .outer_square, .e-commerce .inner_square, .e-commerce .alone_square  {
	background-color: #d7bb8a;
}

.casestudies .opacity_panel   {
	background-color: #f670ff;
}

.casestudies .page_header  {
	background-image: url(../images/casestudies.jpg);
}
.casestudies .outer_square, .casestudies .inner_square, .casestudies .alone_square  {
	background-color: #f670ff;
}

.case-success .opacity_panel, .showcase .opacity_panel   {
	background-color: #ff5555;
}

.case-success .page_header, .showcase .page_header  {
	background-image: url(../images/casestudies.jpg);
}
.case-success .outer_square, .case-success .inner_square, .case-success .alone_square, .showcase .outer_square, .showcase .inner_square, .showcase .alone_square  {
	background-color: #ff5555;
}

.progetti .opacity_panel   {
	background-color: #000;
}

.progetti .page_header  {
	background-image: url(../images/casestudies.jpg);
}
.progetti .outer_square, .casestudies .inner_square, .casestudies .alone_square  {
	background-color: #000;
}

.progetto_singolo .opacity_panel   {
	background-color: #000;
}

.progetto_singolo .page_header  {
	background-image: url(../images/casestudies.jpg);
}
.progetto_singolo .outer_square, .casestudies .inner_square, .casestudies .alone_square  {
	background-color: #000;
}

.about .opacity_panel, .web-agency .opacity_panel  {
	background-color: #4FC9B8;
}

.privacy .opacity_panel  {
	background-color: #5f5f5f;
}
.privacy .page_header  {
	background-image: url(../images/privacy.jpg);
}

.privacy .page_container h2, .privacy .page_container h3  {
	margin-top: 30px;
	font-weight: bold;
	font-size: 22px;
}

.about .page_header  {
	background-image: url(../images/about.jpg);
}

.web-agency .page_header  {
	background-image: url(../images/web-agency.jpg);
}

.page_header .logo  {
	fill: #fff;
	/*
	-webkit-filter: drop-shadow( 0px 0px 1px rgba(0, 0, 0,1));
	filter: drop-shadow( 0px 0px 1px rgba(0, 0, 0,1));
	*/
}

.about .outer_square, .about .inner_square, .about .alone_square, .web-agency .outer_square, .web-agency .inner_square, .web-agency .alone_square  {
	background-color: #4FC9B8;
}

.websolutions .opacity_panel   {
	background-color: #4FC9B8;
}

.websolutions .page_header  {
	background-image: url(../images/websolutions.jpg);
}
.websolutions .outer_square, .websolutions .inner_square, .websolutions .alone_square  {
	background-color: #4FC9B8;
}

.contattaci .opacity_panel   {
	background-color: #B75534;
	position: absolute;
}

.contattaci .mappa  {
	position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.mappa .map  {
	width: 100%;
	height: 100%;
}

.contattaci .page_header  {
	position: relative;
}
.contattaci .outer_square, .contattaci .inner_square, .contattaci .alone_square  {
	background-color: #B75534;
}

.contattaci .section_serviceIcon .service_column  {
	width: 30%;
}

.contattaci .section_serviceIcon .service_column .description_div   {
	width: 100%;
	padding: 0;
}

.rockstreetfood .page_header, .smradio .page_header, .taxilecconcc .page_header, .appcitta .page_header, .logfire .page_header  {
	background-image: url(../images/casestudies.jpg);
}

.rockstreetfood .opacity_panel, .smradio .opacity_panel, .taxilecconcc .opacity_panel, .appcitta .opacity_panel, .logfire .opacity_panel  {
	background-color: #ff5555;
}



.icon_div.title_div  {
	display: block !important;
	color: #fff;
	background-color: #B75534;
	margin: 15px;
	border-radius: 5px;

}
.icon_div.title_div p  {
	font-size: 25px;
}
.chiama svg  {
	width: 45px;
	height: 45px;
	margin: 15px;
	fill: #B75534;
}

.chiama  {
	display: block;
}

.chiama span  {
	font-size: 18px;
	cursor: pointer;
}

.page_header .section_header  {
	position: absolute;
	z-index: 12;
	top: 50%;
	left: 150px;
	transform: translate(0,-50%);
	width: calc(50vw - 300px);
}

.casestudies .page_header .section_header  {
	top: 30%;
}
.page_header .section_header .up  {
	color: #fff;
	font-weight: bold;
    /*text-shadow: 0 0 10px rgba(0,0,0,0.25);*/
}
.page_header .section_header .down  {
	color: #fff;
	opacity: 0.7;
}

.page_header .section_header .description{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    /*text-shadow: 0 0 10px rgba(0,0,0,0.25);*/	
}

/*case studies*/

.case_container .row {
    position: relative;
    width: 100%;
    height: 615px;
    margin: 0;
    margin-top: 70px;
}

.case_container .element  {
	position: absolute;
	width: 400px;
	height: 400px;
	display: inline-block;
	left: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 15px;
	box-shadow: 0 0 30px rgba(0,0,0,0.4);
	filter: grayscale(1);
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    cursor: pointer;
}

.case_container .element a  {
	position: absolute;
	width: 100%;
	height: 100%;
}

.case_container .element h3  {
	position: absolute;
    bottom: 0;
    right: -60px;
    font-weight: bold;
    font-size: 35px;
}

.case_container .element .descrizione  {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	padding: 10px;
	border-radius: 15px;
}

.case_container .element .descrizione h3  {
	position: inherit;
	bottom: auto;
	right: auto;
	font-size: 22px;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,1);
}

.case_container .element .descrizione p  {
	color: #fff;	
	text-shadow: 0 0 1px rgba(0,0,0,1);
}

.case_container .element:hover  {
	filter: grayscale(0);
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}

.case_container #estetistapp.element  {
	background-image: url(../images/estetistapp.jpg);
}

.case_container #cinemapp.element  {
	background-image: url(../images/cinemapp.jpg);
}
.case_container #musicapp.element  {
	background-image: url(../images/musicapp.jpg);
}

.case_container #social.element  {
	background-image: url(../images/social.jpg);
}
.case_container #runawapp.element  {
	background-image: url(../images/runawapp.jpg);
}

.case_container #locandina.element  {
	background-image: url(../images/locandina.jpg);
}

.case_container #fotografo.element  {
	background-image: url(../images/fotografo.jpg);
}
.case_container #website.element  {
	background-image: url(../images/webredesign.jpg);
}

.case_container #rockstreet.element  {
	background-image: url(../images/rock.jpg);
}

.case_container #smradio.element  {
	background-image: url(../images/smr.jpg);
}

.case_container #taxincc.element  {
	background-image: url(../images/taxi.jpg);
}

.case_container #appcitta.element  {
	background-image: url(../images/appcitta.jpg);
}

.case_container .element.right  {
	left: inherit;
	right: 0;
	bottom: -80px;
}

/* internal specifiche pagine */
.page_header .section_logo {
    width: 35vw;
    height: 60vh;
    position: absolute;
    top: 50%;
    right: 111px;
    transform: translate(0,-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.head_image   {
	text-align: center;
    position: relative;
    z-index: 15;
    width: 100vw;
    height: 40vh;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-top: 60vh;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	transition: opacity .6s, transform .6s, -webkit-transform .6s;
}
.head_image .image_container {
    position: relative;
    top: -280px;
    z-index: 15;
    width: 18vw;
    height: 70vh;
    margin: 0 auto;
}
.musicapp .head_image, .cinemapp .head_image   {
	background-color: rgba(0,0,0,0.8);	
}
.page_container.studies  {
	padding-left: 0px;
	width: 100vw;
}
.page_container .logo_design  {
	display: table;
	width: 100vw;
	height: 350px;
}
.page_container .logo_design .color  {
	display: table-cell;
	width: 30%;
	position: relative;
}
.page_container .logo_design .work_logo  {
	display: table-cell;
	width: 70%;
	position: relative;
}
.page_container .color_section {
    display: table;
    width: 100vw;
    height: 350px;
    margin-top: 200px;
    margin-bottom: 500px;
}
.cinemapp .page_container .font_section  {
	display: table;
    width: 100vw;
    height: 350px;
    margin-top: 30%;
    margin-bottom: 440px;
}
.page_container .funzionalita{
    display: table;
    width: 100vw;
    height: 350px;
    margin-top: 200px;
}
.page_container .funzionalita .image_container  {
	text-align: center;
}
.page_container .descrizione_section{
    display: block;
    width: 100vw;
    margin-top: 200px;
    text-align: center;
}
.page_container .descrizione_section .descrizione  {
	width: 50vw;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}
.page_container .funzionalita .left_section, .page_container .funzionalita.invert .right_section  {
	display: table-cell;
	width: 70%;
	position: relative;
}
.left_section .anteprima, .right_section .anteprima  {
	width: 50%;
}
.page_container .funzionalita .right_section, .page_container .funzionalita.invert .left_section  {
	display: table-cell;
	width: 30%;
	position: relative;
}
.page_container .right_section .background, .page_container .left_section .background  {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
}
#trattamento .background  {
	background-color: #f769ac;
}
#prenota .background  {
	background-color: #fbb03b;
}
#futuro .background  {
	background-color: #d7bb8a;
}
.page_container .funzionalita h3  {
	position: absolute;
    font-weight: bold;
    left: -60px;
    top: 20px;
}
.page_container .funzionalita.invert h3  {
	position: absolute;
    font-weight: bold;
    right: -60px;
    left: auto;
    top: 20px;
}
.page_container .funzionalita .up {
    color: #000;
}
.page_container .funzionalita .down {
    color: rgba(0,0,0,0.7);
}
.page_container .color_section .background  {
	width: 100%;
	height: 200%;
	position: absolute;
	z-index: -1;
	top: 0;
}
.page_container .color_section .color  {
	display: table-cell;
	width: 30%;
	position: relative;
}
.page_container .color_section .paletta  {
	display: table-cell;
	width: 70%;
	position: relative;
}
.cinemapp .page_container .ux_design  {
	display: table-cell;
	width: 20%;
	position: relative;
}
.cinemapp .page_container .ux_design .background  {
	position: absolute;
	width: 100%;
	height: 150%;
	background-color: #ffad02;
	top: 0;
}
.cinemapp .page_container .font_section .descrizione  {
	display: table-cell;
	width: 80%;
	position: relative;
}

.cinemapp .page_container .font_section .descrizione .container  {
	width: 50%;
	position: absolute;
	right: 10%;
}
.cinemapp .page_container .font_section .descrizione .container p  {
	font-size: 13px;
}
.page_container .logo_design .work_logo img  {
	position: absolute;
	width: 55%;
	left: 50%;
	transform: translate(-50%);
}
.page_container .logo_design .color h3  {
	position: absolute;
	font-weight: bold;
	right: -60px;
	top: 20px;
}
.page_container .color_section .color h3  {
	position: absolute;
	font-weight: bold;
	left: -60px;
	top: 20px;
}
.page_container .color_section .paletta img  {
	position: absolute;
	width: 55%;
	left: 50%;
	transform: translate(-50%);
}
.page_container .font_section h3  {
	font-weight: bold;
}

.page_container .font_section .descrizione  {
	width: 50vw;
	margin: 0 auto;
}
.page_container .color_section .descrizione {
    width: 50vw;
    text-align: left;
    position: absolute;
    left: 40%;
    transform: translate(-50%);
    top: 90%;
}
.sitoweb .page_container .color_section .descrizione  {
	top: 92%;
}
#concept {
    width: 100%;
    position: absolute;
    left: -200px;
    top: 60%;
    transform: translate(0,-50%);
}
#futuro_sec{
    width: 85%;
    position: absolute;
    left: -140px;
}
.page_container .color_section .descrizione p, .page_container .font_section .descrizione p  {
	font-weight: normal;
}
.page_container .font_section .descrizione h4, .page_container .color_section .descrizione h4, .page_container .descrizione_section .descrizione h4  {
	color: #ff6fa7;	
}

.page_container .logo_design .color .up, .page_container .font_section .up  {
	color: #000;
}
.page_container .logo_design .color .down, .page_container .font_section .down  {
	color: rgba(0,0,0,0.7);
}
.page_container .color_section .color .up  {
	color: #000;
}
.page_container .color_section .color .down  {
	color: rgba(0,0,0,0.7);
}
.page_container .font_section{
    margin-top: 30%;
    text-align: center;
}
.musicapp .page_container .font_section {
    margin-top: 20%;
    text-align: center;
}
.page_container .font_section img  {
	width: 80%;
	margin-top: 50px;
}
.estetistapp .page_container .color_section .background, .sitoweb .page_container .color_section .background  {
	background-color: #828282;
}
.estetistapp .page_container .logo_design .color  {
	background-color: #d69ee8;
}
.musicapp .page_container .color_section .background  {
	background-color: #828282;
}
.musicapp .page_container .logo_design .color  {
	background-color: #c69360;
}
.cinemapp .page_container .color_section .background  {
	background-color: #828282;
}
.cinemapp .page_container .logo_design .color  {
	background-color: #00ddd3;
}
.social .page_container .color_section .background  {
	background-color: #828282;
}
.social .page_container .logo_design .color  {
	background-color: #ddc031;
}
.runawapp .page_container .color_section .background  {
	background-color: #828282;
}
.runawapp .page_container .logo_design .color  {
	background-color: #60aaf8;
}
.sitoweb .page_container .logo_design .color  {
	background-color: #00db77;
}
.musicapp .page_container .logo_design .work_logo img  {
	position: absolute;
    width: 110%;
    top: 75px;
    left: -85px;
    transform: none;
}
.cinemapp .page_container .logo_design .work_logo img {
    position: absolute;
    width: 90%;
    left: -50px;
    transform: none;
    top: 125px;
}
.cinemapp .page_container .font_section img{
    position: absolute;
    z-index: 1;
    width: 260%;
    right: -100px;
    margin: 0;
    top: 110%;
}
.page_container.studies  {
	padding-top: 40px;
}

.estetistapp .page_header .section_logo  {
	background-image: url(../images/estetistapp_logo.svg);	
}
.estetistapp .page_header  {
	background-image: url(../images/back_estetistapp.jpg);
}

.musicapp .page_header .section_logo  {
	background-image: url(../images/musicapp_logo.svg);	
}
.musicapp .page_header  {
	background-image: url(../images/back_musicapp.jpg);
}
.sitoweb .page_header  {
	background-color: #60aaf8;
}
.sitoweb .page_header .section_logo  {
	background-image: url(../images/sito_icon.svg);	
}
.sitoweb .head_image .image_container  {
	width: 50%;
}
.cinemapp .page_header .section_logo  {
	background-image: url(../images/cinemapp_logo.svg);	
}
.cinemapp .page_header  {
	background-image: url(../images/back_cinemapp.jpg);
}
.social .page_header .section_logo  {
	background-image: url(../images/social.svg);	
}
.social .page_header  {
	background-image: url(../images/back_social.jpg);
}
.runawapp .page_header .section_logo  {
	background-image: url(../images/runawapp_logo.svg);	
}
.runawapp .page_header  {
	background-image: url(../images/back_runawapp.jpg);
}
.cinemapp .page_container .font_section img {
    position: absolute;
    z-index: 1;
    width: 350%;
    right: -160px;
    margin: 0;
    top: 80%;
}
.social .page_container .font_section {
    margin-top: 20%;
}

.social .page_container .color_section .paletta img  {
	top: 50%;
}

.runawapp .page_container .font_section {
    margin-top: 100px;
    text-align: center;
}

.runawapp .page_container .logo_design .work_logo img {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.progetto_singolo .case_container .element  {
	filter: grayscale(0);
	background-image: url(../images/back_estetistapp.jpg);
}

.progetto_singolo .case_container .element h3  {
	right: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	bottom: auto;	
}

/* Elementi icone servizi */

.section_serviceIcon  {
	background-color: #f9f9f9;
	position: relative;
	/*
	padding-left: 80px;
	margin: 100px 0;
	margin-top: 250px;
	*/
	padding: 150px;
	padding-top: 50px;
	display: table;
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s, transform .6s;
}
.web-agency .section_serviceIcon  {
	background-color: #fff;
}
.web-agency .section_serviceIcon .header  {
	display: table-caption;
    padding-left: 150px;
    background-color: #fff;
}
.section_serviceIcon .header {
    display: table-caption;
    padding-right: 150px;
    padding-left: 150px;
    background-color: #f9f9f9;
    padding-top: 100px;
    position: relative;
}
.section_serviceIcon .header h4  {
	border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.section_serviceIcon .service_column  {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.section_serviceIcon .service_row  {
	display: table-row;
	text-align: left;
	width: 100%;
}
.section_serviceIcon .service_column .icon_div{
    display: table-cell;
    padding: 20px 0px;
    width: 5%;
}
#webagency_icon .service_icon, #webagency_icon .service_column .description_div a svg  {
	fill: #4FC9B8;
}
#webagency_icon .service_column .description_div a  {
	color: #4FC9B8;
} 
#webdesign_icon .service_icon, #webdesign_icon .service_column .description_div a svg  {
	fill: #60aaf8;
}
#webdesign_icon .service_column .description_div a  {
	color: #60aaf8;
} 
#appdesign_icon .service_icon, #sviluppo-app_sol .service_icon,  #sviluppo-app .service_column .description_div a svg  {
	fill: #00db77;
}
#sviluppo-app_sol .service_column .description_div a svg {
	fill: #00db77;
}
#sviluppo-app_sol .service_column .description_div a  {
	color: #00db77;
} 
#appdesign_icon .service_title, #sviluppo-app .service_title  {
	color: 	#00db77;
}
#graphdesign_icon .service_icon, #graphdesign_icon .service_column .description_div a svg  {
	fill: #f769ac;
}
#graphdesign_icon .service_title, #graphdesign_icon .service_column .description_div a  {
	color: 	#f769ac;
}
#marketingsol_icon .service_icon, #marketingsol_icon  .service_column .description_div a svg   {
	fill: #fbb03b;
}
#marketingsol_icon .service_title, #marketingsol_icon  .service_column .description_div a  {
	color: 	#fbb03b;
}
#printingsol_icon .service_icon, #printingsol_icon  .service_column .description_div a svg  {
	fill: #d7bb8a;
}
#printingsol_icon .service_title, #printingsol_icon  .service_column .description_div a  {
	color: 	#d7bb8a;
}
#ecommercegsol_icon .service_icon, #ecommercegsol_icon  .service_column .description_div a svg  {
	fill: #d7bb8a;
}
#ecommercegsol_icon .service_title, #ecommercegsol_icon  .service_column .description_div a  {
	color: 	#d7bb8a;
}
.icon_div .service_icon  {
	width: 50px;
	height: 50px;
}
.section_serviceIcon .service_column .description_div  {
	display: table-cell;
    vertical-align: middle;
    width: 95%;
    padding: 20px 0px 20px 20px;
    text-align: left;
}
.service_row .service_column:nth-child(2)  {
	padding-left: 60px;
}
.section_serviceIcon .service_column .description_div a  {
	text-decoration: none;
    border: 1.5px solid;
    padding: 10px 15px;
    border-radius: 50px;
    margin-top: 20px;
    float: right;
    font-weight: bold;
}
.section_serviceIcon .service_column .description_div a span, .section_serviceIcon .service_column .description_div a svg  {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.section_serviceIcon .service_column .description_div a:hover svg  {
	fill: #999 !important;
}
.section_serviceIcon .service_column .description_div a svg  {
	width: 12px;
    height: 12px;
    margin-left: 10px;
}
.description_div .service_title  {
	font-weight: bold;
}
.service_description  {
	font-size: 14px;
}
.back  {
	position: absolute;
    top: 25px;
    left: 25px;
    z-index: 9;
    color: #fff;
}

/* modulo contatti interno alle pagine*/
.form_message  {
	color: #000;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 15px;
    font-weight: bold;
}
.home .contact_form_internal  {
	display: none;	
	transition: all .6s ease;
}
.contact_form_internal{
    padding: 50px 150px;
    background-color: #ebebeb;
    width: 100%;
	opacity: 1;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .6s, transform .6s;
}
.contact_form_internal .container  {
	display: table;	
	width: 100%
}
.contact_form_internal .container .claim, .contact_form_internal .container .modulo_contatti  {
	display: table-cell;
	width: 50%;	
}
.contact_form_internal .container .claim  {
	padding-right: 40px;
}
.contact_form_internal .container .modulo_contatti .container  {
	display: table;
}
.contact_form_internal .container .claim h4  {
	margin-bottom: 20px;
	font-weight: bold;
}
.contact_form_internal .container .modulo_contatti .container .user_data  {
	display: table-row;
}
.contact_form_internal .container .modulo_contatti .container .user_data .nome  {
	display: table-cell;
	width: 50%;
}
.contact_form_internal .container .modulo_contatti .container .user_data .padded_left  {
	display: table-cell;
	width: calc(50% - 50px);
	padding-left: 50px;
}
.contact_form_internal .container .modulo_contatti .container .email, .contact_form_internal .container .modulo_contatti .messaggio, .contact_form_internal .container .modulo_contatti .container .condizioni  {
	display: table-row;
	width: 100%;	
}
footer .condizioni  {
	width: 50.333333%;
    margin-bottom: 20px;
}
.contact_form_internal .container .modulo_contatti .container .condizioni .form_checkbox  {
	display: inline-block;
	/*vertical-align: top;*/
}
footer .condizioni .form_checkbox  {
	display: inline-block;
	/*vertical-align: top;*/
}
.contact_form_internal .container .modulo_contatti .container .condizioni .checkbox  {
	margin-top: 20px;
	width: 200%;
}
footer .condizioni .checkbox  {
	margin-top: 20px;
	width: 200%;
}
.contact_form_internal .container .modulo_contatti .container .condizioni .checkbox input[type=checkbox]  {
	margin: 0;
}
footer .condizioni .checkbox input[type=checkbox]  {
	margin: 0;
}
.contact_form_internal .container .modulo_contatti .container label, .contact_form_internal .container .modulo_contatti .container .label  {
	display: block;
	margin-top: 50px;
}
.contact_form_internal .container .modulo_contatti .container input[type=text], .contact_form_internal .container .modulo_contatti .container input[type=email]  {
	width: 100%;
	border: none ;
	outline: none !important;
	border-bottom: 1px solid #3a3a3a;
	background-color: #ebebeb;
	border-radius: 0 !important;
}
.contact_form_internal .container .modulo_contatti .container .messaggio input  {
	width: 200%;
}
.block_scroll_vert  {
	position: fixed !important;
	height: 100vh !important;
	overflow: hidden !important;
}
.add_scroll_menu  {
	overflow-y: scroll !important;
}

/* loader pagina contatti */
.sede_vicina .loading {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.5);
	right: 0px;
	bottom: 0px;
}
.sede_vicina .loading .loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 100px;
    height: 100px;
    animation: animate 1s linear infinite ;
}
.sede_vicina .loading .loader span{
    position: absolute;
    width: 50px;
    height: 50px;
    animation: rotate 1s linear infinite;
}
.sede_vicina .loading .loader span:nth-child(1){
    top: 0;
    left: 0;
    background: #00da77;
}
.sede_vicina .loading .loader span:nth-child(2){
    top: 0;
    right: 0;
    background: #f669ab;
}
.sede_vicina .loading .loader span:nth-child(3){
    bottom: 0;
    left: 0;
    background: #faaf3b;
}
.sede_vicina .loading .loader span:nth-child(4){
    bottom: 0;
    right: 0;
    background: #63aaf3;
}
@keyframes rotate {
    0%{
        transform: rotate(0deg);
    }
    10%{
        transform: rotate(0deg);
    }
    60%{
        transform: rotate(90deg);
    }
    90%{
        transform: rotate(90deg);
    }
    100%{
        transform: rotate(90deg);
    }
}
@keyframes animate {
    0%{
        width: 100px;
        height: 100px;
    }
    10%{
        width: 100px;
        height: 100px;
    }
    50%{
        width: 150px;
        height: 150px;
    }
    90%{
        width: 100px;
        height: 100px;
    }
    100%{
        width: 100px;
        height: 100px;
    }
}

/* Landing page generic */
.landingpage .section_serviceIcon  {
	background-color: #fff;
	padding-top: 50px;
	display: block;
}
.landingpage .section_serviceIcon .header  {
	margin-top: 0;
	background-color: #fff;
	padding-top: 0;
	display: block;
	padding-left: 0;
	margin-bottom: 40px;
}
.landingpage .section_serviceIcon .service_column .description_div a   {
	float: left;
}
.landingpage .section_serviceIcon .service_row  {
	display: block;
	text-align: center;
}
.landingpage .section_serviceIcon .service_column  {
	display: inline-block;
	vertical-align: middle;
	width: 400px;
    text-align: left;
}
.landingpage .service_row .service_column:nth-child(2)  {
	padding-left: 0;
}
.landingpage .section_serviceIcon .service_column .icon_div  {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
}
.landingpage .section_serviceIcon .service_column .description_div  {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.landingpage .landing_text_section  {
	position: relative;
	padding: 0px 150px;
	width: 100%;
	padding-right: 0;
}
.landingpage .landing_text_section .landing_description  {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 500px);
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.landingpage .landing_text_section .landing_image   {
	display: inline-block;
	vertical-align: middle;
	width: 480px;
	height: calc(570px * 0.5625);
	position: relative;
	right: -15px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.landing_image.lecco  {
	background-image: url(/assets/images/lecco.jpg);
}
.landing_image.como  {
	background-image: url(/assets/images/como.jpg);
}
.landing_image.bergamo  {
	background-image: url(/assets/images/bergamo.jpg);
}
.landing_image.sondrio  {
	background-image: url(/assets/images/sondrio.jpg);
}
.landing_image.torino  {
	background-image: url(/assets/images/torino.jpg);
}
.landing_image.venezia  {
	background-image: url(/assets/images/venezia.jpg);
}
.landing_image.rimini  {
	background-image: url(/assets/images/rimini.jpg);
}
.landing_image.pesaro  {
	background-image: url(/assets/images/pesaro.jpg);
}
.landing_image.roma  {
	background-image: url(/assets/images/roma.jpg);
}
.landing_image.napoli  {
	background-image: url(/assets/images/napoli.jpg);
}
.landing_image.bari  {
	background-image: url(/assets/images/bari.jpg);
}
.landingpage .landing_text_section .landing_image .up  {
	color: #fff;
    font-weight: bold;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 45px;
    line-height: 40px;
}
.landingpage .landing_text_section .landing_image .down {
    color: #fff;
    opacity: 0.7;
}
.landingpage .landing_text_section .landing_image .down:last-child   {
	opacity: 1;
}
.landing_image a  {
	text-decoration: none;
    border: 1.5px solid;
    padding: 10px 15px;
    border-radius: 50px;
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
}
.landing_image a span, .landing_image a svg {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.landing_image a svg {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    fill: #fff;
}
.landing_webagency .landing_text_section {
	background-color: #4FC9B8;
}
.landing_webdesign .landing_text_section {
	background-color: #60aaf8;
}
.landing_marketing .landing_text_section {
	background-color: #fbb03b;
}
.landing_grapichdesign .landing_text_section {
	background-color: #f769ac;
}
.landing_sviluppoapp .landing_text_section {
	background-color: #00db77;
}
.landing_ecommerce .landing_text_section {
	background-color: #d7bb8a;
}

/* next page effect*/
@-webkit-keyframes pulse {
	0%   {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10%   {
		opacity: 0;
	}
	50%   {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90%   {
		opacity: 0;
	}
	100%   {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}
@-moz-keyframes pulse {
	0%   {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10%   {
		opacity: 0;
	}
	50%   {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90%   {
		opacity: 0;
	}
	100%   {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}
@-ms-keyframes pulse {
	0%  {
	opacity: 0;
	background-position: center top;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	}
	10%  {
	opacity: 0;
	}
	50%  {
	opacity: 1;
	-moz-background-size: 75% auto;
	-o-background-size: 75% auto;
	-webkit-background-size: 75% auto;
	background-size: 75% auto;
	}
	90%  {
	opacity: 0;
	}
	100%  {
	opacity: 0;
	background-position: center bottom;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	}
}
@keyframes pulse  {
	0%  {
	opacity: 0;
	background-position: center top;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	}
	10%  {
	opacity: 0;
	}
	50%  {
	opacity: 1;
	-moz-background-size: 75% auto;
	-o-background-size: 75% auto;
	-webkit-background-size: 75% auto;
	background-size: 75% auto;
	}
	90%  {
	opacity: 0;
	}
	100%  {
	opacity: 0;
	background-position: center bottom;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	}
}
.scroll-down {
    transform: rotate(-90deg);
    margin: 0;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    width: 80px;
    height: 80px;
    right: calc(-100% + 65px);
    z-index: 10000;
    bottom: 40px;
    cursor: pointer;
}
.invert .scroll-down {
	right: 65px;
}
.scroll-down a  {
	display: block;
	opacity: 0;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	line-height: 0;
	font-size: 0;
	color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	-webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0s infinite normal ease forwards;
	animation: pulse 1.5s 0s infinite normal ease forwards;
	background-repeat: no-repeat;
}
#appdesign .scroll-down a, #marketing .scroll-down a, #case .scroll-down a, #sviluppo-app .scroll-down a, #showcase .scroll-down a {
	background-image: url("../images/arrow-down-white.svg");
}
#webdesign .scroll-down a {
	background-image: url("../images/arrow-down-blue.svg");
}
#graphicdesign .scroll-down a {
	background-image: url("../images/arrow-down-pink.svg");
}
#ecommerce .scroll-down a {
	background-image: url("../images/arrow-down-brown.svg");
}
.scroll-down a:before, .scroll-down a:after  {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#appdesign .scroll-down a:before,
#appdesign .scroll-down a:after,  
#marketing .scroll-down a:before, 
#marketing .scroll-down a:after,
#business .scroll-down a:before, 
#business .scroll-down a:after, 
#sviluppo-app .scroll-down a:before, 
#sviluppo-app .scroll-down a:after, 
#showcase .scroll-down a:before, 
#showcase .scroll-down a:after {
	background: url("../images/arrow-down-white.svg") no-repeat center top;
}
#webdesign .scroll-down a:before, #webdesign .scroll-down a:after {
	background: url("../images/arrow-down-blue.svg") no-repeat center top;
}
#graphicdesign .scroll-down a:before, #graphicdesign .scroll-down a:after {
	background: url("../images/arrow-down-pink.svg") no-repeat center top;
}
#ecommerce .scroll-down a:before, #ecommerce .scroll-down a:after {
	background: url("../images/arrow-down-brown.svg") no-repeat center top;
}
.scroll-down a:before  {
	-webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
	animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.scroll-down a:after  {
	-webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	-moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	-o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
	animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
/*
.scroll-down a:hover  {
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
*/

.title .discover_more{
    font-size: 14px;
    /*padding: 10px;*/
    padding: 15px 10px;
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.25);*/
    position: absolute;
    font-weight: bold;
}

.title .discover_more span, .title .discover_more svg {
	display: inline-block;
	vertical-align: middle;
}

.title .discover_more svg {
	width: 15px;
	height: 12px;
	margin-left: 10px;
	fill: #fff;
}

/* Pagina contatti */

.contattaci .page_container {
	width: 100%;
}

.table_contatti {
	display: table;
	width: 100%;
}

.mappa iframe {
	width: 100%;
	height: 100%;
}

.cell_contatti {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.cell_contatti .dati_utente {
	display: table-row;
	width: 100%;
}

.cell_contatti .dati_utente .form_input {
	display: table-cell;
	width: 50%;
	padding: 15px;
}

.cell_contatti .managerform {
	padding: 20px;
}

.managerform .form {
	display: table;
	width: 100%;
}

.managerform .form_title {
	margin-left: 15px;
}

.managerform .messaggio {
	width: 100%;
}

/*
.managerform .messaggio .form_input {
	width: 100%;
	padding: 15px;
}
*/

.address {
	cursor: pointer;
}

.managerform .footer_form {
	padding: 0px 15px 15px 15px;
}

.checkbox .form_checkbox {
	display: inline-block;
	vertical-align: middle;
}

.checkbox .termini {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.checkbox .termini, .checkbox .privacy {
	font-size: 12px;
}

.messaggio .form_input textarea {
	width: 100%;
	height: 80px;
	resize: none;
	border-radius: 10px;
	padding: 10px;
	outline: none;
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.dati_utente .form_input input[type=text] {
    width: 100%;
    border-radius: 10px;
    height: 30px;
    padding-left: 10px;
    outline: none;
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.form_submit input[type=submit]{
    width: 100px;
    margin-top: 15px;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    padding: 10px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none !important;
}


.newsletter .form_submit .sendbtn{
    background-color: hsla(0,0%,100%,.2);
    color: #fff;
}

.form_submit input[type=submit]:hover {
	background-color: #000;
	color: #fff;	
}

.contattaci .contatti {
	padding: 30px;
	padding-left: 0px;
}

.contatti .principali .telefono, .contatti .principali .mail, .contatti .principali .pec, .data .principali .telefono, .data .principali .mail, .data .principali .pec {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
}

.contatti .principali .telefono svg, .contatti .principali .mail svg, .contatti .pec svg, .data .principali .telefono svg, .data .principali .mail svg, .data .pec svg {
	width: 25px;
	height: 25px;
	fill: #B75534;
}

.dedicati .telefono svg, .dedicati .mail svg {
	width: 25px;
	height: 25px;
	fill: #B75534;
}

.dedicati .zona {
	display: inline-block;
    vertical-align: middle;
    padding: 20px 30px 20px 0px;
    width: 320px;
}

.dedicati h4 {
	margin-bottom: 10px;
	font-weight: bold;
	color: #B75534;
	font-size: 22px;
}


.contatti .principali, .contatti .indirizzo, .contatti .pec, .dedicati .telefono, .dedicati .mail, .data .principali {
	margin-top: 20px;
	margin-bottom: 20px;
}

.contatti a, .data a {
	color: #000;
	text-decoration: none;
}

.contatti a .value, .data a .value {
	margin-left: 15px;
}

.contatti .indirizzo .bolder {
	font-weight: bold;
	color: #000;
}

.contatti .indirizzo .bolder.title {
	font-size: 20px;
}

.contatti .dedicati {
	margin-top: 50px;
}

/* Pagina web solutions */

.solutions_container {
	text-align: center;
}

.solutions_container .container {
	text-align: center;
	width: 200px;
	margin: 25px 15px 0px 15px;
	display: inline-block;
	vertical-align: middle;
}

.solutions_container .container p {
	font-weight: bold;
	margin-top: 10px;
}

.solutions_container a {
	text-decoration: none;
	color: #000;
}

.solutions_container .container .image_container {
	width: 200px;
	height: 200px;
	border-radius: 10px;
	padding: 10px;
}

#web .image_container {
	background-color: #60aaf8;
}

#app .image_container {
	background-color: #00db77;
}

#graph .image_container {
	background-color: #f769ac;
}

#mark .image_container {
	background-color: #fbb03b;
}

.solutions_container .container .image_container img {
	width: 100%;
	height: 100%;
}

/* elementi casi di successo */

.cycle-slideshow {
	width: 100%;
	overflow: visible !important;
}

.cycle-slideshow .container {
	display: table !important;
}

.cycle-slideshow .container .img_cont {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	border-radius: 10px;
	padding: 10px;
}

.cycle-slideshow .container img {
	width: 100%;
	border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.cycle-slideshow.img_nobox .container img {
	box-shadow: none;
}

.img_cont.img_nobox img {
	box-shadow: none;
}

.cycle-slideshow .container .descrizione {
	width: 40%;	
	height: 100%;
	display: table-cell;
	vertical-align: top;
	margin-left: 15px;
	padding: 10px;
	padding-left: 50px;
}

.center {
	margin-bottom: 50px;
}

.center svg {
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.svg_complic_symbol {
	fill : #000;
}

@media screen and (max-width: 1920px)  {
	.page_container .color_section .descrizione {
		top: 80%;
	}	
	
	.estetistapp .page_container .color_section .descrizione, .runawapp .page_container .color_section .descrizione {
		top:90%;
	}
}
@media screen and (max-width: 1500px)  {
	.page_container .description .image img {
		width: 500px;
	}		
}
@media screen and (max-width: 1385px)  {
	.case_container .element {
		width: 200px;
		height: 200px;
	}
	
	.case_container .row  {
		height: 240px;
	}
	
	.muiscapp .page_container .font_section img {
    		width: 70%;
    }
    
    .cinemapp .page_container .font_section img  {
	    right: -75px;
	    top: 110%;
	}
	
	.contact_form_internal .container .claim {
		padding-right: 30px;
	}
}


@media screen and (max-width: 1280px) {
	.parallax .container.invert .content .title {
    		left: -70%;
    }
	
	.parallax .container .content .object  {
		width: 35vw;
	}
	
	.estetistapp .page_container .color_section .descrizione, .runawapp .page_container .color_section .descrizione {
		top: 87%;
	}

	#futuro_sec {
		width: 95%;
		left: -55px;
	}
	
	/*
	.section_serviceIcon .service_column .description_div {
		width: 75%;
	}
	*/
	
	.head_image .image_container {
		top: -190px;
	}
	
	.page_container .description .text {
		width: 75%;
	}
	
	.page_container .description .image {
		width: 15%;
	}
	
	.page_container .description .image img  {
	    width: 330px;
	}
	
	.page_header .section_header  {
		width: calc(50vw - 150px);	
	}
	
	.parallax .container .content .title h2 {
		font-size: 40px;
		line-height: 40px;
	}
	
	.title .discover_more {
		font-size: 12px;
	}
}

@media screen and (max-width: 1152px) {
	.landingpage .section_serviceIcon .service_column {
		width: 280px;
	}
	
	.landingpage .landing_text_section .landing_description {
		width: calc(100% - 430px);
	}
	
	.landingpage .landing_text_section .landing_image {
		width: 410px;
	}
	
	.parallax .container .content .object  {
		width: 50vw;
    	top: 70%;
    }
    .parallax .container .content .title  {
	    left: 130%;
	    top: 35%;
	}
	.parallax .container.invert .content .title  {
	    left: -65%;
	}
	
	.page_container .font_section {
    	margin-top: 20%;
    }
    
    .page_container .color_section .descrizione  {
	    top: 76%;
	}
	
	.cinemapp .page_container .font_section {
		margin-top: 20%;	
	}
	
	.head_image .image_container  {
		width: 23vw;
	}
	
	.sitoweb .head_image .image_container  {
		width: 65%;
	}
	
	#concept {
		left: -90px;
	}
	
	.section_serviceIcon .service_column {
		width: 100%;
		display: block;
	}
	
	.page_container .description .text, .page_container .description .image {
		display: block;
		width: 100%;
	}
	
	.page_container .description .image {
		text-align: center;
		margin-top: 100px;
		margin-bottom: 20px;
	}
	
	.page_container .description .image img {
		width: 100%;
		right: 0;
		left: 0;
	}
}

@media screen and (max-width: 1152px)  {
	.contact_form_internal .container, .contact_form_internal .container .claim, .contact_form_internal .container .modulo_contatti {
		display: block;
		width: 100%;
	}	
	
	.service_row .service_column:nth-child(2) {
		padding-left: 0px;
	}
	
	footer .condizioni .form_checkbox {
		vertical-align: top !important;
	}
	
	footer .checkbox .termini {
		width: 90%;
	}
}

@media screen and (max-width: 992px) {
	.landingpage .landing_text_section .landing_description, .landingpage .landing_text_section .landing_image {
		display: block;
	}
	
	.landingpage .landing_text_section .landing_description {
		padding-top: 50px;
		width: 100%;
		text-align: left;
	}
	
	.landingpage .landing_text_section .landing_image {
		width: 100vw;
		position: relative;
	    left: -150px;
	    margin-top: 50px;
	}
	
	.landingpage .section_serviceIcon .service_column {
		margin-bottom: 50px;
	}
	
	.prodotti .container .prodotto  {
	    width: 80%;
	}	
	
	section.page_header .banner-img:after, .gradient-banner  {
	    background: linear-gradient(0deg,#FFFFFF 0,hsla(0,0%,100%,0));
	}
	
	section.page_header .banner-img {
		width: 100%;
		height: 70%;
	}
	
	section.page_header .inner-wrapper .content {
		max-width: none;
		width: 90%;
	}
	
	/*
	.inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
		max-width: calc(100% - 150px);
		width: 100%;
	}
	*/
	
	footer .checkbox .termini {
		width: auto;
	}
	
	footer .row.top-row .col-md-6:nth-child(2) {
		width: 130px;
		display: inline-block;
    	vertical-align: middle;
    	float: right;
	}
	
	.newsletter {
		margin-bottom: 50px;
	}
	
	footer .col-md-6 {
		width: 80px;
		display: inline-block;
   		vertical-align: middle;
	}
	
	.claim h3 {
		color: #fff;
		text-shadow: 0px 0px 5px black;		
	}
	
	.freeform-section .container {
		background: rgba(0,0,0,0.6);
		width: 80%;
		color: #fff;
		text-shadow: 0px 0px 10px black;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.freeform-section .box_image {
	    width: 80%;
		height: calc(100% - 160px) !important;
		margin: 0;
		top: 80px;
	    left: 0;
	    z-index: -1;
	    border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.freeform-section.last .container.invert {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.freeform-section.last .box_image {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
	}
	
	.freeform-section .invert .box_image {
		left: 0;
		margin-left: 20%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.freeform-section .container.thin .box_image {
		top: 80px;
		transform: none;
	}
	.freeform-section .container.invert {
		margin-left: 20%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.freeform-section.last .box_image {
		top: 140px;
		height: calc(100% - 140px) !important;
	}
	.freeform-section .container .testo {
		width: 100%;
	}
	.freeform-section .container.invert {
		padding-left: 30px;
	}
	.freeform-section .container.invert .testo  {
		margin-left: 0;
	}
	.description p {
		font-size: 16px;
	}
	section.freeform-section {
		margin-top: 0;
		margin-bottom: 0;
	}
	.herowrapper .right {
		display: none;
	}
	.herowrapper .left .image .title {
		font-size: 10vh;
		position: absolute;
		z-index: 1;
		box-shadow: none;
	}
	.herowrapper .left .content  {
	    padding-top: 0px;
	    opacity: 1;
	    margin-top: 0;
	    transition: all .4s .6s;
	    margin-top: 0px;
	    visibility: visible;
	    position: absolute;
	    bottom: 0px; 
	    left: 0px;
	    width: 100vw;
	    color: #fff;
	    height: 100vh;
	    background-color: rgba(0,0,0,0.5);
	}
	.herowrapper .left .content .container {
		width: 40vw;
		position: absolute;
		left: 130px;
		bottom: 20%;
		transform: translate(0,50%);
	}
	footer .footer-credits .links, footer .footer-credits .links * {
		font-size: 12px;
		line-height: 20px;
	}
	.home footer {
		height: 810px;
	}
	.case_container .row {
		height: auto;
		margin-top: 0;
	}
	.case_container .element {
		position: inherit;
		display: block;
		left: auto;
		margin: 85px auto;
	}
	.case_container .element.right {
		left: auto;
		right: 0;
		bottom: 0;
	}
	.page_container .case_container .row:after, .page_container .case_container .row:before {
		display: block;
	}
	.page_container .logo_design .work_logo img {
		width: 70%;
	}
	.musicapp .page_container .font_section {
    	margin-top: 10%;
    }
    .cinemapp .page_container .font_section .descrizione .container {
		width: 80%;
		right: 10px;
	}
	.cinemapp .page_container .ux_design .background {
		height: 180%;
	}
	.runawapp .page_container .logo_design .work_logo img {
		width: 80%;
	}
	.sitoweb .head_image .image_container  {
	    width: 65%;
	}
	#futuro_sec {
		bottom: 0;
	}
	.sitoweb .page_container .color_section .descrizione  {
	    top: 90%;
	}
}

@media screen and (max-width: 800px) {
	.estetistapp .page_container .color_section .descrizione, .runawapp .page_container .color_section .descrizione  {
		top: 84%;
	}
	.head_image .image_container  {
		width: 27vw;
	}
	.page_header .section_logo  {
		width: 50vw;
		right: 20px;
	}
	.table_contatti {
		display: block;
	}
	.cell_contatti {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 750px) and (max-height: 500px)  {
	sidebar #sidebar_enquire {
		display: none;
	}	
}

@media screen and (max-width: 720px) {
	.landingpage .landing_text_section {
		padding-left: 50px;
		padding-right: 50px;
	}
	.landingpage .landing_text_section .landing_image {
		left: -50px;
	}
	.web-agency {
		padding-bottom: 100px;
	}
	.freeform-section .container .claim, .freeform-section .container .description {
		width: 90%;
	}
	.freeform-section .container {
		width: 90%;	
	}
	.freeform-section .box_image {
    	width: 90%;
    }
    sidebar  {
	    top: auto;
	    bottom: 30px;
	    padding-top: 0;
	    left: 50vw;
	    width: 90vw;
	    height: 80px;
	    transform: translate(-50%);
		-webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
	}
	sidebar #menu-container  {
	    position: absolute;
	    top: 50%;
	    left: auto;
	    right: 30px;
	    width: 30px;
	    -webkit-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	    cursor: pointer;
	}
	sidebar.is-menu-open  {
	    top: 206px;
	    bottom: auto; 
	    padding-top: 0;
	    left: 50vw;
	    width: 90vw;
	    height: 80px;
	    transform: translate(-50%);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
	}
	sidebar.is-menu-open #menu-container  {
	    position: absolute;
	    top: auto;
	    left: auto;
	    right: 30px;
	    width: 30px;
	    -webkit-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	    cursor: pointer;
	    bottom: -410px;
	}
	#main_menu_container  {
	    width: 90vw;
	    left: 50vw;
	    top: auto;
	    bottom: 30px;
	    height: 80px;
	    transform: translate(-50%);
	}
	.contattaci .page_container .description .text {
		width: 100%;
	}
	sidebar #menu-container .bars  {
	    width: 30px;
	    height: 20px;
	}
	
	.svg_complic_symbol {
		/*
		position: fixed;
	    top: 50%;
	    transform: translate(0,-50%);
	    left: 30px;
	    */
	    display: none;
	}
	
	.svg_studio_symbol {
		display: block;
		position: absolute;
	    top: 50%;
	    transform: translate(0,-50%);
	    left: 30px;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
	}
	
	
	/*
	.menu-open.svg_studio_symbol {
		top: -375px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	} */
	
	sidebar logo > svg {
		width: 70px;
	}
	
	sidebar #sidebar_enquire  {
		display: none;
		-webkit-transform: none; 
	    -ms-transform: none;
	    transform: none; 
	    top: 15px;
	    width: auto;
	    height: 60px;
	    left: auto;
	    right: 35px;
	    border-radius: 10px;
	    padding: 10px 20px;
	}
	
	sidebar #sidebar_enquire .icon {
		-webkit-transform: none; 
	    -ms-transform: none;
	    transform: none; 
	}
	
	sidebar #sidebar_logo  {
	    position: absolute;
	    top: 50%;
	    left: 95px;
	    transform: translate(0,-50%);
	}
	
	sidebar #sidebar_logo svg {
		width: 110px;
		height: 30px;
		/*display: block;*/
		display: none !important;
	}
	
	#main_menu_container #main_menu  {
	    /*padding: 80px 0 15px 100px;*/
	    /*padding: 80px 0 15px 0px;*/
	    /*padding: 75px 0 15px 30px;*/
	    padding: 80px 0 15px 30px;
		text-align: left;
	}
	
	/* aggiunto per centrare menu */
	.sidebar-menu-top .menu {
		margin-top: 0;
		padding-top: 15px;
	}
	
	
	#main_menu_container #main_menu .sidebar-menu-top > hr {
    	margin-bottom: 0px;
    	margin-top: 0px;
    }
    
    .inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
	    padding-left: 50px;
	    padding-right: 50px;
    }
    
    /*
    .inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
	    padding-left: 25px;
    }
    
    .inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
	    max-width: calc(100% - 25px);
    }
    */
    
    .page_description.text_description {
	    width: 100%;
    }
    
    section.freeform-section {
    	padding: 30px 0;
    }
    
    .freeform-section .box_image {
	    height: calc(100% - 60px) !important;
	    top: 30px;
    }
    
    .freeform-section .container.thin .box_image {
	    top: 30px;
    }
    
    .freeform-section .container, .freeform-section .container.invert {
	    padding-left: 15px;
    }
    
    .freeform-section .container.shortClaim .description, .freeform-section .container.shortClaim .claim {
	    width: calc(85% - 15px);
    }
    .freeform-section.last  {
	    padding-top: 30px;
	}
	
	.freeform-section.last .box_image  {
	    top: 30px;
	    height: calc(100% - 30px) !important;
	}
	
	.prodotti {
		padding-left: 0;
	}
	
	.prodotti .container  {
		width: 100vw;
	}
	
	.herowrapper .logo, .safari-ios .herowrapper .logo {
		display: none;
	}
		
	
	.herowrapper .left .image .title, .safari-ios .herowrapper .left .image .title {
		display: none;
	}
	
	.herowrapper .left .content_element, .safari-ios .herowrapper .left .content_element  {
	    top: 50%;
	    width: 85vw;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    text-shadow: 0px 0px 10px black;
	}
	
	.herowrapper .left .content_element .heading, .safari-ios .herowrapper .left .content_element .heading {
		font-size: 30px;
		margin: 0;
	}
	
	.herowrapper .left .content_element .description, .safari-ios .herowrapper .left .content_element .description {
		font-size: 15px;
	}
	
	.herowrapper .left .read-more-btn, .safari-ios .herowrapper .left .read-more-btn  {
	    width: 60%;
	    height: 60px;
	    text-align: center;
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%);
	    border-radius: 10px;
	    box-shadow: 0 4px 15px 0 rgba(0,0,0,.25);
	    bottom: -75px;
	}
	
	.herowrapper .left .content .container, .safari-ios .herowrapper .left .content .container {
	    width: 90vw;
	    position: relative;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	}
	
	.herowrapper .left .read-more-btn .font-muli, .safari-ios .herowrapper .left .read-more-btn .font-muli {
	    position: relative;
	    top: 50%;
	    transform: translate(0,-50%);
	    font-size: 20px;
	}
	
	.read-more-btn svg {
		position: relative;
		width: 20px;
		height: 18px;
		top: 50%;
		transform: translate(0,-50%);
	}
	
	#platform-img .read-more-btn {
		background-color: #090e23;	
	}
	
	#tailor-img .read-more-btn {
		background-color: #15244d;	
	}
	
	#cloud-img .read-more-btn {
		background-color: #1d1351;
	}
	
	#network-img .read-more-btn {
		background-color: #222966;
	}
	
	#solutions-img .read-more-btn {
		background-color: #002f5d;
	}
	
	#security-img .read-more-btn {
		background-color: #2d2d2d;
	}
	
	footer .footer-info .top-row  {
	    margin-bottom: 15px;
	}
	
	footer .footer-info  {
	    padding: 35px 0;
	    padding-bottom: 105px;
	}
	
	.web-agency .footer {
		padding-bottom: 0px;
	}
	
	footer .footer-info .second-row:after  {
	    height: 0px;
	}
	
	footer .footer-credits > .inner-wrapper {
	    padding-top: 15px;
	    width: calc(100% - 35px);
	}
	
	footer .copyright .row {
		width: 100%;
	}
	
	.parallax .container .content {
		position: absolute;
		top: 30%;
		left: 100%;
		transform: translate(-50%,-50%);
		width: 100vw;
	}
	
	.parallax .container.invert .content {
		left: 0px;
		right: -50%;
	}
	
	.parallax .container .logo {
		display: none !important;
		width: 85px;
		position: absolute;
		/*top : 50%;*/
		right: 0px;
		left: 50%;
		transform: translate(0,-50%);
		margin: 0 auto;
		display: table-cell;
		vertical-align: middle;
		
	}
	
	.title .discover_more {
		position: absolute; 
		right: -45vw; 
		top: 50%; 
		transform: translate(0,-50%);
	}
	
	.invert .scroll-down, .scroll-down {
		right: 0px;
		top: 50%;
		transform: translate(0,-50%) rotate(-90deg);
	}
	
	.parallax .container.invert .logo {
		right: 0px;
	}
	
	.parallax .container .content .object {
		position: relative;
		top: 0px;
		transform: none;
		left: 0px;
		margin: 0 auto;
		/*
		width: 300px;
		height: 260px;
		*/
		width: 330px;
		height: 315px;
	}
	
	.parallax .container .content .title_logo {
		display: table;
		width: 100vw;
		position: relative;
	}
	
	.parallax .container .content .title  {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    transform: none;
	    vertical-align: middle;
	    height: 110px;
	    display: table-cell;
	    width: 50%;
	}
	
	.parallax .container.invert .content .title {
		left: 0px;
	}
	
	.parallax .container .content .title h2 {
		margin-bottom: 0px;
		position: absolute;
		top:50%;
		left: 5vw;
		transform: translate(0,-50%);
		font-size: 25px;
		line-height: 23px;
	}
	
	.parallax .container .content .title .up {
		color: #fff;
	}
	.parallax .container .content .title .down  {
		color: rgba(255,255,255,0.5);
	}
	.parallax .container.invert #appdesign .content .title .up, #appdesign .title .discover_more, .parallax .container.invert #sviluppo-app .content .title .up /*, #sviluppo-app .title .discover_more*/ {
		color: #00db77;
	}
	.parallax .container.invert #appdesign .content .title .down, .parallax .container.invert #sviluppo-app .content .title .down {
		color: #00db77;
		opacity: 0.5;
	}
	.parallax .container.invert #marketing .content .title .up /*, #marketing .title .discover_more*/ {
		color: #fbb03b;
	}
	.parallax .container.invert #marketing .content .title .down {
		color: #fbb03b;
		opacity: 0.5;
	}
	.parallax .container.invert #case .content .title .up/* , #case .title .discover_more */ {
		color: #ff5555;
	}
	.parallax .container.invert #case .content .title .down {
		color: #ff5555;
		opacity: 0.5;
	}
	.parallax .container.invert #showcase .content .title .up/* , #showcase .title .discover_more */ {
		color: #ff5555;
	}
	.parallax .container.invert #showcase .content .title .down {
		color: #ff5555;
		opacity: 0.5;
	}
	
	/* sfondi del bottone discover more */
	
	.title .discover_more {
		box-shadow: none;
	}
	
	#webdesign .title .discover_more {
		background-color: #60aaf8;
		color: #fff;
	}
	#webdesign .title .discover_more svg {
		fill: #fff;
	}
	
	#sviluppo-app .title .discover_more {
		background-color: #fff;
		color: #00db77;
	}
	#sviluppo-app .title .discover_more svg {
		fill: #00db77;
	}
	
	#graphicdesign .title .discover_more {
		background-color: #f769ac;
		color: #fff;
	}
	#graphicdesign .title .discover_more svg {
		fill: #fff;
	}
	
	#marketing .title .discover_more {
		background-color: #fff;
		color: #fbb03b;
	}
	#marketing .title .discover_more svg {
		fill: #fbb03b;
	}
	
	#ecommerce .title .discover_more {
		background-color: #d7bb8a;
		color: #fff;
	}
	#ecommerce .title .discover_more svg {
		fill: #fff;
	}
	
	#showcase .title .discover_more {
		background-color: #fff;
		color: #ff5555;
	}
	#showcase .title .discover_more svg {
		fill: #ff5555;
	}
	
	
	.home footer  {
	    height: 790px;
	}
	
	.page_container {
		width: 100%;
		padding: 50px;
	}
	
	.contattaci .page_container {
		padding-top: 30px;
	}
	
	.page_header {
		background-size: 150vw calc(150vw * 0.5625); 
		background-position: top center;
	}
	
	.opacity_panel  {
	    /*height: calc(100vh - (150vw * 0.5625));
	    height: 100vw;
	    width: 100vw;
	    z-index: 11;
	    opacity: 1; 
	    position: absolute;
	    bottom: 0;*/
	    display: none;
	}
	
	.contattaci .opacity_panel {
		height: calc(100vh - (150vw * 0.5625));
	    height: 100vw;
	    width: 100vw;
	    z-index: 11;
	    opacity: 1; 
	    position: absolute;
	    bottom: 0;
	    display: block !important;
	}
	.marketing .page_header {
		background-color: #fbb03b;
	}
	.web-design .page_header {
		background-color: #60aaf8;
	}
	.landing_webagency .page_header {
		background-color: #4FC9B8;
	}
	.landing_webdesign .page_header {
		background-color: #60aaf8;
	}
	.landing_marketing .page_header {
		background-color: #fbb03b;
	}
	.landing_grapichdesign .page_header {
		background-color: #f769ac;
	}
	.landing_sviluppoapp .page_header {
		background-color: #00db77;
	}
	.landing_ecommerce .page_header {
		background-color: #d7bb8a;
	}
	.sviluppo-app .page_header {
		background-color: #00db77;
	}
	.graphic-design .page_header {
		background-color: #f769ac;
	}
	.e-commerce .page_header {
		background-color: #d7bb8a;
	}
	.privacy .page_header {
		background-color: #5f5f5f;
	}
	.contattaci .page_header {
		background-color: #B75534;
	}
	.web-agency .page_header {
		background-color: #4FC9B8;
	}
	.page_header .section_header {
		top: 65%;
	    left: 5vw;
	    transform: translate(0,-50%);
	    width: 90vw;
	    text-align: left;
	}
	.page_header .section_header .description {
		font-size: 13px;
		/*text-shadow: 0 0 3px rgba(0,0,0,1);*/
	}
	.page_container .alone_square {
		left: 20px;
		top: 75%;
	}
	/*
	.page_header .section_header .up {
		font-size: 28px;
	}
	
	
	.page_container .outer_square {
		top: 325px;
	}
	
	.page_container .inner_square {
		top: 455px;
	}
	*/
	.page_container .logo_design .work_logo img {
		width: 85%;
	}
	.page_container .font_section .descrizione {
    	width: 80vw;
    }
    .page_container .color_section .descrizione  {
	    top: 68%;
	}
	.page_container .color_section {
		margin-top: 110px;
	}
	.page_header .logo  {
		display: none;
		top : auto;
		bottom: 0px;
		right: 10px;
		width: 55px;
	}
	.muiscapp .page_container .font_section img {
    	width: 85%;
    }
    .musicapp .page_container .logo_design .work_logo img {
	    top: 65%;
		transform: translate(0,-50%);
    }
	.cinemapp .page_container .logo_design .work_logo img {
		width: 100%;
		left: -70px;
	}
	.cinemapp .page_container .font_section .descrizione .container {
		width: 90%;
		left: 50%;
		transform: translate(-50%);
	}
	.cinemapp .page_container .font_section img  {
		width: 420%;
	}
	.social .page_container .logo_design .work_logo img {
		top: 70px;
		width: 100%;
	}
	.social .page_container .font_section  {
	    margin-top: 30%;
	}
	.social .page_container .color_section .background {
		height: 170%;
	}
	.social .page_container .color_section {
		margin-bottom: 350px;
	}
	.runawapp .page_container .logo_design .work_logo img {
		width: 100%;
	}
	.page_container .descrizione_section .descrizione {
		width: 85vw;
	}
	.left_section .anteprima, .right_section .anteprima  {
	    width: 70%;
	}
	.sitoweb .head_image .image_container  {
	    width: 95%;
	    top: 0px;
	    height: 40vh;
	}
	.sitoweb .page_container .logo_design .color h3  {
		right: -20px;
	}
	.sitoweb .left_section .anteprima, .right_section .anteprima  {
		top: 100px;
		position: relative;
		width: 85%;
	}
	#concept  {
	    left: -130px;
	    width: 120%;
	}
	.head_image .image_container {
		top: -80px;
		width: 45vw;
		height: 50vh;
	}
	.cycle-slideshow {
		height: 400px;
	}
    .section_serviceIcon .service_column .description_div {
	    padding-left: 30px;
    }
    .section_serviceIcon {
	    padding-left: 50px;
	    padding-right: 50px;
    }
    .contact_form_internal {
	    padding: 50px;
    }
    .web-agency .location {
	    padding: 30px 0px;
    }
    .web-agency .location .header {
	    margin: 0 30px;
    }
    .web-agency .section_serviceIcon {
	    padding: 100px 50px;
    }
    .section_serviceIcon .header {
	    padding-left: 50px;
		padding-right: 50px;
    }
    /*
    #main_menu_container #main_menu .sidebar-menu-bottom {
	    display: none;
    }
    */
    .web-agency .location .zone .zona {
	    width: 280px;
	    height: 180px;
    }
    .page_container .description .text .form_richiesta {
	    margin-top: 15px;
	    margin-bottom: 30px;
	    padding: 8px 10px;
    }
    .page_container .description .text .form_richiesta span {
	    font-size: 13px;
    }
    #main_menu_container #main_menu .sidebar-menu-bottom .enquire {
	    display: none;
    }
    footer .condizioni {
		width: 49.333333%;
	}
	.contattaci .page_container .description .image .sede_vicina .data {
		text-align: left;
	}   
	.contattaci .page_container .description .image {
		height: auto;
		padding: 0;
		margin-top: 30px;
		width: auto !important;
	}
	.data .principali .telefono, .data .principali .mail {
		margin-right: 0;
	}
}

@media screen and (max-width: 600px)  {
	.estetistapp .page_container .color_section .descrizione, .runawapp .page_container .color_section .descrizione  {
	    top: 83%;
	}
	
	#concept  {
	    left: -145px;
	    width: 135%;
	}
	
	#futuro_sec  {
	    width: 120%;
	    left: -110px;
	}
	
	.sitoweb .page_container .color_section .descrizione  {
	    top: 89%;
	}
	
	.web-agency .section_serviceIcon .service_column .description_div  {
		width: 80%;
		padding: 20px;
		text-align: left;
		padding-right: 0;
		padding-top: 0;
	}
	
	.principali .telefono, .principali .mail {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.contatti .principali .telefono, .contatti .principali .mail, .contatti .principali .pec, .data .principali .telefono, .data .principali .mail, .data .principali .pec {
		margin-right: 0;
	}
	
	.web-agency .section_serviceIcon .service_column .icon_div {
		padding: 0;
		margin-left: -25px;
	}
	
	.section_serviceIcon .service_column .icon_div {
		padding: 0;
		margin-left: -50px;
	}
	
        
    p, .service_description, .description p {
	    font-size: 13px;
	    line-height: 17px;
    }
    
    .section_serviceIcon .service_column .description_div a {
	    font-size: 13px;
	    padding: 8px 10px;
	    margin-top: 10px;
	    font-weight: bold;
    }
    
    .web-agency .section_serviceIcon  {
	    padding: 50px;
	}
	
	.section_serviceIcon .service_column .description_div a svg {
		height: 10px;
		margin-left: 5px;
	}
	
	.section_serviceIcon  {
	    padding-left: 30px;
	}
	
	.section_serviceIcon .service_column .description_div {
		padding-right: 0;
		padding-top: 0;
	}
	
	sidebar #sidebar_enquire {
		right: 15px;
		height: 45px;
	}
	
	/*
	.menu-open.svg_studio_symbol {
		top: -380px;
	}*/
}

@media screen and (max-width: 500px)  {
	.page_container .color_section .descrizione p, .page_container .font_section .descrizione p {
		font-size: 12px;	
	}
		
	.musicapp .page_container .logo_design .work_logo img {
		width: 130%;
	}
		
	.cinemapp .page_container .logo_design .work_logo img {
		width: 115%;
		left: -105px;
		top: 160px;
	}
	.cinemapp .page_container .font_section .descrizione .container p {
		font-size: 12px;
	}
	
	.cinemapp .page_container .font_section img  {
	    width: 420%;
	    right: -45px;
	    top: 135%;
	}
	
	.social .page_container .color_section .background  {
	    height: 130%;
	}	
	.social .page_container .color_section  {
	    margin-bottom: 195px;
	}
	
	.runawapp .page_container .logo_design .work_logo img  {
	    width: 120%;
	    top: 60%;
	    left: 40%;
	}
	
	.sitoweb .page_container .logo_design .work_logo img  {
	    width: 90%;
	    top: 95px;
	}
	
	#concept  {
	    left: -110px;
	    width: 125%;
	}
	
	sidebar #sidebar_enquire {
		padding: 10px;
	}
	
	.page_container .description .image img {
    	width: 100%;
    }
    
    .contact_form_internal .container .modulo_contatti .container, .contact_form_internal .container .modulo_contatti .container .user_data,.contact_form_internal .container .modulo_contatti .container .email, .contact_form_internal .container .modulo_contatti .messaggio, .contact_form_internal .container .modulo_contatti .container .condizioni {
	    display: block;
    }
    
    .contact_form_internal .container .modulo_contatti .container input[type=text], .contact_form_internal .container .modulo_contatti .container input[type=email] {
	    width: 100%;
    }
    
    .contact_form_internal .container .modulo_contatti .container .user_data .nome, .contact_form_internal .container .modulo_contatti .container .user_data .padded_left {
	    display: block;
	    width: 100%;
	    padding: 0;
    }
    
    .contact_form_internal .container .modulo_contatti .container .condizioni .checkbox {
	    width: 100%;
    }
    
    /*
    .title .discover_more  {
	    right: -120%;
	    transform: translate(-50%,-50%);
	}
	*/
	
	.page_container, .section_serviceIcon, .contact_form_internal, .web-agency .section_serviceIcon {
		padding: 50px 25px;
	}
	
	.section_serviceIcon .header, .web-agency .section_serviceIcon .header {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 50px;
	}
	
	.inner-wrapper, .wide-wrapper>.narrow-wrapper .map-custom .map-info-wrapper, .wide-wrapper>.narrow-wrapper .map-listing .map-info-wrapper, .wide-wrapper>.row .map-custom .map-info-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.row.second-row {
		margin-top: 30px;
	}
	
	.home footer {
		height: 850px;
	}
}

@media screen and (max-width: 400px) {
	/*
	footer .footer-info .social  {
	    top: -34px;
	    position: relative;
	    margin-right: 28px;
	}
	*/
	
	footer .footer-info .social .social-links a {
		margin: 0;
	}
	
	footer .footer-info .top-row {
		height: 35px;
	}
	
	footer h3 {
    	font-size: 18px;
    }
    
    .form-group label, .form-group .label {
	    font-size: 11px;
    }
	
	footer form.dark .form-group .form-control, form.dark .form-group .form-control {
		font-size: 15px;
	}
	
	footer .footer-info .newsletter .primary-btn .icon  {
	    top: -2px;
	    position: relative;
	}
	
	.form-group {
		margin-bottom: 8px;
	}
	
	.page_container .color_section .descrizione  {
	    top: 65%;
	}
	
	.cinemapp .page_container .font_section img  {
	    top: 145%;
	}
	
	#concept  {
	    left: -100px;
	    width: 130%;
	}
	
	#futuro_sec  {
	    width: 130%;
	    left: -100px;
	}
}

@media screen and (max-width: 350px)  {
	sidebar,#main_menu_container {
		height: 50px;
	}
	
	.page_header .section_header .up {
		margin-bottom: 0;
		font-size: 25px;
		line-height: normal;
	}
	
	.page_header .section_header .description {
		font-size: 12px;
	}
	
	/*
	.title .discover_more  {
		right: -130%;
	}
	*/
	
	.parallax .container .content .title h2  {
	    font-size: 21px;
	    line-height: 21px;
	}
	
	.parallax .container .content .title h2 {
		font-size: 23px;
		line-height: 23px;
	}
	
	.parallax .container .content .object {
		width: 275px;
		height: 215px;
	}
	
	sidebar #sidebar_enquire .icon {
		margin-right: 0;
	}
	
	sidebar #sidebar_enquire span {
		font-size: 10px;
	}
	
	.parallax .container .content {
		top:30%;
	}
	
	.contattaci .page_container .description .image .sede_vicina .data {
		padding: 15px;
	}
	
}

@media only screen and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
	.page_header  {
		background-size: 120vw calc(120vw * 0.5625);
	}	
}

/* end of css */