.stretched-row{
  /*background-color: #f9f9f9 !important;
  border-bottom: 1px solid #eee !important;*/
}

.site-header.header-v10 .navbar-primary .nav > li > a{
  color: #191919 !important;
  letter-spacing: 0px;
  font-family: 'Prompt', sans-serif;
}

.navbar-search input[type="text"]{
  padding: 10px !important;
}

.btn-secondary{
  border-color: #ea3d3e !important;
}

.btn-info{
  border-color: #ea3d3e !important; 
}
.btn-signin-withfacebook{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #6278af;
}
.btn-signin-withfacebook:hover{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #405384;
}
.btn-signin-withemail{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
}
.btn-signin-withemail:hover{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
  background-color: #F79F24;
}
.btn-signinemail{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
}
.btn-signinemail:hover{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
  border: 1px solid #3E588F;
  background-color: #FFF;
}

.btn-signup{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
  background-color: #F79F24;
}
.btn-signup:hover{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#000;
  background-color: #FF8F56;
}

.btn-forgetpassword{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #E20049;
}
.btn-forgetpassword:hover{
  margin: 0 auto;
  margin-bottom: 10px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #C02727;
}
.btn-signup-submit{
  font-size: 20px;
  margin: 0 auto;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #0B5269;
}
.btn-signup-submit:hover{
  margin: 0 auto;
  font-size: 20px;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #000;
}

.btn-submit{
  margin: 0 auto;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #0B5269;
}
.btn-submit:hover{
  margin: 0 auto;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #000;
}

.btn-submit-password{
  margin: 0 auto;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #0B5269;
}
.btn-submit-password:hover{
  margin: 0 auto;
  margin-bottom: 0px;
  width:100%;
  padding: 10px;
  border-radius: 0px;
  color:#FFF;
  background-color: #000;
}

.input-email{
  margin: 0 auto;
  border: 1px solid #333;
  border-radius: 0px;
}
.input-password{
  margin: 0 auto;
  border: 1px solid #333;
  border-radius: 0px;
}
.input-name{
  margin: 0 auto;
  border: 1px solid #333;
  border-radius: 0px;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified .btn, .btn-group-justified .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified .btn .btn, .btn-group-justified .btn-group .btn {
  width: 100%;
}

.btn-group-justified .btn .dropdown-menu, .btn-group-justified .btn-group .dropdown-menu {
  left: auto;
}
.btn-secondary {
    background-color: #ea3d3e!important;
    color: #fff!important;
}

/*********************************************************************/
.btn-outline{
  margin: 0 auto;
  margin-right: 10px;
  position: relative;
  padding: 10px;
  border: 1px solid #eee;
}
.btn-outline:hover{
  margin: 0 auto;
  margin-right: 10px;
  position: relative;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #FF8F56;
}

.btn-outline-front{
  margin: 0 auto;
  margin-right: 10px;
  position: relative;
  padding: 10px;
  color:#000;
}
.btn-outline-front:hover{
  margin: 0 auto;
  margin-right: 10px;
  position: relative;
  padding: 10px;
  color:#000;
  background-color: #fff;
}


/* checkbox-group */
.checkbox-group-shippingtype {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #c69a17;
}

.checkbox-group-shippingtype input[type=checkbox] {
  display: none;
}

.checkbox-group-shippingtype label {
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #191919;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.checkbox-group-shippingtype label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.12s;
  -moz-transition-duration: 0.12s;
  transition-duration: 0.12s;
}

.checkbox-group-shippingtype label .box {
  background: #f7f8fa;
  height: 17px;
  width: 17px;
  z-index: 9;
  margin-top: 2px;
  border: 1px solid #cdcdcd;
}

.checkbox-group-shippingtype label .check {
  /*top: 2px;*/
  left: 3px;
  opacity: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #c69a17;
  width: 17px;
  height: 17px;
  line-height: 1;
}

.checkbox-group-shippingtype label .check:before {
  content: "\ea11";
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  position: relative;
  left: 1px;
  top: 1px;
  font-family: "supermarketregular";
  font-style: normal;
  font-weight: 400;
}

.checkbox-group-shippingtype:hover label {
  color: #fff;
}


/* checkbox-group */
.checkbox-group-paymenttype {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #c69a17;
  width: 100%;
}

.checkbox-group-paymenttype input[type=checkbox] {
  display: none;
}

.checkbox-group-paymenttype label {
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #191919;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.checkbox-group-paymenttype label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.12s;
  -moz-transition-duration: 0.12s;
  transition-duration: 0.12s;
}

.checkbox-group-paymenttype label .box {
  background: #f7f8fa;
  height: 17px;
  width: 17px;
  z-index: 9;
  margin-top: 2px;
  border: 1px solid #cdcdcd;
}

.checkbox-group-paymenttype label .check {
  /*top: 2px;*/
  left: 3px;
  opacity: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #c69a17;
  width: 17px;
  height: 17px;
  line-height: 1;
}

.checkbox-group-paymenttype label .check:before {
  content: "\ea11";
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  position: relative;
  left: 1px;
  top: 1px;
  font-family: "supermarketregular";
  font-style: normal;
  font-weight: 400;
}

.checkbox-group-paymenttype:hover label {
  color: #fff;
}

.bank-group{
  position: relative;
  padding: 5px;
  border: 1px solid #eee;
  display: grid;
  width: 100%;
}

.bank-box{

}

.bank_radio{
  position: absolute;
  top: 30px;
}

.bank_icon{
  width: 70px;
  height: 70px;
  margin-left: 20px;
}

.detail-bank{
  display: table;
  margin-left: 100px;
  top: 5px;
  position: absolute;
}

/*========================================*/
.sw-main {
  position: relative;
  display: block;
  margin: 0;
  padding: 0
}

.sw-main .sw-container {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative
}

.sw-main .step-content {
  display: none;
  position: relative;
  margin: 0
}

.sw-main .sw-toolbar {
  margin-left: 0
}

.sw-theme-default {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

.sw-theme-default .sw-container {
  min-height: 300px
}

.sw-theme-default .step-content {
  padding: 10px;
  border: 0 solid #d4d4d4;
  background-color: #FFF;
  text-align: left
}

.sw-theme-default .sw-toolbar {
  background: #f9f9f9;
  border-radius: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0 !important
}

.sw-theme-default .sw-toolbar-top {
  border-bottom-color: #ddd !important
}

.sw-theme-default .sw-toolbar-bottom {
  border-top-color: #ddd !important
}

.sw-theme-default>ul.step-anchor>li>a, .sw-theme-default>ul.step-anchor>li>a:hover {
  border: none !important;
  color: #bbb;
  text-decoration: none;
  outline-style: none;
  background: transparent !important;
  border: none !important
}

.sw-theme-default>ul.step-anchor>li.clickable>a:hover {
  color: #4285f4 !important;
  background: transparent !important
}

.sw-theme-default>ul.step-anchor>li>a::after {
  content: "";
  background: #4285f4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 250ms ease 0s;
  transform: scale(0)
}

.sw-theme-default>ul.step-anchor>li.active>a {
  border: none !important;
  color: #4285f4 !important;
  background: transparent !important
}

.sw-theme-default>ul.step-anchor>li.active>a::after {
  transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.done>a {
  border: none !important;
  color: #000 !important;
  background: transparent !important
}

.sw-theme-default>ul.step-anchor>li.done>a::after {
  background: #5cb85c;
  transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.danger>a {
  border: none !important;
  color: #d9534f !important;
  background: transparent !important
}

.sw-theme-default>ul.step-anchor>li.danger>a::after {
  background: #d9534f;
  transform: scale(1)
}

.sw-theme-default>ul.step-anchor>li.disabled>a, .sw-theme-default>ul.step-anchor>li.disabled>a:hover {
  color: #eee !important
}

@-webkit-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1)
  }

  50% {
    transform: rotate(180deg) scale(1.1)
  }

  100% {
    transform: rotate(360deg) scale(1)
  }
}

@-moz-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1)
  }

  50% {
    transform: rotate(180deg) scale(1.1)
  }

  100% {
    transform: rotate(360deg) scale(1)
  }
}

@-o-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1)
  }

  50% {
    transform: rotate(180deg) scale(1.1)
  }

  100% {
    transform: rotate(360deg) scale(1)
  }
}

@keyframes ld {
  0% {
    transform: rotate(0deg) scale(1)
  }

  50% {
    transform: rotate(180deg) scale(1.1)
  }

  100% {
    transform: rotate(360deg) scale(1)
  }
}

.sw-theme-default>ul.step-anchor>li.loading:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #4285f4;
  border-right-color: #4285f4;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite
}

.sw-theme-circles .sw-container{min-height:300px}.sw-theme-circles .step-content{padding:10px 0;border:0 solid #d4d4d4;background-color:#FFF;text-align:left}.sw-theme-circles .sw-toolbar{background:#fff;border-radius:0!important;padding-left:10px;padding-right:10px;margin-bottom:0!important}.sw-theme-circles .sw-toolbar-top{margin-top:-40px;border-bottom-color:#ddd!important}.sw-theme-circles .sw-toolbar-bottom{border-top-color:#ddd!important;border-bottom-color:#ddd!important}.sw-theme-circles>ul.step-anchor{background:#fff;display:block;border:0 solid #ccc!important}.sw-theme-circles>ul.step-anchor:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:5px;background-color:#f1f1f1;border-radius:3px;z-order:0}.sw-theme-circles>ul.step-anchor>li>a{border:1px solid #ccc!important;background:#fff!important;width:70px;height:70px;text-align:center;padding:15px 0;padding-top:24px;font-weight:bold;border-radius:50%;margin:5px;margin-left:50px;margin-bottom:35px;box-shadow:inset 0 0 0 3px #fff!important;z-index:99}.sw-theme-circles>ul.step-anchor>li>a small{position:absolute;bottom:-35px;display:block}.sw-theme-circles>ul.step-anchor>li>a,.sw-theme-circles>ul.step-anchor>li>a:hover{color:#bbb;text-decoration:none;outline-style:none;background:#fff!important}.sw-theme-circles>ul.step-anchor>li.clickable>a:hover{color:#4285f4!important}.sw-theme-circles>ul.step-anchor>li.active>a{border-color:#4285f4!important;color:#4285f4!important;background:#fff!important}.sw-theme-circles>ul.step-anchor>li.done>a{border-color:#5cb85c!important;color:#5cb85c!important;background:#fff!important}.sw-theme-circles>ul.step-anchor>li.danger>a{border-color:#d9534f!important;color:#d9534f!important;background:#fff!important}.sw-theme-circles>ul.step-anchor>li.disabled>a,.sw-theme-circles>ul.step-anchor>li.disabled>a:hover{color:#eee!important}@-webkit-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-moz-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-o-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.sw-theme-circles>ul.step-anchor>li.loading:before{content:'';display:inline-block;position:absolute;background:transparent;border-radius:50%;box-sizing:border-box;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#4285f4;border-right-color:#4285f4;top:50%;left:50%;margin-top:-16px;margin-left:-16px;width:32px;height:32px;-webkit-animation:ld 1s ease-in-out infinite;-moz-animation:ld 1s ease-in-out infinite;-o-animation:ld 1s ease-in-out infinite;animation:ld 1s ease-in-out infinite}

.sw-theme-arrows .sw-container{min-height:200px}.sw-theme-arrows .step-content{padding:10px 0;border:0 solid #d4d4d4;background-color:#FFF;text-align:left}.sw-theme-arrows .sw-toolbar{background:#fff;border-radius:0!important;padding-left:10px;padding-right:10px;margin-bottom:0!important}.sw-theme-arrows .sw-toolbar-top{border-bottom-color:#fff!important}.sw-theme-arrows .sw-toolbar-bottom{border-top-color:#fff!important;border-bottom-color:#ddd!important}.sw-theme-arrows>ul.step-anchor{display:block;border:0 solid #ccc!important;padding:0;background:#f5f5f5;border-radius:5px;list-style:none;overflow:hidden;margin-top:20px}.sw-theme-arrows>ul.step-anchor li+li:before{padding:0}.sw-theme-arrows>ul.step-anchor>li{float:left}.sw-theme-arrows>ul.step-anchor>li>a{color:#bbb;text-decoration:none;padding:10px 0 10px 45px;position:relative;display:block;float:left;border-radius:0;outline-style:none;background:#ddd}.sw-theme-arrows>ul.step-anchor>li>a:after{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #ddd;position:absolute;top:50%;margin-top:-50px;left:100%;z-index:2}.sw-theme-arrows>ul.step-anchor>li>a:before{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid white;position:absolute;top:50%;margin-top:-50px;margin-left:1px;left:100%;z-index:1}.sw-theme-arrows>ul.step-anchor>li:first-child>a{padding-left:15px}.sw-theme-arrows>ul.step-anchor>li>a:hover{color:#bbb;text-decoration:none;outline-style:none;background:#ffc107;border-color:#ffc107}.sw-theme-arrows>ul.step-anchor>li>a:hover:after{border-left-color:#ffc107}.sw-theme-arrows>ul.step-anchor>li.clickable>a:hover{color:#4285f4!important;background:#46b8da!important}.sw-theme-arrows>ul.step-anchor>li.active>a{border-color:#5cb85c!important;color:#fff!important;background:#5cb85c!important}.sw-theme-arrows>ul.step-anchor>li.active>a:after{border-left:30px solid #5cb85c!important}.sw-theme-arrows>ul.step-anchor>li.done>a{border-color:#afafaf!important;color:#000!important;background:#dadada!important}.sw-theme-arrows>ul.step-anchor>li.done>a:after{border-left:30px solid #dadada}.sw-theme-arrows>ul.step-anchor>li.danger>a{border-color:#d9534f!important;color:#d9534f!important;background:#fff!important}.sw-theme-arrows>ul.step-anchor>li.disabled>a,.sw-theme-arrows>ul.step-anchor>li.disabled>a:hover{color:#eee!important}@-webkit-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-moz-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-o-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.sw-theme-arrows>ul.step-anchor>li.loading:before{content:'';display:inline-block;position:absolute;background:transparent;border-radius:50%;box-sizing:border-box;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#4285f4;border-right-color:#4285f4;top:50%;left:50%;margin-top:-16px;margin-left:-16px;width:32px;height:32px;z-index:99;-webkit-animation:ld 1s ease-in-out infinite;-moz-animation:ld 1s ease-in-out infinite;-o-animation:ld 1s ease-in-out infinite;animation:ld 1s ease-in-out infinite}

.sw-theme-dots .sw-container{min-height:300px}.sw-theme-dots .step-content{margin-top:45px;padding:10px 0;border:0 solid #d4d4d4;background-color:#FFF;text-align:left}.sw-theme-dots .sw-toolbar{background:#fff;border-radius:0!important;padding-left:10px;padding-right:10px;margin-bottom:0!important}.sw-theme-dots .sw-toolbar-top{border-bottom-color:#ddd!important}.sw-theme-dots .sw-toolbar-bottom{border-top-color:#ddd!important;border-bottom-color:#ddd!important}.sw-theme-dots>ul.step-anchor{background:#fff;display:block;border:0 solid #ccc!important}.sw-theme-dots>ul.step-anchor:before{top:25px;bottom:0;position:absolute;content:" ";width:100%;height:5px;background-color:#f5f5f5;border-radius:3px;z-order:0}.sw-theme-dots>ul.step-anchor>li{position:relative;background:#f5f5f5;margin-top:25px;height:5px;display:block;border-radius:3px}.sw-theme-dots>ul.step-anchor>li>a{position:relative;text-align:center;font-weight:bold;z-index:99;width:30px;height:30px;display:block;background:#f5f5f5;top:2px;left:50%;margin-top:-15px;margin-left:45px;margin-right:45px;border-radius:50%;border:0!important;color:#428bca;text-decoration:none}.sw-theme-dots>ul.step-anchor>li>a small{position:absolute;left:-40px;display:block;color:#999;margin-top:20px;width:120px}.sw-theme-dots>ul.step-anchor>li>a,.sw-theme-dots>ul.step-anchor>li>a:hover{color:#bbb;text-decoration:none;outline-style:none;background:#f5f5f5!important}.sw-theme-dots>ul.step-anchor>li.clickable>a:hover{color:#4285f4!important}.sw-theme-dots>ul.step-anchor>li.active{background:#fbbd19!important}.sw-theme-dots>ul.step-anchor>li.active>a{border-color:#4285f4!important;color:#4285f4!important;background:#fbe8aa!important}.sw-theme-dots>ul.step-anchor>li.active>a:after{content:' ';width:14px;height:14px;background:#fbbd19;border-radius:50px;position:absolute;top:8px;left:8px}.sw-theme-dots>ul.step-anchor>li.done{background:#fbbd19!important}.sw-theme-dots>ul.step-anchor>li.done>a{border-color:#5cb85c!important;color:#5cb85c!important;background:#fbe8aa!important}.sw-theme-dots>ul.step-anchor>li.done>a:after{content:' ';width:14px;height:14px;background:#5cb85c;border-radius:50px;position:absolute;top:8px;left:8px}.sw-theme-dots>ul.step-anchor>li.danger>a{border-color:#d9534f!important;color:#d9534f!important;background:#fff!important}.sw-theme-dots>ul.step-anchor>li.disabled>a,.sw-theme-dots>ul.step-anchor>li.disabled>a:hover{color:#eee!important}@-webkit-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-moz-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@-o-keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@keyframes ld{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.sw-theme-dots>ul.step-anchor>li.loading:before{content:'';display:inline-block;position:absolute;background:transparent;border-radius:50%;box-sizing:border-box;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#4285f4;border-right-color:#4285f4;top:50%;left:50%;margin-top:-16px;margin-left:-16px;width:32px;height:32px;-webkit-animation:ld 1s ease-in-out infinite;-moz-animation:ld 1s ease-in-out infinite;-o-animation:ld 1s ease-in-out infinite;animation:ld 1s ease-in-out infinite}
/*========================================================*/


.modal{
  /*top:150px !important;
  z-index: 999999 !important;*/
  top: 5% !important;
  z-index: 999999 !important;
}

.tt-title{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  display: block ruby;
}


/*==================================================================================*/

.list-form-inline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -15px;
}

.list-form-inline li {
  margin-left: 15px;
}

.list-form-column {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -15px;
}

.list-form-column li {
  /*margin-left: 15px;*/
  width: 100%;
}

/* checkbox-group */
.checkbox-group {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

.checkbox-group input[type=checkbox] {
  display: none;
}

.checkbox-group label {
  padding-left: 0px;
  cursor: pointer;
  font-size: 16px;
  color: #191919;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.checkbox-group label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.12s;
  -moz-transition-duration: 0.12s;
  transition-duration: 0.12s;
}

.checkbox-group label .box {
  background: #f7f8fa;
  height: 17px;
  width: 17px;
  z-index: 9;
  margin-top: 2px;
  border: 1px solid #cdcdcd;
}

.checkbox-group label .check {
  top: 2px;
  left: 0px;
  opacity: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #c69a17;
  width: 17px;
  height: 17px;
  line-height: 1;
}

.checkbox-group label .check:before {
  content: "\ea11";
  color: #ffffff;
  font-size: 15px;
  line-height: 1;
  position: relative;
  left: 1px;
  top: 1px;
  font-family: "etheme";
  font-style: normal;
  font-weight: 400;
}

.checkbox-group:hover label {
  color: #c69a17;
}

input[type=checkbox]:checked ~ label .check {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* radio-group */
.radio {
  display: block;
  cursor: pointer;
  margin: 0 0 8px;
  transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  color: #777777;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #c69a17;
}

.radio .outer {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 3px 9px 0 0;
  background-color: #f7f8fa;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.radio .inner {
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
  display: block;
  background-color: #c69a17;
  opacity: 0;
  position: relative;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio:hover {
  color: #c69a17;
}

.radio:hover .inner {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}