/* to develope*/
.b {border: solid 1px red;}
.b1 {border: solid 1px blue;}
body {
font-family: "Raleway", Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px;
line-height:24px;
color: #5d6c81;
background-color: #eaedf1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
overflow-x:hidden;
}
::selection { /* Safari */
background: #5d6c81;
color:#fff;
}
::-moz-selection { /* Firefox */
background: #5d6c81;
color:#fff;
}
/* LINKS **********************************************************/
a:link { color:#5d6c81;}
a:visited { color:#5d6c81;}
a:hover { color:#5d6c81; text-decoration:underline;}
a:active { color:#5d6c81;}
a:focus { outline:none;}
.a1:link { color:#fff;}
.a1:visited { color:#fff;}
.a1:hover { color:#fff; text-decoration:underline;}
.a1:active { color:#fff;}
.a2:link { color:#fff; text-decoration:underline;}
.a2:visited { color:#fff; text-decoration:underline;}
.a2:hover { color:#fff; text-decoration:underline;}
.a2:active { color:#fff; text-decoration:underline;}
.a3:link { color:#fff;}
.a3:visited { color:#fff;}
.a3:hover { color:#fff; text-decoration:none;}
.a3:active { color:#fff;}
/* UTILITY ********************************************************/
.nopadding { padding:0 0;}
.nomargin { margin:0 0;}
.middle { vertical-align:middle;}
.img-center { margin:0 auto;}
.bordered { border:solid 1px #ddd;}
/* GENERAL ********************************************************/
p {margin-bottom:40px;}
ul, li { margin:0; padding:0; list-style:none;}
hr {border-color:#777;}
hr.light {border-color:#ddd;}
section { overflow:hidden; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) { section { width: 750px; } }
@media (min-width: 992px) { section { width: 970px; } }
@media (min-width: 1200px) { section { width: 1170px; } }
@media (min-width: 1400px) { section { width: 1370px;} }
@media (min-width: 768px) { .container { width: 700px; } }
@media (min-width: 992px) { .container { width: 870px; } }
@media (min-width: 1200px) { .container { width: 1070px; } }
@media (min-width: 1400px) { .container { width: 1200px;} }
.content { min-height:600px; padding-top:40px; padding-bottom:40px;}
.section, .section-big { padding:60px 15px; }
.section-small { padding:40px 15px;}
/* HEADINGS *******************************************************/
h1, h2, h3, h4, h5 {color:#206bbe; margin:20px 0; font-weight:300;}
h1 { font-size:34px; }
h2 { font-size:24px; }
h3 { font-size:18px; margin-bottom:10px; }
/* FONT ***********************************************************/
.f1 {font-size:12px;}
.f2 {font-size:18px;}
/* COLORS ********************************************************/
.text-white { color:#fff;}
.text-azzurro {color:#206bbe;}
.text-gray {color:#5d6c81;}
.text-giallo { color:#ffb024;}
.text-rosso { color:#e15757;}
.text-fucsia { color:#d63c6e;}
.text-verdone { color: #47b848;}
.text-verde { color:#9dc75b;}
.text-dark-blu { color:#213b62;}
.text-blu { color:#3991db;}
.text-arancio { color:#ff782e;}
.text-viola { color:#b86dcc;}
.text-petrol { color:#3ba6b5;}
.text-sand { color:#c39e69;}
.text-black { color:#111;}
.bg-gray {background:#5d6c81;}
.bg-gray-dark { background:#333;}
.bg-gray-light { background:#f4f4f4;}
.bg-blu { background:#213b62;}
.bg-white { background:#fff;}
.bg-azzurro { background:#206bbe;}
.bg-azzurro h1,
.bg-azzurro h2,
.bg-azzurro h3,
.bg-azzurro p { color:#fff;}
/* BTN ************************************************************/
.btn { background:#fff; color:#213b62; border:none; border-radius:50px; font-weight:700; text-transform:uppercase; padding:10px 35px; }
.btn-primary { color:#206bbe; background:#fff; border:none;}
.btn-primary1 { color:#5d6c81; background:#fff; border:none;}
.btn-default { color:#fff; background:#206bbe; border:none;}
.btn-default1 { color:#213b62; background:#eaedf1; border:none;}
.btn:hover, .btn:focus, .btn:active { border:none; background-color:#eaedf1; color:#213b62; outline:none; cursor:pointer;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary1:hover, .btn-primary1:focus, .btn-primary1:active,
.btn-default:hover, .btn-default:focus, .btn-default:active { border:none; background-color:#307dd3; color:#fff; outline:none;}
.btn-xs { padding:5px 15px;}
/* FORM ********************************************************/
label { margin-top:5px; margin-bottom:0;}
.form-group { margin-bottom:0;}
.form-control { color:#fff; background-color: rgba(255, 255, 255, 0.3); border:none; border-radius:0;}
.form-control:focus { border:none; background-color: rgba(255, 255, 255, 0.3); box-shadow:none;}
.form-control-dark { color:#5d6c81; border:solid 1px #ddd; border-radius:0; box-shadow:none;}
.form-control-dark:focus { border:none; border:solid 1px #5d6c81; box-shadow:none;}
.form-group textarea {-webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; outline: none; box-shadow:none !important; border: none; padding:10px; margin-bottom:3px;}
/* BACKGROUND ****************************************************/
#officine { background:url(../img/bkg-officine.jpg) fixed no-repeat bottom; background-size:cover;}
/* NAVBAR ********************************************************/
/* logo */
.logo { float:left; padding:13px 15px;}
/* navbar */
.navbar { background:none; margin-bottom:0; text-transform:uppercase; z-index:1; }
.navbar-default { border-radius:0; border:none; font-weight:600;}
.navbar-default .navbar-header { height:77px; padding:0;}
.navbar-default .navbar-toggle { border-radius:0; border:none; margin-top:23px;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-default .navbar-toggle:hover {background-color:#214e87;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color:#fff;}
.navbar-default .navbar-nav { display:block; float:none; margin:0 -15px; background:#214e87;}
.navbar-default .navbar-nav > li > a {font-size:13px; color:#fff; padding:10px 15px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:#213b62; color:#fff;}
.navbar-default .navbar-nav > li.selected > a {background:#214e87; color:#fff;}
.navbar-default .navbar-nav > li:last-child { padding:10px 15px;}
.navbar-default .navbar-collapse { border:none; box-shadow:none; margin-top:0px; }
/* DROPDOWN *********************************************************/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:#213b62; color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu { padding:0; background:#307dd3; border-radius:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { font-size:13px; color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#fff; background:#213b62;}
/* PARTNER ********************************************************/
.partner { background:#f4f4f4;}
.partner li { margin-bottom:15px;}
/* FOOTER *********************************************************/
.footer {padding-top:50px; padding-bottom:50px; font-size:12px; color:#fff; line-height:18px; font-weight:500; margin-bottom:60px;}
.footer i {font-size:20px; padding:10px 15px 0 0;}
.footer ul { font-size:12px;}
.center-xs { text-align:center;}
/* HOME ***********************************************************/
/*devices*/
.why { padding-bottom:0 !important; background-image:url(../img/bkg-sfumato.jpg); background-position: bottom; background-repeat:no-repeat;}
.why h3, .why p { text-align:center;}
.devices { margin-top:100px;}
.multitasking {margin-left:80px; margin-top:100px; position:absolute; z-index:2; }
.tablet {margin-top:-160px; margin-left:70px;}
/*caratteristiche*/
.servizio { margin-bottom:40px; text-align:center;}
.servizio img { margin-bottom:10px; float:left;}
.servizio > .nome { margin-bottom:0; text-transform:uppercase; margin-left:5px; font-weight:700; line-height:20px; height:40px;}
.servizio p { float:left; height:120px; margin-bottom:0px; text-align:justify;}
/*officine*/
.officine p { padding:20px; background-color: rgba(255, 255, 255, 0.9);}
/*assistenza*/
.chiusure { color:#fff; background:#e15757; padding:5px 10px; margin:40px auto 0; font-size:16px; width:50%;}
/**********************************************************************************/
/*======================== Media queries (breakpoint) =========================/
/**********************************************************************************/
@media (max-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
/* NAVBAR */
.navigation-menu { display:block;}
.navbar-default .navbar-nav { background:none; float:left; margin: 0 -15px;}
.navbar-default .navbar-nav > li > a {padding:0px 14px; line-height:45px;}
.navbar-default .navbar-nav > li > a:hover {background:#214e87; color:#fff;}
.navbar-default .navbar-nav > li:last-child { padding:8px 0 0 10px;}
.navbar-default .navbar-nav > li:last-child > a:hover {background:none; }
/* DROPDOWN */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:visited, .navbar-default .navbar-nav > .open > a:focus {background:#214e87; color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu { padding:0; background:#214e87; border:none; width:100%;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { font-size:13px; padding:10px 20px; font-weight:600; color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#fff; background:#213b62;}
.navbar-default .navbar-nav .open .dropdown-menu-linear { z-index:999; /*width: 750px; margin-left: -266px;*/ width:550px; margin-left: -183px; line-height:16px; padding:0px; background:#214e87; font-size:13px; color:#fff; text-transform: none; border:none; border-radius:0; }
.navbar-default .navbar-nav .open .dropdown-menu-linear > li { float:left; width:33.333%; /*width:25%*/}
.navbar-default .navbar-nav .open .dropdown-menu-linear > li:first-child {background:url(../img/righina.png) right repeat-y; padding:35px 25px;}
.navbar-default .navbar-nav .open .dropdown-menu-linear > li > a { color:#fff; padding:36px 0; text-align:center; min-height:155px;}
.navbar-default .navbar-nav .open .dropdown-menu-linear > li > a > img { margin:15px 0;}
.navbar-default .navbar-nav .open .dropdown-menu-linear > li > a:hover { color:#fff; background:#307dd3;}
/* HOME */
/*devices*/
.why-riga h3, .why-riga p { text-align:left;}
.multitasking { margin-left:30px; margin-top:40px;}
.multitasking img { width:80%;}
.mac {width:80%; margin-right:-15px;}
.tablet { margin-left:30px; width:60%; margin-top:-110px; }
/*caratteristiche*/
.servizio { text-align:left;}
.center-xs { text-align:left;}
}
@media (min-width: 992px) {
/* GENERAL */
.section { padding:60px 0; }
.section-big { padding:100px 0; }
/* NAVBAR */
.navbar-default .navbar-nav { width:auto; float:right; margin: 0 -15px;}
.navbar-default .navbar-nav > li > a {padding:0px 13px; line-height:77px;}
.navbar-default .navbar-nav > li > a:hover {background:#214e87; color:#fff;}
.navbar-default .navbar-nav > li:last-child { padding:25px 0 0 20px;}
/* DROPDOWN */
.navbar-default .navbar-nav .open .dropdown-menu {/*width: 661px; margin-left: -230px;*/}
/*.navbar-default .navbar-nav .open .dropdown-menu > li:first-child { padding:27px 25px;}*/
/* HOME */
.multitasking {margin-left:60px; margin-top:30px; }
.multitasking img { width:auto;}
.mac {width:70%; }
}
@media (min-width: 1200px) {
/* FOOTER */
.footer {padding:50px 70px; font-size:14px;}
.footer ul { font-size:13px;}
/* NAVBAR */
.navbar-default .navbar-nav > li > a {padding:0px 15px;}
/* HOME */
.multitasking {margin-left:80px; margin-top:100px; }
.tablet {margin-top:-180px;}
.mac img, .tablet img { width:100%;}
}
@media (min-width: 1400px) {
/* HOME */
.multitasking {margin-left:170px; }
}