/** DEFAULT **/

body {font-family: 'Lato', sans-serif; overflow-x: hidden;}
.img-responsive {width: 100%;}
ul {padding-left:0;}
ul li {list-style-type: none;}
a:hover, a:focus {text-decoration: none;}
.clear {clear: both;}
section, .intro { background: #fff}
.dot {display: none;}
p.help-block {font-size: 14px; text-align: left;}
a {outline: none!important;}

.conf-icon {width: 150px; height: 150px; display: inline-block;}

.help-block, .bodySuccess, .bodyError {display: none;}

.modal h4 {font-weight: 700; color: #fff; margin: 0!important;}
.modal .modal-content {overflow: hidden;}
.modal .close {color: #fff; font-size: 30px; opacity: 1;}
.modal .modal-body p {line-height: 1.5em; color: #333; font-size: 16px; text-align: left; }
.modal.privacy .modal-body ul li {color: #999; line-height: 2em; font-style: italic;}

.logo-heading {width: 80%;}


.modal-header {background: #00467e;}

small {color: #777; margin: 10px 0; float: left;}

h1, h2 {color: #0D3691; font-weight: 300;}
h1 {font-size: 18px; line-height: 1.4em; margin: 0;}
h2 {font-size: 20px; line-height: 1.4em; text-transform: uppercase;}
/*** h4 {color: #666; font-size: 16px; line-height: 1.4em; font-weight: 300; } ***/
h4 {color: #666; font-size: 16px; line-height: 1.20em; font-weight: 300; }
p {font-size: 18px; line-height: 1.3em; color: #666; font-weight: 300;}
.arrows-nav {width: 100%;}
.arrows-nav a {font-size: 34px;}
.arrows-nav > a:first-child {float: left;}
.arrows-nav > a:last-child {float: right;}
.btn-container {text-align: center;}
.btn-container a.btn {width: 100%; display: block;}
.btn {padding: 10px 16px; font-size: 16px; font-weight: 500; border-radius: 10px; position: relative;}
.btn .fa-plus {position: absolute; right: -14px; border-radius: 50%; background: #ddd;padding: 6px 8px; color: #777;}
.btn-blue {background: #00467E; color: #fff; margin: 5px 0 0;}
.btn-blue:hover, .btn-blue:focus {background: #02355B; color: #fff;}
.btn-magenta {background: #D60B52; color: #fff;}
.btn-magenta:hover, .btn-magenta:focus {color: #fff; background: #BA053E;}
.btn-green {background: #2FAC66; color: #fff;}
.btn-green:hover, .btn-green:focus {color: #fff; background: #23894F;}
.btn-light {background: #1D71B8; color: #fff; margin: 5px 0 0;}
.btn-light:hover, .btn-light:focus {background: #196293; color: #fff;}
.btn-red {background: #F94D43; color: #fff; margin: 5px 0 0;}
.btn-red:hover, .btn-red:focus {background: #D13C34; color: #fff;}
.btn-orange {background: #EB7505; color: #fff; margin: 5px 0 0;}
.btn-orange:hover, .btn-orange:focus {background: #CE6808; color: #fff;}
section h2, section p {text-align: center;}
section p {margin: 0 0 25px;}

/**************************************************************************************************************************************/
/** INTRO *****************************************************************************************************************************/
/**************************************************************************************************************************************/

.intro {padding: 0 15px 250px; position: relative; text-align: center;}
.intro .logo-heading {margin: 20px 0; display: inline-block;}
.intro strong {font-weight: 700; text-transform: uppercase;}
.intro .intro-img {width: 250px; height: 240px; background: url(../images/intro.svg) no-repeat bottom center; background-size: contain; position: absolute; bottom: -3px; left: 50%; z-index: 1000; transform: translateX(-50%);}


/**************************************************************************************************************************************/
/** SIX *****************************************************************************************************************************/
/**************************************************************************************************************************************/

.sconti {padding: 0 0 50px;}
.sconti .box {border-radius: 10px; border: 2px solid #999; background: #fff; padding: 15px 15px 10px; display: block; text-align: center; width: 100%;}
.sconti .box .number {display: block; font-weight: 700; font-size: 30px; text-align: center;}
.sconti .box .number.green {color: #2FAC66;}
.sconti .box .number.red {color: #E01414;}
.sconti .box p {margin: 0; text-transform: uppercase;}
.sconti .box .btn {text-align: center; text-transform: uppercase; padding: 10px 20px;}

/**************************************************************************************************************************************/
/** SEVEN *****************************************************************************************************************************/
/**************************************************************************************************************************************/

.frm {margin: 0 0 50px;}
.frm label {color: #666;}
.frm h4 {margin: 30px 0 30px; text-align: center;}
.frm h4 strong {text-transform: uppercase;}
.frm .btn-default {text-transform: uppercase; padding: 10px 20px;}
.frm .bodyError {margin: 0 0 20px; font-weight: 700;}
.frm .bodySuccess {margin: 30px 0; font-weight: 700;}
.frm .conf-home {display: inline-block; margin: 0 calc(50% - 150px) 20px; width: 300px; 20px; float: left;}
.frm .conf-home .home-icon {display: inline-block; width: 100px; height: 100px; background: url(../images/home-icon.png) no-repeat center center; background-size: contain; float: left;}
.frm .conf-home .text {color: #666; font-weight: 300; text-transform: uppercase; font-size: 18px; display: inline-block; float: left; width: 200px; margin: 20px 0 0;}
.frm .contact-us {color: #666; font-weight: 300; text-transform: uppercase; font-size: 18px; display: block; text-align: center; margin: 0 0 30px;}


/** stroke **/

@media (min-width: 1200px) {
  .border-right {border-top: 1px solid #0D3691; border-right: 1px solid #0D3691; border-bottom: 1px solid #0D3691; border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin: -1px 0 0;}
  .border-left {border-top: 1px solid #0D3691; border-left: 1px solid #0D3691; border-bottom: 1px solid #0D3691; border-top-left-radius: 40px; border-bottom-left-radius: 40px; margin: -1px 0 0;}

  .fascia1::after	{width: 1000px; background: #0D3691; height: 1px; display: block; position: absolute; right: -999px; top: -1px; content:"";}
  .fascia1 .dot-top-right { display: none;}

  .frmright::after {width: 1000px; background: #0D3691; height: 1px; display: block; position: absolute; left: -999px; bottom: -1px; content:"";}
  .frmleft::after {width: 1000px; background: #0D3691; height: 1px; display: block; position: absolute; right: -999px; bottom: -1px; content:"";}
}

@media (max-width: 1200px) {
  .container {width: 100%!important; padding: 0;}
  .row {margin-left: 0; margin-right: 0;}
  section, .intro {border-bottom: 1px solid #0D3691;}
}

@media (min-width: 768px) {
    .intro .logo-heading {width: 50%;}
    h4 {color: #666; font-size: 16px; line-height: 1.4em; font-weight: 300; }
}

@media (min-width: 1200px) {
  .right-lg {float: right!important;}
  .left-lg {float: left!important;}

  .intro, .sconti, .frm {position: relative; padding-left: 50px; padding-right: 50px;}

  span.dot {position: absolute; background: #fff; width: 40px; height: 40px; display: block; z-index: 1000; float: left;}
  span.dot-top-left {top: -2px; left: 0; border-top-right-radius: 14px;}
  span.dot-top-right {top: -2px; right: 0; border-top-left-radius: 14px;}
  span.dot-bottom-left {bottom: -2px; left: 0; border-bottom-right-radius: 14px;}
  span.dot-bottom-right {bottom: -2px; right: 0; border-bottom-left-radius: 14px;}
  .intro h1 {font-size: 38px; text-align: right; margin-top: 30px;}
  .intro h4 {font-size: 28px; margin: 0 0 40px; text-align: right; line-height: 1.5em;}
  .intro .intro-img {width: 300px; height: 340px; bottom: -3px; left: 120px; transform: none;}
  section h2 {font-size: 38px; text-align: right; margin: 0 0 15px;}
  section p {font-size: 26px; text-align: right;}
  .arrows-nav {width: auto;}
  .arrows-nav > a:first-child {float: left; margin-right: 10px;}
  .arrows-nav > a:last-child {float: left;}
  .intro {padding-bottom: 0;}
  .one {padding-bottom: 320px;}
  .one .one-img {width: 852px; height: 320px; transform: none; left: 10px; bottom: -2px;}
  .container-container {position: absolute; right: 40px; bottom: 50px; display: block; z-index: 1000;}
  .text-left-lg {text-align: left!important;}

  .sconti .box {margin: 40px 0 30px; float: left;}
  .sconti .box p {font-size: 18px; width: 50%; float: left; text-align: center; display: inline-block;}
  .sconti .box .number {width: 25%; float: left; display: inline-block; font-size: 50px; margin: -10px 0 0;}

  .frm label {float: right;}
  .frm label.checkbox-inline {float: left;}
  .frm h4 {font-size: 20px; text-align: right; margin: 40px 0;}
  .frm {margin: -1px 0 70px;}
  .frm .conf-home {margin: 30px 0 0; width: auto; display: inline-flex; float: none;}
  .frm .conf-home .text {text-align: right; width: auto;}
  .frm .contact-us {text-align: right; margin: 0 0 30px;}
  .frm .links {margin: 840px 0 0}
  .lg-text-right {text-align: right;}
  .frm .radio label {float: left; margin-right: 5px;}
  .logo-heading {width: 100%;}
}