html, body {
    min-height:100%;
    min-width: 100%;
    height:100%;
    width: 100%;
    padding:0px;
    margin:0px;
}
.content-fluid, .row {
    margin: 0px;
    padding: 0px;
}
a, a:hover, a:visited, a:focus {
    color: #00ace5;
    text-decoration: none;
}
* {
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-weight: 100;
    color: #2c2f2f;
}

/* NAVBAR - everywhere elements */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: 0px;
}
a.dropdown-toggle:hover>.caret, a.dropdown-toggle:focus>.caret  {
    color: #ffffff;
}
@media (max-width: 1200px) {
nav.navbar, nav.navbar>div.container-fluid {
    margin: 0px;
    padding: 0px;
}
.navbar-default .navbar-toggle {
    border: 2px #00ace5 solid;
    background-color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 12px 16px;
    margin:11px 50px 11px 0px;
}
button.navbar-toggle>span.fa-bars {
    color: #00ace5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    color: #ffffff !important;
    background-color: #00ace5;
}
button.navbar-toggle:hover>span.fa-bars,button.navbar-toggle:focus>span.fa-bars {
    color: #ffffff;
}
.navbar-header {
    float: none;
    height: 80px;
    margin:0px;
    vertical-align: middle;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    margin: 0px;
    padding: 0px;
}
.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
    margin: 0px;
    padding: 0px;
}
.navbar-nav {
    float: none!important;
            margin-top: 7.5px;
    }
    .navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
        display:block !important;
}
#navbar, .navbar-default {
    background-color: #ffffff;
    border: none;
}
.navbar-default .navbar-brand, .navbar-default  .navbar-brand:hover, .navbar-default  .navbar-brand:focus{
    display: table;
    height: 80px;
    padding:0px;
    text-align: center;
    vertical-align: middle;
    background-color: #00ace5;
}
.navbar-brand>a, .navbar-brand>a:hover {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 30px;
    font-family: 'Archivo Black', serif;
    font-size: 25pt;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
ul.navbar-nav {
    margin: 0px;
    padding:0px;
}
ul.navbar-nav, ul.navbar-nav>li, ul.navbar-nav>li>a {
    display: block !important;
    text-align: center;
}
ul.navbar-nav>li#actual-page, ul.navbar-nav>li#actual-page>a {
    background-color: #ededed;
}
.navbar-default ul.navbar-nav>li:hover, .navbar-default ul.navbar-nav>li:hover>a {
    background-color: #00ace5 !important;
    color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #00ace5;
    color: #ffffff;
}
.navbar-default ul.navbar-nav>li>a {
    padding:0px;
    font-size: 12pt;
    color: #2c2f2f;
    line-height: 2.5;
}
.navbar-header {
    vertical-align: middle;
}
/*NAVBAR > DROPDOWN MENU - everywhere elements*/
ul.dropdown-menu {
    position: absolute;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #00ace5;
}
li.dropdown-header>span.fa {
    margin-right: 10px;
}
li.dropdown-header {
    font-weight: bold;
    font-size: 11pt !important;
    text-align: center;
}
ul.dropdown-menu>li, ul.dropdown-menu>li>a {
    color: #ffffff;
    font-size: 10pt !important;
    line-height: 2.5;
    text-align: center;
}
ul.dropdown-menu>li>span.fa{
    color: #ffffff;
}
}

@media (min-width: 1200px) {
.navbar-header {
    padding:0% 5%;
}
.navbar>.container-fluid {
    margin:0% !important;
}
#navbar, .navbar-default {
    background-color: #ffffff;
    border: none;
}
nav.navbar, nav.navbar>div.container-fluid {
    margin: 0px;
    padding: 0px;
}
.navbar-header {
    height: 80px;
    margin:0px;
    vertical-align: middle;
}
.navbar-default .navbar-brand, .navbar-default  .navbar-brand:hover, .navbar-default  .navbar-brand:focus{
    display: table;
    height: 80px;
    padding:0px;
    text-align: center;
    vertical-align: middle;
    background-color: #00ace5;
}
.navbar-brand>a, .navbar-brand>a:hover {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px;
    font-family: 'Archivo Black', serif;
    font-size: 25.5pt;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.navbar-header {
    vertical-align: middle;
}
ul.navbar-nav {
    display: block;
    position: absolute;
    right:5%;
}
ul.navbar-nav>li {
    display: table;
    margin: 0px auto;
    text-align: center;
}
ul.navbar-nav>li>a {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    text-align: center;
}
ul.navbar-nav>li#actual-page, ul.navbar-nav>li#actual-page>a {
    background-color: #ededed;
}
.navbar-default ul.navbar-nav>li:hover, .navbar-default ul.navbar-nav>li:hover>a {
    background-color: #00ace5 !important;
    color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #00ace5;
    color: #ffffff;
}
.navbar-default ul.navbar-nav>li>a {
    padding:0px 17px;
    font-size: 10pt;
    color: #2c2f2f;
}
.navbar-header {
    vertical-align: middle;
}
}

/*NAVBAR > DROPDOWN MENU - everywhere elements*/
ul.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #00ace5;
}
li.dropdown-header>span.fa {
    margin-right: 10px;
}
li.dropdown-header {
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
}
ul.dropdown-menu>li, ul.dropdown-menu>li>a {
    color: #ffffff;
    font-size: 9pt;
    line-height: 2.5;
}
ul.dropdown-menu>li>span.fa{
    color: #ffffff;
}

/* HEADER - everywhere elements */
.jumbotron, .page-header {
    margin:0px;
    padding:20px 0px;
    border: none;
}
.jumbotron>div{
    display: block;
    padding: 0px 5%;
}
.jumbotron>div.hidden-md{
    display: block;
    padding: 0px 4%;
}
h1#title-section {
    margin-bottom:15px;
    font-size: 40pt;
    font-weight: bolder;
    font-variant: small-caps;
}
h2.description-section {
    display: inline-block;
    margin-top: -3px;
    padding: 9px;
    font-size: 12pt;
    background-color: #ffffff;
}
.scheda-prodotti>h1 {
    color: #ffffff;
}
.hidden-md.scheda-prodotti>h1 {
   font-size: 20pt !important;
}
.anchorlink, .anchorlink>a {
    color: #ffffff;
}
.anchorlink>a {
    font-size: 9pt;
    margin: 0px 15px 10px 15px;
}
.anchorlink>a:hover {
    border-bottom: 2px #ffffff solid;
    border-bottom: dotted;
}

/*BUTTON STYLE - everyehere elements*/
.btn {
    display: table;
    margin: 0px auto !important;
    padding: 15px;
    text-align: center;
}
.btn-white {
    color: #00ace5;
    background-color: #ffffff;
    border: 2px #ffffff solid;
}
.btn-blue {
    color: #ffffff !important;
    background-color: #00ace5;
    border: 2px #00ace5 solid;
}
.btn-blue:hover {
    color: #00ace5 !important;
    border: 2px #00ace5 solid;
    background-color: #ffffff;
}

/* NAVBAR FOOTER - everywhere elements*/
#footer {
    border: none;
}
#navbar-footer {
    padding: 15px 0px;
    display: block;
    text-align: center;
    background-color: #2c2f2f;
}
#footer-datas {
    padding: 15px 0px;
    text-align: center;
    background-color: #171a1a;
}
#navbar-footer>ul {
    margin: 0px;
    font-size: 8pt;
}
#navbar-footer>ul>li>a, #navbar-footer>ul>li>a:hover {
    padding-left:10px;
    color: #ffffff;
    border-left: 1px #ffffff solid;
    text-decoration: none;
}
#navbar-footer>ul>li:first-child>a, #navbar-footer>ul>li:first-child>a:hover {
    padding-left:0px;
    border-left: none;
}
#footer-datas>address, #footer-datas>address>strong, #footer-datas>address>span {
    margin:0px;
    color:#ffffff;
    font-size: 9pt;
    line-height: 1.5;
}
#footer-datas>address.hidden-sm, #footer-datas>address.hidden-sm>strong {
    font-size: 10pt;
}
#footer-datas>address>span.fa {
    padding: 0px 10px;
}
#footer-datas>address>a {
    display: inline-block;
    margin: 5px;
    border: 2px #ffffff solid;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
#footer-datas>address>a>span.fa {
    display: inline-block;
    color: #ffffff;
    margin: 10px;
    font-size: 15pt;
}
#footer-datas>address>a>span.fa-phone {
    margin: 10px 11px;
}

/* PADDINGS, ICON STYLES 1, DIVIDER everywhere elements*/
#screen1, #screen2, #screenA, #screenB, #screenC, #screenD {
    padding: 50px 0px;
}
#screen1>div>div, #screen2>div>div {
    margin: 30px 0px;
    padding: 0px 30px;
}
#screen1>div>div>h2, #screen2>div>div>h2 {
    font-weight: bold;
}
#screen1>div>div>p, #screen2>div>div>p {
    font-size: 10pt;
}
#screen2>div>p {
    font-size: 13pt;
    font-weight: bold;
}
#screen1 span.icon, #screen2 span.icon {
    margin: 15px 0px;
    padding: 30px;
    border: 2px #00ace5 solid;
    color: #00ace5;
    text-align: center;
}
#screen1 span.fa-tree {
    margin-left:0px !important;
    padding: 30px 35px !important;
}
#screen1 span.fa-life-ring {
    margin-left:0px !important;
    padding: 30px !important;
}
#screen1 span.fa-arrows-alt {
    margin-left:0px !important;
    padding: 30px 36px !important;
}
#screen2 span.fa-dollar {
    margin-left:0px !important;
    padding: 30px 45px;
}
#screen3 span.fa-bank {
    margin-left:0px !important;
    padding: 30px 27px;
}
#screen3 span.fa-user {
    margin-left:0px !important;
    padding: 30px 37.5px;
}
#screen3 span.fa-cog {
    margin-left:0px !important;
    padding: 30px 38px;
}
#screen4 span.fa-lg {
    margin-left:0px !important;
    padding: 0px;
}
#screen4 span.fa-lg>i {
    color: #00ace5;
    text-align: center;
}
#screen4 span.fa-child {
    margin-left:0px !important;
    padding: 30px 41px;
}
#divider {
    padding: 30px 0px;
    background-color:#00ace5;
}
#divider>h2 {
    margin-bottom: 30px;
    color: #ffffff;
}
#divider>h3, #divider>h3>strong {
    font-size: 11pt;
    line-height: 1.5;
    color: #ffffff;
}
#divider>a {
    margin-top:30px;
}

/*RICAMBI ORIGINALI STYLE*/
div#ricambioriginali {
    background: url(http://www.arcomnoleggio.it/img/head_ricambiOriginali.jpg) no-repeat center center;
    background-size: 100%;
}
div.divider_ricambi {
    padding: 30px 0px;
    background-color:#00ace5 !important;
}
div.divider_ricambi>h2 {
    margin-bottom: 30px;
    color: #ffffff;
}
div.divider_ricambi>h3, div.divider_ricambi>h3>strong {
    font-size: 11pt;
    line-height: 1.5;
    color: #ffffff;
}
div.divider_ricambi>a {
    margin-top:30px;
}
p#highlight{
    margin: 30px 0px 20px 0px !important;
}
.highlight {
    
    padding: 5px 5px;
    background-color:#FFC300;
    color:#2c2f2f;
}
h2.ricambi {
    margin-bottom: 40px;
}

/*NOLEGGIO STYLE*/
#noleggio {
    background: url(http://www.arcomnoleggio.it/img/head_noleggio.jpg) no-repeat center center;
    background-size: 100%;
}
#divider_consulenza {
    padding:50px;
    background: url(http://www.arcomnoleggio.it/img/head_assistenza.jpg) no-repeat center center;
    background-size: 100%;
    color:#ffffff;
    margin-bottom:30px;
}
#divider_nollungotermine {
    padding:50px;
    background: url(http://www.arcomnoleggio.it/img/head_consulenza.jpg) no-repeat center center;
    background-size: 100%;
    color:#ffffff;
    margin-bottom:30px;
}
#divider_nollungotermine>p, #divider_nollungotermine>p>strong {
    color: #ffffff;
}
#divider2 {
    padding:50px;
    background-color: #00ace3;
    background-size: 100%;
    color:#ffffff;
    margin-top:30px;
}
#screen3 p.text-center {
    margin: 30px auto;
}
#screen3 {
    margin-bottom:60px;
}
#screen4 h4 {
    font-weight: bold;
}

/*ASSISTENZA STYLE*/
#assistenza {
    background: url(http://www.arcomnoleggio.it/img/head_assistenza.jpg) no-repeat center center;
    background-size: 100%;
}
#screen1>div>div>div>h2 {
    font-weight: bold;
    font-size: 18pt;
    line-height: 1.5;
}
#screen1>div>div>div>p {
    font-size: 10pt;
    line-height: 1.5;
    text-align: justify;
}
#screen1>div>div>span.icon {
    margin-left:4.16665%;
}
@media (min-width: 1600px) {
    .hidden-xs.col-lg-2.icon{
    width: 8.5% !important;
    }
}
.hidden-xs.col-lg-2.icon{
    width: 12.5%;
}
.hidden-md.icon {
    display: table;
    margin: 15px auto !important;
    text-align: center;
}
.icon-border {
    display: block;
    width:200px;
    height: 200px;
    border: 2px #00ace5 solid;
}
#btn-prodotti {
    margin-bottom: 30px;
}
#logo-partner {
    display: table;
    margin: 30px auto;
    text-align: center;
}
#logo-partner>a {
    display: table-cell;
    vertical-align: bottom;
}
.logo-partner {
    display: inline;
    width: 150px;
    text-align: center;
    margin: 0px 30px;
}
#atlasCopco {
    width:180px;
}

/*VENDITA STYLE*/
#vendita {
    background: url(http://www.arcomnoleggio.it/img/head_vendita.jpg) no-repeat center center;
    background-size: 100%;
}
h2#screen1-title {
    font-size: 15pt;
    color: #00ace5;
}
#screen1>div>p.hidden-sm {
    margin: 15px auto;
}
#screen1>div>p.hidden-sm, #screen1>div>p.hidden-sm>strong {
    font-size: 10pt;
}
div#divider-vendita-1 {
    padding:50px;
    background: url(http://www.arcomnoleggio.it/img/divider_vendita.jpg) no-repeat center center;
    background-size: 100%;
    color:#ffffff;
}
#screen2>div.strip {
    padding: 60px 100px;
}
#screen2-xs>div.strip {
    padding: 60px 15px;
}
div.strip-blue {
    background-color: #00ace5;
}
div.strip>h5 {
    display: inline;
    padding:15px 28px;
    font-size: 25pt;
    border: 2px #00ace5 solid;
    color: #00ace5;
}
div.strip>h2 {
    margin: 50px auto;
    font-size: 16pt;
    line-height: 1.5;
}
#screen2>div.strip>p, div.strip strong {
    font-size: 11pt;
    line-height: 1.5;
}
#screen2>div.strip>p {
    font-weight: 200;
}
#screen2-xs>div.strip>p, #screen2-xs>div.strip strong {
    font-size: 9.5pt;
    line-height: 1.5;
}
#screen2-xs>div.strip>p {
    font-weight: 100;
}
div.strip-blue>h5 {
    display: inline;
    padding:15px 28px;
    font-size: 25pt;
    border: 2px #ffffff solid;
    color: #ffffff;
}
div.strip-blue>h2 {
    margin: 50px auto;
    font-size: 16pt;
    line-height: 1.5;
    color: #ffffff;
}
#screen2>div.strip-blue>p, div.strip-blue strong {
    font-size: 11pt;
    line-height: 1.5;
    color: #ffffff;
}
#screen2-xs>div.strip-blue>p, #screen2-xs>div.strip-blue strong {
    font-size: 9.5pt;
    line-height: 1.5;
    color: #ffffff;
}
.vendita-hover {
    width:25%;
    text-align: center;
    padding:0px;
    margin: 15px 0px 30px 0px;
}
.vendita-hover>a {
    display: block;
    width:250px;
    height: 250px;
    margin: 0px auto;
    text-align: center;
    vertical-align: middle;
}
.hidden-xs.hidden-md>.vendita-hover>a {
    display: block;
    width:175px;
    height: 175px;
    margin: 0px auto;
    text-align: center;
    vertical-align: middle;
}
.hidden-xs.hidden-md>.vendita-hover>a>h3 {
    display: inline-block;
    color: #ffffff;
    font-size: 11pt;
    padding:37% 0px;
}
#divider>.hidden-sm.hidden-md>.col-xs-12 {
    margin:5px auto;
    width: 100%;
    height: 25% !important;
}
.hidden-sm.hidden-md>.vendita-hover>a {
    display: inline-block !important;
    width:100% !important;
    height: 25% !important;
    margin: 0px auto;
    padding: 9% 0px;
    text-align: center;
    background-size: 100%;
}
.hidden-sm.hidden-md>.vendita-hover>a>h3 {
    color: #ffffff;
    font-size: 9pt !important!;
    padding:0px;
    margin: 0px;
}
.hidden-sm.hidden-md {
    margin:10px 0px;
}
.vendita-hover>a:hover {
    opacity: 0.8;
}
.vendita-hover>a>h3 {
    display: inline-block;
    margin: 45.3% 0%;
    color: #ffffff;
    font-size: 13pt;
}
.v-square-1 {
    background: url(http://www.arcomnoleggio.it/img/v-square-compressori.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.v-square-2 {
    background: url(http://www.arcomnoleggio.it/img/v-square-gruppi.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.v-square-3 {
    background: url(http://www.arcomnoleggio.it/img/v-square-torri.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.v-square-4 {
    background: url(http://www.arcomnoleggio.it/img/divider_vendita.jpg) no-repeat center center;
    background-size: 100% 100%;
}

/*ULTIMI ARRIVI STYLE*/
div.news {
    margin: 30px 0px;
    padding: 0% 15%;
}
.hidden-sm>div.news {
    margin: 30px 0px;
    padding: 0px;
}
#thumbnails-news {
    margin:10px 0px 30px 0px;
}
#thumbnails-news>div {
    padding:0px;
    margin: 5px 0px;
}
.data.news {
    color: #b3b4b4;
    font-weight: 200;
    line-height: 1.5;
}
.title.news {
    font-weight: bold;
    line-height: 1.5;
}
.hidden-sm .title.news {
    font-size: 18pt;
    font-weight: bold;
    line-height: 1.2;
}
.text.news {
    font-size: 11pt;
    font-weight: 100;
    line-height: 1.3;
}
.hidden-sm .text.news {
    font-size: 10pt;
    font-weight: 100;
    line-height: 1.4;
}
p.info-model.news {
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 11pt;
    font-weight: bolder;
}
div.info-model.news {
    display: inline-block;
    margin: 20px;
    padding: 20px 30px;
    border: 2px #00ace5 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.info-model.news>p, div.info-model.news>p>strong {
    color: #00ace5;
    text-align: left;
    font-size: 10pt;
}
.hidden-sm div.info-model.news>p, div.info-model.news>p>strong {
    color: #00ace5;
    text-align: center;
    font-size: 10pt;
}
div.info-model.news>p {
    font-weight: 200;
}
a.zoom {
    display: table-cell;
    position:relative;
    margin-top: -50px;
    left: -15px;
    width: 50px;
    height: 50px;
    float: right;
    color: #ffffff;
    background-color: #00ace5;
}
a.zoom>span {
    color: #ffffff;
    margin:10px;
    text-align: center;
    vertical-align: middle;
}
.carousel-control {
    width: 30px;
    height: 100%;
    background: #00ace5 !important;
    opacity: 0.8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: -moz-linear-gradient(45deg,  rgba(0,172,229,1) 0%, rgba(0,172,229,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,172,229,1)), color-stop(100%,rgba(0,172,229,1)));
    background: -webkit-linear-gradient(45deg,  rgba(0,172,229,1) 0%,rgba(0,172,229,1) 100%);
    background: -o-linear-gradient(45deg,  rgba(0,172,229,1) 0%,rgba(0,172,229,1) 100%);
    background: -ms-linear-gradient(45deg,  rgba(0,172,229,1) 0%,rgba(0,172,229,1) 100%);
    background: linear-gradient(45deg,  rgba(0,172,229,1) 0%,rgba(0,172,229,1) 100%);
}
.carousel-control>span {
    padding-top:10%;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    line-height: 20.5em;
}
div.carousel-caption>h3, div.carousel-caption>p {
    text-shadow: none;
    color: #ffffff;
}
.carousel-news  {
    margin: 5% auto;
}

/*CHI SIAMO STYLE*/
#cs-section-4>.row {
    padding: 0px;
}
#cs-section-4>div>div>div {
    margin: 0px;
}
@media (max-width: 780px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
h1#logo {
    font-family: 'Archivo Black', serif;
    font-size: 47pt;
    margin-top:10%;
    color: #ffffff;
}
.section>div>div>h1 {
    font-size: 18pt !important;
    font-weight: bold;
}
#divider-chisiamo-0>h2 {
    margin:0px auto;
    margin-bottom: 10px !important;
    font-size: 16pt;
    font-weight: 600;
}
.section>div>div>h3, .section>div>div>h3>strong {
    font-size: 8.5pt !important;
}
h2.values {
    font-size: 9pt !important;
    line-height: 1;
    margin: 5px auto;
}
span.values {
    font-size:23px;
    line-height: 0 !important;
}
#divider-chisiamo-1>div>div {
   padding: 10% 10px !important;
}
#divider-chisiamo-1{
    background-size: auto !important;
}
#divider-chisiamo-1>div>div>strong {
    font-size: 10pt !important;
}
#cs-section-4>div>div {
    margin: 10px 0px !important;
}
#cs-section-4>div>div>div>div {
    display: block;
    width: 100% !important;
    height: 30% !important;
    padding: 15px 0px !important;
    margin: 10px 0px !important;
    background-size: 100% !important;
}
#cs-section-4>div>div>p {
    font-size: 9pt !important;
    margin: 10px 15px !important;
}
#divider > h3, #divider > h3 > strong {
    font-size: 12pt;
    font-weight: bold;
    margin: 0px auto;
}
.logo-partner {
    width: 28% !important;
}
}
@media (max-width: 990px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
#cs-section-4>div>div>div>div {
    display: block;
    width: 100% !important;
    height: 30% !important;
    padding: 5px 0px !important;
    margin: 5px 0px !important;
    background-size: 100% !important;
}
}
@media (max-width: 800px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
@
}
@media (max-width: 1200px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
#cs-section1>div>h3, #cs-section1>div>h3>strong {
    margin-bottom: 10px !important;
    font-size: 15pt;
}
div#contact-circle {
    overflow: hidden;
    width:200px !important;
    height: 200px !important;
    text-align: center;
    margin: 5% auto;
}
}
@media (max-width: 900px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
h1#logo {
    font-family: 'Archivo Black', serif;
    font-size: 47pt;
    margin-top:10%;
    color: #ffffff;
}
#divider-chisiamo-0 {
    padding: 20px !important;
}
.section>div>div>h1 {
    margin: 3.5% 0% 0% 0% !important;
    font-size: 16pt !important;
    font-weight: bold;
}
#divider-chisiamo-0>h2 {
    font-size: 15pt;
    font-weight: bold;
    margin-bottom:15px !important;
}
#divider-chisiamo-0>div>div>span {
    font-size: 25pt;
}
h2.values {
    font-size: 8pt !important;
    font-weight: bold;
}
#cs-section1>div>h2 {
    font-size: 40pt;
}
#cs-section1>div>h3, #cs-section1>div>h3>strong {
    margin-top: 18% !important;
    margin-bottom: 0% !important;
    font-size: 10pt !important;
    font-weight: 100;
    line-height: 1.5;
    color: #ffffff;
}
#cs-section1>div>h3>strong {
    font-weight: bold;
}
div#contact-circle {
    overflow: hidden;
    width:300px !important;
    height: 300px !important;
    text-align: center;
    margin: 5% auto;
}
div#contact-circle>div {
    display: table-cell;
    vertical-align: middle;
    height: 300px !important;
    width: 300px !important;
    text-align: center;
    background-color: #ffffff;
    font-size: 13pt;
}
div#contact-circle>div>a {
    font-size: 13pt;
}
#divider-chisiamo-0 {
    padding: 5px 0% !important;
}
}
@media (max-width: 1200px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
    h1#logo {
    font-family: 'Archivo Black', serif;
    font-size: 40pt;
    color: #ffffff;
}
#cs-section1>div>h2 {
    font-size: 35pt;
}
#cs-section1>div>h3, #cs-section1>div>h3>strong {
    margin-top: 10%;
    margin-bottom: 10%;
    font-size: 11pt;
    font-weight: 100;
    line-height: 1.3;
    color: #ffffff;
}
#cs-section1>div>h3>strong {
    font-weight: bold;
}
div#contact-circle {
    overflow: hidden;
    width:200px;
    height: 200px;
    text-align: center;
    margin: 0% auto;
}
div#contact-circle>div {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 200px;
    text-align: center;
    background-color: #ffffff;
}
}
@media (min-width: 1200px) {
#cs-section1 {
    background: url(http://www.arcomnoleggio.it/img/header_chisiamo.jpg) no-repeat center center;
    background-size: 100% !important;
}
h1#logo {
    font-family: 'Archivo Black', serif;
    font-size: 40pt;
    color: #ffffff;
}
#cs-section1>div>h2 {
    font-size: 35pt;
}
#cs-section1>div>h3, #cs-section1>div>h3>strong {
    margin-top: 8%;
    margin-bottom: 3%;
    font-size: 12pt;
    font-weight: 100;
    line-height: 1.5;
    color: #ffffff;
}
#cs-section1>div>h3>strong {
    font-weight: bold;
}
div#contact-circle {
    overflow: hidden;
    width:200px;
    height: 200px;
    text-align: center;
    margin: 0% auto;
}
div#contact-circle>div {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    width: 200px;
    text-align: center;
    background-color: #ffffff;
}
}
.section-top {
    height: 50%;
}
.section-center {
    height: 50%;
    display: table-cell;
    margin-top:45px;
    margin-bottom:45px;
    text-align: center;
    vertical-align: middle;
}
.section-bottom {
    height: 50%;
}
.section>div>div>h1 {
    margin:9% 0% 0% 5%;
    line-height: 1.5;
    font-size: 22.5pt;
    color: #00ace5;
}
.section>div>div>h3, .section>div>div>h3>strong {
    margin-top: 4.5%;
    font-size: 10pt;
    line-height: 1.5;
}
#divider-chisiamo-0>div>div {
    margin-top:3%;
    color: #ffffff;
}
#divider-chisiamo-0>div>div>span {
    color: #ffffff;
}
h2.values {
    font-size: 12pt;
}
#divider-chisiamo-1 {
    background: url(http://www.arcomnoleggio.it/img/divider_chisiamo_1.jpg) no-repeat center -241px;
    background-size: 100%;
}
#divider-chisiamo-1>div>div {
    padding: 11% 40px;
}
#divider-chisiamo-1>div>div>strong {
    color: #ffffff;
    font-size: 12pt;
}
#cs-section-4>div {
    height: 100%;
    padding: 0px;
}
#cs-section-4>div>div {
    display: table-cell;
    vertical-align: middle:
}
#cs-section-4>div>div {
    display: block;
    text-align: center;
}
#cs-section-4>div>div>div {
    display: block;
    margin:0px auto;
    text-align: center;
    width: 100%;
}
#cs-section-4>div>div>div>div {
    display: inline-block !important;
    padding: 55px 0px;
    height:230px;
    margin:15px auto !important;
    text-align: center !important;
}
#divider-chisiamo-2>h3 {
    font-size: 17pt !important;
    line-height: 1.2;
    margin: 0px auto;
}
#cs-section-4>div>div>div>div>h1 {
    color: #ffffff;
    font-size: 18pt;
    line-height: 2;
}
#square-noleggio {
    background: url(http://www.arcomnoleggio.it/img/head_noleggio.jpg) no-repeat center center;
}
#square-assistenza {
    background: url(http://www.arcomnoleggio.it/img/head_assistenza.jpg) no-repeat center center;
}
#square-vendita {
    background: url(http://www.arcomnoleggio.it/img/head_vendita.jpg) no-repeat center center;
}
#square-consulenza {
    background: url(http://www.arcomnoleggio.it/img/head_consulenza.jpg) no-repeat center center;
}
#divider-chisiamo-0 {
    padding: 30px 0px;
    background-color:#00ace5;
}
#divider-chisiamo-0>h2 {
    margin-bottom: 30px;
    color: #ffffff;
}
#divider-chisiamo-2 {
    height: 39%;
    padding: 30px 100px;
    background: url(http://www.arcomnoleggio.it/img/divider_chisiamo_2.jpg) no-repeat center 75%;
    background-size: 100%;
}
#divider-chisiamo-2 {
    padding: 20px 20px;
}
#divider-chisiamo-2>h3, #divider-chisiamo-2>div>p, #divider-chisiamo-2>div>p>strong {
    color: #ffffff;
}
#divider-chisiamo-2>h3 {
    font-weight: bold;
    font-size: 20pt;
}
#divider-chisiamo-2>div>p {
    margin-top: 2%;
    font-size: 10pt;
}
#divider-chisiamo-2>div.hidden-md>p {
    font-size: 9pt;
}
#cs-section-5>div#divider {
    height:41.5%;
}
#cs-section-5>div#footer {
    height:18.5%;
}
.section-center>div.row {
    padding: 0px 30px;
}
.section-center>div.row>div {
    display: block !important;
    margin: 5% 3% !important;
    text-align: center !important;
}
#cs-section-4>div>div {
    padding: 0px;
}
#cs-section-4 div.row {
    padding: 0px;
    margin: 0px;
}
#cs-section-4>div>div>p {
    margin: 0% 15%;
}

/*CONTATTI STYLE*/
#contatti {
    background-color: #ffffff;
}
#map {
    margin-bottom: 30px;
}
h2.contatti {
    background-color: #00ace5;
    color: #ffffff;
}
#addresses p {
    margin: 30px 0px;
    font-size: 11pt;
    line-height: 1.5;
}
#addresses p.hidden-sm {
    margin: 0px auto;
    font-size: 12pt;
    line-height: 1.5;
}
#addresses>div>p:first-child {
    margin: 50px 0px;
    padding: 5px;
}
.table>tbody>tr, .table>tbody>tr>td {
    border-top:none;
    vertical-align: middle;
}
.table>tbody>tr:nth-child(even){
    background-color:#f3f3f3;
}
.table>tbody>tr:nth-child(odd){
    background-color:#e7e7e7;
}
.table>tbody>tr>td:nth-child(odd) {
    font-size: 9pt;
}
.table>tbody>tr>td:nth-child(even) {
    text-align: right;
}
hr {
    display: block;
    clear: both;
    width:350px;
    margin: 70px auto;
    border-color:#e7e7e7;
}
#map>h2 {
    margin-bottom:20px;
}
#map>p {
    margin: 0px;
}
address#address-sede {
    color: #00ace5;
    margin: 0px 0px 30px 0px;
}
p#depositi {
    margin:30px 0px;
}
p#depositi>span {
    color: #00ace5;
}
.table-responsive {
    margin: 15px 0px;
    border: none;
    padding: 0px;
}

/*PRODOTTI - categorie generiche*/
#prodotti {
    background: url(http://www.arcomnoleggio.it/img/head_prodotti.jpg) no-repeat center center;
    background-size: 100%;
}
p.prodotti {
    font-size: 13pt;
    font-weight: lighter;
    color: #919292;
}
h3.prodotti {
    color: #ffffff;
    font-size: 15pt;
    margin: 30px 0px;
}
.categorie-prodotti>a {
    width: 25%;
    display: inline-block;
    padding: 9.5% 1%;
    margin: 1.5px auto;
    text-align: center;
    background-color: #00ace5;
    color: #ffffff;   
}
.categorie-prodotti>a>span {
    display: table;
    text-align: center;
    width: 100%;
    height: 80px;
}
.categorie-prodotti>a>span>p {
    display: table-cell;
    margin: 0px auto;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 95%;
}
.hidden-sm.categorie-prodotti>a {
    width: 100%;
    display: inline-block;
    padding: 9.5% 1%;
    margin: 1.5px auto;
    text-align: center;
    background-color: #00ace5;
    color: #ffffff;   
}
.hidden-sm.categorie-prodotti>a>span {
    display: table;
    text-align: center;
    width: 100%;
    height: 80px;
}
.hidden-sm.categorie-prodotti>a>span>p {
    display: table-cell;
    margin: 0px auto;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 95%;
}
div.categorie-applicazione {
    width:75%;
    text-align: center;
    margin: 15px auto !important;
    padding: 0% !important;
    background-color: #00ace5;
}
div.categorie-applicazione>span {
    display: inline-block;
    margin: 5% 2% !important;
}
div.categorie-applicazione>span>h2, div.categorie-applicazione>span>p {
    color: #ffffff;
}
a.categorie-applicazione {
    display: inline-block;
    width: 100%;
    padding: 2% 0px;
    bottom: 0px;
    color: #ffffff;
    background-color: #00ace5;
}
.xs {
    background-size: 100% !important;
}
.motocompressori {
    background: url(http://www.arcomnoleggio.it/img/square_motocompressori.jpg) no-repeat center center;
    background-size: auto 100%;
}
.elettrocompressori {
    background: url(http://www.arcomnoleggio.it/img/square_elettrocompressori.jpg) no-repeat center center;
    background-size: 100%;
}
.gruppielettrogeni {
    background: url(http://www.arcomnoleggio.it/img/square_gruppielettrogeni.jpg) no-repeat center center;
    background-size: auto 100%;
}
.motoriindustriali {
    background: url(http://www.arcomnoleggio.it/img/square_motoriindustriali.jpg) no-repeat center center;
    background-size: auto 100%;
}
.sondedaperforazione {
    background: url(http://www.arcomnoleggio.it/img/square_sondedaperforazione.jpg) no-repeat center center;
    background-size: 100%;
}
.torriilluminazione {
    background: url(http://www.arcomnoleggio.it/img/square_torriilluminazione.jpg) no-repeat center center;
    background-size: auto 100%;
}
.centraliariacompressa {
    background: url(http://www.arcomnoleggio.it/img/square_centraliariacompressa.jpg) no-repeat center center;
    background-size: auto 100%;
}
.unitatrattamentoariacompressa {
    background: url(http://www.arcomnoleggio.it/img/square_unitatrattamento.jpg) no-repeat center center;
    background-size: 100%;
}
.accessori {
    background: url(http://www.arcomnoleggio.it/img/head_macchineSpeciali.jpg) no-repeat center center;
    background-size: auto 100%;
}
.categorie-applicazione#ingegneriaCivile {
    background: url(http://www.arcomnoleggio.it/img/rectangle_ingegneria.jpg) no-repeat center center;
    background-size: 100%;
}
#industria {
    background: url(http://www.arcomnoleggio.it/img/rectangle_industria.jpg) no-repeat center center;
    background-size: 100%;
}
#fiereeventi {
    background: url(http://www.arcomnoleggio.it/img/rectangle_fiere.jpg) no-repeat center center;
    background-size: 100%;
}

/*PRODOTTI*/
.titolo-descrizione-prodotti {
    margin-top: 30px;
}
.campo-app>h1 {
    color: #00ace5 !important;
}
h3.titolo-descrizione-prodotti.hidden-xs {
    font-size: 15pt;
}
.descrizione-prodotti {
    margin-bottom: 30px;
}
.hidden-xs.descrizione-prodotti {
    padding: 0% 16%;
}
.hidden-md.descrizione-prodotti {
    padding: 0% 5%;
    font-size: 10pt;
}
.hidden-md.titolo-descrizione-prodotti {
    padding: 0% 5%;
    font-size: 15pt;
}
.table-responsive.col-md-8 {
    margin-left: auto;
}
.caratteristiche-prodotto {
    margin: 30px auto;
}
.caratteristiche-prodotto>h1 {
    font-size: 13pt;
    font-weight: bold; 
}
.caratteristiche-prodotto>span>ul>li {
    font-size: 9.5pt;
    line-height: 1.5;
}
.caratteristiche-prodotto>div.table-responsive>table td{
    line-height: 1.5;
}
.caratteristiche-prodotto>div.table-responsive>table>thead {
    font-weight: bold;
    background-color: #00ace5;
    vertical-align: middle;
}
.caratteristiche-prodotto>div.table-responsive>table>thead>tr>td {
    color: #ffffff;
    vertical-align: middle;
    font-size: 9pt;
}
.caratteristiche-prodotto>div.table-responsive>table>tbody>tr>td {
    font-size: 9pt;
    vertical-align: middle;
    text-align: center;
}
.caratteristiche-prodotto>div.table-responsive>table>tbody>tr:nth-child(odd) {
    background-color: #f3f3f3;
}
.caratteristiche-prodotto>div.table-responsive>table>tbody>tr:nth-child(even) {
    background-color: #ffffff;
}
table sup {
    color: #ffffff;
    font-weight: bold;
}
div.notes {
    width: 85%;
    margin: 15px auto;
    display: block;
}
span.notes {
    display: block;
    font-size: 8pt;
    text-align: left;
    font-weight: bold;
}
.caratteristiche-prodotto>p {
    display: block;
    color: #00ace5;
    font-size: 8pt;
    clear: both;
}
.caratteristiche-prodotto>p>strong {
    display: inline-block;
    color: #00ace5;
    font-size: 8pt;
    clear: both;
}
.gallery.carousel-news {
    display: block;
    margin: 0px;
}
.gallery {
    display: block;
    margin: 30px auto;
    padding: 15px 15px;
    border: 3px #d0d1d1 solid;
}
.prodotti-lista {
    display: block;
    clear: both;
}
.prodotti.fa {
    line-height: 8;
    padding:0px;
}
.caratteristiche-prodotto {
    clear: both;
}
.caratteristiche-prodotto>a {
    clear: both;
}
p.descrizione-classe {
    display: block !important;
    margin-bottom: 30px;
    text-align: center;
    font-size: 10.5pt !important;
    color: #2c2f2f !important;
}
#motocompressori {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_motocompressori.jpg) no-repeat center center;
    background-size: 100%;
}
#elettrocompressori {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_elettrocompressori.jpg) no-repeat center 30%;
    background-size: 100%;
}
#gruppielettrogeni {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_gruppielettrogeni.jpg) no-repeat center center;
    background-size: 100%;
}
#sondeperforazione {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_sondedaperforazione.jpg) no-repeat center center;
    background-size: 100%;
}
#torriilluminazione {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_torriilluminazione.jpg) no-repeat center center;
    background-size: 100%;
}
#motoriindustriali {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_motoriindustriali.jpg) no-repeat center center;
    background-size: 100%;
}
#centralidiaria {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/header_centraliaria.jpg) no-repeat center center;
    background-size: 100%;
}
#unitatrattamentoaria {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/square_unitatrattamento.jpg) no-repeat center center;
    background-size: 100%;
}
#macchinespeciali {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/head_macchineSpeciali.jpg) no-repeat center center;
    background-size: 100%;
}
#ingegneriaCivile {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/head_ingegneria.jpg) no-repeat center center;
    background-size: 100% auto;
}
#industriaScheda {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/head_industria.jpg) no-repeat center 30%;
    background-size: 100% auto;
}
#fiereeventiScheda {
    padding: 50px 0px;
    background: url(http://www.arcomnoleggio.it/img/head_fiereeventi.jpg) no-repeat center center;
    background-size: 100% auto;
}
.caratteristiche-prodotto > div.table-responsive {
    display: block;
}
.caratteristiche-prodotto > div.table-responsive > table.info-macchina > tbody > tr > td{
    padding-left: 30px;
    text-align: left !important;
}
.caratteristiche-prodotto h4 {
    display: block;
    clear: both;
    padding-top: 50px;
}
.gallery img {
    display: block;
    margin: 0px auto;
}
.categoria-prodotti .prodotti.fa {
    line-height: 20;
}
/*index*/
#screen1-index {
    background-color: #00ace5;
}
#navbar-centered {
    display: block !important;
    margin: 0px auto;
    text-align: center;
}
#navbarTop-index {
    background-color: transparent;
}
#screen1-index .navbar-default .navbar-toggle {
    position: relative;
    border: none;
    background-color: transparent !important;
    margin: 0px 5% !important;
    span: 0px;
}
#screen1-index .navbar-default .navbar-toggle span {
    color: #ffffff;
}
#navbarTop-index .navbar-header {
    height: auto;
}
ul#navbar-centered {
    width: 100% !important;
    display: block;
    margin: 0px auto !important;
    text-align: center;
    position: absolute !important;
    right: 0px !important;
}
ul#navbar-centered > li {
    width: 16.666666%;
    float: left;
    display: block !important;
    margin: 15px auto;
    text-align: center;
}
ul#navbar-centered > li:hover, ul#navbar-centered > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
}
ul#navbar-centered > li > a {
    height: auto;
    display: block;
    margin: 32.5px auto;
    text-align: center;
    color: #ffffff;
    font-size: 8pt;
}
ul#navbar-centered > li > a .caret, ul#navbar-centered > li .caret {
    color: #ffffff;
}
ul#navbar-centered > li > a:hover .caret, ul#navbar-centered > li:hover .caret {
    color: #ffffff;
}
.in ul#navbar-centered {
    background-color: #ffffff;
}
.in ul#navbar-centered > li {
    display: block;
    float: none;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}
.in ul#navbar-centered > li:hover, .in ul#navbar-centered > li:hover > a {
    background-color: #00ace5 !important;
    border: none;
    color: #ffffff;
}
ul#navbar-centered > li:hover, ul#navbar-centered > li:hover > a {
    background-color: transparent !important;
}
ul#navbar-centered > li:hover > a {
    border-bottom: 3px #ffffff dotted;
}
.in ul#navbar-centered > li > a {
    display: block;
    color: #2c2f2f;
    margin: 0px;
    padding:15px 0px;
}
@media (max-width: 380px) {
#screen1-index {
    background: url("http://www.arcomnoleggio.it/img/bg_index_screen1.jpg") center center no-repeat;
}
#index.page-header {
    background: url(http://www.arcomnoleggio.it/img/head_index.jpg) no-repeat center center;
    background-size:auto 100% !important;
    padding-bottom:10%;
    margin-bottom: 2%;
}
#description-index > h1, #description-index > h1 > strong {
    margin-top: 1% !important;
    font-size: 11pt;
    text-align: center;
}
#description-index>p {
    margin: 0% !important;
}
#description-index>.btn {
    margin-top: 0% !important;
}
#screen2-index #divider {
    margin: 100px 0px 0px 0px;
    background: url(http://www.arcomnoleggio.it/img/divider_index.jpg) no-repeat center center;
    background-size: auto 100% !important;
}
}
@media (max-width: 1200px) {
#screen1-index {
    background: url("http://www.arcomnoleggio.it/img/bg_index_screen1.jpg") center center no-repeat;
    background-size: auto 100%;
}
#logo_arcom {
    display: block;
    width: 100%;
    margin:20% auto;
    padding: 0px;
}
#logo_arcom>img {
    display: block;
    margin: 0px auto;
    width:30%;
    height: auto;
}
#logo_arcom>h1 {
    margin: 0px;
    text-align: center;
    color: #ffffff;
    font-family: 'Archivo Black', serif;
    font-size: 350%;
    line-height: 1.5;
}
#logo_arcom>p {
    text-align: center;
    font-size: 15pt;
    color: #ffffff;
    line-height: 1.5;
    font-weight: 200;
}
#logo_arcom>span {
    display: block;
    padding: 10% 0% 3% 0%;
    margin: 0px auto;
    text-align: center;
    font-size: 10pt;
    color: #ffffff;
    line-height: 1;
    font-weight: 200;
}
#logo_arcom>i {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0px auto;
    padding-top:6px;
    text-align: center;
    color: #00ace5;
    background-color: #ffffff;
    font-weight: 200;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
#index.page-header {
    background: url(http://www.arcomnoleggio.it/img/head_index.jpg) no-repeat center center;
    background-size: 100%;
    padding-bottom:10%;
    margin-bottom: 2%;
}
h2.description-section.homepage {
    font-size: 13pt;
    font-weight: bolder;
}
#description-index {
    padding: 0px;
}
#description-index>h1, #description-index>h1>strong {
    margin-top: 10%;
    padding: 0px 15px;
    color: #00ace5;
    line-height: 1.5;
    font-size: 15pt;
}
#description-index>p {
    margin-top: 5%;
    padding: 0px 15px;
    font-size: 11pt;
    text-align: justify;
}
#description-index>.btn {
    margin: 10% auto !important;
}
#section3-index>#divider {
    background: url(http://www.arcomnoleggio.it/img/divider_index.jpg) no-repeat center center;
    background-size: 100%;
}
#section3-index>#divider>h2 {
    font-size: 15pt;
    line-height: 1;
    margin: 0px;
}
#section3-index>#divider>h3 {
    line-height: 1.2;
    color: #ffffff;
    font-size: 11pt;
}
#screen2-index>#description-index>#divider {
    background: url(http://www.arcomnoleggio.it/img/divider_index.jpg) no-repeat center center;
    background-size: 100%;
}
#screen2-index>#description-index>#divider>h2 {
    font-size: 15pt;
    line-height: 1;
    margin: 0px;
}
#screen2-index>#description-index>#divider>h3 {
    line-height: 1.2;
    color: #ffffff;
    font-size: 11pt;
}
#section3-index, #section3-index>div.categorie>div {
    padding: 0px;
}
#section3-index>div.categorie {
    margin: 30px auto;
    padding: 0px;
}
#section3-index>div.categorie>div>span {
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 100%;
    height: 100px;
    padding: 15px 5px;
}
#section3-index>div.categorie>div>span>a {
    display: block;
    width: 200px;
    height: 200px;
    padding-right: 15px;
    font-size: 20pt;
    text-align: right;
    color: #ffffff;
}
#section3-index>div.categorie>div>span#ingegneriaCivile {
    background: url(http://www.arcomnoleggio.it/img/square_ingegneriaCivile_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#ingegneriaCivile:hover {
    background: #4b5656 !important;
}
#section3-index>div.categorie>div>span#industria {
    background: url(http://www.arcomnoleggio.it/img/square_industria_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#industria:hover {
    background: #f9a811 !important;
}
#section3-index>div.categorie>div>span#fiereeventi {
    background: url(http://www.arcomnoleggio.it/img/square_fiereeventi_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#fiereeventi:hover {
    background: #78ccee !important;
}
#section3-index>div.categorie>div>span#assistenza {
    background: url(http://www.arcomnoleggio.it/img/square_assistenza_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#assistenza:hover {
    background: #e0dcd5 !important;
}
#section3-index>div.categorie>div>h2 {
    margin: 15px 0px 10px 0px;
    font-size: 15px;
    font-weight: bolder;
    line-height: 1.2;
}
#section3-index>div.categorie>div>p {
    font-size: 11.5px;
    text-align: center;
}
#section3-index>div.categorie>div>.btn {
    margin-bottom:15px !important;
}
#screen4-index div#footer.navbar {
    position: absolute !important;
    width: 100%;
    bottom: 0px;
}
.news-homepage>h2 {
    line-height: 2;
    font-size: 25pt;
    font-weight: bold;
}
.news-homepage>p {
    line-height: 1;
    font-size: 13pt;
    text-align: center;
    font-weight: lighter;
    color: #19b4e8;
}
.carousel-fullwidth {
    width: 100%;
    margin:0px auto;
    padding: 0px;
}
.carousel-fullwidth .carousel-caption {
    display: block;
    width: 50% !important;
    height: 100% !important;
    padding: 15px 50px 10px 15px;
    position: absolute;
    top:0px;
    left: 50%;
    background-color: #00ace5;
    color: #ffffff;
    float: right;
    z-index: 0;
}
.carousel-fullwidth .carousel-caption>p {
    margin-top:20%;
    font-size: 8.5pt;
    color: #ffffff;
}
.carousel-fullwidth .carousel-caption>p>a {
    display: block;
    margin: 5px auto;
    text-align: center;
    color: #ffffff;
}
.carousel-fullwidth .carousel-control {
    width: 50px;
    height: 50px;
    position: absolute;
    top:40%;
}
.carousel-fullwidth .carousel-control>span {
    line-height: 2.5;
}
.carousel-fullwidth {
    margin-bottom: 30px !important;
}
}

@media (min-width: 1200px) {
#screen1-index {
    background: url("http://www.arcomnoleggio.it/img/bg_index_screen1.jpg") center center no-repeat;
    background-size: 100% auto;
}
#logo_arcom {
    display: block;
    width: 100%;
    margin:9% 0% 0% 0%;
    padding: 0px;
}
#logo_arcom>img {
    display: block;
    margin: 0px auto;
    width:15%;
    height: auto;
}
#logo_arcom>h1 {
    margin: 0px;
    text-align: center;
    color: #ffffff;
    font-family: 'Archivo Black', serif;
    font-size: 30pt;
    line-height: 1.5;
}
#logo_arcom>p {
    text-align: center;
    font-size: 15pt;
    color: #ffffff;
    line-height: 1.5;
    font-weight: 200;
}
#logo_arcom>span {
    display: block;
    margin: 25px auto;
    padding-top: 25px;
    text-align: center;
    font-size: 10pt;
    color: #ffffff;
    font-weight: 200;
}
#logo_arcom>i {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0px auto;
    padding-top:6px;
    text-align: center;
    color: #00ace5;
    background-color: #ffffff;
    font-weight: 200;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
#index.page-header {
    background: url(http://www.arcomnoleggio.it/img/head_index.jpg) no-repeat center center;
    background-size: 100% auto;
    padding-bottom:10%;
    margin-bottom: 2%;
}
h2.description-section.homepage {
    font-size: 30px;
    font-weight: bolder;
}
#description-index>h1, #description-index>h1>strong {
    color: #00ace5;
    line-height: 1.5;
    font-size: 18px;
}
#description-index>.btn {
    margin-top: 3% !important;
}
#section3-index>#divider {
    margin: 15% 0% 0% 0%;
    background: url(http://www.arcomnoleggio.it/img/divider_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>#divider>h3 {
    margin: 0px 0px 15px 0px;
    line-height: 1.2;
    color: #ffffff;
    font-size: 23px;
}
#section3-index>div.categorie {
    margin: 30px auto;
}
#section3-index>div.categorie>div>span {
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 200px;
    height: 200px;
    padding: 15px 5px;
}
#section3-index>div.categorie>div>span>a {
    display: block;
    width: 200px;
    height: 200px;
    padding-right: 15px;
    font-size: 20pt;
    text-align: right;
    color: #ffffff;
}
#section3-index>div.categorie>div>span#ingegneriaCivile {
    background: url(http://www.arcomnoleggio.it/img/square_ingegneriaCivile_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#ingegneriaCivile:hover {
    background: #f9a811 !important;
}
#section3-index>div.categorie>div>span#industria {
    background: url(http://www.arcomnoleggio.it/img/square_industria_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#industria:hover {
    background: #4b5656 !important;
}
#section3-index>div.categorie>div>span#fiereeventi {
    background: url(http://www.arcomnoleggio.it/img/square_fiereeventi_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#fiereeventi:hover {
    background: #78ccee !important;
}
#section3-index>div.categorie>div>span#assistenza {
    background: url(http://www.arcomnoleggio.it/img/square_assistenza_index.jpg) no-repeat center center;
    background-size: 100% auto;
}
#section3-index>div.categorie>div>span#assistenza:hover {
    background: #e0dcd5 !important;
}
#section3-index>div.categorie>div>h2 {
    margin: 30px 0px 15px 0px;
    font-size: 15px;
    font-weight: bolder;
    line-height: 1.2;
}
#section3-index>div.categorie>div>p {
    height: 57px;
    font-size: 11.5px;
    text-align: center;
}
#screen4-index #footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.news-homepage>h2 {
    line-height: 2;
    font-size: 25pt;
    font-weight: bold;
}
.news-homepage>p {
    line-height: 1;
    font-size: 13pt;
    text-align: center;
    font-weight: lighter;
    color: #19b4e8;
}
.carousel-fullwidth {
    width: 100%;
    margin:0px auto;
    padding: 0px;
}
.carousel-fullwidth .carousel-caption {
    display: block;
    width: 32% !important;
    height: 100% !important;
    padding: 15px 30px 15px 25px;
    position: absolute;
    top:0px;
    left: 68%;
    background-color: #00ace5;
    color: #ffffff;
    float: right;
    z-index: 0;
}
.carousel-fullwidth .carousel-caption>p {
    margin-top:45%;
    font-size: 9pt;
    color: #ffffff;
}
.carousel-fullwidth .carousel-caption>p>a {
    display: block;
    margin: 5px auto;
    text-align: center;
    color: #ffffff;
}
.carousel-fullwidth .carousel-control {
    width: 50px;
    height: 50px;
    position: absolute;
    top:40%;
}
.carousel-fullwidth .carousel-control>span {
    line-height: 2.5;
}
.carousel-fullwidth {
    margin-bottom: 30px !important;
}
}
#screen4-index>.news-homepage>.btn {
    margin-bottom: 30px !important;
}
.news-index {
    padding: 0px;
    margin: 0px;
}

/*WORKING PAGE*/
#wp_bg {
    background-color: #00ace5;
    height: 100%;
}
#working-page {
    width: 100%;
    height: 100%;
    display: table;
}
#working-page > div {
    display: table-cell;
    vertical-align: middle;
}
#working-page h1 {
    color: #ffffff;
    font-size: 30pt;
}
#working-page h3 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15pt;
    font-weight: 100;
    font-style: italic;
}

#YTVideo {
    display: block;
    margin: 30px auto;
}

/*MY CREDITS*/
.credits, .credits>a, .credits>span{
    margin-top:10px;
    font-size: 7pt;
    color: rgba(255,255,255,0.2);
    font-weight: 100;
}


/*COOKIE INFO*/
#cookieChoiceInfo {
    position: absolute !important;
    top: 0px !important;
    margin-top: 0px !important;
    background-color: #2C2F2F !important;
}
#cookieChoiceInfo>span {
    padding: 10px 5px;
    color: #ffffff !important;
    text-align: left !important;
    line-height: 1.4 !important;
    font-size: 10pt !important;
}
#cookieChoiceInfo>a {
    margin-left: 24px !important;
    padding: 2px 5px !important;
    background-color: #00ACE5 !important;
    color: #ffffff !important;
    font-size: 10pt;
}