/*
  Theme Name:  FixRoof - HTML Template
  Theme URL:
  Author: wp-organic
  Author URI: https://themeforest.net/user/wp-organic
  Creation Date: 30 June 2017
  Description: A default stylesheet for FixRoof - HTML Template.
  Version: 1.0
*/
/* @charset "UTF-8"; */

/* obsy */

.require{ color:red;}
input[type=checkbox], input[type=radio]{ margin-left:10px; margin-right:.5rem;}
.form .form-control{ background:#DCDCDD; border:none; border-radius:0; line-height:40px; padding:0 1rem; height:40px; font-size:1rem; width: 100%;}
.form textarea.form-control{ height:7rem; padding-top:.5vw; padding-bottom:.5vw; line-height:100%;}
.form .check_group{ font-size:1.2rem;  margin:1vw -40px 0;}
.form .checkbox-inline input[type=checkbox]{ margin-top:12px;}
.form .checkbox-inline label{ padding-left:20px;}
.form .checkbox-inline{ vertical-align:top; margin:0 0 .5rem 0; line-height:40px; padding-right:.5rem;font-size:1rem;}
.form .check_group .form-control{ margin:-10px 20px; width:737px; line-height:36px; height:36px; margin-top:2px;display:inline-block; vertical-align:top;}
.form .checkbox-inline+.checkbox-inline{ margin-left:0;}
.form .btn-default{ border:none; background:#00a33a; color:#fff; display: block; width: 100%; line-height:56px; padding:0 2vw;}
.form .btn-default.reset{ background:#595757;}
.form .item{ position:relative; padding-left:10rem;}
.form .control-label{ padding:10px 0; margin:0; position:absolute; left:0; color:#000; width:10rem; line-height:20px;}
.form .btn-area .row{margin-left: -5px;    margin-right: -5px;}
.form .btn-area .row>* {    padding-left: 5px;    padding-right: 5px;}
.form .code{ margin-bottom:30px;}
.form .code img{ margin:10px 0;}
.form .input_txt{ line-height:40px;}
.form .form-inline .form-group{ margin-bottom:10px;}
.form .form-inline .checkbox-inline{ min-width:30%;}
.form .form-inline .checkbox-inline span{ display: inline-block; vertical-align: top; }
.form .title_blue{ background:#00a33a; color:#fff; padding:0 1rem;font-size:1.2rem; display:block; line-height:60px;}

@media (min-width: 992px) and (max-width: 1199px) {

  .form .title_blue{ line-height:50px;}
  .form .check_group .form-control{ width:500px;}
  .inquiry_list .btn{ width:8vw;}
  }

  @media (max-width: 991px){
    .form .check_group .form-control{ width:409px;}
    .form .title_blue{ line-height:50px; font-size:1.1rem; padding-right:0;}
    .form .btn-default{ min-width:40%;}

    }

    @media (max-width: 480px){
      .form .title_blue{ line-height:20px; padding:10px 10px;}
      .form .item{ padding-left:0;}
      .form .control-label{ position:relative; display:block; width:100%; 	}
      .form .btn-area{ padding:0 15px;}
      .form .btn-default{ display:block; width:100%; margin-bottom:10px}

      }



.row {
  margin-right: 0;
  margin-left: 0
}

.checkbox,.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

.checkbox label,.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
  margin-top: -5px
}

.checkbox-inline,.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
  margin-top: 0;
  margin-left: 10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
  cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
  cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
  cursor: not-allowed
}


/* col-sm- */

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  float: left
}


.col-xs-6 {
  width: 50%
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
      float:left
  }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-6 {
      width: 50%
    }

}

/* form group */
.form-group {
  margin-bottom: 10px
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
  display: table;
  content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
  clear: both
}


@media (min-width: 768px) {


  .form-inline .form-group {
      display:inline-block;
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .form-inline .form-control-static {
      display: inline-block
  }

  .form-inline .input-group {
      display: inline-table;
      vertical-align: middle
  }

  .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
      width: auto
  }

  .form-inline .input-group>.form-control {
      width: 100%
  }

  .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .checkbox,.form-inline .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle
  }

  .form-inline .checkbox label,.form-inline .radio label {
      padding-left: 0
  }

  .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
      position: relative;
      margin-left: 0
  }

  .form-inline .has-feedback .form-control-feedback {
      top: 0
  }
}


/** Button Style **/
.btn-default,
.btn-primary,
.btn-secondary {
    padding: 10px 30px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.875;
    font-weight: 500;
    outline: 0;
    color: #ffffff;
    position: relative;
}


.btn-default {
    background: #ffffff;
    border-radius: 0;
    color: #000;
    border: 3px solid #dadada
}

.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-default:not(:disabled):not(.disabled):active {
    background: #00a33a;
    color: #ffffff;
    outline: 0;
    /* border: 3px solid #00a33a */
}

.btn-default:active {
    background: #ffae00;
    color: #ffffff;
    border: 3px solid #00a33a
}


.btn-default:active:focus:after,
.btn-default:active:hover:after,
.btn-default:focus:after,
.btn-default:hover:after,
.btn-default:not(:disabled):not(.disabled):active:after {
    background: #ffffff;
}

.btn-primary {
    background: #00a33a;
    border-radius: 0;
    border: 3px solid #00a33a
}

.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #ffc103;
    color: #ffffff;
    outline: 0;
    border: 3px solid #ffc103
}

.btn-primary:active {
    background: #ffc103;
    color: #ffffff;
    border: 3px solid #ffc103
}

.btn-primary:after {
    background: #fff
}

.btn-secondary {
    background: #00a33a;
    border-radius: 0;
    border: 3px solid #00a33a
}

.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background: #ff4000;
    color: #ffffff;
    outline: 0;
    border: 3px solid #ff4000
}

.btn-secondary:active {
    background: #ff4000;
    color: #ffffff;
    border: 3px solid #ff4000
}

.btn-secondary:after {
    background: #ffffff
}


/**  section left  **/
.section-left{
  text-align: left;
}
.section-left .section-title{
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  text-align: left;
  position: relative;
}
/*
.section-left span{
  color: #00a33a;
}
*/
.section-left .section-brief{
  width: 550px;
  margin: 0px auto 0px;
  margin-bottom: 40px;
  float: left;
}