/* color : 62b944 */

.shopup-fb {
  /*background: #f8f8f8;*/
  padding-top: 0;
  height: 100%;
  padding: 5px;
}
.shopup-fb a:hover { color: #62b944;}

.shopup-fb .table>thead>tr>th, 
.shopup-fb .table>tbody>tr>th, 
.shopup-fb .table>tfoot>tr>th, 
.shopup-fb .table>thead>tr>td, 
.shopup-fb .table>tbody>tr>td, 
.shopup-fb .table>tfoot>tr>td {
  padding: 10px 0;
  line-height: 1;
  vertical-align: middle;
  border-top: 0;
  font-size: 14px;
}

.shopup-fb .title h2 {
  /*font-family: 'Open Sans', 'DB_Helvethaica_X_Light', sans-serif;*/
  font-size: 34px;
  font-weight: 200;
  /*margin-bottom: 20px;*/
  color: #2a2a2a;
}
.shopup-fb .content {
  background: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 0 0 15px #e5e5e5;
  margin-bottom: 20px;
  padding: 20px;
}
.shopup-fb .form-control:focus {
  border-color: #62b944;
}
.shopup-fb input.form-control {
  /*padding: 12px 15px;*/
}
.shopup-fb .input-group {
  width: 100%;
}
.shopup-fb .input-group-addon {
  border: 1px solid #ebebeb;
  border-right: none;
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  color: #8f8f8f;
  padding: 6px 12px;
  font-size: 14px;
  text-align: center;
  width: 50px;
}
.shopup-fb .form-group label {
  font-size: 22px;
}
.input-group.required input {
  position: relative;
}
.input-group.required::after {
  /*content: '(โปรดระบุ)';*/
  font-size: 18px;
  color: #ccc;
  position: absolute;
  top: 4px;
  right: 15px;
  z-index: 1000;
}

.shopup-fb .fb--cart, 
.shopup-fb .fb--login, 
.shopup-fb .fb--shipping, 
.shopup-fb .fb--confirm, 
.shopup-fb .fb--complete {
  margin-bottom: 50px;
}

.shopup-fb .text-grey {
  color: #a9a9a9;
}
.shopup-fb .text-colored {
  color: #62b944 !important;
}
.shopup-fb .text-colored-black {
  color: #323232 !important;
}
.table>tbody>tr {
  border-bottom: 1px dashed #eee;
  padding-bottom: 10px;
}
.fb--summary .table>tbody>tr {
  border-bottom: none;
}

.cart-thumbnail p.text-grey.small span{
  width:12px;
  height:12px;
  border:1px solid #333;
  display:inline-block;
}

.cart-thumbnail .cart-thumbnail-name {
  /*padding: 10px;*/
  font-weight: 400;
  vertical-align: middle;
}
.cart-thumbnail .cart-thumbnail-name p {
  margin-top: 5px;
}
.cart-thumbnail .cart-thumbnail-name p i {
  font-size: 12px;
  position: relative;
  top: 0px;
  margin-left: 5px;
}
.cart-thumbnail img {
  max-width: 65px;
  border: 1px solid #eee;
  float: left;
  margin-right: 15px;
}
.cart-quantity .qty {
  border: 1px solid #fff;
  max-width: 40px;
  padding: 5px;
  text-align: center;
  font-size: 18px;
}
.cart-quantity .minus, 
.cart-quantity .plus {
  border: 1px solid #fff;
  border-radius: 20px;
  background: #333;
  color: #fff;
  margin: 0 -4px;
  padding: 2px 4px;
  width: 25px;
  height: 25px;
  line-height: 20px;
}
.cart-quantity .minus:hover, 
.cart-quantity .plus:hover {
  background: #62b944;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.cart-price, 
.cart-quantity, 
.cart-subtotal {
  text-align: center;
}
.cart-subtotal .discount {
  color: red;
  text-decoration: line-through;
}


/* ---------------- PROCESS -------------*/
.fb--process.m-b-50 { margin-top: 0px;}
.fb--process {
 height: 100px;
 width: 600px;
 margin: 25px auto;
 text-align: center;
 position: relative;
}

/*progressbar*/
#progressbar {
  padding-top: 40px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  position: relative;
}
#progressbar li {
  list-style-type: none;
  color: #b6b6b6;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 30px;
  width: 25%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 53px;
  line-height: 50px;
  display: block;
  font-size: 26px;
  color: #b6b6b6;
  border: 2px solid white;
  background: white;
  border-radius: 50%;
  margin: 0 auto 5px auto;
  border: 2px #000000 solid
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #111;
  position: absolute;
  left: -50%;
  top: 25px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active {
  color: #2a2a2a;
}
#progressbar li.active:before, 
#progressbar li.active:after{
  background: #62b944;
  border: 2px solid #62b944;
  color: white;
  box-shadow: 0 0 10px #cdcdcd;
}

#progressbar li.complete {
  color: #b6b6b6;
}
#progressbar li.complete:before {
  color: #62b944;
  border: 2px solid #62b944;
  background: #f8f8f8;
  content: '\f00c';
  font-family: FontAwesome;
}


/* ----------------------------------------------------------------
    CART
    -----------------------------------------------------------------*/

    /* radio */
    .fb--cart .delivery-type input[type=radio] {
      display:none;
      margin:10px;
    }
    .fb--cart .delivery-type input[type=radio] + label {
      display:inline-block;
      margin:-2px;
      padding: 0px;
      border-radius: 7px;
      margin-right: 2px;
      margin-bottom: 8px;
      font-size: 14px;
      line-height: 20px;
      color: #333;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-color: #fff;
      background-repeat: repeat-x;
      border: 3px solid #eee;
    }
    .fb--cart .delivery-type input[type=radio]:checked + label {
      background-image: none;
      outline: 0;
      background-color: #fbfbfb;
      border: 3px solid #62b944;
    }

    /* tooltip */
    .fb--cart .tooltip-inner {
      padding: 5px 12px;
      font-family: 'DB_Helvethaica_X_Light', sans-serif;
      font-size: 18px;
    }
    .fb--cart .tooltip.left .tooltip-arrow {
      right: 1px;
    }



/* ----------------------------------------------------------------
    SUMMARY
    -----------------------------------------------------------------*/

    .fb--summary .table {
      margin-bottom: 10px;
    }
    .fb--summary .table  {
      /*background: #f8f8f8;*/
      opacity: 0.8;
    }
    .fb--summary .table>tbody>tr:last-child, 
    .fb--summary .table>tbody>tr:last-child span, 
    .fb--summary .table>tbody>tr:last-child strong {
      font-size: 26px;
      margin-top: 20px;
      opacity: 1 !important;
    }
    .fb--summary .table>thead>tr>th, 
    .fb--summary .table>tbody>tr>th, 
    .fb--summary .table>tfoot>tr>th, 
    .fb--summary .table>thead>tr>td, 
    .fb--summary .table>tbody>tr>td, 
    .fb--summary .table>tfoot>tr>td {
      padding: 3px 0;
    }
    .fb--summary input.coupon {
      line-height: 1;
      padding: 3px 10px;
      background: #f8f8f8;
      color: #333;
      text-align: right;
      border: 1px solid #ebebeb;
      border-radius: 0;
      width: 10px;
      float: left;
      height: auto;
      vertical-align: middle;
      font-size: 14px;
    }
    .fb--summary .coupon_block strong {
      vertical-align: middle;
      float: left;
      margin-top: 5px;
    }
    .fb--summary .coupon_block strong::after {
      content: '';
      padding-right:5px;
    }

/* ----------------------------------------------------------------
    BUTTON
    -----------------------------------------------------------------*/

    .fb--login .content {
      /*background: #f2f2f2;*/
      border: 1px solid #ebebeb;
      /*margin: 0 70px 20px;*/
      padding: 0px;
    }
    .fb--login .content::after, 
    .fb--login .form-area::after, 
    .fb--login .bg-area::after {
      content: "";
      display: table;
      clear: both;
    }
    .fb--login .form-area, 
    .fb--login .bg-area {
  /*width: 50%;
  float: left;
  clear: none;*/
  /*min-height: 500px;*/
}
.fb--login .form-area {
  padding: 5% 3% 5% 3%;
  background: #fff;
}
.bg-area.fb--member {
  padding: 5% 3% 5% 3%;
  background: #fff;
}
.fb--login .bg-area {
  /*width: 50%;*/
  background-color: #FFFFFF;
  /*background-image: url('../images/img-login.png');*/
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.fb--login a.lost-password {
  opacity: 0.5;
}

.fb--login .button.grey, 
.fb--login .button.green {
  width: 100%;
  float: left;
  clear: none;
  padding: 5px 24px;
  font-size: 16px;
}
.fb--login .button.btn-members-register,
.fb--login .button.btn-members-login {
  width: 100%;
  float: left;
  clear: none;
  padding: 5px 24px;
  font-size: 16px;
}
.main-shopping-cart .button.btn-shopping-cart{
  width: 100%;
  float: left;
  clear: none;
  padding: 5px 24px;
  font-size: 16px;
}
.fb--control .button.grey {
  /*width: 100%;*/
  margin-right: 7px;
  font-size: 20px;
}
/* login + shipping */
.fb--login .form-control, 
.fb--shipping .form-control {
  border-radius: 3px;
  border-width: 1px;
}
.fb--login label, 
.fb--shipping label {
  text-transform: none;
  line-height: 1;
}

.fb--login.signup .button.green {
  width: 100% !important;
}


/* ----------------------------------------------------------------
    SHIPPING + CONFIRM
    -----------------------------------------------------------------*/

    .fb--shipping .content, 
    .fb--confirm .content {
      background: #fff;
      border: 1px solid #ebebeb;
      /*padding: 30px 50px;*/
    }
    .fb--shipping .content::after, 
    .fb--confirm .content::after {
      content: "";
      display: table;
      clear: both;
    }

    .fb--shipping .content h3, 
    .fb--confirm .content h3 {
      border-bottom: 1px dashed #eee;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    .fb--confirm .dl-horizontal {
      padding-left: 0;
    }
    .fb--confirm .dl-horizontal dt {
      float: left;
      width: 120px;
      clear: left;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      line-height: 33px;
      letter-spacing: 0;
      color: #a1a1a1;
    }
    .fb--confirm .dl-horizontal dt i {
      font-size: 14px;
      text-align: center;
      width: 15px;
      margin-right: 5px;
      color: #8f8f8f;
      position: relative;
      top: -1px;
    }
    .fb--confirm .dl-horizontal dd {
      margin-left: 120px;
      font-size: 14px;
      line-height: 30px;
    }

    .fb--confirm .table {
      background: #fff;
    }


/* ----------------------------------------------------------------
    COMPLETE
    -----------------------------------------------------------------*/

    .fb--complete .content {
      /*margin: 0 200px 20px;*/
      padding: 70px 20px;
      background-color: #fff;
      /*background-image: url('../images/bg-complete.png');*/
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    .fb--complete .title h2 {
      font-size: 40px;
      margin-bottom: 15px;
      color: #62b944;
    }
    .fb--complete .title h2 i {
      font-size: 30px;
    }
    .fb--complete p {
      font-size: 24px;
    }
    .fb--complete .image {
      position: relative;
      height: auto;
      overflow: hidden;
      margin: 0 auto;
      width: 180px;
      height: 110px;
    }
    .fb--complete .check {
      position: absolute;
      top: 60px;
      right: 30px;
      width: 40px;
      height: 40px;
      color: #62b944;
      background: #fff;
      border: 3px solid #62b944;
      box-shadow: 0 0 10px #dfdfdf;
      line-height: 40px;
      border-radius: 50%;
      z-index: 20;
    }


/* ----------------------------------------------------------------
    BUTTON
    -----------------------------------------------------------------*/

    .fb--control .form-control {
      width: 50%;
      max-width: 50%;;
      min-width: 50%;;
    }

    .fb--complete .fb--control button a {
      color: #FFFFFF;
    }

    .fb--complete .fb--control > div { 
      /*float: none ;*/
    }

    .shopup-fb .button {
      font-size: 16px;
      line-height: 24px;
      padding: 0 18px;
      border-radius: 3px; 
      cursor: pointer;
      display: inline-block;
      -webkit-transition: all .2s ease-out;
      transition: all .2s ease-out;
      font-weight: 700;
      letter-spacing: 0px;
      margin: 10px 0;
      outline: 0 none;
      position: relative;
      text-transform: uppercase;
      white-space: nowrap;
      border: 1px solid transparent;
    }
    .shopup-fb .button.grey {
      background: #e4e4e4;
      border-color: #e4e4e4;
      color: #6d747c;
      margin-top:0px;
    }
    .fb--member--register .fb--control .button.grey {
      padding: 5px 24px;
      font-size: 20px;
      background: #e4e4e4;
      border-color: #e4e4e4;
      color: #fff;
      box-shadow: 0 0 10px #cdcdcd;
    }
    .shopup-fb .button.green {
      padding: 5px 24px;
      font-size: 20px;
      background: #62b944;
      border-color: #62b944;
      color: #fff;
      box-shadow: 0 0 10px #cdcdcd;
      width: 100%;
    }
    .shopup-fb .button.btn-members-register,
    .shopup-fb .button.btn-members-login,
    .shopup-fb .button.btn-shopping-cart {
      padding: 5px 24px !important;
      /*font-size: 20px;*/
      /*color: #fff;*/
      box-shadow: 0 0 10px #cdcdcd;
      width: 100%;
    }
/*.shopup-fb .button.btn-members-register:hover,
.shopup-fb .button.btn-members-login:hover {
  background: #6d747c;
  border-color: #6d747c;
  color: #fff;
  }*/
  .shopup-fb .button.grey:hover, 
  .shopup-fb .button.green:hover {
    background: #6d747c;
    border-color: #6d747c;
    color: #fff;
  }
  .shopup-fb .button.facebook {
    width: 100%;
    padding: 8px 24px;
    /*font-size: 20px;*/
    border-color: #4267b2;
    background: #4267b2;
    color: #fff;
    border-width: 1.5px;
    text-transform: none;
  }
  .shopup-fb .button.facebook i {
    position: relative;
    top: 2px;
  }
  .shopup-fb .button.facebook span {
    font-weight: 800 !important;
  }
  .shopup-fb .button.facebook:hover {
    background: #fff;
    color: #4267b2;
  }


  /* RESET .shopup-fb -------------------------------------------------------  */
  /* status */
  #progressbar li{ font-size: 1.125em; }
  #progressbar li:before{ border: 1px #ebebeb dashed; }
  #progressbar li.active:before, #progressbar li.active:after{ 
    border: 2px solid #62b944;  
    box-shadow: 0 0 10px rgba(84, 84, 84, 0.29);
  }

  .shopup-fb .content{ box-shadow: none; }
  .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td{ text-align: center;}

  .cart-thumbnail img{ border: none;}
  .cart-thumbnail .cart-thumbnail-name p{ line-height: normal; }

  .cart-quantity .minus, .cart-quantity .plus{ 
    border: 1px solid #bcbcbc;
    background: #ededed;
    color: #808080;
    box-shadow: inset 1px 1px 2px #d5d5d5;
  }

  .table>tbody>tr>td.cart-remove{ text-align: center;}
  .table>tbody>tr:last-child{ border-bottom: none;}
  .fb--summary .table>thead>tr>th, .fb--summary .table>tbody>tr>th, .fb--summary .table>tfoot>tr>th, .fb--summary .table>thead>tr>td, .fb--summary .table>tbody>tr>td, .fb--summary .table>tfoot>tr>td{ padding: 5px 0;}
  .fb--summary .table>tbody>tr:last-child>td{ padding-top: 10px;}

  .fb--control .button.grey{ 
    font-size: 1em;
    padding: 5px 20px;
    background: #e4e4e4;
    border-color: #e4e4e4;
    color: #8c8c8c;
    font-weight: normal;
    margin-bottom: 40px;
  }
  .shopup-fb .button.grey:hover, .shopup-fb .button.green:hover{
    background: #6d747c;
    border-color: #6d747c;
    color: #f0f0f0;
  }


  @media (max-width: 768px){

    .cart-thumbnail .cart-thumbnail-name{ 
      display: block; 
      clear: both;
    }
    .cart-quantity .minus, 
    .cart-quantity .plus{
      width: 15px;
      height: 15px;
      line-height: 10px;
      text-align: center; 
    }
    .cart-quantity .qty{ max-width: 30px; font-size: 1.125em;}

  }
  @media (max-width: 480px){
    .shopup-fb .fb--cart > .col-md-8{}
    .fb--control > .col-md-8{ margin-top: 40px;}

  }


  /* .RESET .shopup-fb ------------------------------------------------------- */

/* ----------------------------------------------------------------
    SHIPMENT
    -----------------------------------------------------------------*/

/*table {
  text-align: left;
  line-height: 40px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #e8e8e8;
  width: 80%;
  margin: 0px auto;
  border-radius: .25rem;
}

thead tr:first-child {
  background: #e8e8e8;
  color: #333;
  border: none;
}

th:first-child,
td:first-child {
  padding: 0 15px 0 20px;
}

thead tr:last-child th {
  border-bottom: 3px solid #ddd;
}

tbody tr:hover {
  background-color: #f2f2f2;
  cursor: default;
}

tbody tr:last-child td {
  border: none;
}

tbody td {
  border-bottom: 1px solid #ddd;
}

td:last-child {
  text-align: right;
  padding-right: 10px;
  }*/
  @font-face {
    font-family: 'DB_Helvethaica_X';
    src: url('../fonts/DB_Helvethaica_X/DB_Helvethaica_X.eot');
    src: local('☺'), url('../fonts/DB_Helvethaica_X/DB_Helvethaica_X.woff') format('woff'), url('../../themes/default/fonts/DB_Helvethaica_X/DB_Helvethaica_X.ttf') format('truetype'), url('../../themes/default/fonts/DB_Helvethaica_X/DB_Helvethaica_X.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'DB_Helvethaica_X_Light';
    src: url('../fonts/DB_Helvethaica_X_Light/DB_Helvethaica_X_Light.eot');
    src: local('☺'), url('../fonts/DB_Helvethaica_X_Light/DB_Helvethaica_X_Light.woff') format('woff'), url('../../themes/default/fonts/DB_Helvethaica_X_Light/DB_Helvethaica_X_Light.ttf') format('truetype'), url('../../themes/default/fonts/DB_Helvethaica_X_Light/DB_Helvethaica_X_Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'DB_Helvethaica_X_Med';
    src: url('../fonts/DB_Helvethaica_X_Med/DB_Helvethaica_X_Med.eot');
    src: local('☺'), url('../fonts/DB_Helvethaica_X_Med/DB_Helvethaica_X_Med.woff') format('woff'), url('../../themes/default/fonts/DB_Helvethaica_X_Med/DB_Helvethaica_X_Med.ttf') format('truetype'), url('../../themes/default/fonts/DB_Helvethaica_X_Med/DB_Helvethaica_X_Med.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/* ----------------------------------------------------------------
    BODY
    -----------------------------------------------------------------*/

    html {
      overflow-x: hidden !important;
    }

    body {
      color: #333;
      /*font-family: "DB_Helvethaica_X_Light", Helvetica, Arial, sans-serif;*/
      font-size: 22px;
      line-height: 24px;
      overflow-x: hidden;
      padding: 0 !important;
    }

/* ----------------------------------------------------------------
    SECTION
    -----------------------------------------------------------------*/

    section {
      padding: 30px 30px 30px 0;
      position: relative;
      z-index: auto;
      width: 100%;
      overflow: visible;
    }

/* ----------------------------------------------------------------
    TYPOGRAPHY HEADING STYLES
    -----------------------------------------------------------------*/

    h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
      color: #111;
      /*font-family: 'DB_Helvethaica_X_Light', sans-serif;*/
      font-weight: 600;
      line-height: 1.5;
      margin: 0 0 10px 0;
      text-rendering: optimizelegibility;
    }

    h1 {
      font-size: 36px;
    }

    h2 {
      font-size: 30px;
    }

    h3 {
      font-size: 24px;
    }

    h4 {
      font-size: 18px;
    }

    h5 {
      font-size: 14px;
    }

    h6 {
      font-size: 12px;
    }

    h4 {
      font-weight: 600;
    }

    h5,h6 {
      font-weight: bold;
      margin-bottom: 20px;
    }

    p,p.lead {
      color: #4b5050;
      margin-bottom: 10px;
    }

    p.lead {
      font-size: 36px;
      line-height: 40px;
    }

    strong {
      font-weight: bold;
      color: #333;
    }

/* ----------------------------------------------------------------
    STEPS
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    CARD
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    BUTTON
    -----------------------------------------------------------------*/

    .form .button.small {
      font-size: 20px;
      height: 36px;
      line-height: 24px;
      padding: 5px 20px;
      letter-spacing: 0px;
    }

    .form .button.small {
      color: #59bae7 !important;
      border-color: #59bae7;
      background: #fff;
      border-radius: 5px;
      border-width: 1.5px;
    }

    .form .button.small:hover {
      color: #fff !important;
      border-color: #59bae7;
      background: #59bae7;
    }

    .form .button {
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0px;
      line-height: 100%;
      margin: 10px 0;
      outline: 0 none;
      padding: 18px 36px;
      text-align: center;
    }

    .form .button i {
      font-size: 15px;
      margin-right: 10px;
      position: relative;
      top: 1px;
    }

    .button.green {
      background-color: #7dbc3e;
      border-color: #7dbc3e;
    }

    .button.green:hover {
      background-color: #59bae7;
      border-color: #59bae7;
    }

/* ----------------------------------------------------------------
    FORM
    -----------------------------------------------------------------*/

    .form {
      padding: 20px 30px;
      border-radius: 10px;
      border: 5px solid transparent;
      box-shadow: 0 6px 16px rgba(0,0,0,0.15);
      display: block;
      min-height: 300px;
      width: 100%;
      margin-bottom: 30px;
    }

    .form.form--personal,.form.form--summary {
      background: #fff;
    }

    .form.form--personal::after,.form.form--summary::after {
      content: "";
      display: table;
      clear: both;
    }

    .form--personal span.input-group-addon {
      width: 40px;
    }

    .form--personal .form-control {
      padding: 6px 18px;
    }

    .form--personal .input-group {
      position: relative;
      display: table;
      border-collapse: separate;
      width: 100%;
    }

    /* upload */

    /* seo */

    /* language */

    /* heading */

    /* reset form */

    .form-group {
      margin-bottom: 15px;
      display: table;
      width: 100%;
    }

    .form-group label {
      font-size: 18px;
      line-height: 20px;
      margin-top: 15px;
      text-align: right;
    }

    .form-control {
      border-radius: 4px;
      font-size: 20px;
    }

    .form-control:focus {
      border-color: #73b5e8;
    }

/* ----------------------------------------------------------------
    SUMMARY
    -----------------------------------------------------------------*/

    .form--summary .image img {
      border: 6px solid #f0f0f0;
    }

/* ----------------------------------------------------------------
  RESPONSIVE
  -----------------------------------------------------------------*/

  @media (max-width: 991px) {
    /* step 1 */

    /* step 2 */

    .form-group label {
      text-align: left;
    }

    .col-md-6 .col-md-6 {
      width: 100%;
    }
  }

  @media (max-width: 600px) {
    /* step 1 */

    /* step 2 */
  }

  @media (max-width: 480px) {
    p.lead {
      font-size: 32px;
      line-height: 40px;
    }

    /* step 1 */
  }

  /* iPhone 6 Plus */

  @media (max-width: 414px) {
    /* step 2 */

    /* step 3 */

    .form {
      padding: 20px 10px;
    }
  }

  /* iPhone 6 */

  @media (max-width: 375px) {
    /* step 1 */
  }

  /* Galaxy S5 */

  @media (max-width: 360px) {
    /* step 2 */

    /* step 3 */

    .form .button {
      padding: 18px 5px;
    }
  }

  /* iPhone 5 */

  @media (max-width: 320px) {
    /* step 1 */

    /* step 2 */

    .form {
      padding: 20px 10px;
    }
  }
/***********************************************************************
**                                          **
**         POLO Html5 Template                        **
**         Author: INSPIRO MEDIA                      **
**       URL: http://www.inspiro-media.com              **
**                                          **
************************************************************************


/* ----------------------------------------------------------------
    BODY
    -----------------------------------------------------------------*/

    html {
      overflow-x: hidden !important;
    }

    body {
      color: #333;
      /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
      font-size: 14px;
      line-height: 24px;
      overflow-x: hidden;
      padding: 0 !important;
    }

/* ----------------------------------------------------------------
    LAYOUT BOXED & WIDE
    -----------------------------------------------------------------*/

    @media (max-width: 479px) {
      .container {
        padding: 0 20px;
      }
    }

    /*Wide (default)*/

    body.wide .wrapper {
      width: 100%;
      margin: 0;
    }

    /*Boxed*/

    /* Responsive */

    @media (max-width: 479px) {
      body {
        font-size: 13px;
      }
    }

    a {
      color: #111;
      text-decoration: none !important;
    }

    a:focus {
      outline: none;
    }

    progress {
      display: inline-block;
      vertical-align: baseline;
    }

/* ----------------------------------------------------------------
    TYPOGRAPHY HEADING STYLES
    -----------------------------------------------------------------*/

    h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
      color: #111;
      /*font-family: 'Raleway', sans-serif;*/
      font-weight: 600;
      line-height: 1.5;
      margin: 0 0 10px 0;
      text-rendering: optimizelegibility;
    }

    h1 {
      font-size: 36px;
    }

    h2 {
      font-size: 30px;
    }

    h3 {
      font-size: 24px;
    }

    h4 {
      font-size: 18px;
    }

    h5 {
      font-size: 14px;
    }

    h6 {
      font-size: 12px;
    }

    h4 {
      font-weight: 600;
    }

    h5,h6 {
      font-weight: bold;
      margin-bottom: 20px;
    }

    p,p.lead {
      color: #696f6f;
      margin-bottom: 20px;
    }

/* ----------------------------------------------------------------
    Fonts
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  Logo
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    NAVIGATION MENU
    -----------------------------------------------------------------*/

/*
.navigation-wrap:before {
  background: #fbfbfb;
  border-bottom: 1px solid #eee;
  content: " ";
  height: 90px;
  left: -100%;
  position: absolute;
  top: 0;
  width: 300%;
  z-index: -1;
}

#header.header-dark:not(header-navigation-light) .navigation-wrap:before {
  background: #000;
  border-bottom: 1px solid #222;
  content: " ";
  height: 90px;
  left: -100%;
  position: absolute;
  top: 0;
  width: 300%;
  z-index: -1;
}
*/

/*labels*/

/*Menu items */

/*Menu dropdown menu items */

/*Menu dropdown submenu items */

/* Mega Menu */

/*RESPONSIVE MOBILE MENU*/

/*CENTERED MAIN MENU*/

/*Modern version*/

/*Slide menu version*/

/* ----------------------------------------------------------------
    SIDE PANEL
    -----------------------------------------------------------------*/

    /*  Main menu*/

/* ----------------------------------------------------------------
    SIDE PANEL: STATIC
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    SIDE PANEL: DARK
    -----------------------------------------------------------------*/

    /* ====================== lines button ==================================================*/

    .x {
      width: auto;
    }

    /*Fullscreen Panel*/

/* ----------------------------------------------------------------
    Vertical Dotted menu
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Shopping Cart
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Top Search
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: DARK
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: DARK
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER: TRANSPARENT
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: DARK TRANSPARENT
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: LIGHT TRANSPARENT
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: COLORED
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    HEADER: FULLWIDTH
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER: MODERN
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER: RIGHT
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER: CENTER
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER: MINI
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  HEADER DARK & LIGHT MENU
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
  Sticky Header
  -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    SLIDER
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    BOXED SLIDER
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    MULTISCROLL
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Page title
    -------------------------------------------------------------------------*/

    /*page header right*/

    /*page title center */

    /*page title pattern*/

    /*page title small */

    /*page title extended */

    /*page title video */

    /*Page title: transparent header*/

/* ----------------------------------------------------------------
    TOPBAR
    -----------------------------------------------------------------*/

    /*Social icons*/

    /*topbar dropdowns*/

    /*topbar form*/

    /*topbar fullwidth*/

    /*dropdown topbar transparent*/

    /*topbar transparent*/

/* ----------------------------------------------------------------
    Content
    -----------------------------------------------------------------*/

    #content {
      overflow: hidden;
      padding: 60px 0;
      position: relative;
    }

    #content .container {
      position: relative;
    }

/* ----------------------------------------------------------------
    Sidebar
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------------
SIDEBAR MENU
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Widgets
    -------------------------------------------------------------------------*/

    /*tags widget*/

    /*search widget*/

    /*archive widget*/

    /*flickr widget*/

    /*social widget*/

    /*newsletter widget*/

    /*search widget*/

    /*contact form*/

/* ----------------------------------------------------------------
    FOOTER
    -----------------------------------------------------------------*/

    /*Social icons*/

    /*Footer light version*/

    /*Footer dark version*/

/* ----------------------------------------------------------------
    GO TO TOP BUTTON
    -----------------------------------------------------------------*/

    .gototop-button {
      border-radius: 4px 0 0 4px;
      bottom: 110px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      line-height: 24px;
      padding: 8px 14px 9px;
      position: fixed;
      right: 0;
      z-index: 199;
    }

    .gototop-button:hover {
      opacity: 0.9;
    }

    .gototop-button:hover,.gototop-button:focus {
      color: #fff;
    }

    /*static*/

/* ----------------------------------------------------------------
    Misc
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    CSS UTILITY HELPERS
    -----------------------------------------------------------------*/

    .text-center {
      text-align: center !important;
    }

    .text-left {
      text-align: left !important;
    }

    .text-right {
      text-align: right !important;
    }

    .left {
      float: left !important;
    }

    .right {
      float: right !important;
    }

    .center {
      float: none;
      margin: 0 auto;
    }

/* ----------------------------------------------------------------
    PREDEFINED TEXT HELPERS
    -----------------------------------------------------------------*/

    .text-small {
      font-size: 16px !important;
      font-weight: 800;
      line-height: 1.1;
    }

    .text-green {
      color: #1FBBA6 !important;
    }

    .text-grey,.text-grey h1,.text-grey h2,.text-grey h3,.text-grey h4,.text-grey h5,.text-grey h6,.text-grey .lead,.text-grey p,.text-grey a:not(.button),.text-grey i,.text-grey li,.text-grey label {
      color: #ccc;
    }

    /*font weight*/

/* ----------------------------------------------------------------
    PREDEFINED MARGIN & PADDING CLASSES
    -----------------------------------------------------------------*/

    .no-margin {
      margin: 0px!important;
    }

    .m-b-0 {
      margin-bottom: 0px !important;
    }

    .m-b-5 {
      margin-bottom: 5px!important;
    }

    .m-b-10 {
      margin-bottom: 10px!important;
    }

    .m-b-15 {
      margin-bottom: 15px!important;
    }

    .m-b-20 {
      margin-bottom: 20px!important;
    }

    .m-b-25 {
      margin-bottom: 25px!important;
    }

    .m-b-30 {
      margin-bottom: 30px!important;
    }

    .m-b-35 {
      margin-bottom: 35px!important;
    }

    .m-b-40 {
      margin-bottom: 40px!important;
    }

    .m-b-50 {
      margin-bottom: 50px!important;
    }

    .m-b-60 {
      margin-bottom: 60px!important;
    }

    .m-b-70 {
      margin-bottom: 70px!important;
    }

    .m-b-80 {
      margin-bottom: 80px!important;
    }

    .m-b-90 {
      margin-bottom: 90px!important;
    }

    .m-b-100 {
      margin-bottom: 100px!important;
    }

    .m-b-150 {
      margin-bottom: 150px!important;
    }

    .m-b-200 {
      margin-bottom: 200px!important;
    }

    .m-t-0 {
      margin-top: 0px!important;
    }

    .m-t-5 {
      margin-top: 5px!important;
    }

    .m-t-10 {
      margin-top: 10px!important;
    }

    .m-t-15 {
      margin-top: 15px!important;
    }

    .m-t-20 {
      margin-top: 20px!important;
    }

    .m-t-25 {
      margin-top: 25px!important;
    }

    .m-t-30 {
      margin-top: 30px!important;
    }

    .m-t-35 {
      margin-top: 35px!important;
    }

    .m-t-40 {
      margin-top: 40px!important;
    }

    .m-t-50 {
      margin-top: 50px!important;
    }

    .m-t-60 {
      margin-top: 60px!important;
    }

    .m-t-70 {
      margin-top: 70px!important;
    }

    .m-t-80 {
      margin-top: 80px!important;
    }

    .m-t-90 {
      margin-top: 90px!important;
    }

    .m-t-100 {
      margin-top: 100px!important;
    }

    .m-0 {
      margin: 0px!important;
    }

    .m-5 {
      margin: 5px!important;
    }

    .m-10 {
      margin: 10px!important;
    }

    .m-15 {
      margin: 15px!important;
    }

    .m-20 {
      margin: 20px!important;
    }

    .m-25 {
      margin: 25px!important;
    }

    .m-30 {
      margin: 30px!important;
    }

    .m-35 {
      margin: 35px!important;
    }

    .m-40 {
      margin: 40px!important;
    }

    .m-50 {
      margin: 50px!important;
    }

    .m-60 {
      margin: 60px!important;
    }

    .m-70 {
      margin: 70px!important;
    }

    .m-80 {
      margin: 80px!important;
    }

    .m-90 {
      margin: 90px!important;
    }

    .m-100 {
      margin: 100px!important;
    }

    /*Margins*/

    .col-no-margin [class^="col-"] {
      margin: 0!important;
      padding: 0 !important;
    }

    .row.col-no-margin {
      margin: 0!important;
    }

    .p-0 {
      padding: 0px!important;
    }

    .p-5 {
      padding: 5px!important;
    }

    .p-10 {
      padding: 10px!important;
    }

    .p-15 {
      padding: 15px!important;
    }

    .p-20 {
      padding: 20px!important;
    }

    .p-25 {
      padding: 25px!important;
    }

    .p-30 {
      padding: 30px!important;
    }

    .p-35 {
      padding: 35px!important;
    }

    .p-40 {
      padding: 40px!important;
    }

    .p-50 {
      padding: 50px!important;
    }

    .p-60 {
      padding: 60px!important;
    }

    .p-70 {
      padding: 70px!important;
    }

    .p-80 {
      padding: 80px!important;
    }

    .p-90 {
      padding: 90px!important;
    }

    .p-100 {
      padding: 100px!important;
    }

    .p-b-0 {
      padding-bottom: 0px!important;
    }

    .p-b-5 {
      padding-bottom: 5px!important;
    }

    .p-b-10 {
      padding-bottom: 10px!important;
    }

    .p-b-15 {
      padding-bottom: 15px!important;
    }

    .p-b-20 {
      padding-bottom: 20px!important;
    }

    .p-b-25 {
      padding-bottom: 25px!important;
    }

    .p-b-30 {
      padding-bottom: 30px!important;
    }

    .p-b-35 {
      padding-bottom: 35px!important;
    }

    .p-b-40 {
      padding-bottom: 40px!important;
    }

    .p-b-50 {
      padding-bottom: 50px!important;
    }

    .p-b-60 {
      padding-bottom: 60px!important;
    }

    .p-b-70 {
      padding-bottom: 70px!important;
    }

    .p-b-80 {
      padding-bottom: 80px!important;
    }

    .p-b-90 {
      padding-bottom: 90px!important;
    }

    .p-b-100 {
      padding-bottom: 100px!important;
    }

    .p-b-110 {
      padding-bottom: 110px!important;
    }

    .p-b-120 {
      padding-bottom: 120px!important;
    }

    .p-b-130 {
      padding-bottom: 130px!important;
    }

    .p-b-140 {
      padding-bottom: 140px!important;
    }

    .p-b-150 {
      padding-bottom: 150px!important;
    }

    .p-b-200 {
      padding-bottom: 200px!important;
    }

    .p-t-0 {
      padding-top: 0px!important;
    }

    .p-t-5 {
      padding-top: 5px!important;
    }

    .p-t-10 {
      padding-top: 10px!important;
    }

    .p-t-15 {
      padding-top: 15px!important;
    }

    .p-t-20 {
      padding-top: 20px!important;
    }

    .p-t-25 {
      padding-top: 25px!important;
    }

    .p-t-30 {
      padding-top: 30px!important;
    }

    .p-t-35 {
      padding-top: 35px!important;
    }

    .p-t-40 {
      padding-top: 40px!important;
    }

    .p-t-50 {
      padding-top: 50px!important;
    }

    .p-t-60 {
      padding-top: 60px!important;
    }

    .p-t-70 {
      padding-top: 70px!important;
    }

    .p-t-80 {
      padding-top: 80px!important;
    }

    .p-t-90 {
      padding-top: 90px!important;
    }

    .p-t-100 {
      padding-top: 100px!important;
    }

    .p-t-110 {
      padding-top: 110px!important;
    }

    .p-t-120 {
      padding-top: 120px!important;
    }

    .p-t-130 {
      padding-top: 130px!important;
    }

    .p-t-140 {
      padding-top: 140px!important;
    }

    .p-t-150 {
      padding-top: 150px!important;
    }

    .p-t-200 {
      padding-top: 200px!important;
    }

    /*Border radious*/

    /*Floats*/

    .float-right {
      float: right !important;
    }

    .float-left {
      float: left !important;
    }

/* ----------------------------------------------------------------------
    Images
    -------------------------------------------------------------------------*/

    .img-thumbnail {
      border: 1px solid #eee;
      padding: 1px;
    }

/* ----------------------------------------------------------------------
Box shadow
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Posts (blog, etc)
    -------------------------------------------------------------------------*/

    /* blog light background */

    /* blog modern */

    /*post modern columns*/

    /*post modern columns*/

    /* blog thumbnail */

    /*post image*/

    /*post columns*/

    /*post 2 columns*/

    /*post 3 columns*/

    /*post 4 columns*/

    /*post 5 columns*/

    /*post block*/

/* ----------------------------------------------------------------------
    Comments
    -------------------------------------------------------------------------*/

    .comment {
      margin-top: 40px;
      margin-bottom: 20px;
    }

    .comment .media-body {
      border: 1px solid #eee;
      border-radius: 4px;
      padding: 20px;
    }

/* ----------------------------------------------------------------------
  NEWS SECTIONS
  -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
   GRID ARTICLE BOXES
   -------------------------------------------------------------------------*/

   /*with space*/

/* ----------------------------------------------------------------------
    POST NEWS THUMBNAIL BOXES 
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    NEWS MARKETING BOX
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    NEWS MARKETING BOX
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    DEMO GRID
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    PAGE 404
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
  PAGE LOADER
  -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Bootstrap row colums fixes
    -----------------------------------------------------------------*/

    @media (min-width:992px) {
      .row .col-md-4:nth-child(3n+4) {
        clear: right;
      }
    }

    @media (min-width:1200px) {
      .row .col-md-2:nth-child(6n+7),  .row .col-md-1:nth-child(12n+13) {
        clear: right;
      }
    }

    @media (min-width: 480px) and (max-width: 991px) {
      .row .col-md-6:nth-child(2n+3),  .row .col-md-4:nth-child(2n+3),  .row .col-md-3:nth-child(2n+4) {
        clear: left;
      }

      .col-md-1,  .col-md-2,  .col-md-3,  .col-md-4 {
        clear: right !important;
        float: left;
        margin-right: 0;
        width: 49.99%;
      }

      .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-19,  .col-md-11,  .col-md-12 {
        width: 100%;
      }

      .col-md-6 .col-md-6 {
        clear: right;
        float: left;
        margin-right: 0;
        width: 50%;
      }
    }

/* ----------------------------------------------------------------
    Bootstrap row colums fixes
    -----------------------------------------------------------------*/

/*
.row .col-xs-4:nth-child(3n+4),
.row .col-xs-3:nth-child(4n+5),
.row .col-xs-2:nth-child(6n+7),
.row .col-xs-1:nth-child(12n+13) {
    clear: left
}
@media(min-width:768px) {
    .row .col-xs-6:nth-child(2n+3),
    .row .col-xs-4:nth-child(3n+4),
    .row .col-xs-3:nth-child(4n+5),
    .row .col-xs-2:nth-child(6n+7),
    .row .col-xs-1:nth-child(12n+13) {
        clear: none
    }
}
@media(min-width:992px) {
    .row .col-sm-6:nth-child(2n+3),
    .row .col-sm-3:nth-child(4n+5),
    .row .col-sm-2:nth-child(6n+7),
    .row .col-sm-1:nth-child(12n+13) {
        clear: left;
    }
    .row .col-md-4:nth-child(3n+4) {
        clear: left;
    }
}
@media(min-width:1200px) {
    .row .col-md-2:nth-child(6n+7),
    .row .col-md-1:nth-child(12n+13) {
        clear: right;
    }
    .row .col-lg-6:nth-child(2n+3),
    .row .col-lg-4:nth-child(3n+4),
    .row .col-lg-3:nth-child(4n+5),
    .row .col-lg-2:nth-child(6n+7),
    .row .col-lg-1:nth-child(12n+13) {
        clear: left
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .row .col-md-6:nth-child(2n+3),
    .row .col-md-4:nth-child(2n+3),
    .row .col-md-3:nth-child(2n+4),
    .row .col-lg-6:nth-child(2n+3),
    .row .col-lg-4:nth-child(3n+4),
    .row .col-lg-3:nth-child(4n+5),
    .row .col-lg-2:nth-child(6n+7),
    .row .col-lg-1:nth-child(12n+13) {
        clear: left;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4 {
        clear: none;
        float: left;
        margin-right: 0;
        width: 49.99%;
    }
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-19,
    .col-md-11,
    .col-md-12 {
        width: 100%;
    }
    }*/

/* ----------------------------------------------------------------
    Scrolldown icon animation
    -----------------------------------------------------------------*/

    @keyframes scrolldown-keyframes {
      0%, 100% {
        transform: translateY(-8px);
      }

      50% {
        transform: translateY(0px);
      }
    }

    @keyframes scrolldown-keyframes {
      0%, 100% {
        transform: translateY(-8px);
      }

      50% {
        transform: translateY(0px);
      }
    }

    /*animated background*/

    @keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      100% {
        background-position: -3000px 0;
      }
    }

    @keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      100% {
        background-position: -3000px 0;
      }
    }

    /*image block*/

    /*hero headings*/

    /*hero heading 2*/

    /*hero heading 3*/

    /*working-hours list*/

    /*price menu list*/
/***********************************************************************
**                                          **
**         POLO Html5 Template                        **
**         Author: Ardian Musliu                      **
**       URL: http://www.inspiro-media.com              **
**                                          **
************************************************************************


/* ----------------------------------------------------------------------
  Accordion & Toggles
  -------------------------------------------------------------------------*/

  /*clean*/

  /*border*/

  /*radius*/

  /*fancy*/

  /*fancy clean*/

  /*fancy radius*/

  /*color*/

  /*Accordion Transparent*/

/* ----------------------------------------------------------------------
  Alert Messages
  -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
  Buttons
  -------------------------------------------------------------------------*/

  .button + .button {
    margin-right: 8px;
    margin-bottom: 12px;
  }

  .button {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 100%;
    margin: 10px 0;
    outline: 0 none;
    padding: 18px 36px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid #ccc;
  }

  .button:hover:not,a.button:hover {
    opacity: 0.8;
  }

  button:focus {
    outline: 0;
  }

  /*Button icons*/

  .button i {
    font-size: 15px;
    margin-right: 10px;
  }

  .button.icon-left i {
    margin-right: 10px;
  }

  .button.icon-right i {
    margin-left: 10px;
    margin-right: 0;
  }

  .button.small {
    font-size: 10px;
    height: 28px;
    line-height: 24px;
    padding: 0 14px;
  }

  .button.small i {
    font-size: 11px;
    margin-right: 6px;
  }

  .button.small.icon-left i {
    margin-right: 6px;
  }

  .button.small.icon-right i {
    margin-left: 6px;
    margin-right: 0;
  }

  /*3d buttons*/

  /*Border buttons*/

  /*Transparent*/

  /*Colors*/

  .button.green {
    border-color: #000;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  }

  .button.green {
    background-color: #77A600;
    border-color: #6e9a00;
  }

  /*Effects*/

  .button {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
  }

  /*Effect icon left*/

  /*Effect Small buttons*/

  /*Effect icon right*/

  /*Effect Small buttons*/

  /*Effect icon top*/

  /*Effect Small buttons*/

  /*Effect large buttons*/

  /*Effect icon bottom*/

  /*Effect Small buttons*/

  /*Effect Large buttons*/

  /*Effect fill verical*/

  /*Effect fill horizontal*/

  /*Effect fill*/

  /*aqua effect fill-vertical*/

  /*aqua effect fill-horizontal*/

  /*aqua effect fill*/

  /*transparent effect fill-vertical*/

  /*transparent effect fill*/

  /*Read more button*/

/* ----------------------------------------------------------------------
Headings
-------------------------------------------------------------------------*/

/*Heading fancy*/

/*Heading line*/

/* ----------------------------------------------------------------------
    Heading Jumbo
    -------------------------------------------------------------------------*/

    /*HR TITLE*/

    /* Heading */

    /*heading light*/

    /*hero headings*/

/* ----------------------------------------------------------------------
Tabs
-------------------------------------------------------------------------*/

/*Options*/

/*line triangle*/

/*Responsive */

/* ----------------------------------------------------------------------
SOCIAL ICONS
-------------------------------------------------------------------------*/

/*Colored*/

/* Border */

/* Dark */

/* Light */

/* Rounded */

/* Medium Size */

/* Large Size */

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

/* ----------------------------------------------------------------------
Icon Box
-------------------------------------------------------------------------*/

.icon {
  margin-bottom: 16px;
}

/* Effect default */

/* Icon Box - small */

/* Icon Box - medium */

/* Icon Box - large */

/* Icon Box - Right */

/* Icon Box - Center */

/* Icon Box - Border */

/* Icon Box - Square */

/* Icon Box - Light */

/* Icon Box - Fancy */

/* Icon Box - Clean */

/* Icon Box - process */

/* Icon Box - box type */

/* ----------------------------------------------------------------------
Image Boxes
-------------------------------------------------------------------------*/

.col-no-margin [class*="col-"] {
  margin: 0;
}

.col-no-margin {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/*circle image*/

/*Image box Card*/

/* Individual effects */

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

/***** dia *****/

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

/*.image-box.effect.dia p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }*/

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

    /***** juna *****/

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

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

    /***** resa *****/

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

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

    /***** alea *****/

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

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

    /***** ariol *****/

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

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

    /***** dorian *****/

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

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

    /***** Emma *****/

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

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

    /***** victor *****/

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

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

    /***** erdi *****/

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

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

    /***** tini *****/

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

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

    /***** bleron *****/

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

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

    /***** social-links *****/

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

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

    /***** Retro *****/

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

/* ----------------------------------------------------------------
Carousels
-----------------------------------------------------------------*/

/*Half size height slider*/

.owl-bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/*slider title and content*/

/*carousel video*/

/* ----------------------------------------------------------------
Carousel Nav
-----------------------------------------------------------------*/

/*dot nav*/

/*owl dots top*/

/*owl nav*/

/*team carousel*/

/*nav team carousel*/

/*carousel fixes*/

/* ----------------------------------------------------------------------
Font Awesome Icons
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Counters
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
  Text box
  -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Countdown timer
-------------------------------------------------------------------------*/

/*circle style*/

/*rectangle style*/

/*medium size*/

/*small size*/

/*Light & Dark*/

/* ----------------------------------------------------------------------
ProgressBar
-------------------------------------------------------------------------*/

.progress-title {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  text-align: left;
}

.progress-title > i {
  margin-right: 8px;
}

/*radius style*/

/*title-up style*/

/*medium size*/

/*small size*/

/*progress bar no-bg*/

/*progrerss extra small*/

/*transparent progrerss bar*/

/* Colors */

/* ----------------------------------------------------------------------
Pie charts
-------------------------------------------------------------------------*/

/*transparent*/

/* ----------------------------------------------------------------------
Horisontal Rules
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Seperator
    -------------------------------------------------------------------------*/

    .seperator {
      color: #ccc;
      width: 100%;
      /*margin: 30px auto;*/
      overflow: hidden;
      text-align: center;
      line-height: 1.2em;
    }

    .seperator::before,.seperator::after {
      border-bottom: 1px solid #eee;
      content: "";
      display: inline-block;
      height: 0.65em;
      margin: 0 -4px 0 -100%;
      vertical-align: top;
      width: 50%;
    }

    .seperator.seperator-grey::before,.seperator.seperator-grey::after {
      border-bottom: 1px solid #ccc;
    }

    .seperator::after {
      margin: 0 -100% 0 0;
    }

    .seperator i {
      font-size: 18px;
    }

    .seperator i,.seperator span,.seperator a {
      margin: 0 20px 0 24px;
      display: inline-block;
    }

    /*dotted style*/

    /*seperator left icon*/

    .seperator.seperator-left {
      float: left;
      margin: 2px 36px 0 0;
    }

    .seperator.left i {
      float: left;
      margin: 2px 36px 0 0;
    }

    /*seperator right icon*/

    .seperator.right i {
      float: right;
      margin: 0 0 2px 36px;
    }

    /*seperator bold*/

    /*seperator sizes*/

    .seperator.seperator-small {
      width: 10%;
      margin: 5px auto;
    }

    .text-seperator {
      background-color: #111;
      display: block;
      height: 4px;
      margin: 20px 0;
    }

    .text-seperator-small {
      width: 10%;
    }

    .seperator.seperator-image:before,.seperator.seperator-image:after {
      border: 0;
    }

    .seperator.seperator-image {
      background-position: center center;
      background-repeat: repeat-x;
      margin: 0;
      padding: 0;
    }

/* ----------------------------------------------------------------------
Blockquotes
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/

.form-control {
  border-radius: 0;
  box-shadow: none;
  height: auto;
  line-height: 1.33333;
  padding: 12px 18px;
}

.form-control:focus {
  box-shadow: none;
}

.form-control,.input-group-addon {
  border: 2px solid #ebebeb;
}

.form-group label {
  color: #444;
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 13px;
}

.form-inline button {
  margin: 0px;
}

.form-group > label {
  display: block;
}

.form-control::-moz-placeholder {
  color: #bbbbbb;
}

.form-control::-ms-input-placeholder {
  color: #bbbbbb;
}

.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}

/*form select*/

select {
  border: 1px solid #e3e3e3;
  color: #777;
  cursor: pointer;
  display: block;
  line-height: 14px;
  max-width: 100%;
  min-width: 100%;
  padding: 14px;
}

/* ----------------------------------------------------------------------
 Reservation form
 -------------------------------------------------------------------------*/

 /*reservation form style 2*/

/* ----------------------------------------------------------------------
Labels & Badgets
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Lightbox
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Lists
-------------------------------------------------------------------------*/

dl,ul {
  padding-bottom: 0;
  padding-left: 20px;
}

/*

ul.icon-list,
ol.icon-list,
ul.list,
ol.list {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    list-style: none;
    padding-left: 0;
}
*/

/* ----------------------------------------------------------------------
Maps
-------------------------------------------------------------------------*/

.map {
  width: 100%;
  height: 100%;
  min-height: 370px;
}

/* ----------------------------------------------------------------------
Pagination & Pager
-------------------------------------------------------------------------*/

/*pagination simple style*/

/*pagination fancy style*/

/*pagination rounded style*/

/*PAGER*/

/*navigations*/

/* ----------------------------------------------------------------------
Sections
-------------------------------------------------------------------------*/

section {
  padding: 80px 0;
  position: relative;
  z-index: auto;
  width: 100%;
  overflow: hidden;
}

/* ----------------------------------------------------------------------
Panels
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Breadcrumbs
-------------------------------------------------------------------------*/

/*fancy style*/

/*radius breadcrumb*/

/* ----------------------------------------------------------------------
Nav & Navbar
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Jumbotron (call to action)
    -------------------------------------------------------------------------*/

    /*jumbotron styles */

    /*jumbotron sizes*/

    /*jumbotron positions*/

/* ----------------------------------------------------------------------
Tooltips & Popover
-------------------------------------------------------------------------*/

/* Popovers */

/* ----------------------------------------------------------------------
    Modal
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    Clients Logo
    -------------------------------------------------------------------------*/

    /*client options*/

    /*carousel logo*/

    /*Clients Responsive li*/

/* ----------------------------------------------------------------------
Dropcat & Highlight
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
ISOTOPE MASONRY
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
PRICING TABLE
-------------------------------------------------------------------------*/

/*colored*/

/*transparent*/

/*full-width section grey*/

/*responsive*/

/* ----------------------------------------------------------------------
TESTIMONIALS
-------------------------------------------------------------------------*/

/*carousel*/

/*video button*/

/*options*/

/*card*/

/*transparent*/

/*simple*/

/*Left aligned*/

/* ----------------------------------------------------------------------
TIMELINE
-------------------------------------------------------------------------*/

/*.timeline li:not(.timeline-date) {
  margin-top: -36%;
}
body.device-sm .timeline li:not(.timeline-date) {
  margin-top: -52%;
  }*/

  /** panel arrows **/

  /*Responsive*/

/* ----------------------------------------------------------------------
    Portfolio
    -------------------------------------------------------------------------*/

    /*portfolio options*/

    /*columns*/

/* Portfolio - Filter
-----------------------------------------------------------------*/

/*Responsive filter*/

/*Portfolio Filter Classic */

/* ----------------------------------------------------------------------
    Portfolio page
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
Portfolio Carousel
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Text Rotater
    -----------------------------------------------------------------*/

    /*MISC*/

    .text-center a .title,.text-right a .title {
      width: 100%;
      left: 0;
    }

    .text-right a .title {
      left: auto;
      right: 30px;
      width: 100%;
    }

    /*MISC 2*/

/* ----------------------------------------------------------------------
Responsive utilities
-------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
  SHOP
  -------------------------------------------------------------------------*/

  .product {
    margin-bottom: 40px;
    position: relative;
    display: block;
  }

  .product .product-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .product .product-image > a,.product .product-image img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .product .product-image > a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .product .product-image > a:nth-of-type(2) {
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    position: absolute;
  }

  .product .product-image:hover > a:nth-of-type(2) {
    opacity: 1;
    z-index: 2;
  }

  .product-title {
    min-height: 35px;
    width: 74%;
  }

  .product .product-title h3,.product .product-title h3 a {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
  }

  .product .product-price {
    width: 26%;
    float: right;
    margin-bottom: 0;
    margin-top: -26px;
    text-align: right;
  }

  /*Shop 6 columns*/

  /*Shop categories (boxes)*/

  /*Shop Cart*/

  .cart-product-quantity .minus,.cart-product-quantity .plus {
    border: 1px solid #eee;
    margin: 0 -4px;
    padding: 5px 12px;
  }

  .cart-product-quantity .qty {
    border: 1px solid #eee;
    max-width: 40px;
    padding: 5px;
    text-align: center;
  }

  /*Shop product Page*/

  .product .comment {
    margin-top: 20px;
  }

  /*Shop widget*/

/*

        .twitter-widget ul {
            margin: 0;
            padding: 0;
        }
        
        .twitter-widget li {
            list-style: none;
            clear: both;
        }
        
        .twitter-widget li img,
        .twitter-widget li .tweets_txt {
            float: left;
            margin-bottom: 10px;
        }
        
        .twitter-widget li img {
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }
        
        .twitter-widget li .tweets_txt {
            width: 350px;
            margin-left: 10px;
        }
        
        .twitter-widget li .tweets_txt span {
            font-style: italic;
            color: #666;
            display: block;
        }
        */

        /*shop box*/

/* ----------------------------------------------------------------------
  LARGE BOXES
  -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------
    SITE MAP
    -------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
    ANIMATIONS
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    YT PLAYER (YOUTUBE PLAYER)
    -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    INSPIRO SLIDER
    -----------------------------------------------------------------*/

    /*slider nav arrows*/

    /*slider nav dots*/
/* ----------------------------------------------------------------
  Responsive CSS
  -----------------------------------------------------------------*/

/*
Large devices
Desktops (≥1200px) 
*/

/*
Medium devices
Desktops (≥992px)
*/

@media (max-width: 991px) {
  .wrapper {
    width: 100%;
    margin: 0;
  }

  /*  Main menu*/

  /*Slide menu version*/

  /*dropdown*/

  /*Side panel*/

  /*  static side panel*/

  /*  page title*/

  /*  post columns*/

  .p-t-200 {
    padding-top: 80px !important;
  }

  .p-b-200 {
    padding-bottom: 80px !important;
  }

  /*  Grid post*/

  /*  hide news ticker*/

  /*  widgets*/

  /* shop*/

  /*    maps*/

  .map {
    min-height: 240px;
  }

  /*helper classes*/

  /*    inspiro slider*/
}

/*
Small devices
Tablets (≥768px)
*/

@media (max-width: 767px) {
  .wrapper {
    width: 100% !important;
  }

  .col-md-1,  .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-md-19,  .col-md-11,  .col-md-12 {
    clear: left;
    width: 100%;
  }

  /* helper classes*/

  section {
    padding: 40px 0;
  }

  /*helper classes*/

  /*    inspiro slider*/
}

@media (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 470px !important;
  }

  /*  post columns*/

  /*  TYPOGRAPHY*/
}

@media (max-width: 479px) {
  .container {
    width: 100% !important;
  }

  /*  Grid post*/

  /*  post columns*/

  /*  blog*/

  /*  footer*/

  /*****SHORTCODES *****/

  /*countdown*/

  /*  TYPOGRAPHY*/

  /*multiscroll*/
}/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7a12dd8f9be0c279fc99)
 * Config saved to config.json and https://gist.github.com/7a12dd8f9be0c279fc99
 */

 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

 html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

section,summary {
  display: block;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

[hidden],template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,a:hover {
  outline: 0;
}

b,strong {
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

small {
  font-size: 80%;
}

img {
  border: 0;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,input,select {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,  *:before,  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="#"]:after,  a[href^="javascript:"]:after {
    content: "";
  }

  thead {
    display: table-header-group;
  }

  tr,  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,  h2,  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,  h3 {
    page-break-after: avoid;
  }

  select {
    background: #fff !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,  .table th {
    background-color: #fff !important;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

input,button,select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.img-responsive,.thumbnail>img,.thumbnail a>img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

[] {
  cursor: pointer;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

h1,.h1,h2,.h2,h3,.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
  font-size: 65%;
}

h4,.h4,h5,.h5,h6,.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
  font-size: 75%;
}

h1,.h1 {
  font-size: 36px;
}

h2,.h2 {
  font-size: 30px;
}

h3,.h3 {
  font-size: 24px;
}

h4,.h4 {
  font-size: 18px;
}

h5,.h5 {
  font-size: 14px;
}

h6,.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width:768px) {
  .lead {
    font-size: 21px;
  }
}

small,.small {
  font-size: 85%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul {
  margin-bottom: 0;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width:768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

code {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.shopup-fb .container { width: 100%; }

/*@media (min-width:768px) { .container {width: 100%;} } */
/*@media (min-width:992px) { .container { width: 100%;} }*/
/*@media (min-width:1200px) { .container {width: 100%;} }*/

.row { margin-left: -15px; margin-right: -15px;}

.col-md-1,.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-md-10,.col-md-11,.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width:992px) {
  .col-md-1,  .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-md-10,  .col-md-11,  .col-md-12 { float: left;}

  .col-md-12 { width: 100%;}
  .col-md-11 { width: 91.66666667%;}
  .col-md-10 { width: 83.33333333%;}
  .col-md-9 { width: 75%;}
  .col-md-8 { width: 66.66666667%;}
  .col-md-7 { width: 58.33333333%;}
  .col-md-6 { width: 50%;}
  .col-md-5 { width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table>thead>tr>th,.table>tbody>tr>th,.table>thead>tr>td,.table>tbody>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.table>tbody+tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td {
  padding: 5px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th {
  background-color: #f5f5f5;
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th {
  background-color: #d9edf7;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width:767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive>.table {
    margin-bottom: 0;
  }

  .table-responsive>.table>thead>tr>th,  .table-responsive>.table>tbody>tr>th,  .table-responsive>.table>thead>tr>td,  .table-responsive>.table>tbody>tr>td {
    white-space: nowrap;
  }
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],select[size] {
  height: auto;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control[disabled],.form-control[readonly] {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled] {
  cursor: not-allowed;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type="date"],  input[type="time"],  input[type="datetime-local"],  input[type="month"] {
    line-height: 34px;
  }
}

.form-group {
  margin-bottom: 15px;
}

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

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

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

.checkbox+.checkbox {
  margin-top: -5px;
}

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

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

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

@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 .input-group {
    display: inline-table;
    vertical-align: middle;
  }

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

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

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

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

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

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

.form-horizontal .checkbox,.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width:768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.open>a {
  outline: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon,.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,.input-group-addon:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,.input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.label:hover,a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,.label-info[href]:focus {
  background-color: #31b0d5;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.thumbnail>img,.thumbnail a>img {
  margin-left: auto;
  margin-right: auto;
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
  border-color: #337ab7;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-right {
  padding-left: 10px;
}

.media-left {
  padding-right: 10px;
}

.media-left,.media-right,.media-body {
  display: table-cell;
  vertical-align: top;
}

.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after,.container:after,.row:after,.form-horizontal .form-group:after {
  clear: both;
}

.cart-remove a i {
  color:#000000 !important; 
}
@media screen and (max-width:736px) {
  .table-responsive {
    width: 100%;
    border: none;
  }
  .shopup-fb .content-product-list {
    padding: 0px !important;
    box-shadow: none;
    border: none;
  }
}




/* RESET fb--cart */
.fb--process{ margin-bottom: }
.shopup-fb .fb--cart .title h2{ font-size: 1.75em; color: #555;}
.fb--cart table thead{
  background: #f7f9f8;
  color: #939497;
  font-weight: normal;
}
.table>thead>tr>th{ border-bottom: 1px solid #ddd;}

.fb--control .sleft p{ font-size: 16px;}
.fb--summary .table>tbody>tr:nth-child(even){ background: #f8f8f8;}
.fb--summary .table>tbody>tr:nth-child(odd){ background: #fff;}
.shopup-fb .button.btn-shopping-cart{
  display: inline-block;
  width: auto;
  font-size: 1.125em;
  font-weight: normal;
  padding: 10px 25px !important;
  float: right;
  margin-top: 20px;
  height: auto;
  line-height: normal;
}
.shopup-fb .button.btn-shopping-cart:hover{
  background-color: #62b944;
  border-color: #62b944;
  color: #fff
}


.fb--shipping .content, .fb--confirm .content{ border: none;}
.fb--cart .title, .fb--confirm .title{ margin-bottom: 20px;}
.fb--cart .title h2, .fb--confirm .title h2{
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0 10px 0;
  background: #f7f7f7;
  font-size: 1.525em;
  color: #646464;
  margin: 0;
}
.fb--confirm .content label{ 
  font-size: 1.125em;
  font-weight: normal;
  color: #555;
}
.fb--confirm .content{ margin-bottom: 10px;}



/*===========Responsive===========*/
@media (max-width: 768px){
  .cart-thumbnail img{ max-width: 50px;}
  .cart-thumbnail .cart-thumbnail-name p{ }
}
@media (max-width: 415px){
  .cart-quantity .qty{ max-width: 25px; font-size: 1.125em;}
  .cart-thumbnail .cart-thumbnail-name, 
  .cart-thumbnail .cart-thumbnail-name p{
    width: 100px;
    word-break: break-all !important;
    overflow: scroll;
    display: block;
  }
  .shopup-fb .table>tbody>tr>td.cart-subtotal{ padding: 0 8px;}
}
@media (max-width: 375px){
  .cart-thumbnail .cart-thumbnail-name{ max-width: 80px;}
}
@media (max-width: 321px){}