/**
 * @package Unimedia
 * @author Unimedia
 * @copyright Copyright (c) 2018 Unimedia
 */

 /* icons font*/
*@font-face {font-family: 'Ubuntu', sans-serif; font-style: normal; font-weight: 500;}

/*  @font-face{font-family:"Font Awesome 5 Brands";
    font-style:normal;font-weight:400;
    font-display:block;
    src:url(../fonts/fa-brands-400.eot);
    src:url(../fonts/fa-brands-400.eot?#iefix) 
    format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}*/
  

body {font-family: 'Ubuntu', sans-serif; font-style: normal; font-size: 20px;}
a {color: #0C41AC;}
 
.icf {display: inline-block; font-size: 34px; }
.icf2 {font-size: 2em;}
.icf3 {font-size: 3em;}
.icf4 {font-size: 4em;}
.icf-phone::before {content: "\1F57F";}

 /* end  icons font*/


/* typography*/
.imfs1{font-size:calc(1rem + 1vw)}.imfs2{font-size:calc(1rem + 1.5vw)}.imfs3{font-size:calc(1rem + 2vw)}
.imfs4{font-size:calc(1rem + 2.5vw)}.imfs5{font-size:calc(1rem + 3vw)}
.text-shad-full{text-shadow: 1px 1px 3px #000, -1px -1px 3px #000;}
.text-contur {text-shadow: -1px -1px 0 #f0f0f0, 1px -1px 0 #f0f0f0, -1px 1px 0 #f0f0f0, 1px 1px 0 #f0f0f0;}
.btn-primary-unimedia {
  background-color: #0b28ce;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 1.2em;
  text-transform: uppercase;
}
.btn-primary-unimedia:hover {color: #66ff00;}

/* GTC unimedia */
.pagesize{max-width:1400px;margin:0 auto;padding: 0 15px;}

.boxed-content {max-width:1320px;margin:0 auto;display: block;}
.full-content {width: 100%;margin: 0 auto;display: block;}


.gtc441, .gtc421, .gtc331, .gtc321, .gtc211, .gtc221, .gtc7x3, .gtc4x8, .gtc4x7x1, .gtc2x10 {display: grid;}
@media (min-width:576px){
    .gtc441{grid-template-columns:1fr}
    .gtc421{grid-template-columns:1fr}
    .gtc321{grid-template-columns:1fr}
    .gtc331{grid-template-columns:1fr}
    .gtc211{grid-template-columns:1fr}
    .gtc221{grid-template-columns:1fr}
    .gtc7x3{grid-template-columns:1fr}
    .gtc4x8{grid-template-columns:1fr}
    .gtc4x7x1{grid-template-columns:1fr}
    .gtc2x10{grid-template-columns:1fr}
  }

@media (min-width:768px){
  .gtc421{grid-template-columns:1fr 1fr}
  .gtc441{grid-template-columns:1fr 1fr 1fr 1fr}
  .gtc321{grid-template-columns:1fr 1fr}
  .gtc331{grid-template-columns:1fr}
  .gtc221{grid-template-columns:1fr 1fr}
}
@media (min-width:992px){
  .gtc421{grid-template-columns:1fr 1fr}
  .gtc441{grid-template-columns:1fr 1fr 1fr 1fr}
  .gtc321{grid-template-columns:1fr 1fr}
  .gtc211{grid-template-columns:1fr 1fr}
  .gtc221{grid-template-columns:1fr 1fr}
  .gtc331{grid-template-columns:1fr 1fr 1fr}
  .gtc7x3{grid-template-columns:3fr 1fr}
  .gtc4x8{grid-template-columns:4fr 8fr}
  .gtc4x7x1{grid-template-columns:4fr 7fr 1fr;}
  .gtc2x10{grid-template-columns:2fr 10fr;}
}

@media (min-width:1200px){
    .gtc421{grid-template-columns:1fr 1fr 1fr 1fr}
    .gtc321{grid-template-columns:1fr 1fr 1fr}
    .gtc331{grid-template-columns:1fr 1fr 1fr}
    .gtc7x3{grid-template-columns:3fr 1fr}
    
  }

@media (min-width: 1400px) {}
@media (max-width: 993px) {
.gtc211 img {max-width: 100%; width: 100%; margin: 0 auto;}
}
/* end GTC unimedia */

/* Alineamenti */
.allign-v{align-items:center!important;}
.allign-h{justify-content:center!important; }

.gap-0{grid-gap:0!important;}
.gap-15, .gap15{grid-gap:15px;}
.gap-30, .gap30{grid-gap:30px;}
.gap-60{grid-gap:60px;}
.colgap-15 {column-gap: 15px;}
.colgap-30 {column-gap: 30px;}
.colgap-60 {column-gap: 60px;}
.nomargin {margin: 0 !important; --bs-gutter-x: 0rem !important;}
.secpadd-60{padding: 60px 0;}
.secpadd-100{padding: 100px 0;}

.d-flex-v{display:flex;flex-direction:row;flex-wrap:wrap;}
.d-auto{display:table;width:auto;}
.alignv{display: grid; align-items:center!important;}
.alignh{display: grid; justify-content:center!important; }
.alignvh {display: grid; justify-content:center!important; align-items:center!important;}


 /* j4 overrides*/
 span.badge.bg-danger.featured-article-badge {
  display: none;
}
 .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.article-list .article {
  padding: 0 !important;
  border: 0 !important;
}
.hw-coding {position: relative;}
.hw-coding img {max-width: 540px;}
/*.mega_offcanvas::before{content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.im-offcanvas {padding-top: 5px;}*/
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #ff5c26;
}
.burger-icon > span {background-color: #ff5c26;}

/* General overrides */ 
img {aspect-ratio: auto;}
.article-info {display: none; visibility: hidden;}
.anyma {opacity:0;} /*hidden class 4 animations*/
i {margin-right:15px;}
#sp-main-body {padding:0px!important;}
.article-details .article-full-image {margin-bottom: 0px!important; width: 100%; aspect-ratio: 96 / 25;}
.article-details .article-full-image img {width: 100%; aspect-ratio: 96 / 25; object-fit: contain;}

.fullpage {padding-left: 0px; padding-right: 0px;}

 .bord {border:1px solid red;}
 .bordv {border:1px solid green;}
 .coming-soon body {background-size:contain;}
 #coming-soon-countdown {color:#ff5c26;}

.gutterbox {margin:7px; display: inherit;} 
.colbox > [class*='col-'] {margin-bottom:15px; margin-top:15px;} 
/* divs */
.d-grid {display:grid;}
.d-flex {display:flex;}
.auto-center {margin: 0 auto; width: auto;}
.col-vspacer {padding-bottom:40px; padding-top:40px;}
.spacer {display:block; width:100%; clear:both; height:30px;}
.spacer-mini {display:block; width:100%; clear:both; height:15px;}
.bigspacer {display:block; width:100%; clear:both; height:60px;}
.inbox-space-30 {display:block; width:100%; clear:both; height:30px;}
.inbox-space-100 {display:block; width:100%; clear:both; height:100px;}
.section-header {padding: 30px 20px; width:100%; clear:both; letter-spacing: 2px;}
.listnone {list-style:none;}
.href { border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin: 15px 5px 15px 5px;
}
 
.blue_gradient{
background: #01b0dd; /* Old browsers */
background: -moz-linear-gradient(left, #01b0dd 0%, #196ebd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #01b0dd 0%,#196ebd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01b0dd 0%,#196ebd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b0dd', endColorstr='#196ebd',GradientType=1 ); /* IE6-9 */
} 

/* images */
.img-bg{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.img-bg-hero{padding: 100px 20px;}

/*   uniblog   */
.imblog-page {
  padding-top: 50px;
  padding-bottom: 50px;
}
.imblog-item-box{border:1px solid #91908d;padding:5px!important}
.imblog-item-box .item-content{padding:5px!important}
.imblog-item-box h2 a {color:#2d2929; font-weight: bold;}
.item-page.uniblog-view h1 {
  color: var(--brand-cl);
}
.imblog-item-box .item-content h2 {
  font-size: 1.1rem;
  color: var(--brand-cl);
}
.item-page.uniblog-view {
  max-width: 1320px;
  width: 100%;
  padding-top: 60px;
  padding-right: var(--gutter-x, 0.5em);
  padding-left: var(--gutter-x, 0.5em);
  margin-right: auto;
  margin-left: auto;
}

.article-intro-image{display: block;max-width: 100%;position: relative;}
.article-intro-image figcaption{background:#242426b2;color:#fff!important;padding:8px; position:absolute;bottom: 9px;left: 9px;right: 9px;}
.article-intro-image img{height: 292px;}
.view-article .uniblog img{width: 100%;}

/*.uniblog #sp-main-body{margin-top: 100px;}*/
/* for articles list > reverse title and full image : remove if dont whant */
/* for single article */
.article-details.uniblog {display: grid;}
.article-details.boxed {max-width: 1380px; margin: 0 auto; padding: 20px;}
.view-article .uniblog .article-details{display:flex;flex-direction:column}
.view-article .uniblog .article-header{order:-1;margin-bottom:20px}
ul.pagination{justify-content: center; margin-top: 30px;}

/*  forms  */
.form-wcagask {border: 1px solid #d9d7d1; padding: 15px;}
.cntfmod-privacy-l {margin-top: 0px;}
.letto {display: inline-block;}

/* category list */
.local-cat-list form div > div {display: none;} 
.local-cat-list table {margin: 30px;}
.local-cat-list thead {display: none;}
.local-cat-list .list-author {display: none;}
.local-cat-list .list-hits {display: none;}
.local-cat-list .list-edit {display: none;}
.local-cat-list tbody {display: grid; grid-template-columns: 1fr 1fr;}

/* colors and text */
.bg-orange {background-color:#f9690e;} 
.txt-upper {text-transform: uppercase;}
.align-x-r {display: grid; justify-content: end;}
.align-x-l {display: grid; justify-content: start;}
.align-x-c {display: grid; justify-content: center;}
.align-y-r {display: grid; align-content: end;}
.align-y-l {display: grid; align-content: start;}
.align-y-c {display: grid; align-content: center;}
.align-xy-c {display: grid; justify-content: center; align-content: center;}

.txt-white {color:#FFF;}
.txt-orange {color:#f9690e;}
.sizefont2 {font-size:1.2em;}
.heading {padding: 60px 20px;}
.columns2 {	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	}
.nolist li {list-style:none;}
/* Top Menu con img*/
.sp-menu-item a{font-size:18px!important;}
#sp-header {border-bottom: 1px solid #20202f;}
.imglinks .sp-dropdown {width:auto!important; margin-right:-185%;}
.imglinks .sp-dropdown li.sp-menu-item {width:210px; border: 1px solid darkgray; padding-left: 4px;}
	
.imglinks .sp-dropdown img:hover {opacity: 0.5; filter: alpha(opacity=50);}
.imglinks .sp-dropdown li span:hover {color:#ebe7e5; font-size: 16px !important;}
.imglinks .sp-dropdown span {margin-left:3px;}

.imglinks ul.sp-dropdown-items {display:flex;}
.imglinks li {margin:0px 5px; }

.offcanvas-menu .menu-toggler {width: 100%; text-align: right;}/*copriamo spazio tastino*/

/*home page*/

#home-tophead {background-image: url("../images/target-top-home.webp"); background-size:cover; background-position: center center; background-repeat: no-repeat;}
.wave1 {background-image: url("../images/wave1bg.jpg"); background-size:cover; background-position: center center; background-repeat: no-repeat;}
.htop-banner {padding: 6em 0 8em 0; text-align: center;}
.tenda {background: rgba(27, 27, 27, 0.3);}
.htop-pritzel-border {
    width: 46%;
    margin: 0 auto;
    height: 47px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
	border-bottom: 0px;
}
.htop-banner h2 {
    margin: 0;
    font-size: 4em;
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 1em 0 0 0;
}
.htop-banner h2 span, .htop-banner p span {display: block;}
.htop-banner p {
    color: #FFFFFF;
    font-size: 1.5em;
    margin: 1em 0 0 0;
    line-height: 1.8em;
    letter-spacing: 3px;
	font-weight:bold;
}
.opentop-border {    
	border-left: 2px solid #fff;
    border-top: 0px;
    border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.code-moving {
	background: transparent;
	margin-top: -40px;
	position: absolute;
	top: 134px;
	z-index: 5;
}

.a-one {
position: absolute;
z-index: 6;
left: 271px; 
/*margin-top: 70px;*/
-webkit-animation: MoveUpDown 3s linear infinite;
-moz-animation: MoveUpDown 3s linear infinite;
-ms-animation: MoveUpDown 3s linear infinite;
animation: MoveUpDown 3s linear infinite;
color: #ac1ba3;
font-weight: bold;
transform: rotate(29deg);
width: 150px;
}

.a-two {
position: relative; z-index: 7;
left: 103px;
-webkit-animation: MoveUpDown 3s linear infinite;
-moz-animation: MoveUpDown 3s linear infinite;
-ms-animation: MoveUpDown 3s linear infinite;
animation: MoveUpDown 3s linear infinite;
/*margin-top: 68px;*/
color: #ac1ba3;
font-weight: bold;
transform: rotate(-29deg);
width: 100px;
}

@-webkit-keyframes MoveUpDown {
  0%, 100% {bottom: 0;}
  50% {bottom: 10px;}
}
@keyframes MoveUpDown {
  0%, 100% {bottom: 0;}
  50% {bottom: 10px;}
}

/*tablet code effects*/
.code-effect {
position: absolute;
z-index: 9;
text-align: left;
margin-top: -206px;
-moz-transform: rotate(-22deg) skew(40deg, -7deg);
-webkit-transform: rotate(-22deg) skew(40deg, -7deg);
-o-transform: rotate(-22deg) skew(40deg, -7deg);
-ms-transform: rotate(-22deg) skew(40deg, -7deg);
transform: rotate(-22deg) skew(40deg, -7deg);
margin-left: 250px;
width: auto;
display: table;
}
p.twr {
  white-space: nowrap;
 font-size: 10px;
 margin-bottom: 0px;
 letter-spacing: 2px;
  /* color: #fff; */
}

/* pages */
.instantapp {
  background: rgb(200,237,215);
background: -moz-linear-gradient(151deg, rgba(200,237,215,1) 0%, rgba(196,196,244,1) 100%);
background: -webkit-linear-gradient(151deg, rgba(200,237,215,1) 0%, rgba(196,196,244,1) 100%);
background: linear-gradient(151deg, rgba(200,237,215,1) 0%, rgba(196,196,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8edd7",endColorstr="#c4c4f4",GradientType=1);
  font-family: "Ubuntu";}
.instantapp h3 {font-size: 3rem; font-weight: bold; color: #e1350d;}
.instapp-slog p{font-size: 2rem; color: #0000d9; }
.instapp-desc p{font-size: 1.5rem; color: #e1350d;}
/* Animation coding */

.code-effect p { white-space: pre;
-webkit-animation:change-color 10s ease infinite alternate;
-moz-animation:change-color 10s ease infinite alternate;
-ms-animation:change-color 10s ease infinite alternate;
animation:change-color 10s ease infinite alternate;   
}
.code-effect p:nth-child(1) {animation-delay:0.5s;}
.code-effect p:nth-child(2) {animation-delay:1s;}
.code-effect p:nth-child(3) {animation-delay:1.5s;}
.code-effect p:nth-child(4) {animation-delay:2s;}
.code-effect p:nth-child(5) {animation-delay:2.5s;}
.code-effect p:nth-child(6) {animation-delay:3s;}
.code-effect p:nth-child(7) {animation-delay:3.5s;}

/* code text animation */

@keyframes change-color {
	0% {color:#2D2D2D;}
	10% {color:#ea9f9f;}
	50% {color:#00b300;}
	100% {color:white;}
}
@-webkit-keyframes change-color {
	0% {color:#2D2D2D;}
	10% {color:#ea9f9f;}
	50% {color:#00b300;}
	100% {color:white;}
}

/* / tablet code effects*/
.gotocontact {text-align: center; padding: 10px 0 20px; margin-top: 30px;}
.linkBtn {background: #1B6532;
color: #fff;
padding: 10px 20px;
border-radius: 3px;
display: inline-block;
font-size: 20px;
font-weight: 300;
text-transform: capitalize;
border: none;
cursor: pointer;}

.txt-onmap-slog {color:#f9690e;}

/* contacts animations*/
#modcontact { background: #0A212E;  margin: 0px;  overflow: hidden;  animation: color-loop 18s infinite;}
@keyframes color-loop {
  0% { background: #2CAB5B;  }
  25% { background: #FABC03;  }
  50% { background: #ED4B40;  }
  75% { background: #4286F3;  }
  100% { background: #2CAB5B;  }
}
#modcontact i{margin: 0px;}
#modcontact i:hover{color: #19ea0e;}
.contact-headers {padding-top: 60px;}
.modcontact-title {margin: 0;
font-size: 4em;
color: #FFFFFF;
text-align: center;
font-weight: bolder;
letter-spacing: 5px;
}

.contactinbox {display: flex;
  width: 100%;
  height: 300px;
  justify-content: center;
  align-items: center;}
.abg1, .abg2, .abg3, .callbutton {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 1px solid #898080;
}

.abg1 {
  animation: pulse 2.5s ease-in infinite;
  background: #6B4BA0;
}

.abg2 {
  animation: pulse2 2.7s ease-in infinite;
  background: #6B4BA0;
}

.abg3 {
  animation: pulse3 2.9s ease-in infinite;
  background: #6B4BA0;
}

.callbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99;
  border: none;
  background: #AD04B9;
  background-size: 18px;
  cursor: pointer;
  outline: none;
}

.callbutton a {
  position: absolute;
  color: #FFF;
  font-size: 17px;
}

@keyframes pulse {
  0% {transform: scale(1, 1);  }
  50% {opacity: 0.2;  }
  100% {transform: scale(2.0); opacity: 0;  }
}
@keyframes pulse2 {
  0% {transform: scale(1, 1);  }
  50% { opacity: 0.2;
  }
  100% {transform: scale(2.0); opacity: 0;
  }
}
@keyframes pulse3 {
  0% {transform: scale(1, 1);  }
  50% {opacity: 0.2;  }
  100% {transform: scale(2.0); opacity: 0;  }
}

/* custom blocks */
.icon {text-align:center;}
.icon.mini img{width:130px; height:130px; display:inline; margin-bottom:30px; margin-top:15px;}
.cosa-offriamo h5 {color:#f9690e;}
.cosa-offriamo:hover {background:rgba(249, 222, 187, 0.8);}
.realiz {background: #664899;}
.we-can  {padding-top:40px; padding-bottom: 60px;}
.we-can  figure {margin-top:70px;}
.we-can figure img {margin: 0 auto;}
.we-can .txt-upper {font-weight: bold;}
.prostep h4 {margin-top: 7px;}
.prostep .media img {width: 70px; height:70px;}
.prosteps {background:#ECECFB; color: #353526;}
.nowp {background-image: url("../images/desktopbg.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nowpcontent h3{font-weight:bold;}
.nowpcontent {background: rgba(249, 222, 187, 0.7); text-align: justify;}

.swet-l3 {background-image: url("../images/siti-vetrina-bg1.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.swcorp-b2 {background-image: url("../images/webcorp-bg.webp"); background-position: center; background-size: cover; background-repeat: no-repeat;}

.list-vantaggi i{margin-right:15px;}
.list-vantaggi li{color:#00664c; list-style:none; line-height:2; font-size:17px; cursor: default;}
.list-vantaggi li:hover {color:#f9690e;}
.vantaggi-box  {padding-left: 1.5rem;}
.onboard  {text-align:center; padding:9px; background:rgba(249, 222, 187, 0.7);}
.onboard:hover  {background:rgba(227, 118, 9, 0.7);}

.web-support-4box h5{color:#f9690e;}
.web-support-4box  {text-align:center; padding:9px; background:rgba(249, 222, 187, 0.7);}
.web-support-4box:hover  {background:rgba(227, 118, 9, 0.7);}
.web-support-4box:hover  h5{color: #fff;}
.swaz img{margin:11px;}
.swaz{background-image: url("../images/workflowbg.webp"); background-position: center; background-size: cover; background-repeat: no-repeat;}

.seo-quest h3 {margin-top: 7px; color: #00468c;}
.seopospage {background-image: url("../images/seobg.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.seopospage h2{font-size:3em;}
.seopospage .seolead{font-size:2em;}

.market-ico {font-size: 4em; color: #fff; text-align:center;}
.market-features h3 {color: #fff;}

/*  Featured elements ecommerce */
.st-feature {
  text-align: center;
  padding: 20px 10px 10px; margin: 10px 0px;
  background: #ffefbf;
}
.st-feature i {margin:0px;}
.st-feature .st-feature-icon {
  width: 102px;
  line-height: 100px;
  font-size: 42px;
  color: #fff;
  margin: 0 auto 20px;
  background-color: #4ca6ff;
  border-radius: 50%;
  position: relative;
  -webkit-transform: rotate(0) scale(1);
      -ms-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-transform 0.3s;
          transition: color 0.3s, border-color 0.3s, background-color 0.3s, transform 0.3s;
}
.st-feature .st-feature-title {
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #0000d9;
  margin-bottom: 10px;
}
.st-feature:hover .st-feature-icon {
  color: #008c46;
  border-color: #4ca6ff;
  background-color: transparent;
  -webkit-transform: rotate(360deg) scale(1.8);
  -ms-transform: rotate(360deg) scale(1.8);
  transform: rotate(360deg) scale(1.8);
}
.features-desc {
  padding: 100px 0;
  background-color: #fcfcfc;
}
.fa {
    border: 0 !important;
    background-image: none !important;
}


.sw-features i{color:green;}
.sw-features p{color:blue; margin-bottom: 0.3rem; font-size:1.1em;}
/* // Featured elements ecommerce */
 
/*  FOOTER  */

.footer-main-1 {
    background-color: #242424;
    /*position: relative;*/
}
.footer-main-1::before {
    background-image: url("../images/footer-bg.png");
    background-position: center;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    /*position: absolute;*/
    right: 0;
    top: 0;
}
.footer-main-1 .widget { padding-top: 80px; padding-bottom: 50px;}
.footer-main-1  .about {padding-left: 30px; font-size: 15px;}
.widget_links {padding-left: 40px; padding-right: 40px;}
 h3{padding-bottom: 20px;}
.footer-bord-r {border-right: 1px solid rgba(85,85,85,0.6);}
.footer-bord-b {border-bottom: 1px solid rgba(85,85,85,0.6);}
/* .footer-main-1  .widget .widget-title {margin-bottom: 32px; margin-top: 0; padding-bottom: 20px;} */

.footer-main-1 .subtitle-img {
    background-image: url("../images/footer-widget-sep.png");
    content: "";
    height: 4px;
    width: 63px; left: 0;
    margin-bottom: 20px;
}
.footer-main-1 ul {padding-left:1px;}
.footer-main-1 ul li {list-style:none;}
.footer-main-1 li a:hover {color: #ffb300!important;}
.footer-main-1 li a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.footer-main-1 li a::before {
   content: "\f105";
   font-family: 'Font Awesome 5 Free';
   margin-right: 30px;
   font-weight: 900;

}
.footer-main-1 .social-copy-widget a{
    border: 1px solid rgba(85,85,85,0.6);
    padding: 8px 10px;
}
.footer-main-1 .social-copy-widget {margin-top: 30px;}
.footer-main-1 .copyright {margin-top: 20px;}
.widget_everywhere  {padding-left:35px; padding-right:10px}
.widget_everywhere  i{margin-right:15px; color:#f9690e!important;}
.cnt-detail {font-size:24px;}

@media (max-width: 1200px){
	.imglinks .sp-dropdown li.sp-menu-item {width:165px;}
   .a-one {left: 239px;}
	.a-two {left: 73px;}
	p.twr {font-size: 8px;}
	.code-effect {margin-top: -172px; margin-left: 207px;}
	}

@media (max-width: 992px){
.vantaggi-box  {padding-left: 0.1rem;}
.col-vspacer {padding-bottom:15px; padding-top:15px;}
.inbox-space-30 {height:5px;}
.inbox-space-100 {height:5px;}
.d-grid {margin: 5px 0px;}
.htop-banner h2 {font-size: 3em;}

.code-moving {margin-top: 1px;}
.code-moving img{max-width: 100%;}
.a-one {left: 392px;}
.a-two {left: 154px;}
p.twr {font-size: 12px;}
.code-effect {margin-top: -218px; margin-left: 266px;}
.local-cat-list tbody {display: grid; grid-template-columns: 1fr;}
}

@media (max-width: 768px){
#home-tophead {background-image: url("../images/target-top-home-mini.webp"); background-size:cover; background-position: center center; background-repeat: no-repeat;}	
h1, h2 {margin-top: 2rem;}
.bigspacer {height: 5px;}
.pr-1, .pr-2, .pr-3, .pr-4,  .pr-5 {padding-right: 1rem !important;}	
.py-1, .py-2, .py-3, .py-4,  .py-5 {padding-bottom: 1rem !important; padding-top: 1rem !important; }	
.columns2 {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}	
.text-justify h2 {text-align: left;}
.text-justify h3 {text-align: left;}
h3 {font-size: 1.45rem;}
.htop-banner h2 {font-size: 2em;}	

.code-moving {margin-top: -110px;}
.a-one {left: 262px;}
.a-two {left: 116px;}
p.twr {font-size: 9px;}
.code-effect {margin-top: -191px; margin-left: 240px;}
.modcontact-title {font-size: 2em;}
.contactinbox {height: 165px;}
.footer-bord-r {border-right: 0px;}
.widget_links {padding-left: 1px;}
.widget_everywhere {padding-left: 1px;}
.footer-bord-b {margin-right: 24px;}
.footer-main-1 .widget {padding-top: 28px; padding-bottom: 1px;}
.we-can {padding-bottom: 5px;}
.nowpcontent h3 {text-align: left;}
.seopospage h2 { font-size: 1.8em;}
.seopospage .seolead {font-size: 1.2em;}
.seo-steps h3 {color: #082ab2;}
.sizefont2 {font-size: 1.0em;}
.card-title {margin-top: .75rem;}
.ecomfeat h3 {margin-top: 4rem;}
.nolist li {margin-left: -38px;}
.webrestyle h1{font-size: 1.9rem;}
.webrestyle h2{font-size: 1.4rem;}
.webrestyle h3{font-size: 1.25rem;}
.container-footer li a {margin-bottom:17px; margin-top:17px; line-height:3;}
.img-bg-hero{padding: 50px 20px;}
}

@media (max-width: 576px){
	.list-vantaggi li{line-height:50px;}
	.card-body {padding:0.05rem;}
	
.code-moving {margin-top: -110px;}
.a-one {left: 241px;}
.a-two {left: 76px;}
p.twr {font-size: 8px;}
.code-effect {margin-top: -175px; margin-left: 214px;}	
}

@media (max-width: 500px){

.hw-coding img {width: 290px; margin-left: 2px;}	
.code-moving {margin-top: -110px;}
.a-one {left: 123px; font-size: 12px;}
.a-two {left: 44px; margin-top: 20px;}
p.twr {font-size: 4px;}
.code-effect {margin-top: -110px; margin-left: 126px;}	

}