/*
Theme Name: Impreza
Description: Multi-Purpose Creative WordPress Theme.
Version: 3.3.1
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
License: Themeforest Split Licence
License URI: -
Text Domain: us
Domain Path: /languages
*/

#home .l-section-h.i-cf { padding-bottom: 0px !important;  }

.w-toplink { bottom: 60px !important;}



@media only screen and (max-width: 768px) {

#about .uvc-x-large-triangle { height: 67px !important;}
 
#home .l-section-h.i-cf { margin-top: 50px !important;   }

#home { min-height:0 !important; padding-top:20px !important;}

}

@media only screen and (max-width: 500px) {

#home .l-section-h.i-cf { margin-top: 10px !important;}

}

#email-step input[type='email']{
	margin-bottom: 10px;
}

input[type="submit"].error {
    border-color: red;
    color: red;
}

 #choose-table{
    display: none;
 }
  form.piece-form input, form.piece-form select {
      background: transparent;
      border: 1px solid #333;
  }  
  form.piece-form input[type="submit"] {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      display: none;
      color: #000;
      min-width: 200px;
  }  
  .piece-form h3 span {
      display: inline-block;
      position: relative;
  }
  .piece-form h3 span:after {
      /* text-decoration: underline; */
      content: '';
      display: block;
      position: absolute;
      bottom: 1px;
      left: 0;
      width: 94%;
      height: 1px;
      background: #000;
      position: absolute;
      display: inline-block;
  }
  .step {
      margin-bottom: 15px;
  }
  .step img,
#choose-table img {
      cursor: pointer;
      width: 163px;
      height: 163px;
      border-radius: 8px;
      border: 3px solid transparent;
      transition: .3s border-color;
  }
  .black-square {
      width: 160px;
      height: 160px;
      border: 3px solid transparent;
      margin: auto;
      border-radius: 8px;
      background: #000;
  }  
  .white-square {
    width: 160px;
    height: 160px;
    border: 3px solid #333;
    margin: auto;
    border-radius: 8px;
    background: #fff;
  }  
  .radio-group.i4 label {
      /* display: inline-block; */
      width: 25%;
      float: left;
      text-align: center;
  }  
  .radio-group.i5 label {
    width: 20%;
    float: left;
      text-align: center;
    
  }
  .radio-group label input[type='radio'] {
      display: none;
  }
  .radio-group input[type='radio']:checked ~ img,
#choose-table .radio-group input[type='radio']:checked ~ img,
.radio-group input[type='radio']:checked ~ .black-square,
.radio-group input[type='radio']:checked ~ .white-square{
      border-color: #4F8A10;
  }
  .radio-group input[type='radio']:checked ~ .shape .mark {
    opacity: 1;
  }  
  .shape{
    position: relative;
  }
  .shape .mark{
    opacity: 0;
    width: 30px;
    height: 30px;
    background-color: #4F8A10;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    right: 2px;
    transition: .3s opacity;
  }
  .rect-shape {
      width: 200px;
      margin: auto;
      height: 100px;
      border: 2px solid #000;
      max-width: 100%;  
  }
  .square-shape {
    margin: auto;
    width: 100px;
    height: 100px;
    border: 2px solid #000;
    max-width: 100%;
  }
  .round-shape {
    margin: auto;
    width: 100px;
    height: 100px;
    border: 2px solid #000;
    border-radius: 100%;
    max-width: 100%;
  }
  .oval-shape {
    margin: auto;
    width: 200px;
    height: 100px;
    border: 2px solid #000;
    border-radius: 100%;
    max-width: 100%;
  }
  
  .clearfix {
    overflow: auto;
    zoom: 1;
  }  
  .have-errors .error {
    display: block;
  }
  .error {
    display: none;
  }
  
#search-result label {
    width: 100%;
}

#search-result img {
    width: initial;
    height: initial;
}  


@media(max-width: 820px){
	.radio-group.i4 label,
	.radio-group.i3 label,
	.radio-group.i5 label{
		width: 25%;
	}
}

@media(max-width: 660px){
	.radio-group.i4 label,
	.radio-group.i3 label,
	.radio-group.i5 label{
		width: 33.33%;
	}
}

@media(max-width: 500px){
	.radio-group.i4 label,
	.radio-group.i3 label,
	.radio-group.i5 label{
		width: 50%;
	}
}


@media(max-width: 330px){
	.radio-group.i4 label,
	.radio-group.i3 label,
	.radio-group.i5 label{
		width: 100%;
	}
}
.xeven{
   display:none !important;
}
p.xeven{display:none!important;}