/*top*/
.top {
    background: transparent;
    height: 151px;
  	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fixedtop {
    display: none;
}

.top.bannerh {
    background: #ffffff;
  	height: 123px;
  	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
}

.logo svg {
    height: 72px;
}

.logo img {
    height: 72px;
}

.top.bannerh .logo svg {
    height: 60px;
}

.top.bannerh .logo img {
    height: 60px;
}

.top .logo img:nth-child(1) {
    opacity: 0;
  	visibility: hidden;
}

.top .logo img:nth-child(2) {
    opacity: 1;
  	visibility: visible;
}

.top.bannerh .logo img:nth-child(1) {
    opacity: 1;
  	visibility: visible;
}

.top.bannerh .logo img:nth-child(2) {
    opacity: 0;
  	visibility: hidden;
}

.top .menu ul {
	margin: 24px auto 0;
}

.top.bannerh .menu ul {
	margin: 5px auto 0;
}

.top .menu .sub-menu {
	padding-top: 15px;
    top: 138px;
}

.top.bannerh .menu .sub-menu {
	padding-top: 6px;
    margin: 0;
    top: 116px;
}

.fill-blue {fill:#ffffff}

.top.bannerh .fill-blue {fill:#002e52}

.lingua, .top .menu ul li a {
    color: #ffffff;
}

.top.bannerh .lingua, .top.bannerh .menu ul li a {
    color: #002e52;
}

.carrellino {
    border: 1px solid #ffffff;
  	background: transparent;
}

.top.bannerh .carrellino {
    border: 1px solid #002e52;
  	background: #002e52;
}

.barraricerca {
    background: rgba(32,32,32,0.8);
}

.top.bannerh .barraricerca {
    background: #ffffff;
}

.nav-menu span {
	background: #ffffff;
}

.top.bannerh .nav-menu span {
	background: #002E51;
}

/*slider*/
.custom.tparrows, .custom.tparrows:hover {
    background: transparent !important;
    right: 40px;
    left: auto !important;
}

.custom.tparrows::before {
    font-size: 20px;
    font-weight: bold;
}

span.linea {
    width: 64px;
    height: 1px;
    background: #ffffff;
    display: inline-block;
    margin: 0 12px; 
    vertical-align: middle;
}

.tp-caption {
	font-family: 'gill-sans-nova', sans-serif !important;
    letter-spacing: 1.6px !important;
}

.tp-mask-wrap {
	bottom: -70px;
}

/*home*/
.col-w-100, .col-w-50 {
    margin-bottom: 24px;
}

.container-home .col-w-100 {
    width: calc(100% - 16px);
  	margin-left: 8px;
  	margin-right: 8px;
}

.container-home img {
	width: 100%;
  	height: auto;
}

.img-cat-home {
	position: relative;
	overflow: hidden;
}

.cont-pulsante-animato {
	position: absolute;
  	bottom: 48px;
  	right: 50%;
  	transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
}

/*pulsante triangolo*/
.pulsante-triangolo::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -160px;
    width: 100%;
    height: 160px;
    background-size: 100% 100%; 
    opacity: 0;
    transition: bottom .6s cubic-bezier(.51,.01,0,1);
}

.pulsante-triangolo.triangolo-sx::before {
    background: url("/themes/jewels/images/triangolo-sx.svg") no-repeat center center / cover;
}

.pulsante-triangolo.triangolo-dx::before {
    background: url("/themes/jewels/images/triangolo-dx.svg") no-repeat center center / cover;
}

.pulsante-triangolo a {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 1.5em 40px 56px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1.6px;    
}

.pulsante-triangolo.triangolo-dx a {
    left: auto;
    right: 0;
    padding: 0 56px 40px 1.5em;    
}

.img-cat-home:hover .pulsante-triangolo a {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition-delay: 0.5s;
}

.img-cat-home:hover .pulsante-triangolo::before {
    opacity: 0.8;
    bottom: 0;
}

/*pulsante-animato*/
.box-personalizza-home:hover .pulsante-animato {
    color: #202020;
    background: #ffffff;
    -webkit-transition: background .25s ease .2s,color .25s ease .2s;
    transition: background .25s ease .2s,color .25s ease .2s;
}

.box-personalizza-home:hover .pulsante-animato .b-bottom {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.box-personalizza-home:hover .pulsante-animato .b-right {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.box-personalizza-home:hover .pulsante-animato .b-top {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.box-personalizza-home:hover .pulsante-animato .b-left {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

@media only screen and (max-width:1800px) {
  .tp-mask-wrap {
      bottom: 0;
  }

  .pulsante-triangolo::before {
      height: 130px;
  }

  .pulsante-triangolo a {;
      padding: 0 1.5em 30px 16px;
  }

  .pulsante-triangolo.triangolo-dx a {
      padding: 0 16px 30px 1.5em;
  }
}

@media only screen and (max-width:1199px) {
  /*top*/
  .top, .top.bannerh {
      height: 90px;
  }

  .top .logo svg {
      height: 60px;
  }

  .top .logo img {
      height: 60px;
  }

  .top .menu ul li a {
      color: #002E51;
  }

  .top .menu .sub-menu, .top.bannerh .menu .sub-menu {
      padding-top: 16px;
  }

  /*home*/
  .cont-pulsante-animato {
      bottom: 24px;
  }

  .pulsante-triangolo::before {
      height: 90px;
      opacity: 1;
      bottom: 0;
  }

  .pulsante-triangolo a {;
      bottom: 0;
      padding: 0 1.5em 20px 16px;
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      font-size: 16px;
  }

  .pulsante-triangolo.triangolo-dx a {
      padding: 0 16px 20px 1.5em;
  }
}

@media only screen and (max-width:1023px) {
  /*top*/
  .carrellino {
      border: 0;
  }

  .top.bannerh .carrellino {
      border: 0;
      background: transparent;
  }

  .top .carrellino .fill-bianco {
      fill: #ffffff;
  }

  .top.bannerh .carrellino .fill-bianco {
      fill: #002E51;
  }

  .top .carrellino span {
      color: #ffffff;
  }

  .top.bannerh .carrellino span {
      color: #002E51;
  }

  /*slider*/
  .tp-parallax-wrap {
      top: auto !important;
      bottom: 32px;
  }

  .custom.tparrows, .custom.tparrows:hover {
      right: 20px;
      left: auto !important;
      top: auto !important;
      bottom: 22px;
      transform: none !important;
  }

  .tp-leftarrow.tparrows.custom {
      right: 72px;
  }
  
/*home*/
  .img-cat-home {
      width: calc(50% - 24px);
  }  

  .pulsante-triangolo a, .pulsante-triangolo.triangolo-dx a {
      padding-bottom: 10px;
  }
}

@media all and (max-width:767px) {
  /*top*/
  .logo svg, .top.bannerh .logo svg {
      height: 48px;
  }

  .logo img, .top.bannerh .logo img {
      height: 48px;
  }

  .top, .top.bannerh {
      height: 70px;
  }

  /*slider*/
  .tp-parallax-wrap {
      display: none !important;
  }

  /*home*/
  .img-cat-home {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
  }

  .container-home .col-w-100 {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
  }
}

@media only screen and (max-width:599px) {
  /*top*/
  .top .logo svg {
      height: 38px;
  }

  .top .logo img {
      height: 38px;
  }

  .logo svg, .top.bannerh .logo svg {
      height: 38px;
  }

  .logo img, .top.bannerh .logo img {
      height: 38px;
  }
}