@font-face {
    font-family: 'proxima';
    src: url('font/proximanova-light-webfont.eot');
    src: url('font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanova-light-webfont.woff') format('woff'),
         url('font/proximanova-light-webfont.ttf') format('truetype'),
         url('font/proximanova-light-webfont.svg#proxima') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'themify';
	src:url('font/themify9f24.eot');
	src:url('font/themifyd41d.eot?#iefix') format('embedded-opentype'),
		url('font/themify9f24.woff') format('woff'),
		url('font/themify9f24.ttf') format('truetype'),
		url('font/themify9f24.svg#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
    margin: 0;
    
}
img
{
    border:0;
}
form
{
    margin:0;
    padding:0;
}
a
{
    text-decoration:none;
}

.loading {
    background-color: #fff;
    height: 100%;
    left: 0;
    margin-top: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}
.loading-center {
    height: 100%;
    position: relative;
    width: 100%;
}
.loading-center-absolute {
    height: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    transform: rotate(-135deg);
    width: 200px;
}
.object {
    animation: 2s ease 0s normal none infinite running animate;
    border-color: #ff6600 transparent transparent #ff6600;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    position: absolute;
}
.object_one {
    height: 50px;
    left: 75px;
    top: 75px;
    width: 50px;
}
.object_two {
    animation-delay: 0.2s;
    height: 70px;
    left: 65px;
    top: 65px;
    width: 70px;
}
.object_three {
    animation-delay: 0.4s;
    height: 90px;
    left: 55px;
    top: 55px;
    width: 90px;
}
.object_four {
    animation-delay: 0.6s;
    height: 110px;
    left: 45px;
    top: 45px;
    width: 110px;
}
@keyframes animate {
50% {
    transform: rotate(360deg) scale(0.8);
}
}
@keyframes animate {
50% {
    transform: rotate(360deg) scale(0.8);
}
}
@keyframes animate {
50% {
    transform: rotate(360deg) scale(0.8);
}
}
.loading.orange .object {
    border-left: 5px solid #ff6600;
    border-top: 5px solid #ff6600;
}
.loading.blue .object {
    border-left: 5px solid #23b0e8;
    border-top: 5px solid #23b0e8;
}
.loading.blue-2 .object {
    border-left: 5px solid #1593d0;
    border-top: 5px solid #1593d0;
}
.loading.dr-blue .object {
    border-left: 5px solid #2d3e50;
    border-top: 5px solid #2d3e50;
}
.loading.dr-blue-2 .object {
    border-left: 5px solid #022c54;
    border-top: 5px solid #022c54;
}
.loading.green .object {
    border-left: 5px solid #66bb6a;
    border-top: 5px solid #66bb6a;
}
.loading.sea .object {
    border-left: 5px solid #00e5ff;
    border-top: 5px solid #00e5ff;
}
.loading.red .object {
    border-left: 5px solid #ef4836;
    border-top: 5px solid #ef4836;
}
.loading.red-3 .object {
    border-left: 5px solid #d73240;
    border-top: 5px solid #d73240;
}

.loading.hbb .object {
    border-left: 5px solid #f8db35;
    border-top: 5px solid #f8db35;
}
.clear
{
    clear:both;
}
#topContainer
{
    position:absolute;
    z-index: 999;
    width:100%;
}
#topheader 
{
    width: 100%;
    height:37px;
    border-bottom: solid 1px #e9e9e9;
    background:#fff;
}
#topheaderContent
{
    width: 980px;
    height:37px;
    margin:0 auto;
}
#leftTop
{
    width: 360px;
    float:left;
    height: 37px;
    line-height: 37px;
    margin-top:10px;
   
}
#leftTop h1
{
    color:#7b7b7b;
    font-size:13px;
    font-family:proxima;
    padding: 0px;
    margin:0;
    font-weight:normal;
}
#rightTop
{
    width: 360px;
    float:right;
    height: 37px;
    line-height: 37px;
    text-align:right;
    margin-right: 20px;
    color:#7b7b7b;
    font-size:13px;
    font-family:proxima;
}
#logo
{
    width: 242px;
    height:  146px;
    position: absolute;
    left:50%;
    margin-left:-121px;
    top:-37px;
}
#header
{
    height: 109px;
    width: 100%;
    background:#fff;
}
#headerContent
{
    height: 109px;
    width: 980px;
    margin:0 auto;
}
#leftHeader
{
    float:left;
    margin-top:20px;
}
#leftHeader ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#leftHeader ul li
{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    /*border-right:dotted 1px #2a2a2a;*/
    background-image: linear-gradient(to bottom, #444 40%, rgba(255, 255, 255, 0) 20%);
    background-position: right;
    background-size: 1px 4px;
    background-repeat: repeat-y;    
}

#leftHeader ul li.noBorder{
    background:none!important;
}
#leftHeader ul li a
{
    color:#2a2a2a;
    font-size:13px;
    font-family:proxima;
    text-decoration:none;
    padding:45px 0;
}
#leftHeader ul li a:hover
{
    color:#2a2a2a;
    font-size:13px;
    font-family:proxima;
}

.arrow > a:after {
    display: inline-block;
    font-family: themify;
    font-size: 12px;
    margin-left: 10px;
    content: "\e64b";
}

.dropdownmenu {

  position: absolute;

  z-index: 1000;

  display: none;

  margin-top: 15px;

  list-style: none;

  background-color: white;

  border: 1px solid #cccccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  background-clip: padding-box;

}

.dropdownmenu{
    padding-left:20px;
    width: 100%;
    text-align:center;
}

@media only screen and (max-width:1200px) and (min-width:990px){
#tool-box-menu{
    width:600px!important;
    background:#ffffff;
    padding-left:0;
    left:7%;
}
}



@media only screen and (max-width:1400px) and (min-width:1200px){
#tool-box-menu{
    width:600px!important;
    background:#ffffff;
    padding-left:0;
    left:18%;
}
}

@media only screen and (max-width:1800px) and (min-width:1400px){
#tool-box-menu{
    width:600px!important;
    background:#ffffff;
    padding-left:0;
    left:25%;
}
}

@media only screen and (min-width:1800px){
#tool-box-menu{
    width:600px!important;
    background:#ffffff;
    padding-left:0;
    left:28%;
}
}


.dropdownmenu {

    animation: animationmenus ease 0.3s;

    animation-iteration-count: 1;

    transform-origin: 50% 50%;

    animation-fill-mode: forwards;

    /*when the spec is finished*/

    -webkit-animation: animationmenus ease 0.3s;

    -webkit-animation-iteration-count: 1;

    -webkit-transform-origin: 50% 50%;

    -webkit-animation-fill-mode: forwards;

    /*Chrome 16+, Safari 4+*/

    -moz-animation: animationmenus ease 0.3s;

    -moz-animation-iteration-count: 1;

    -moz-transform-origin: 50% 50%;

    -moz-animation-fill-mode: forwards;

    /*FF 5+*/

    -o-animation: animationmenus ease 0.3s;

    -o-animation-iteration-count: 1;

    -o-transform-origin: 50% 50%;

    -o-animation-fill-mode: forwards;

    /*Not implemented yet*/

    -ms-animation: animationmenus ease 0.3s;

    -ms-animation-iteration-count: 1;

    -ms-transform-origin: 50% 50%;

    -ms-animation-fill-mode: forwards;

    /*IE 10+*/

  }

}

@-webkit-keyframes animationmenus {

  from {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: translate(0px, 20px);

    -ms-transform: translate(0px, 20px);

    transform: translate(0px, 20px);

  }



  to {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

}



@-moz-keyframes animationmenus {

  from {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: translate(0px, 20px);

    -ms-transform: translate(0px, 20px);

    transform: translate(0px, 20px);

  }



  to {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

}



@-o-keyframes animationmenus {

  from {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: translate(0px, 20px);

    -ms-transform: translate(0px, 20px);

    transform: translate(0px, 20px);

  }



  to {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

}



@keyframes animationmenus {

  from {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: translate(0px, 20px);

    -ms-transform: translate(0px, 20px);

    transform: translate(0px, 20px);

  }



  to {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

}

.dropdownmenu .block-menu{
    display:inline-block;
    width:250px;
    
}


@media screen and (max-width:1300px){
    .dropdownmenu .block-menu{
    
    width:195px;
    
}
}




.enh_parent:hover .dropdownmenu {
    display: block;
    left: 0;
}

@media screen and (max-width:991px){
    .dropdownmenu{
        display:none!important;
    }
}

@media screen and (min-width:991px){
    .enh_parent ul{
        opacity:0;
    }
}

.cat-title{
    padding:15px 0;
    text-align:left;
} 

.cat-title a {
    font-size: 13px!important;
    color:#777777!important;
    padding: 10px 0;
}

.text-partner{
    margin-top:10px;
    width:230px;
    padding-bottom:10px;
    text-align:left;
}

.img-partner{
    overflow:hidden;
    width:230px;
}

.block-menu .img-partner img{
    transition: all 0.6s ease-in-out 0s;
}

.block-menu:hover .img-partner img {
    transform: scale(1.2);
    transition: all 0.6s ease-in-out 0s;
}    


.block-menu:hover .cat-title a{
    font-weight:900!important;
    color:#2a2a2a!important;
}


@media screen and (max-width:1300px){
    .text-partner{
   
    width:175px;
    
}  

.img-partner{
    width:175px;
}

.img-partner img{
    width:175px;
}
}      
            
#rightHeader
{
    float:right;
    margin-top:20px;
}
#rightHeader ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#rightHeader ul li
{
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    background-image: linear-gradient(to bottom, #444 40%, rgba(255, 255, 255, 0) 20%);
    background-position: right;
    background-size: 1px 4px;
    background-repeat: repeat-y;
}

#rightHeader ul li.noBorder{
    background:none!important;
}

#rightHeader ul li a
{
    color:#2a2a2a;
    font-size:13px;
    font-family:proxima;
    text-decoration:none;
    text-transform:uppercase;
}
#rightHeader ul li a:hover
{
    color:#2a2a2a;
    font-size:13px;
    font-family:proxima;
}
#top
{
    width:100%;
    height: 450px;
    background:url(images/top1bg.png) repeat-x;
}
#topContent
{
    width:980px;
    margin: 0 auto;
    height: 450px;
}
#topContentLeft
{
    float:left;
    width:230px;
    height:330px;
    margin-top: 63px;
}
#topContentEngine{
    width:1280px;
    margin:0 auto;
    
}

@media screen and (max-width:800px){
    #topContentEngine{
    width:auto;
    
    
}
}

#topContentEngineMetamotori{
    width:1280px;
    margin:0 auto;
}

@media screen and (max-width:1200px){
    #topContentEngineMetamotori{
    width:600px;
    margin:0 auto;
}

#topContentEngineMetamotori #contentCenterPrice{
    width:600px;
}
}

@media screen and (max-width:600px){
    #topContentEngineMetamotori{
    width:300px;
    margin:0 auto;
}

#topContentEngineMetamotori #contentCenterPrice{
    width:300px;
}
}

.text30
{
    font-size:30px;
    font-family:proxima;
    line-height: 30px;
    color:#000;
}
.text18
{
    font-size:18px;
    color:#2a2a2a;
    font-family:proxima;
}
.redBackground
{
    background:#c20000;
    color:#fff;
    padding:20px;
    font-size:16px;
    font-family: proxima;
    width:70%;
    margin-top:20px;
}

.redBackground a
{
    color:#fff;
    font-size:16px;
    font-family: proxima;
    text-decoration:none;
}

#topContentRight
{
    float:left;
    width:750px;
    height:418px;
    margin-top: 33px;
}
#fasciaNera
{
    width:100%;
    height:70px;
    background:url(images/fascianera.png) repeat-x;
    
}
#mainContentBooking
{
    width:980px;
    margin:0 auto;
}
#bookingBox1,#bookingBox2,#bookingBox3,#bookingBox4
{
    width:220px;
    float:left;
    text-align:center;
    margin-top: -32px;
    margin-right: 24px;
}
.titleBoxBooking
{
    font-size:20px;
    color:#2a2a2a;
    font-family:proxima;
    font-weight:bold;
}
.textBoxBooking
{
    font-size:12px;
    color:#5d5d5d;
    font-family:proxima;
    line-height: 20px;
    margin-top:10px;
}
#graficoBooking
{
    width:780px;
    margin:0 auto;
}

.tp-banner{
    display:block;
}

.tp-banner2{
    display:none;
}

.sotto_div{
    font-size:20px!important;
}

.contentLeftEngineBookingPage, .contentLeftEngineMetaPage{
    width:430px;
}

@media screen and (max-width:768px){
    .contentLeftEngineMetaPage{
    width:700px;
    }
}

@media screen and (max-width:700px){
    .contentLeftEngineMetaPage{
    width:550px;
    }
}

@media screen and (max-width:550px){
    .contentLeftEngineMetaPage{
    width:300px;
    }
}
/*************** BOOKING ENGINE *****************/
#topEngine
{
    background-color:#000;
    background-image:url(images/BgTopEngine.png);
    background-repeat:no-repeat;
    background-position: top center;
    height: 475px;
}

.contentLeftEngineHomePage, .contentRightMobileHomePage{
    width:450px;
}


.contentLeftEngineMobileHomePage{
    width:500px;
}

.contentLeftEnginePageMobile{
    margin-top: 10px;
    font-size:14px;
    line-height:18px; 
    width:400px
}


.topContentBookingEngine{
    float:right;
    margin-right: -58px;
}

@media screen and (max-width:800px){
    .topContentBookingEngine{
    float:none;
    margin-right: 0px;
    position:absolute;
    right:0;
}
}



#serraturaEngine
{
    width: 64px;
    height:  83px;
    background:url(images/serraturaEngine.png) no-repeat;
    margin:0 auto;
}
.topContentEngine
{
    margin:0 auto;
    width:1250px;
}
#contentLeftEngine, #contentLeftChannels, #contentLeftEngineMobile
{
    color:#fff;
    font-family:proxima;
    font-size: 20px;
    float:left;
    
    line-height: 25px;
    margin-left:60px;
    position:relative;
    z-index:1;
}

#contentLeftEngine span{
    font-size:24px;
}

#contentLeftEngine span.description{
    font-size:18px;
}

#contentCenterEngine{
    text-align:center;
    color:#fff;
    font-family:proxima;
    font-size: 20px;
    line-height: 25px;
    font-weight:bold;
    width:1000px;
    margin:0 auto;
    position:relative;
    top:40px;
}

#contentCenterEngineToolBox{
   text-align:center;
    color:#fff;
    font-family:proxima;
    font-size: 20px;
    line-height: 25px;
    font-weight:bold;
    width:1000px;
    margin:0 auto;
    position:relative;
    top:80px; 
}

#contentCenterPrice{
 
    text-align:center;
    color:#fff;
    font-family:proxima;
    font-size: 20px;
    line-height: 25px;
    width:1000px;
    margin:0 auto;
    position:relative;
    top:60px;

}


@media screen and (max-width:1200px){
    #contentCenterEngine{
        width:600px;
    }

    #contentCenterEngineToolBox{
        width:600px;
        top:175px;
    }
    
   
}

@media screen and (max-width:600px){
    #contentCenterEngine{
        width:300px;
    }

    

    #contentCenterEngineToolBox{
        width:300px;
        top:60px;
    }
    
   
}

.carousel-metamotori{
    text-align: center;
    margin-top:25px;
}

@media screen and (max-width:1200px){
    .carousel-metamotori{
    text-align: center;
    margin-top:86px;
}
}

@media screen and (max-width:768px){
    .carousel-metamotori{
    
    margin-top:86px;
}
}

@media screen and (max-width:600px){
    .carousel-metamotori{
    
    margin-top:173px;
}
}

.redBackgroundEngine
{
    background:#c20000;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size:18px;
    font-family: proxima;
    width:210px;
    margin-top:20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#contentRightEngineMobiles
{
    
    float:right;
    
}
#sloganEngine
{
    width:820px;
    margin:0 auto;
    font-size:13px;
    font-family:'proxima';
    color:#2a2a2a;
    line-height:22px;
    text-align: center;
    margin-top:30px;
}

#sloganBrandProtection
{
    width:946px;
    margin:0 auto;
    font-size:13px;
    font-family:proxima;
    color:#2a2a2a;
    line-height:22px;
    text-align: center;
    margin-top:70px;
    padding-bottom:50px;
}


@media screen and (max-width:800px){
    #sloganBrandProtection
{
    width:600px;
    
}
}

@media screen and (max-width:600px){
    #sloganBrandProtection
{
    width:300px;
    
}
}

#bottomBrandContent{
    width:500px;
    font-family:proxima;
    color:#2a2a2a;
    font-size:13px!important;
    margin:0 auto;
    text-align:center;
    margin-top:230px;
}

#bottomBrandContent .text_brand_protection{
    font-size:16px;
}

@media screen and (max-width:568px){
    #bottomBrandContent{
        width:300px;
        
    }
}


.imgBrandProtection{
    width:742px;
    text-align:center;
    margin:0 auto;
    padding-top: 30px;
}


@media screen and (max-width:800px){
    .imgBrandProtection{
    width:600px;
  
}
}

@media screen and (max-width:568px){
    .imgBrandProtection{
    width:300px;
  
}
}


.text_brand_protection{
    font-size: 20px;
}

.text_metamotori{
    text-align:center;
    font-size:20px;
    width: 980px;
    margin:0 auto;
    padding:60px 0;
}

@media screen and (max-width:1200px){
    .text_metamotori{
        padding:60px 0 0 0;
    }
}

@media screen and (max-width:980px){
    .text_metamotori{
        width:700px;
        }
}

@media screen and (max-width:700px){
    .text_metamotori{
        width:550px;
        }
}

@media screen and (max-width:550px){
    .text_metamotori{
        width:300px;
        padding: 10px 0 0 0;
        }
}

.subtext_brand_protection{
    font-size:14px;
}


#fasciaNeraEngine
{
    width:100%;
    height:251px;
    background:url(images/fascianera2.png) repeat-x;
    margin-top:-30px;
}

#fasciaNeraBrand
{
    width:100%;
    
    margin-top:60px;
    
    background-color: #9a9a9a;
    background-image: url("images/bg-metamotori.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}


@media screen and (max-width:800px){
   #fasciaNeraBrand
{
    width:100%;
    height:265px;
    background:#303030;
    margin-top:60px;
} 
}


@media screen and (max-width:568px){
    #fasciaNeraBrand{
        height:100px;
    }
}


#fasciaNeraEngineContent
{
    width:980px;
    margin:0 auto;
    color:#fff;
    font-family:proxima;
    text-align: center;
    line-height:22px;
    font-size:13px;
    padding-top:50px;
}

#fasciaNeraBrandContent
{
    width:980px;
    margin:0 auto;
    color:#fff;
    text-align: center;
    line-height:22px;
    font-size:13px;
   top: -90px;
   position:relative;
}

@media screen and (max-width:800px){
   #fasciaNeraBrandContent
{
    width:600px;
    
} 
}

@media screen and (max-width:568px){
   #fasciaNeraBrandContent
{
    width:300px;
    
} 
}




.text_slider_brand {
    color: #000000;
    font-family: proxima;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-align: right;
    top: -78px;
    transform: rotate(20deg);
    width: 858px;
}

@media screen and (max-width:800px){
    .text_slider_brand {
    top: -42px;
    width: 542px;
}
}

@media screen and (max-width:568px){
    .text_slider_brand{
        font-size:8px;
        width:273px;
        top:-14px;
    }
}

.bEngine
{
    text-align:center;
    margin-top: 20px;
    position:relative;
    z-index:9;
}
#tabFunzioni
{
    width:980PX;
    margin: 0 auto;
    height:478px;
}
#tabFunzioni ul
{
    list-style-type: none;
    margin:0;
    padding:0;
    margin-top:60px;
}
#tabFunzioni ul li
{
    float:left;
    padding:3px;
    border:solid 1px #686868;
    margin-right:13px;
}
#tabFunzioni ul li a
{
    color:#686868;
    font-size:11px;
    text-decoration:none;
    font-family:arial;
}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5
{
    width:945px;
    margin:0 auto;
    margin-top:40px;
}
.tabLeft
{
    float:left;
    width:420px;
    height:300px;
}
.tabRight
{
    float:left;
    width:500px;
    height:210px;
}
.tabTitle
{
    color: #2a2a2a;
    font-size:20px;
    font-family:proxima;
}
.tabText
{
    font-family:arial;
    font-size:12px;
    color:#686868;
}
#elencoFunzioni
{
    width:100%;
    height:700px;
    background:url(images/bgfunzioni.png) repeat-x;
    
}
.elencoTitle
{
    font-family:proxima;
    font-size:24px;
    color:#2a2a2a;
    text-align:center;
    padding-top:50px;
    padding-bottom:50px;
}
#elencoFunzioniContent
{
    width:980px;
    margin:0 auto;
}
#elencoFunzioniContent ul
{
    list-style-image:url(images/funz_li.png);
    margin:0;
    width:45%;
    float:left;
    margin-left:5%;    
}
#elencoFunzioniContent ul li
{
    list-style-image:url(images/funz_li.png);
    border-bottom:dotted 1px #aeb8c5;
    font-family:arial;
    font-size:12px;
    color:#686868;
    padding-bottom: 7px;
    padding-top:5px;
    margin-top:7px;
}
#engineBoxContent
{
    width:980px;
    margin:0 auto;
}
#engineBox1,#engineBox2,#engineBox3
{
    float:left;
    width: 325px;
    text-align:center;
    font-family:proxima;
    font-size:20px;
    color:#2a2a2a;
    margin-top:-30px;
}

/********* CHANNEL ***********/
#topChannel
{
    background-color:#0fa57c;
    background-image:url(images/BgTopChannel.png);
    background-repeat:no-repeat;
    background-position: top center;
    height: 475px;
}
#contentRightChannel
{
    width: 700px;
    height:500px;
    float:right;
    margin-top:50px;
    margin-right: 30px;
    background:url(images/bgYoutube.png) no-repeat;
    padding-top:28px;
    padding-left:30px; 
}

#contentRightChannel iframe{
    width:640px;
    height:361px;
}

.redBackgroundChannel
{
    background:#c20000;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size:20px;
    font-family: proxima;
    width:83%;
    margin-top:20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#sloganChannel
{
    width:980px;
    margin:0 auto;
    font-size:13px;
    font-family:proxima;
    color:#2a2a2a;
    line-height:22px;
    text-align: center;
    margin-top:40px;
}
#fasciaNeraChannel
{
    width:100%;
    height:auto;
    overflow:hidden;
    background:url(images/fascianera2.png);
    margin-top:-30px;
    padding-bottom:50px;
}
#otacarousel
{
    margin-top:20px;
    margin-bottom:40px;
    height:70px;
}
#otacarousel ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#otacarousel ul li
{
    float:left;
    margin-right:10px;
}

#otacarousel ul li a.edgar img{
    border-radius:4px;
}

/************* MOBILE *********/

.topContentMobile{
    margin:0 auto;
    width:1250px;
}

.contentRightEngineMobiles{
    margin-top: -50px;
    margin-right: 60px;
}



#topMobile
{
    background-color:#fff;
    
    background-repeat:no-repeat;
    background-position: top center;
    height: 475px;
}

#topMobilePage{
    background-color: #000;
    background-image: url("images/BgTopMobile.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}
#text1Mobile
{
    color:#fff;
    font-size:14px;
    
    font-family:proxima;
}
#text2Mobile
{
    color:#fff;
    font-size:19px;
    margin-bottom:20px;
    font-family:proxima;
    margin-top: 10px;
}
#contentRightMobile
{
   
    float:right;
    margin-top:-20px;
    margin-right: 60px;
    font-size: 16px;
    color:#4a4a4a;
    line-height:28px;
}

#contentRightMobilePage
{
   background: url("images/img-device-mobile1.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    float:right;
    height: 380px;
    margin-right: 15px;
    margin-top: 50px;
    width: 734px;
    text-align:right;
    
    
}

#contentRightMobilePage img
{
   position:relative;
   margin-top:-102px;
    
}

#contentRightMobile span{
    font-size:20px;
}

#contentRightMobile strong{
    color:#000;
}

.img-hotel-bb{
    margin-left:110px;
}

.greenBackgroundEngine
{
    background:#1db2b4;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size:20px;
    font-family: proxima;
    float:left;
    margin-top:20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.blueBackgroundEngine
{
    background:#00a7ec;
    color:#fff;
    padding:5px 10px 5px 10px;
    font-size:20px;
    font-family: proxima;
    float:left;
    margin-top:20px;
    margin-left:10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
}

#topEngineMobile
{
    
    background-image:url(images/bg-mobile.jpg);
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
}

#icons_mobile{
    margin:40px auto 180px auto;
    width:460px;
    
}

.icons{
    float:left;
    border-right: 1px dotted #adadad;
    padding: 0 10px;
    height:45px;
    
}

.icons img{
    position:relative;
    top:-33px;
}

#content-mobile{
    width:1105px;
    margin:0 auto;
}

/***********RATE CHECKER*********/

#topRateCheckerPage{
    background-color: #2c5e7c;
    background-image: url("images/BgTopRateChecker.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}

#topBrandProtectionPage{
    background-color: #e09114;
    background-image: url("images/bg-brand-protection.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}

#topBrandMetamotoriPage{
    background-color: #4f024a;
    background-image: url("images/BgTopMetaMotori.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}

#topBrandToolboxPage{
    background-color: #1D006E;
    background-image: url("images/BgTopToolbox.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}

#topBrandPrezziPage{
    background-color: #000000;
    background-image: url("images/BgTopMobile.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 400px;
}

@media screen and (max-width:600px){
    #topBrandPrezziPage{
        height:500px;
    }
}

#fasciaGrigiaMetamorori{
    background-color: #9a9a9a;
    background-image: url("images/bg-metamotori.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 475px;
}

@media screen and (max-width:550px){
    #fasciaGrigiaMetamorori{
    background-color: #909090;
    height: 600px;
}
}

@media screen and (max-width:700px){
    #fasciaGrigiaMetamorori .topContentBrandProtection{
        width:550px;
        margin:0 auto!important;
    }
}

@media screen and (max-width:550px){
    #fasciaGrigiaMetamorori .topContentBrandProtection{
        width:300px;
        margin:0 auto!important;
    }
}

@media screen and (max-width:600px){
    #topBrandToolboxPage{
        height:200px;
    }
}

.title-metamotori{
    color: #fff;
    font-family: proxima;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    top: 30px;
    
}

@media screen and (max-width:800px){
   #topBrandProtectionPage{
    padding-top:20px;
} 
}

.topContentBrandProtection, .topContentRateChecker{
    width:1280px;
    margin:0 auto;
    overflow:visible;
}

@media screen and (max-width:800px){
    .topContentRateChecker{
    width:auto;
    
}
}



.contentRightBrandProtection{
    float:right;
    margin-right:-134px;
}

.contentRightMetamotori{
    float:right;
    margin-right:-45px;
}


@media screen and (max-width:1300px){
    .contentRightMetamotori .img_brand{
        
        width:90%;
        
                
    } 
}


@media screen and (max-width:1200px){
    .contentRightMetamotori .img_brand{
        
        width:60%;
        margin-top:170px;
                
    } 
}

@media screen and (max-width:750px){
    .contentRightMetamotori .img_brand{
        
        width:50%;
        margin-top:170px;
        margin-left:4%;        
    } 
}

@media screen and (max-width:700px){
    .contentRightMetamotori .img_brand{
        
        width:auto;
        margin-top:170px;
        margin-left:0;        
    } 
}

@media screen and (max-width:800px){  
.contentRightBrandProtection{
    float:right;
    margin-right:0px;
}
}

@media screen and (max-width:768px){
    .contentRightMetamotori{
    float:none;
    margin-right:0!important;
    margin-top:-150px!important;
}
}

.rateCheckerScreen{
   float:right;
    margin-right:-134px;
    margin-top: -422px; 
}

@media screen and (max-width:1280px){
    .rateCheckerScreen{
    float:right;
    margin-right: -58px;
}
}

@media screen and (max-width:1024px){
    .rateCheckerScreen{
    float:right;
    margin-right: 250px;
    margin-top: -334px;
}
}


@media screen and (max-width:800px){
    .rateCheckerScreen{
    float:right;
    margin-right: 0px;
    margin-top: 0px;
}
}

.text_brand{
    font-size:16px;
}

.img_brand{
    margin-top:50px;
    
}

@media screen and (max-width:560px){
    #topRateCheckerPage{
        height:377px;
    }
}

#serraturaEngineRateChecker
{
    width: 61px;
    height:  88px;
    background:url(images/serraturaEngineRateChecker.png) no-repeat;
    margin:0 auto;
}

#sloganRateChecker{
    width:980px;
    margin:0 auto;
    text-align:center;
    color:white;
    position:relative;
    top:-45px;
    
}

@media screen and (max-width:800px){
    #sloganRateChecker{
        width:560px;
    }
}

@media screen and (max-width:560px){
    #sloganRateChecker{
        width:300px;
    }
}

.title-rate-checker{
    font-size: 14px;
    margin-bottom: 10px;
}

.text-slogan-rate-checker{
    font-size:26px;
    line-height:32px;
    margin:0;
}

@media screen and (max-width:800px){
    .text-slogan-rate-checker{
        font-size:22px;
    }
}

@media screen and (max-width:560px){
    .text-slogan-rate-checker{
        font-size:18px;
        line-eight:22px;
    }
}

#img-rate-checker{
    text-align:center;
    width:980px;
    margin:-60px auto 0 auto;
}

@media screen and (max-width:800px){
    #img-rate-checker{
        width:560px;
        margin:10px auto 0 auto;
    }
}

@media screen and (max-width:560px){
    #img-rate-checker{
        width:300px;
        margin:10px auto 0 auto;
    }
}

#sloganRate{
    padding:80px 0;
    margin:0 auto;
    width:980px;
    text-align:center;
    color:#2a2a2a;
}

@media screen and (max-width:800px){
    #sloganRate{
        width:560px;
    }
}

@media screen and (max-width:560px){
    #sloganRate{
        width:300px;
    }
}

#sloganRateBottom{
    padding:100px 0;
    margin:0 auto;
    width:980px;
    text-align:center;
    color:#2a2a2a;
}

@media screen and (max-width:800px){
    #sloganRateBottom{
    
    width:560px;
    margin-top:60px;
    padding:40px;
}
}

@media screen and (max-width:667px){
    #sloganRateBottom{
    
    width:560px;
    margin-top:440px;
    padding:40px;
}
}

@media screen and (max-width:600px){
    #sloganRateBottom{
    
    width:560px;
    margin-top:380px;
    padding:40px;
}
}

@media screen and (max-width:560px){
    #sloganRateBottom{
    
    width:300px;
    margin-top:350px;
    padding:40px;
}
}
@media screen and (max-width:480px){
    #sloganRateBottom{
    
    
    margin-top:300px;
    padding:40px;
}
}

@media screen and (max-width:414px){
    #sloganRateBottom{
    
    
    margin-top:240px;
    padding:40px;
}
}

@media screen and (max-width:380px){
    #sloganRateBottom{
    
    
    margin-top:220px;
    padding:40px;
}
}

@media screen and (max-width:320px){
    #sloganRateBottom{
    
    
    margin-top:200px;
    padding:40px;
}
}

@media screen and (max-width:800px){
#bottomBrand{
    margin-top:-140px;
}
}

#sloganRate .slogan1{
    margin-bottom:5px;
}

#sloganRate .slogan3{
    margin-top:5px;
}

#sloganRate .slogan1, #sloganRate .slogan3, #sloganRateBottom .slogan1, #sloganRateBottom .slogan3{
    font-size:18px;
}

@media screen and (max-width:800px){
   #sloganRate .slogan1, #sloganRate .slogan3, #sloganRateBottom .slogan1, #sloganRateBottom .slogan3{
    font-size:16px;
} 
}

#sloganRate .slogan2{
    font-size:24px;
    line-height:30px;
}

@media screen and (max-width:800px){
    #sloganRate .slogan2 {
    font-size: 20px;
    line-height: 30px;
}
}
#bottomRateChecker{
    background-color: #303030;
    height: 475px;
}

#bottomRateCheckerContent{
    padding:80px 0;
}

.contentLeftRateCheckerPage{
    font-size:18px!important;
}



.redBackgroundChecker{
    background:#c54950;
    width:160px;
    text-align:center;
    border-radius: 4px;
    color: #fff;
    font-family: proxima;
    font-size:18px!important;
    margin-top: 20px;
    padding: 5px 10px;
}

.bluBackgroundChecker{
    background:#52a6c1;
    width:160px;
    text-align:center;
    border-radius: 4px;
    color: #fff;
    font-family: proxima;
    font-size:18px!important;
    margin-top: 20px;
    padding: 5px 10px;
}

.scrolling-rate-checker{
    display:inline-block;
    margin-right: 10px;
    font-size:18px!important;
}

@media screen and (max-width:1280px){
  
   
   .contentLeftRateCheckerPage {
    font-size: 16px !important;
    
}
}



@media screen and (max-width:1024px){
   .rateCheckerScreen img{
    width:70%;
    float:right;
    position:relative;
    top:50px;
   } 
   
   .contentLeftRateCheckerPage {
    font-size: 14px !important;
    
}
}

@media screen and (max-width:800px){
    .contentLeftRateCheckerPage{
    font-size:16px!important;
    padding-left:10px;
}

#bottomRateChecker {
    height:auto!important
}

.rateCheckerScreen img{
    width:100%;
   top:100px;
   } 
}

/*********** PREZZI *************/

#topChannelPrezziHeader
{
    background-color:#e4f4f1;
    background-image:url(images/img-prezzi.jpg);
    background-repeat:no-repeat;
    background-position: left center;
    height:100px;
}

#prezzi
{
    background: url(images/bgprezzi.png);
   
}
#prezziContent
{
    width:980px;
    margin:0 auto;
}
.text1Prezzi
{
    font-size:24px;
    font-family:proxima;
    color:#2a2a2a;
    text-align:center;
}
.text2Prezzi
{
    font-size:16px;
    font-family:proxima;
    color:#2a2a2a;
    text-align:center;
}
#tabellaPrezzi
{
    width:980px;
    background:#fff;
    display:table;
}

.tabellaPrezziMobile{
    display:none;
}
#tabellaPrezzi td
{
    border:solid 1px #dedede;
    text-align:center;
}
.riga1Prezzi
{
    font-family:proxima;
    color:#2a2a2a;
    font-size:14px;
    padding:15px;
    font-weight:bold;
}
.riga2Prezzi
{
    font-size:14px;
    font-family:Arial;
    color: #313131;
    font-weight:bold;
    padding:15px;
    background:#fbfbfb;
}
.arancione
{
    font-size:40px;
    font-family:Arial;
    color: #fc5703;
    vertical-align: top;
    line-height: 34px;
}
.iva
{
    position: absolute;
    color:#8e8e8e;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    margin-left:108px;
    margin-top:-16px;
}

@media screen and (max-width:800px){
    .iva{
        position:relative;
    }
}
.riga3Prezzi
{
    font-size:11px;
    font-family:Arial;
    color: #313131;
    font-weight:normal;
    padding:15px;
}
.riga3BisPrezzi
{
    font-size:12px;
    font-family:Arial;
    color: #c20000;
    font-weight:normal;
    padding:2px;
    font-weight:bold;
}
.riga5Prezzi
{
    padding:15px;
}
.riga6Prezzi
{
    font-size:11px;
    font-family:Arial;
    color: #313131;
    font-weight:normal;
    padding:15px;
}
.acquistaPrezzi
{
    width:114px;
    margin:0 auto;
    background:#313131;
    color:#fff;
    font-size: 12px;
    font-family:Arial;
    text-align:center;
    padding:10px 0 10px 0;
}
.shadow {
	-moz-box-shadow: 0px 0px 30px #eae9e9;
	-webkit-box-shadow: 0px 0px 30px #eae9e9;
	box-shadow: 0px 0px 30px #eae9e9;
}

/*********** CONTATTI ************/
#contatti
{
    height: 600px;
}
#contattiMappa
{
    height:600px;
}
#contattiContent
{
    width:350px;
    left:50%;
    position:relative;
    z-index:9;
    margin-top:-574px;
    margin-left:-350px;
}
#contattiLeft
{
    float:left;
    width:380px;
    margin-top: 50px;

}
.text1Contatti
{
    color:#2a2a2a;
    font-size:24px;
    font-family:proxima;
}
.text2Contatti
{
    color:#ff4e00;
    font-size:24px;
    font-family:proxima;
}
.text3Contatti
{
    color:#2a2a2a;
    font-size:18px;
    font-family:proxima;
}
.text3Contatti a
{
    color:#2a2a2a;
    font-size:18px;
    font-family:proxima;
    text-decoration:none;
}

.text4Contatti
{
    color:#2a2a2a;
    font-size:14px;
    font-family:proxima;
}

#footer
{
    background:#fafafa;
}
#footerNews
{
    width:688px;
    height:60px;
    margin:0 auto;
    background:url(images/bgnewsletter.png) no-repeat;
    text-align:center;
    
}
#footerNews input
{
    border:0;
    background:#fafafa;
    font-size:14px;
    font-family:proxima;
    color:#565656;
    margin-top:20px;
    text-align:center;
}
.text1Footer
{
    color:#292929;
    font-size:16px;
    font-family:proxima;
    text-align:center;
}
.text2Footer
{
    color:#292929;
    font-size:12px;
    font-family:proxima;
    text-align:center;
}

.block-facebook{
    text-align:center;
    margin-top:20px;
}

.menu-footer{
    text-align:center;
    margin-top:100px;
}

@media screen and (max-width:600px){
    .menu-footer{
        display:none;
    }
    
    .block-facebook{
        margin-top:40px;
    }
}

.menu-footer ul li{
    display:inline-block;
    font-size:12px;
    border-right: 1px dotted #292929;
    
    padding-right:3px;
}

.menu-footer ul li a{
    color: #292929;
    font-size:12px;
    padding:0 5px;
}
/************** POPUP DEMO ******************/
#demoContainer
{
    width:400px;
    margin:0 auto;
    text-align: left;
}
.demoTitle
{
    font-family:proxima;
    font-size:24px;
    color:#d80012;
}
#demoForm
{
    color:#233237;
    font-family:proxima;
    font-size:14px;
    margin-top:5px;
}
.demoVoice
{
    margin-top:6px;
}
#demoForm select
{
    background:#f0f2f3;
    border:solid 1px #c8cacb;
    padding:4px;
    font-size:12px;
    font-family:proxima;
    width:322px;
    
}
#demoForm input
{
    background:#f0f2f3;
    border:solid 1px #c8cacb;
    padding:0px 3px;
    font-size:12px;
    font-family:proxima;
    width:322px;
    
}
#demoForm textarea
{
    background:#f0f2f3;
    border:solid 1px #c8cacb;
    padding:0px 3px;
    font-size:12px;
    font-family:proxima;
    width:322px;
    height:40px;
    resize: none;
   
}

/**********+ ACQUISTA **********/
#demoForm input .bottone_ordina
{
    background:#ea212e;
    color:#fff;
    border:solid 1px #cc0018;
    width:100px;
}

.incentivi
{
    color:#fc3803;
    font-family: proxima;
    text-align:center;
    border:solid 1px #fc3803;
    width:612px;
    margin:0 auto;
    margin-top:27px;
    padding:10px;
    font-size:14px;
}
.incentivi a
{
   font-size:14px;
   color:#fc3803; 
}
.textIncentivi
{
    color: #6a6a6a;
    font-family:proxima;
    font-size:14px;
    width:480px;
    margin:0 auto;
    text-align:center;
    padding:20px 5px 20px 5px;
    line-height: 22px;
}
.textIncentivi a
{
    color: #6a6a6a;
    font-family:proxima;
    font-size:14px;
}

#container-table-prezzi{
    margin: 30px 0px;
}

ul.nonactive{
    display:none;
}

.scroll-up{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:20px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../img/to-top.png') no-repeat;
}

.pci-cert{
    margin-top:20px;
}

.textPrice{
    font-size:28px;
    margin-top:30px;
}

.textPrice strong{
    font-weight:900;
}

.boxPrezzi{
    width:1000px;
    border-top: 5px solid #e54b00;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    margin:0 auto;
    background:#ffffff;
    position: relative;
    top: -150px;
    padding: 0 40px;
    font-family: proxima;
}

@media screen and (max-width:999px){
    .boxPrezzi{
        width:100%;
    }
}

@media screen and (max-width:500px){
    .boxPrezzi{
        padding:0 20px;
    }
}

.wrapper-prezzi {
    margin-top:40px;
}
.StepProgress {
    list-style: outside none none;
    padding-left: 45px;
    position: relative;
}
.StepProgress::before {
    border-left: 2px solid #dbdbdb;
    content: "";
    display: inline-block;
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    width: 10px;
}
.StepProgress-item {
    counter-increment: list;
    position: relative;
    padding-left:10px;
    padding-bottom: 80px;
}
.StepProgress-item::before {
    content: "";
    display: inline-block;
    height: 100%;
    left: -30px;
    position: absolute;
    width: 10px;
}
.StepProgress-item::after {
    background-color: #fff;
    border: 2px solid #e54b00;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: -37px;
    position: absolute;
    top: 0;
    width: 12px;
}

.StepProgress-item.current::after {
    background-color: #e54b00;
    color: white;
    content: counter(list, decimal);
    font-size: 24px;
    height: 34px;
    left: -46px;
    text-align: center;
    top: -4px;
    width: 34px;
    padding-top:3px;
}
.StepProgress strong {
    display: inline;
}



.textStep{
    color:#666666;
    font-size:20px;
}

.bottoni_tipologie{
    display:inline-block;
    background:#ebebeb;
    border:1px solid #c9c9c9;
    color:#666666;
    font-size:18px;
    padding:10px 30px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    margin-top:20px;
    margin-right:10px;
    cursor: pointer;
    box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
}

.bottoni_software{
    display:inline-block;
    background:#ebebeb;
    border:1px solid #c9c9c9;
    color:#666666;
    font-size:18px;
    padding:10px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    margin-top:20px;
    margin-right:6px;
    cursor: pointer;
    box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
}





.bottoni_software p{
    font-size:11px;
    color:#666666;
    
    line-height:15px;
    
}

.prezzi2 .bottoni_software p{
    font-size:13px;
    color:#666666;
    
    line-height:15px;
    
}

hr.divider{
    border-color:#c9c9c9;
    margin-bottom:10px;
    margin-top:10px;
}

.ok{
    display:none;
    left: 15px;
    top: -20px;
    position: relative;
}

.ok_sw{
    display:none;
    
    margin-top: -16px;
    position: absolute;
}

#fatturazione{
    display:none;
}

#bookingengine .ok_sw{
    margin-left: 138px;
    
}

.prezzi2 #bookingengine .ok_sw{
    margin-left:258px!important;
    }

#channelmanager .ok_sw{
    margin-left:143px;
}

.prezzi2 #channelmanager .ok_sw{
    margin-left:230px!important;
    }

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    #channelmanager .ok_sw{
    margin-left:140px;
    } 
    }
    
 @media all and (max-device-width:1024px) { 
    #channelmanager .ok_sw{
    margin-left:153px;
    } 
    }  
    
#fatturazione .ok_sw{
    margin-left:245px;
}

#ratechecker .ok_sw{
    margin-left:110px;
}

.prezzi2 #ratechecker .ok_sw{
    margin-left:196px!important;
    }

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    #ratechecker .ok_sw{
    margin-left:107px;
    } 
    }
    
    @media all and (max-device-width:1024px) { 
    #ratechecker .ok_sw{
    margin-left:117px;
    } 
    }

#brandprotection .ok_sw{
    margin-left:136px;
}

.prezzi2 #brandprotection .ok_sw{
    margin-left:189px!important;
    }

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    #brandprotection .ok_sw{
    margin-left:132px;
    } 
    }
    
    @media all and (max-device-width:1024px) { 
    #brandprotection .ok_sw{
    margin-left:146px;
    } 
    }

#metamotori .ok_sw{
    margin-left:152px;
}

.prezzi2 #metamotori .ok_sw{
    margin-left:357px!important;
    }

.bottoni_tipologie.active{
    background:#e7ffd4;
    padding-right:5px;
}

.bottoni_software.active{
    background:#e7ffd4;
    
}

#camere.active .ok{
    display:inline
}

@media screen and (max-width:360px){
    
    
    #camere-appartamenti .ok{
        left: 213px;
        top: -40px;
    }
}




@media screen and (max-width:320px){
    #camere-appartamenti .ok{
        left: 60px;
        top: -40px;
    }
}

.numeroCamere, .numeroAppartamenti{
    background:#ebebeb;
    border:1px solid #c9c9c9;
    color:#666666;
    font-size:20px;
    padding:10px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    margin-top:-8px;
    margin-right:10px;
    width: 80px;
    box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
}

@media screen and (max-width:640px){
    .numeroCamere, .numeroAppartamenti{
        margin-top:5px;
    }
}

#numCamereApp{
    display:none;
}

#range, #slider{
    margin:50px 0!important;
}
@media screen and (max-width:999px){
    #range, #slider{
        display:none!important;
    }
}

.block-footer-prices{
    /*position:fixed;*/
    bottom:-200px;
    background:#dff7cc;
    z-index:999;
    border-top:2px solid #dbdbdb;
    border-bottom: 15px solid #1d304e;
    border-left: 2px solid #dbdbdb;
    border-right: 2px solid #dbdbdb;
    width:1000px;
    margin-left:-41px;
}
@media screen and (max-width:999px){
    .block-footer-prices{
        
        width:100%;
        z-index:999;
        }
}

@media screen and (max-width:769px){
    .block-footer-prices{
        margin-left:0;
        bottom:0;
    }
}



.container-tot{
    padding:0 10px;
    background:url(images/background-footer-price.jpg);
    margin: 15px 50px 0;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position: 0 -4px;
    height:120px;
}



.block-tot{
    display:inline-block;
    margin-top:8px;
    margin-right:5px;
    padding:10px;
    margin-bottom:15px;
   
    
}

@media screen and (max-width:999px){
    .container-tot{
        background: transparent;
        height:auto;
        
    }
    
    .block-tot{
        background:white;
    }
}

@media screen and (max-width:450px){
    .container-tot{
        margin:15px 10px;
    }
}



.container-block-tot{
    width:270px;
}

@media screen and (max-width:999px){
    
    .container-block-tot{
        width:48.9%;
    }
    
    .container-info{
        display:block;
        width:99%;
        text-align: center;
    }
}

@media screen and (max-width:768px){
    
    .container-block-tot{
        width:100%;
    }
    
    .container-info{
        display:block;
        width:100%;
        text-align: center;
    }
}

.title-attivazioni{
    color:#000000;
    font-size:14px;
    margin-left:10px;
    float:left;
}

@media screen and (max-width:999px){
   .title-attivazioni{
    display:block;
    margin-left:68px;
    float:none;
} 
}


@media screen and (max-width:700px){
   .title-attivazioni{
    display:inline;
    margin-left:20px;
    float:none;
    font-size:26px;
} 
}

@media screen and (max-width:640px){
   .title-attivazioni{
    display:inline;
    margin-left:20px;
    float:none;
    font-size:14px;
} 

.block-tot{
    margin-top:0;
}
}

@media screen and (max-width:500px){
    .title-attivazioni{
        margin-left:30px;
    }
}

.img-fixedblock{
    float:left;
}

.content-attivazioni, .content-prezzo{
    display:inline-block;
    margin-left:10px;
    line-height:15px;
    margin-top:5px;
    
}

@media screen and (max-width:700px){
  .content-attivazioni, .content-prezzo{
    display:inline-block;
    margin-left:30px;
    line-height:15px;
    margin-top:10px;
    position: relative;
    top: 5px;
    
}  
}

@media screen and (max-width:500px){
    .content-attivazioni, .content-prezzo{
        display:block;
        margin-left:88px;
    }
}

@media screen and (max-width:370px){
    .richiediinfo{
        font-size:16px!important;
    }
}

@media screen and (max-width:340px){
    .richiediinfo{
        font-size:12px!important;
    }
}

.zoom{
    animation: scale 1.2s linear;
}

@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}

.content-attivazioni .price, .content-prezzo .price{
    color:#337900;
}

.content-attivazioni .price span, .content-prezzo .price span{
    font-size:20px;
}

.subtitle-price{
    color:#666666;
    font-size:14px;
}


.exprezzo{
    text-decoration: line-through;
    font-size:14px;
}

.offertevalide{
    font-size:16px;
    color:#316e00;
    margin-bottom:18px;
}

.richiediinfo{
    color:#ffffff;
    background:#1d304e;
    padding:5px 50px;
    font-size:18px;
    font-family:proxima;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}

@media (max-width: 768px){
    img[title="facebook"]{
        margin-top:50px;
    }
}

@media (max-width:320px){
    #cookieChoiceInfo{
        width:220px!important;
        z-index:999999!important;
    }
}

.banner-ttg{
    position:fixed;
    left:0px;
    bottom:-200px;
    z-index:999;
    opacity: 0;
}

.close-icon{
    position: absolute;
    cursor: pointer;
    left:283px;
    bottom:133px;
}

@media (max-width:767px){
    .banner-ttg{
        width:150px;
    }
    
    .close-icon{
    bottom: 60px;
    cursor: pointer;
    left: 136px;
    position: absolute;
}
}

.footer-wrapper-metamotori{
    margin-top:300px;
}

.gratis{
    display:block;
    font-size:34px;
    margin-top:10px;
}

@media screen and (max-width:340px){
    .gratis{
        font-size:16px;
    }
}



@media screen and (max-width:1300px){
    .footer-wrapper-metamotori{
    margin-top:200px;
}
}

@media screen and (max-width:1200px){
    .footer-wrapper-metamotori{
    margin-top:180px;
}
}


@media screen and (max-width:768px){
        .footer-wrapper-metamotori{
    margin-top:500px;
}
}


@media screen and (max-width:550px){
        .footer-wrapper-metamotori{
    margin-top:450px;
}
}

.nonacquistabile {
    font-size: 18px;
}

.desc-tool-box{
    margin:80px 0 70px 0;
    padding:80px 0 0 0;
}

@media screen and (max-width:600px){
    .desc-tool-box{
        margin:80px 0 70px 0;
        padding:0px 0 0 0;
    } 
}

.title-tool-box{
    font-size:42px;
    line-height:50px;
    font-weight:500;
    color:#2a2a2a;
    font-family:'proxima';
}

.subtitle-tool-box{
    font-size:22px;
    line-height:34px;
    color:#2a2a2a;
    margin-top:10px;
    font-family:'proxima';
}

.title-single-tool{
    font-size:18px;
    text-transform: uppercase;
    margin:20px 0 10px 0;
    font-weight:600;
    font-family:'proxima';
    color:#2a2a2a;
}

.desc-single-tool{
    font-size:14px;
   line-height:22px;
    color:#2a2a2a;
    font-family:'proxima';
    height:150px;
    
}

.link-tool-box{
    color:#dc851a;
    padding:10px 30px;
    border: 2px solid #dc851a;
    font-size:22px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:30px;
    display:inline-block;
    font-family:'proxima';
}

@media screen and (max-width:600px){
    .link-tool-box{
        margin-bottom:30px;
    }
}

.link-tool-box:hover{
    color:#ffffff;
    background:#dc851a;
}

.grey-section{
    background:#d5e5e9;
    padding:70px 0;
}

.grey-section-h2{
    font-size:42px;
    font-family:'proxima';
    color:#2a2a2a;
    margin: 20px 0 40px 0
}

.subtitle-grey-section{
    font-size:22px;
    text-align:center;
    line-height:34px;
    color:#ffffff;
    font-family:'proxima';
    
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - TIMELINE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.time-line {
  max-width: 100%; }

.sanjose-timeline {
  /* Tab header */
  /* Tab content */ }
  .sanjose-timeline__main-line {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    background-color: #8e9a9d; }
  .sanjose-timeline__animated-line {
    top: 0;
    position: absolute;
    left: -webkit-calc(50% - 1px);
    left: -moz-calc(50% - 1px);
    left: calc(50% - 1px);
    width: 3px;
    height: 0;
    background-color: #dc851a;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s; }
  .sanjose-timeline .timeline-border {
    background-color: #8e9a9d;
    display: inline-block;
    width: 1px;
    position: relative;
    left: -15px;
    overflow: hidden; }
    .sanjose-timeline .timeline-border .timeline-scale {
      background-color: #dc851a;
      width: 1px;
      position: absolute;
      top: 0;
      left: 0; }
  .sanjose-timeline .tabs-header {
    display: inline-block;
    width: 99%; }
    .sanjose-timeline .tabs-header .tab-item {
      list-style: none;
      cursor: pointer;
      position: relative;
      padding-left: 15px;
      padding-bottom: 50px;
      z-index: 10; }
      .sanjose-timeline .tabs-header .tab-item:first-child {
        z-index: 5; }
      .sanjose-timeline .tabs-header .tab-item.last-active {
        z-index: 8; }
      .sanjose-timeline .tabs-header .tab-item .counter {
        background-color: #f0f5f6;
        border: 2px solid #8e9a9d;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font: 700 12px "proxima";
        color: #222328;
        display: inline-block;
        line-height: 34px;
        text-transform: uppercase;
        width: 36px;
        height: 36px;
        text-align: center;
        position: absolute;
        left: -35px;
         }
      .sanjose-timeline .tabs-header .tab-item .title {
        font: 600 18px "proxima";
        color: #3a3d4b;
        display: inline-block;
        line-height: 26px;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 10px; 
        margin-top:7px;}
      .sanjose-timeline .tabs-header .tab-item p {
        font: 300 14px "proxima";
        color: #2a2a2a;
        line-height: 22px;
        margin-bottom: 0; }
      .sanjose-timeline .tabs-header .tab-item.highlited .title,
      .sanjose-timeline .tabs-header .tab-item.highlited .counter {
        border-color: #dc851a;
        color: #dc851a; }
      .sanjose-timeline .tabs-header .tab-item:last-child {
        padding-bottom: 0; }
  .sanjose-timeline .tab-content {
    display: none;
    margin-top: 35px; }
    .sanjose-timeline .tab-content.active {
      display: block; }
    .sanjose-timeline .tab-content .swiper-container .swiper-slide {
      -moz-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 470px;
      text-align:center; }
    .sanjose-timeline .tab-content .swiper-container .pagination {
      margin-top: 65px; }
      .sanjose-timeline .tab-content .swiper-container .pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
        margin-right: 7px; }
        .sanjose-timeline .tab-content .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch {
          width: 20px;
          height: 20px;
          background-color: #3b55e6;
          -webkit-box-shadow: 0 8px 20px rgba(59, 85, 230, 0.4);
          -moz-box-shadow: 0 8px 20px rgba(59, 85, 230, 0.4);
          box-shadow: 0 8px 20px rgba(59, 85, 230, 0.4);
          position: relative;
          top: 4px; }

.owl-wrapper-outer{
    height:auto!important;
}

.lista-servizi{
    padding: 30px 0;
}

.block-service{
   padding-top: 50px;
   text-align:center;
   border-bottom:1px solid #dddddd; 
}

.block-service .desc-single-tool{
    padding:0 20px;
}

.block-service-right{
    border-right: 1px solid #dddddd;
}

.no-border-bottom{
    border-bottom:0 none;
}

.subtitle-tool-box-section{
    font-size: 14px;
margin: 20px 0 40px 0;
font-family:'proxima';
color:#2a2a2a;
}

.container-image-menu{
    text-align:center;
    margin:0 auto;
    height: 100%;
    position:relative;
}

.container-menu, .container-image-menu{
    float:left;
    width:50%;
}

.container-image-menu img{
    padding:30px 0;
}

.child-image-menu{
    display: none;
    height:318px;
    padding:0 20px;
}

.child-image-menu.active{
    display: block;
    background: #F1F6FC;
}

.container-menu .block-menu-sub .cat-title{
    padding-left:20px;
}

.container-menu .block-menu-sub .cat-title:hover{
    background:#F1F6FC;
    
}

.text-software{
    font-size:14px;
}

.background-toolbox-section{
    padding: 115px 0px;
background: url(images/bgToolboxPage.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
}

.corsivo{
    font-style: italic;
    color:white;
    font-size:10px;
}

.certificazione{
    text-decoration:underline;
}