@charset "utf-8";
/* CSS Document */
/* ============== suggestion ================ */
.twitter-typeahead {
	display:inline !important;
}
.tt-menu {
  text-align: left;
}
.typeahead:focus, .calc_main input:focus{
	border: 2px solid #ffd201!important;
}

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 44px; 
  padding: 8px 12px;
 /* font-size: 24px; */
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  outline: none;
}

.typeahead {
  background-color: #fff ;
}


.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}
/* ================================================== */
.calcError {
	border-color: red!important;
}
.order_centered {
	float: none;
    margin: 0 auto;

}
.opened_order {
	border: 1px solid #ebebeb;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #eee; 
} 
.table_order tr {
     border: none; 
    font-size: 14px;
}
.table_order th {
	text-align: center;
	padding: 10px;
}
.table_order input {
	height: 30px;
    width: 80%;
}
.buttons_order {
	padding: 10px;
}
.buttons_order button {
	margin:5px;
}

#fields_order input{
	margin-bottom: 10px;
}
.calc_request {
	font-size: 12px;
	margin: 10px;
}
#ajax_loader {
	position: absolute;
    bottom: 50%;
    left: 45%;
}
.calc_textarea{
    padding: 20px;
    display: inline-flex;
    width: 100%;
}
.calc_textarea label {
	padding-left: 0;
}
.wr {
    font-size: 10px;
    color: #cacaca;
	text-align: center;
}
.tooltip-inner {
	background-color: #ffd201;
	color: #ed1c24 !important;
}
.tooltip-arrow{
	border-top-color: #ed1c24!important;
}
	.inputGroup {
		background-color: #fff;
		display: block;
		margin: 10px 0;
		position: relative;
	}
  .inputGroup  label {
      padding: 12px 30px 12px 6px;
      width: 100%;
      display: block;
      text-align: left;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: color 200ms ease-in;
      overflow: hidden;
	  background-color: #f1f1f1;
      border-radius: 4px;
      color: #999;
	  font-style: italic;
	  margin: 0px 0px 20px 0px!important;
	  border:#ccc 1px solid;
}
  	.inputGroup  label:before {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: '';
        background-color: #ffd201;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale3d(1, 1, 1);
        transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        opacity: 0;
        z-index: -1;
      }

      .inputGroup  label:after {
        width: 32px;
        height: 32px;
        content: '';
        border: 2px solid #D1D7DC;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
        background-repeat: no-repeat;
        background-position: 2px 3px;
        border-radius: 50%;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 200ms ease-in;
      }
    

 	 .inputGroup  input:checked ~ label {
      	color: #fff;
		}
      .inputGroup  input:checked ~ label:before {
        transform: translate(-50%, -50%) scale3d(56, 56, 1);
        opacity: 1;
      }

      .inputGroup  input:checked ~ label:after {
     /*   background-color: #54E0C7;
        border-color: #54E0C7; */
		background-color: #bb161c;
        border-color: #bb161c; 
      }
    

	   .inputGroup input {
		  width: 32px;
		  height: 32px;
		  order: 1;
		  z-index: 2;
		  position: absolute;
		  right: 30px;
		  top: 50%;
		  transform: translateY(-50%);
		  cursor: pointer;
		  visibility: hidden;
		}

.calc_main button {
	background-color: #bb161c;
	border: 1px solid #d02718;
	text-shadow: 0px 1px 0px #810e05;
	box-shadow: 1px 4px 0px 0px #8a2a21;
	background: linear-gradient(to bottom, #ff6b89 5%, #bb161c 100%);
}
.calc_main button:hover {
	background: linear-gradient(to bottom, #bb161c 5%, #ff6b89 100%);
	    background-color: #bb161c;
}

/* tabs */
#calc_tabs > ul{
	margin-bottom: 20px;
}
#calc_tabs > ul > li {
	font-size: 14px;
	font-weight: 700;
}
#calc_tabs > ul > li.active > a {
	background-color: #ffd201;
	color: #ed1c24;
}
#calc_tabs > ul > li > a {
	text-decoration: none;
	color: #999;
	cursor: pointer;
}
.calc_table_info > td {
	background-color: #fff!important;
}
/*================================== */
.iconclear {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #999;
	
}
table.table_order td:first-child {
    text-align: left;
    padding-left: 70px;
    padding-bottom: 5px;
}
table.table_order td:last-child {
    text-align: right;
    padding-right: 30px;
	padding-bottom: 5px;
}
#fields_order .form-group {
    padding: 20px;
   display: inline-flex;
	width: 50%;
}
#fields_order label {
    width: auto;
	padding-left: 0;
}
#fields_order input {
    height: 30px !important;
    width: 100%;
}
@media only screen and (max-width: 768px) {
	#fields_order .form-group {
		 width: 100%;
	}
}
.tab-pane input {
    height: 44px;
}
#captcha_container {
	display: inline-block;
}