/*-----------------------------------------------------------------------------------

    Theme Name: Canvas
    Theme URI: http://themes.semicolonweb.com/html/canvas
    Description: The Multi-Purpose Template
    Author: SemiColonWeb
    Author URI: http://themeforest.net/user/semicolonweb
    Version: 4.5.1

    LESS Stylesheet

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

	variables.less

-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Base Colors
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Line Height Variables
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Margins
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Font Families
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Font Sizes
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Layouts
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
	mixins.less
-----------------------------------------------------------------------------------*/
/* Portfolio Item Size Builder
-----------------------------------------------------------------*/
/* Shop Item Size Builder
-----------------------------------------------------------------*/
/* Blog Grid Item Size Builder
-----------------------------------------------------------------*/
/* Other Mixins
-----------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .table-responsive {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
	Label the data
	*/
  }
  .table-responsive table,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
  }
  .table-responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-responsive tr {
    border-bottom: 1px solid;
  }
  .table-responsive tr:last-of-type {
    border-bottom: 0;
  }
  .table-responsive td {
    /* Behave  like a "row" */
    border: none;
    border-top: 0!important;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
    font-size: 14px;
    padding-left: 40% !important;
  }
  .table-responsive td a {
    display: block !important;
  }
  .table-responsive td.cart-product-remove {
    text-align: center;
  }
  .table-responsive td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 6px;
    width: 50%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    height: 100%;
    text-align: left;
  }
  .table-responsive table td:before {
    content: attr(data-th);
  }
}
/*-----------------------------------------------------------------------------------
	homepage.less
-----------------------------------------------------------------------------------*/
.modal .modal-footer {
  text-align: center;
}
.block-login {
  position: relative;
  width: 100%;
  text-align: center;
}
.block-login .block-payment {
  position: relative;
  text-align: center;
}
.block-login .block-payment label {
  position: relative;
  width: 100%;
  text-align: center;
}
.block-login h2,
.block-login h3,
.block-login h4 {
  position: relative;
  text-align: center;
}
.block-login .block-button {
  position: relative;
  border-bottom: 1px solid #00aeef;
  padding-bottom: 20px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 40px auto;
}
.block-login .block-form {
  position: relative;
  border-bottom: 1px solid #00aeef;
  color: #00A0D1;
  padding-bottom: 20px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 40px auto;
}
.contact-form .section-title h1 {
  position: relative;
  width: 100%;
  clear: both;
  text-align: left;
}
.contact-form .section-title .info {
  position: relative;
  text-align: center;
  background-color: #f8f8f8;
  color: #000000;
  margin: 10px auto;
  padding: 20px 0;
}
.contact-form .cart-list tr td {
  padding: 5px 0;
}
.contact-form .cart-list tr td .fa-trash-alt {
  color: #00aeef;
  font-size: 20px;
  cursor: pointer;
}
.contact-form .cart-list tr td span {
  color: #00aeef;
  font-size: 20px;
  font-weight: 800;
}
.contact-form .form-control.error {
  border-color: #E42C3E;
}
.contact-form .form-check-label {
  padding: 4px;
}
.contact-form .form-check-label.error {
  border: 1px solid #E42C3E;
  padding: 3px;
}
/*-----------------------------------------------------------------------------------
	header.less
-----------------------------------------------------------------------------------*/
.menuzord-menu > li > a {
  padding: 8px 16px;
  border-radius: 2px;
  margin: 0 5px;
}
/*-----------------------------------------------------------------------------------
	homepage.less
-----------------------------------------------------------------------------------*/
.gallery-isotope .gallery-item {
  float: left;
}
.block-profile img {
  max-width: none;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .block-profile img {
    width: 100%;
  }
}
.block-profile .img {
  position: relative;
  text-align: center;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .block-profile .img {
    width: 100%;
  }
}
.block-profilo-home img {
  max-width: none;
}
.comment-box .result {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  color: #00a300;
}
.comments-item {
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(18, 20, 26, 0.15);
  margin-bottom: 20px;
  padding: 10px;
}
.comments-item .message {
  position: relative;
  text-align: left;
  font-size: 13px;
}
.comments-item .nickname {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
.comments-item .nickname blockquote {
  padding: 10px;
}
.list-divider h1 {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .tp-resizeme {
    font-size: 20px!important;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 15% auto;
  }
}
.page-servizi .section-content a {
  color: #80acdd!important;
}
/*-----------------------------------------------------------------------------------
	homepage.less
-----------------------------------------------------------------------------------*/
.block-sezioni h3 {
  line-height: 20px;
  min-height: 50px;
}
.item .campaign-details h4 {
  min-height: 30px;
  font-size: 16px;
  line-height: 17px;
}
.item .campaign-details p {
  min-height: 50px;
  line-height: 16px;
}
.block-profile .office img {
  margin-bottom: 10px;
}
.rev_slider_wrapper,
.rev_slider_default {
  height: 500px!important;
}
.tp-bullets{
  top: 88%!important;
}
.campaign{
  min-height: 410px;
}
.campaign-bottom{
position: absolute;
  left: 12px;
  bottom: 40px;
}
.bg-theme-colored-transparent-9 {
  min-height: 340px!important;
}
.schedule-box {
  min-height: 520px;
}
.schedule-box .title{
  font-size: 16px;
}
@media (max-width: 768px) {
  .section-content h1{
    font-size: 2.5rem;
  }
}