/* SEZIONE TESTO STANDARD */
.standard-section {
    padding-top: 100px;
}

.standard-section h2, .certification-section h2 {
    line-height: 28px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    color: #006ab1;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.standard-section span.pay-off p {
    text-align: center;
    font-size: 22px;
    line-height: 26px;
}


/* SEZIONE CATEGORIE HOMEPAGE */
.product-section, .box-image-section {
    padding: 65px 0 100px 0;
    overflow: hidden;
}

h2.section-title {
	min-width: 50%; 
	display: block !important;
    margin: 0 auto;
    margin-bottom: 32px;
    text-align: center;
}

.col-category-optional .category-home {
  min-height: 120px;  
  margin-bottom: 0;  
  margin-top: 0;
  padding: 27px 0;
}

.category-home {
    overflow: hidden;
    min-height: 200px;
    margin: 35px 0;
    
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0px;
}

.category-home.first{
    border-bottom: 2px solid rgba(255,255,255,.5);
}

.category-home:hover .mask, .category-home:focus .mask  {
    opacity: 1;
}
/*
.col-category-optional .category-desc {
    width: 90%;
}
*/
.category-desc {
    width: 50%;
    float: left;
    color: #000;

    padding: 20px 80px;
    text-align: center;
}

.category-desc h2 {
    line-height: 28px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;

    color: #006ab1;

    width: 100%;
    text-align: center;

    padding-bottom: 20px;
}

.single-button {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5px;
}



.single-button a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.single-button img {
    width: 50px;
    float: left;

}

.button-categories {
    padding-top: 50px;
}

.button-categories span {
background-color: #006ab1;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    float: left;
    cursor: pointer;
    width: 85%;
    margin-left: 6px;

    transition: .3s;
}

.button-categories span:hover {
        background-color: #00528a;
}

.col-category-optional .category-desc h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.category-image {
    float: left;
    width: 50%;
    text-align: right;
}

.entry-button{
  float: left;
  width: 20%;
  min-height: 60px;
  border: 2px solid rgba(255,255,255,.5);
  padding: 20px 0;
  text-align: center;
  color: white;
  font-size: 17px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  transition: .3s;
}

.entry-button:hover{
  border: 2px solid rgba(255,255,255,.5);
  background-color:white;
  color: #006AB1;
}
/*
.entry-arrow {
    float: left;
    width: 20%;
    text-align: right;
    min-height: 60px;
}

.col-category-optional .entry-arrow {
     width: 10%;
         min-height: 60px;
}

.col-category-optional .entry-arrow i {
    font-size: 40px;
        line-height: 60px;
}

.entry-arrow i {
    font-size: 40px;
    line-height: 60px;
    color: #FFF;
}
*/
.category-image img {
    float: left;   
        width: 100%;
}

.col-category-optional img.category-icon {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}

img.category-icon {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
}

.view {
    width: 100%;
    overflow: hidden;
        display: flex;
    align-items: center;
    justify-content: center;
}

.mask {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;  
    background-color: rgba(0,0,0,.7);
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mask a{    
    display: inline-block;
    width: 30%;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 16px;
    border: none;    
}

.mask a:hover, .mask a:focus {    
    color: #006ab1;
    cursor: pointer;    
}



/* bottone https://codemyui.com/css-button-border-hover-effects/ */
.box {
  position:relative;
  vertical-align: middle;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition:0.5s;
}


.box::before, .box::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.foo::before {
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
  -webkit-transform-origin: 0 100%;
}

.foo::after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform-origin: 100% 0%;
}


.box:hover, .box:focus {
  background-color: #FFF;
  color: #006ab1;
}

.category-home:hover .box::after,.category-home:hover .box::before,
.category-home:focus .box::after,.category-home:focus .box::before{
  -webkit-transform: scale(1);
}

/* SEZIONE BANNER IMMAGINI SFONDO E ALLA SX */

h2.title-banner {
    position: relative;
    display: inline-block;
    color: #006ab1;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.banner-section {
	min-height: 300px;
    background: transparent;

    display: flex;
	align-items: center;
	justify-content: center;
}

.banner-section.left-right {
    min-height: 400px;
}

.banner-content {
    display: block;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}

h2.title-border {
    position: relative;
    display: inline-block;
    color: #006ab1;
    font-weight: 700;
    font-size: 39px;
    margin-bottom: 20px;
}

h2.title-border:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 6px auto;
    width: 60px;
    height: 2px;
    background: #333;
}

.banner-description {
	padding-top: 10px;
}


.banner-description p{
    font-size: 18px;
    line-height: 26px;
}

.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-left img {
	width: 100%;
    position: relative;
    z-index: 999;
}

.banner-right {
  text-align: right;
}

.banner-right p {
    padding-left: 55px;    
}

.banner-right h2{
	padding-bottom: 5px;
    color: #006ab1;
}

/* SEZIONE CONTATTI */

.contact-section {
   /*background-color: #f6f6f6;*/
    padding: 120px 0;
}

.contact-info {
    /*background-color: #006AB1;*/
        display: flex;
    align-items: center;
    background-size: cover;
    background-position: top;
}

.contact-info span {
    color: #333;
}

h1.title-highlight {
    padding-bottom: 0;
    margin-bottom: 0;
}

.title-highlight .highlight {
    background-color: #006AB1;
    line-height: 60px;
    padding: 0 18px;
    color: #FFF;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 40px;
}

.contact-info-container {
    margin: 0 auto;
    margin-top: 95px;
    text-align: center;
}


.field input, .field.dropdown select {
    width: 100%;
    padding: 10px;
    background-color: #FFF;
    font-size: 13px;
    font-family: "Open Sans";
    color: inherit;
    border: 1px solid #9f9f9f;
}

.field.textarea {
    margin: 10px 0px;

}

textarea.textarea {
    font-size: 13px;
    font-family: "Raleway";
    padding: 10px;
    border: 1px solid #9f9f9f;
}

label.left {
    font-size: 13px;    
}

.field.text, .field.dropdown {
    margin: 10px 0px;
}

input#FormContatti_FormContatti_TrattamentoDatiPersonali,
input#FormFatturaElettronica_FormFatturaElettronica_TrattamentoDatiPersonali {
    width: auto;
    margin-left: 0;
}

#FormFatturaElettronica_FormFatturaElettronica .field input,
#FormFatturaElettronica_FormFatturaElettronica .field.dropdown select {
    font-size: 14px;
}

#FormFatturaElettronica_FormFatturaElettronica #FormFatturaElettronica_FormFatturaElettronica_PrivacyLink {
    padding-top: 20px;
}

label#FormContatti_FormContatti_CAMPI_RICHIESTI,
label#FormFatturaElettronica_FormFatturaElettronica_CAMPI_RICHIESTI {
    font-size: 12px;
}

#FormFatturaElettronica_FormFatturaElettronica .form-contact-conditions label {
    font-size: 14px;
}

.form-contact-conditions label {
    font-size: 12px;    
}

.Actions {
    margin-top: 20px;
}

.Actions input {
    width: 100%;    
    padding: 15px;
    border: 0px;
    text-transform: uppercase;
    font-weight: 600;   
    border: 1px solid #333;
    background-color: #FFF;
    transition: .2s;    
    letter-spacing: 2px;
}


.Actions input:hover {
    background-color: #cfd1d2;
    color: #000;
    border: 1px solid #cfd1d2;
}

.icon-background2 {
    color: #006ab1;
}

.fa.fa-stack-1x {
    color: #FFF;
        font-size: 18px;
}

.col-4.contact-info {
    padding: 30px 0px 0 50px;
}

.single-info {
    margin-bottom: 5px;
}

.single-info {
    font-size: 16px;
}

.title-border.border-left:after {
    content: '';
    position: absolute;
    left: 0;
    right: initial;
    top: 100%;
    margin: 6px auto;
    width: 60px;
    height: 2px;
    background: #333;
}


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

/* SEZIONE DOWNLOAD */

.download-section {
    overflow: hidden;
    padding: 0px 0 100px;
}

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

.bar-euromag {
    height: 22px;
    width: 2000px;
    overflow: visible;
    margin-bottom: 8px;
}

.bar-yellow {
    background-color: #ffcb00;
    margin-left: -1500px;
}

.bar-red {
    background-color: #cc071e;
    margin-left: -1460px;
}

.bar-blue {
    background-color: #006ab1;
    margin-left: -1525px;
}

.content-container {
    height: 82px;

    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.content-container p {
    font-size: 18px;
    text-align: left;
    width: 100%;
}

a.button-download {
    padding: 15px 15px;
    border: 1px solid #333;
    text-align: center;
    display: block;
    min-width: 180px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-left: 60px;
    transition: .2s;
}

a.button-download:hover {
    background-color: #cfd1d2;
    color: #000;
    border: 1px solid #cfd1d2;
}

a.button-download.blue:hover {
    background-color: #0069ad;
    color: #FFF;
    border: 1px solid #0069ad;
}

/* SEZIONE CAROSELLO */
body .section-carousel .owl-carousel {
    height: 600px;
    z-index: 99;    
    overflow: hidden;
}

.container-carousel.section-carousel {
    position: relative;
    height: 600px;
    width:100%;
}

.container-carousel.section-carousel .carousel-layer{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0, 106, 177, .7);
    z-index: 999;
}

.container-carousel .carousel-text{
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  right: 0;
  z-index: 99;
  width: 100%;
}

.container-carousel .carousel-text p{
  color: white;
  text-align: right;
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
}

.container-carousel .carousel-text h2{
  color: white;
  text-align: right;
  font-size: 31px;
  line-height: 36px;
  margin-bottom: 30px;
}


/* NUOVE MODIFICHE */

.col-carousel{
    position: relative;
    padding-right: 0; 
    float: left;
    width: 50%;


    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.half-container {
    width: 640px;
    float: right;  
    padding-top: 90px;  
}

.list-carousel {
    margin-top: 50px;
}

.list-carousel p, .list-carousel a {
    color: #006ab1;
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 12px;
}

.image-over{
    position: absolute;
    top: 95px;
    left: -116px;
    z-index: 99;
}

.image-over img {
     width: 250px;
}

.section-carousel h3 .highlight, .section-carousel h3.highlight span {
    background-color: #006AB1;
    line-height: 60px;
    padding: 0 18px;
    color: #FFF;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: 40px;
}

/* VIDEO SECTION */
.video-section {
    padding: 120px 0;
    /*ackground-color: #eaeaea;*/
}

.video-section .video-preview {
    width: 100%;
}


.fancybox-slide--video .fancybox-content {
    max-width  : 100%;
    max-height : 100%;
    width  : 100%;
    height : 100%;
}

body .fancybox-content {
    margin: 0px auto !important;
}

/* SECTION MAP */

.map-container {
    width: 100%;
}

.map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}

.map-container iframe.clicked{
    pointer-events: auto;
}


/* CERTIFICAZIONI */

.certification-section {
    padding: 100px 0;
    background-color: #FFF;
}

.single-certification {
    display: block;
    margin: 0 auto;
}


/* SECTION AREA DOWNLOAD */
#area-download {
    margin-bottom: 80px;
}

.download-page .category-in-page {
    
    min-height: 150px;
    margin: 50px 0;
    padding: 0 0px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0px;
}

.download-lang {
    display: inline-block;
    float: right;
}

.single-download-lang {
    float: left;
    padding-left: 30px;
}

.single-download-lang img {
    width: 18px;
}

.single-download-lang img:hover {
    opacity: .6;
}

.download-page .product-list > ul > li:nth-child(odd) {
        background-color: #eaeaea;
}

.download-page .product-list > ul > li:nth-child(even) {
        background-color: #FFF;
}

/* EUROMAG-DATA */

.euromag-data h2 {
    line-height: 28px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    color: #006ab1;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.euromag-data a.button-download {
    width: 250px;
    margin: 0 auto;
    margin-top: 30px;
}

/* SEZIONE LOGO GRUPPO TORMENE */
.section-logo-tormene {
    padding: 0px;
}

.section-logo-tormene .category-home {
    background-color: transparent!important;
    margin-top: 0px;
    min-height: 100px;
}

.section-logo-tormene .category-home .view a {
    width: 15%;
}

.section-logo-tormene .category-home .view .category-desc {
    width: 85%;
    text-align: right;
    padding-right: 15px;
}

.section-logo-tormene .category-home .view .category-desc span p span {
    font-size: 16px;
    color: #000;
}

.section-logo-tormene .category-home .view .category-desc h2 {
    display: none;
}

.section-logo-tormene .category-home .view .category-image {
    width: 15%;
}

.section-logo-tormene .category-home .view .category-image {
    width: auto;
}

.section-logo-tormene .category-home .view .category-image img {
    max-width: 200px;
}

/* MEDIA QUERY */

@media screen and (max-width: 1280px) {
    .category-home {
        padding: 0px 0;
    }



    .button-categories span {
        width: 75%;
        width: calc(98% - 50px);

        font-size: 12px;
    }


    .category-desc {
        width: 50%;
        float: left;
        color: #000;
        padding: 20px 30px;
        text-align: center;
    }
}


@media screen and (max-width: 1024px) {
    .section-logo-tormene .category-home .view {
        display: flex;
    }

    .section-logo-tormene .category-home .view a {
        width: 20%;
    }

    .section-logo-tormene .category-home .view .category-desc {
        width: 80%;
        padding-bottom: 20px;
    }

    .bar-yellow {
        margin-left: -1850px;
    }

    .bar-red {
        margin-left: -1810px;
    }
    
    .bar-blue {
        margin-left: -1875px;
    }
}

@media screen and (max-width: 767px) {
    .section-logo-tormene .category-home .view {
        display: flex;
    }

    .section-logo-tormene .category-home .view a {
        width: 40%;
    }

    .section-logo-tormene .category-home .view .category-desc {
        width: 60%;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .col-6.col-category {
       /* width: 100%;*/
    }

    .col-mb-12{
        padding: 0;
    }

    .mask a {
        width: 40%;
    }

    .category-home {
            padding: 0px 0;
            /*display: inline-block;*/
    }
    .view {
        display: inline-block;
    }

    .banner-content {
        width: 100%;
        padding: 20px 0;
    }

    .list-carousel p, .list-carousel a {
    color: #006ab1;
    font-weight: 600;
    font-size: 25px;
    padding-bottom: 12px;
}

    .banner-left {
        text-align: center;
    }

    .banner-left img {
        width: 80%;
        margin-top: -140px !important;
        display: inline-block;
    }

    .banner-right {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

    .banner-right p{
        text-align: center!important;
    }

    .bar-yellow {
        margin-left: -1950px;
    }

    .bar-red {
        margin-left: -1910px;
    }
    
    .bar-blue {
        margin-left: -1975px;
    }

    a.button-download {
        min-width: 150px;
    }

    .download-section {
        padding: 50px 0;
    }

    .col-12.col-dt-4.col-mb-12.contact-info {
        padding-top: 50px;
    }

    /*
    .col-category .view {
      display: flex;
      flex-flow: row wrap;
    }
    */

    .entry-button{ 
        width: 100%;
        margin-top: 34px;
    }

    .category-desc {
        padding-bottom: 50px;
        width: 100%;     
    }

    img.category-icon {
        width: 40px;
        padding-bottom: 10px;
        padding-top: 15px;
        float: left;
    }

    .category-image img {
        max-height: 250px;
        object-fit: cover;
        object-position: 0 0;

object-position: 50% 50%
    }


    .category-desc h2 {
        font-weight: 600;
        line-height: 22px;
        font-size: 21px;
        padding-top: 15px;
        float: left;
        padding-left: 15px;
    }

    .category-image {
        width: 100%;    
    }

    .col-carousel {
        width: 100%;
    }

    .half-container {
        width: 640px;
        float: none;
        padding-top: 90px;
        margin: 0 auto;
    }
    .container-carousel.section-carousel {
        height: auto;
        overflow: hidden;   
    }

    .image-over img {
        display: none;
    }

    .list-carousel {
        margin-bottom: 50px;
        padding: 0 18px;    
    }

    .list-carousel p {
        font-size: 25px;
        padding-bottom: 12px;
    }

}


@media screen and (max-width: 425px) {
    .field.textarea {
        margin: 10px 0px;
        padding: 0;
    }

    .bar-container {
        float: left;
        display: none;
    }

    .single-button {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .single-button img {
        width: 40px;
        float: left;
    }

    .button-categories span {
        padding: 10px 10px;
    }

    .col-category {
        padding: 0;
    }

    .container-carousel.home-carousel .title-home h1 {
        font-size: 35px;
    }

    .container-carousel.home-carousel .title-home h1 .highlight {
        line-height: 55px;
    }


    .single-certification {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    h3.title-highlight .highlight {
        background-color: #006AB1;
        line-height: 50px;
        padding: 5px 15px;
        color: #FFF;
        font-weight: 800;
        text-transform: uppercase;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        font-size: 25px;
    }



    .title-highlight .highlight {
        font-size: 25px;
    }

    .download-lang {
        display: inline-block;
        float: none;
        width: 100%;
        padding-top: 5px;
    }



}
@media only screen and (max-width: 769px) {
    .flex-mobile-video {
      flex-direction: column;
    }
  }