/*!
 * Start Bootstrap - Round About (https://startbootstrap.com/template-overviews/round-about)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-round-about/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
    font-family: 'museo_sans300';
    color: #292929;
}

h1 {
    font-family: 'museo_sans900';
    padding: 30px 0;
    margin: 0px;
    font-size: 56px;
}

h4 {
    font-family: 'museo_sans700';
    padding-bottom: 20px;
    margin: 0px;
    font-size: 36px;
}

.claim {
    font-size: 27px;
    font-family: 'museo_sans900';
    color: #526666;
}

.claim span {
    color: #cc0101;
}

.bg-image-full {
    background-image: url(../image/header_img.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    height: 200px;
}

.blue {
    background-color: #003b73;
    color: #ffffff;
}

.card-text, .p-list {
    font-size: 22px;
    font-weight: 300;
}

.p-list {
    margin: 0px;
}

tr {
  height: 60px;
}

table {
  margin-bottom: 30px;
}

.icon {
    margin-right: 20px;
}

.blue .container {
  margin: 20px 0px;
  padding: 0px;
}

.boxForm {
    width: 100%;
    max-width: 400px;
    font-family: 'Open Sans', sans-serif;
}

label {
    color: #003b73;
    font-size: 14px;
    font-weight: 700;
    margin-top: .5rem;
}

#first_name,#last_name,#account_name,#email1,#phone_work,#settore_merceologico_c,#tprimary_address_provincia_c{
    width: 100%;
    height: 34px;
}

.navbar {
    background-color: #ffffff;
}

.about{
    background-color: #f2f2f2;
}

.circles span {
    font-size: 24px;
    font-family: 'museo_sans900';
}

.circles p {
    font-size: 18px;
}

.cerchio {
	width:110px;
	height:110px;
	border-radius:50px;
	background:orange;
    line-height: 90px;
    border: solid #ffffff 10px;
}

#color-circle1 {
    background-color: #0084ff;
    color: #ffffff;
    font-size: 13px;
}

.color-circle1 {
    color: #0084ff;
}

#color-circle2 {
    background-color: #0063bf;
    color: #ffffff;
    font-size: 13px;
}

.color-circle2 {
    color: #0063bf;
}

#color-circle3 {
    background-color: #d11818;
    color: #ffffff;
    font-size: 13px;
}

.color-circle3 {
    color: #d11818;
}


.after-about {
    height: 80px;
    background-color: #f2f2f2;
}

.circles {
    margin-top: -50px;
}

.about p {
    margin: 0px;
    font-size: 22px;
}

.btn {
  float: right;
  background-color: #d11818;
  border-radius: 0px;
  width: 157px;
  line-height: 30px;
  font-family: 'Open Sans', sans-serif;
}

.btn-form {
  text-align: center;
  background-color: #d11818;
  border-radius: 0px;
  font-family: 'Open Sans', sans-serif;
  width: 157px;
  line-height: 44px;
  height: 44px;
  margin: 30px 0px;
  cursor: pointer;
}

#telemat-privacy-container input {
    float: left;
    margin: 11px 10px 0px 0px;
}

.banner {
    padding: 115px 0;
    color: #ffffff;
    background-image: url(../image/footer_img.jpg);
    background-size: cover;
    background-position: center;
}

footer p {
    color: #afafaf;
    margin-bottom: 0px;
}

footer .pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
footer
.pt-5, .py-5 {
    padding-top: 1rem!important;
}

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
      
}


/* Medium Devices, Desktops */

    @media only screen and (max-width : 992px) {
      
      
      h1 {
        font-size: 50px;
      }
      
      footer {
        font-size: 10px;
      }
      
      .banner .container {
        text-align: center;
      }
      
      .container .btn {
        float: none;
        margin-top: 20px;
      }
      
      .container {
        max-width: 991px;
      }
      
    }

  @media (min-width: 992px) {
    body {
      padding-top: 79px;
    }

    .bg-structure{
    background: linear-gradient(
      to right, 
      #003b73 0%, 
      #003b73 50%, 
      #ffffff 50%, 
      #ffffff 100%
    );
    }

    .blue {
      padding: 0px 40px;
    }
    
    .navbar .container {
      padding: 0px 40px;
    }
    
    .white-form {
      padding: 0px 40px;
    }

    .about .container{
      padding: 0px 40px;
    }

    .banner .container{
      padding: 0px 40px;
      height: 86px;
    }

    .banner h1 {
      float: left;
      line-height: 86px;
    }

    .banner .btn {
      float: right;
      margin: 21px 0px;
    }
    
    
    #telemat-privacy-container label {
      font-size: 14px;
      float: left;
      max-width: 340px;
    }
    
    .two-lines {
      line-height: 26px;
    }
  }

  /* Small Devices, Tablets */

    @media only screen and (max-width : 768px) {
      
    body {
      padding-top: 119px;
    }
      
    .container {
      max-width: 768px;
    }
    
    .bg-image-full {
      height: 100px;  
    }
    
    .blue h4 {
      line-height: 32px;
    }  
      
  }

    @media only screen and (min-width : 768px) {
  
    body {
      padding-top: 79px;
    }
  
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 33%;
    }
    
    .blue h4 {
      line-height: 42px;
    }  
      
}

 /* Extra Small Devices, Phones */
    
    @media only screen and (min-width : 480px) {
        
    }

    @media only screen and (max-width : 480px) {
      
    body {
      padding-top: 159px;
    }
      
    .blue h1 {
      font-size: 40px;
    }
      
    .blue h4 {
      font-size: 27px;
    }
      
    #telemat-privacy-container label {
      font-size: 14px;
      float: left;
      max-width: 376px;
    }
      
    .p-list {
    font-size: 18px;
    }
      
}