/* * * @category  : OpenCart * @module    : Smart Checkout * @author    : OCdevWizard <ocdevwizard@gmail.com>  * @copyright : Copyright (c) 2014, OCdevWizard * @license   : http://license.ocdevwizard.com/Licensing_Policy.pdf * */ @font-face {  font-family: 'Roboto-Medium';  src: url('../smch_fonts/Roboto-Medium.eot');  src: url('../smch_fonts/Roboto-Medium.woff') format('woff'),   url('../smch_fonts/Roboto-Medium.ttf') format('truetype'),   url('../smch_fonts/Roboto-Medium.svg') format('svg');}@font-face {  font-family: 'Roboto-Regular';  src: url('../smch_fonts/Roboto-Regular.eot');  src: url('../smch_fonts/Roboto-Regular.woff') format('woff'),   url('../smch_fonts/Roboto-Regular.ttf') format('truetype'),   url('../smch_fonts/Roboto-Regular.svg') format('svg');}@font-face {  font-family: 'Roboto-Thin';  src: url('../smch_fonts/Roboto-Thin.eot');  src: url('../smch_fonts/Roboto-Thin.woff') format('woff'),   url('../smch_fonts/Roboto-Thin.ttf') format('truetype'),   url('../smch_fonts/Roboto-Thin.svg') format('svg');}button.smch-call-button {    width: 63% !important;    border-bottom: 1px solid #ddd !important;    float: right;    height: 40px;}#smch-modal-body * { color:#000; vertical-align: baseline;  font-weight: inherit;  font-family: inherit;  font-style: inherit;  font-size: 100%;  border: 0 none;  outline: 0;  padding: 0;  margin: 0;  box-sizing: content-box;}#smch-modal-body {  background: #fff;  max-width: 400px;  width: 90%;  margin: 0 auto;  min-height: 100px;  position: relative;  overflow: hidden;}#smch-modal-body .modal-heading {  text-align: left;  background-color: #EDEDED;  font-family: Roboto-Regular, Arial, Tahoma;  font-size: 20px;  color: #333;  font-weight: normal;  border-bottom: 1px solid #ddd;  padding: 0 20px;  position: relative;  min-height: 50px;  line-height: 50px;  overflow: hidden;}#smch-modal-body .modal-close {  width: 24px;  height: 24px;  background: url(close.png) no-repeat;  right: 15px;  top: 13px;  position: absolute;  opacity: 0.5;  cursor: pointer !important;}#smch-modal-body .modal-body {  background: #fff;  padding: 20px;  overflow: auto;}#smch-modal-body .modal-footer {  padding: 17px 20px 17px 20px;  background-color: #EDEDED;  position: relative;  display: inline-block;  border-top: 1px solid #ddd;  width: 100%;  height: 100%;  vertical-align: bottom;  box-sizing: border-box;}.smch-modal-loadmask {  position: absolute;  z-index: 10000;  width: 100%;  height: 100%;  background: #eeeeee;  opacity: 0.4;  left: 0;  top: 0;}.smch-modal-loadmask-loading {  background: url(loading.svg) no-repeat center center;  width: 100%;  height: 100%;  position: absolute;  z-index: 10001;  top: 0;  left: 0;}#smch-modal-body > #check-data #smch-modal-data .image_block {  display: block;  position: relative;  min-height: 200px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .image {  display: inline-block;  position: relative;  text-align: left;  vertical-align: top;  float: left;  border: 1px solid #EDEDED;  padding: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .image.no_images {  display: block;  position: relative;  text-align: center;  vertical-align: top;  float: none;  border: 1px solid #EDEDED;  padding: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .images {  display: inline-block;  position: relative;  text-align: left;  margin: 0 0 0 10px;  width: 127px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .images > img {  cursor: pointer;  border: 1px solid #EDEDED;  padding: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear;  margin-bottom: 5px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .images > img + img {  margin-left: 7px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:nth-child(2n+1) {  margin-left: 0px;}#smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:hover {  border: 1px solid #9C9C9C;}#smch-modal-body > #check-data #smch-modal-data .processing {  display: block;  position: relative;  clear: both;  border: 1px solid #EDEDED;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}#smch-modal-body > #check-data #smch-modal-data .processing > .name {  display: inline-block;  width: 132px;  margin-left: 15px;  font-family: Roboto-Regular, Arial, Tahoma;  color: #555;  padding: 10px 0;}#smch-modal-body > #check-data #smch-modal-data .processing > .name > span {  font-size: 12px;  display: block;}#smch-modal-body > #check-data #smch-modal-data .processing > .name > span.name_main {  font-size: 14px;  font-family: Roboto-Medium, Arial, Tahoma;  color: #000;}#smch-modal-body > #check-data #smch-modal-data .processing > .name > span > b {  color: #000;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity {  border-right: 1px solid #ededed;  border-left: 1px solid #EDEDED;  display: inline-block;  padding: 10px 0;  position: relative;  text-align: center;  vertical-align: top;  width: 70px;  min-height: 82px;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div {  bottom: 0;  height: 61px;  left: 0;  margin: auto;  position: absolute;  right: 0;  top: 0;  width: 40px;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > input.input-quantity {  border: 1px solid #D9D9D9;  background: #fff;  width: 40px;  display: inline-block;  height: 19px;  margin: 3px auto;  text-align: center;  clear: both;  font-family: Roboto-Regular, Arial, Tahoma;  font-size: 12px;  color: #444;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > input.input-quantity:after {  content: " ";  clear: both;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity, #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity {  text-decoration: none;  font-size: 14px;  line-height: 14px;  color: #444;  display: block;  height: 18px;  font-family: Roboto-Regular, Arial, Tahoma;  padding: 0px 0px;  width: 40px;  margin: 0 auto;  -webkit-transition: border-color .20s;  -moz-transition: border-color .20s;  -o-transition: border-color .20s;  transition: border-color .20s;  cursor: pointer;  background: #F3F3F3;  border: 1px solid #D9D9D9;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity {  border-radius: 0 0 4px 4px;  -webkit-border-radius: 0 0 4px 4px;  -moz-border-radius: 0 0 4px 4px;} #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity {  border-radius: 4px 4px 0 0;  -webkit-border-radius: 4px 4px 0 0;  -moz-border-radius: 4px 4px 0 0;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity:active, #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity:active {  border-color: #4D90FE;  color: #000;  -moz-box-shadow: 0 0 10px #D4D4D4 inset;  -webkit-box-shadow: 0 0 10px #D4D4D4 inset;  box-shadow: 0 0 10px #D4D4D4 inset;}#smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity:hover, #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity:hover {  background: #F4F4F4;  border-color: #C0C0C0;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals {  display: inline-block;  padding: 10px 0;  margin: 0 0 0 10px;  position: relative;  text-align: left;  vertical-align: top;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-price {  font-size: 18px;  font-family: Roboto-Regular, Arial, Tahoma;  display: block;  text-align: left;  color: #333;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-price.old-price {  font-size: 12px !important;  color: #999 !important;  text-decoration: line-through;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-special {  font-size: 18px;  font-family: Roboto-Regular, Arial, Tahoma;  display: block;  text-align: left;  color: #333;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > .tax {  display: block;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  color: #333;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > .tax > span {  display: inline-block;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > .tax > #ocdev-tax {  display: inline-block;}#smch-modal-body > #check-data #smch-modal-data .processing > .totals > .discount {  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  display: block;  text-align: left;  color: #333;  margin-top: 5px;}#smch-modal-body > .slide-description {  color: #fff;  margin-left: -380px !important;  padding: 15px;  position: absolute;  top: 65px;  width: 350px;  z-index: 4;  background: #fff;}#smch-modal-body > .slide-description > .content {  overflow: auto;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  line-height: 18px;  max-height: 400px;}#smch-modal-body > .slide-description > .open {  cursor: pointer;  left: 380px;  position: absolute;  display: block !important;  color: #fff;  font-size: 15px;  text-align: center;  font-family: Times New Roman, Arial, Tahoma;  font-weight: bold;  font-style: italic;  top: 0px;  z-index: 2;  padding: 5px 0;  width: 17px;  background: #47c843;  border-radius: 0 3px 3px 0;  -webkit-border-radius: 0 3px 3px 0;  -moz-border-radius: 0 3px 3px 0;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;}#smch-modal-body > .slide-description > .open:hover {  background: #3cb736;}#smch-modal-body > .slide-informer {  color: #fff;  margin-left: -380px !important;  padding: 15px;  position: absolute;  top: 97px;  width: 350px;  z-index: 2;  background: #333;}#smch-modal-body > .slide-informer > .content {  overflow: auto;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  line-height: 18px;  max-height: 400px;}#smch-modal-body > .slide-informer > .open {  cursor: pointer;  left: 380px;  position: absolute;  display: block !important;  color: #fff;  font-size: 15px;  text-align: center;  font-family: Times New Roman, Arial, Tahoma;  font-weight: bold;  font-style: italic;  top: 0px;  z-index: 2;  padding: 5px 0;  width: 17px;  background: #44b5f6;  border-radius: 0 3px 3px 0;  -webkit-border-radius: 0 3px 3px 0;  -moz-border-radius: 0 3px 3px 0;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;}#smch-modal-body > .slide-informer > .open:hover {  background: #2e8abf;}#smch-modal-body > .slide-attributes {  color: #fff;  margin-left: -380px !important;  padding: 15px;  position: absolute;  top: 129px;  width: 350px;  z-index: 1;  background: #333;}#smch-modal-body > .slide-attributes > .content {  overflow: auto;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  line-height: 18px;  max-height: 400px;}#smch-modal-body > .slide-attributes > .open {  cursor: pointer;  left: 380px;  position: absolute;  display: block !important;  color: #fff;  font-size: 15px;  text-align: center;  font-family: Times New Roman, Arial, Tahoma;  font-weight: bold;  font-style: italic;  top: 0px;  z-index: 1;  padding: 5px 0;  width: 17px;  background: #EF9104;  border-radius: 0 3px 3px 0;  -webkit-border-radius: 0 3px 3px 0;  -moz-border-radius: 0 3px 3px 0;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;}#smch-modal-body > .slide-attributes > .open:hover {  background: #2e8abf;}#smch-modal-body > .slide-attributes > .content > .attributes-table {  border-collapse: collapse;  background: #fff;  width: 100%;}#smch-modal-body > .slide-attributes > .content > .attributes-table thead tr td {  border: 1px solid #222;  padding: 4px 5px;  font-size: 12px;  color: #fff;  background: #888;  font-family: Roboto-Regular, Arial, Tahoma;}#smch-modal-body > .slide-attributes > .content > .attributes-table tbody tr td {  border: 1px solid #222;  padding: 2px 5px;  font-size: 12px;  color: #888;  font-family: Roboto-Regular, Arial, Tahoma;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields {  position: relative;  display: block;  margin: 5px 0 0 0;  overflow: auto;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields > .left {  float: left;  width: 49%;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields > .right {  float: right;  width: 49%;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields > .center {  clear: both;  display: block;  width: 100%;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields input, #smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields select, #smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields textarea {  background: #fff;  border: 1px solid #d9d9d9;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  box-sizing: border-box;  display: block;  margin: 0 0 5px 0;  padding: 2px 5px;  position: relative;  width: 100%;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  -webkit-transition: border-color .75s;  -moz-transition: border-color .75s;  -o-transition: border-color .75s;  transition: border-color .75s;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields select {  padding: 4px 5px;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields textarea {  resize: vertical;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields input:focus,#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields textarea:focus {  border: 1px solid #5A5F63;}#smch-modal-body > #check-data #smch-modal-data .ocdev-smart-checkout-fields input {  background: #fff;  border: 1px solid #d9d9d9;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  box-sizing: border-box;  display: block;  margin: 0 0 5px 0;  padding: 2px 5px;  position: relative;  width: 100%;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  -webkit-transition: border-color .75s;  -moz-transition: border-color .75s;  -o-transition: border-color .75s;  transition: border-color .75s;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table, #smch-modal-body > #check-data #smch-modal-data table.option {  border-collapse: collapse;  width: 100%;  margin: 5px 0 5px 0;}#smch-modal-body > #check-data #smch-modal-data table.option > thead {  background: #F6F7F7;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > thead > tr > td, #smch-modal-body > #check-data #smch-modal-data table.option > thead > tr > td {  font-size: 14px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table td,#smch-modal-body > #check-data #smch-modal-data table.option td {  border: 1px solid #ededed;  padding: 3px 5px;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  vertical-align: middle;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > tbody > tr > td > div, #smch-modal-body > #check-data #smch-modal-data table.option > tbody > tr > td > div {  margin: 2px 0 0 0;  display: inline-block;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > tbody > tr > td.td-heading, #smch-modal-body > #check-data #smch-modal-data table.option > tbody > tr > td.td-heading {  font-family: Roboto-Medium, Arial, Tahoma;  background: #F6F7F7;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > tbody > tr > td.first-td, #smch-modal-body > #check-data #smch-modal-data table.option > tbody > tr > td.first-td {  border-right: 1px solid transparent;  width: 13px;  padding-right: 0;  line-height: 18px;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > tbody > tr > td:nth-child(3) label, #smch-modal-body > #check-data #smch-modal-data table.option > tbody > tr > td:nth-child(3) label {  float: right;}#smch-modal-body > #check-data #smch-modal-data table.smch-methods-table > tbody > tr > td > label, #smch-modal-body > #check-data #smch-modal-data table.option > tbody > tr > td > label {  color: #333;  float: left;  font-family: Roboto-Regular,Arial,Tahoma;  font-size: 12px;  line-height: 12px;}#smch-modal-body > #check-data #smch-modal-data .option > input, #smch-modal-body > #check-data #smch-modal-data .option > select, #smch-modal-body > #check-data #smch-modal-data .option > textarea {  background: #fff;  border: 1px solid #d9d9d9;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  box-sizing: border-box;  display: block;  margin: 0 0 5px 0;  padding: 2px 5px;  position: relative;  width: 100%;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  -webkit-transition: border-color .75s;  -moz-transition: border-color .75s;  -o-transition: border-color .75s;  transition: border-color .75s;}#smch-modal-body > #check-data #smch-modal-data .option > select {  padding: 4px 5px;}#smch-modal-body > #check-data #smch-modal-data .option > textarea {  resize: vertical;}#smch-modal-body > #check-data #smch-modal-data .option > input:focus,#smch-modal-body > #check-data #smch-modal-data .option > textarea:focus {  border: 1px solid #5A5F63;}#smch-modal-body > #check-data #smch-modal-data .option {  margin: 5px 0 0 0;}#smch-modal-body > #check-data #smch-modal-data #require-information {  position: relative;  font-weight: normal;  font-size: 12px;  color: #333;  text-align: right;  margin: 0px 0 5px 0;  font-family: Roboto-Regular, Arial, Tahoma;}#smch-modal-body > #check-data #smch-modal-data #require-information > a {  font-weight: normal;  font-size: 12px;  color: #026dc0;  font-family: Roboto-Regular, Arial, Tahoma;}#smch-modal-body > #check-data #smch-modal-data #require-information > input[type=checkbox] {  float: right;  margin: 2px 0 2px 5px;}#smch-modal-body > #check-data #smch-modal-data #require-information > .error-text {  margin: 3px 0 0 0;}#smch-modal-body > #check-data #smch-modal-data .error-text {  font-size: 11px;  color: #DF2E2E;  font-family: Roboto-Regular, Arial, Tahoma;  display: block;  margin: -4px 0 2px;}#smch-modal-body > #check-data #smch-modal-data .error-text-table, #smch-modal-body > #check-data #smch-modal-data .error-text-table-option {  font-size: 11px;  color: #DF2E2E;  font-family: Roboto-Regular, Arial, Tahoma;  display: block;  margin: 4px 0 2px;}#smch-modal-body > #check-data #smch-modal-data .error-style {  border: 1px solid #DF2E2E !important;}#smch-modal-body > #check-data #smch-modal-data .error-style-table > thead > tr > td, #smch-modal-body > #check-data #smch-modal-data .error-style-table-option > thead > tr > td {  background: #DF2E2E;  color: #fff !important;  border: 1px solid #DF2E2E !important;}#smch-modal-body > #check-data #smch-modal-data .error-style-table-option > input, #smch-modal-body > #check-data #smch-modal-data .error-style-table-option > select,#smch-modal-body > #check-data #smch-modal-data .error-style-table-option > textarea {  border: 1px solid #DF2E2E !important;}#smch-modal-body > .modal-footer {  position: relative;  display: block;  padding: 20px;  -moz-border-radius: 0 0 6px 6px;  -webkit-border-radius: 0 0 6px 6px;  border-radius: 0 0 6px 6px;  background: #EDEDED;  height: auto;}#smch-modal-body > .modal-footer > input, #smch-modal-body > .modal-footer > input.close-button-bottom {  display: inline-block;  height: 35px;  overflow: hidden;  margin: 0;  padding: 0px;  width: 210px;  outline: none;  border: 0;  font-size: 14px;  font-family: Roboto-Medium, Arial, Tahoma;  text-decoration: none;  color: #FFF;  background: #47c843;  text-align: center;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  float: right;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;  cursor: pointer;}#smch-modal-body > .modal-footer > input:hover {  background: #3cb736;}#smch-modal-body > .modal-footer > input:active {  background: #33933A;}#smch-modal-body > .modal-footer > input.close-button-bottom {  background: #E94E4E;}#smch-modal-body > .modal-footer > input.close-button-bottom:hover {  background: #E81717;}#smch-modal-body > .modal-footer > input.close-button-bottom:active {  background: #AA3A3A;}#smch-modal-body > .modal-footer > .totals {  border: 2px solid #bbb;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  float: left;  font-size: 14px;  padding: 6px 10px 5px;  position: relative;  text-align: center;  font-family: Roboto-Medium, Arial, Tahoma;  color: #333;}#smch-modal-body > .modal-footer > .totals > span {  display: inline-block;}#smch-modal-body > .modal-footer > .totals > #total-order {  display: inline-block;}#smch-data-accordion-sub {  display: inline-block;  width: 100%;}#smch-data-accordion-sub > div {  margin-top: 5px;}#smch-data-accordion-sub .heading {  font-size: 14px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  background: #F5F5F5;  border: 1px solid #DDD;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  border-radius: 3px;  padding: 4px 5px 2px;}#smch-data-accordion-sub .heading a {  font-size: 14px;  line-height: 14px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;}#smch-data-accordion-sub .heading i, #smch-data-accordion-sub .section i {  font-family: FontAwesome;}#smch-data-accordion {  display: inline-block;  width: 100%;}#smch-data-accordion > div {  margin-top: 5px;}#smch-data-accordion .heading {  font-size: 14px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  background: #F5F5F5;  border: 1px solid #DDD;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  border-radius: 3px;  padding: 4px 5px 2px;}#smch-data-accordion .heading a {  font-size: 14px;  line-height: 14px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;}#smch-data-accordion .heading i, #smch-data-accordion .section i {  font-family: FontAwesome;}#smch-data-accordion .section .next-step-button {  display: none;  padding: 4px 0 3px;  margin: 0;  width: 100%;  outline: none;  border: 0;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;  color: #FFF;  background: #3498db;  text-align: center;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;  cursor: pointer;}#smch-data-accordion .section .next-step-button:hover {  background: #2980b9;}#smch-data-accordion .section .next-step-button:active {  background: #34495e;}#smch-data-accordion-sub .section .next-step-button {  display: inline-block;  padding: 4px 0 3px;  margin: 0;  width: 100%;  outline: none;  border: 0;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;  color: #FFF;  background: #3498db;  text-align: center;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;  cursor: pointer;}#smch-data-accordion-sub .section .next-step-button:hover {  background: #2980b9;}#smch-data-accordion-sub .section .next-step-button:active {  background: #34495e;}#smch-data-accordion-sub .section .smch-remove-button {  display: inline-block;  padding: 4px 0 3px;  margin: 0 0 5px 0;  width: 100%;  outline: none;  border: 0;  font-size: 12px;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;  color: #FFF;  background: #E94E4E;  text-align: center;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;  cursor: pointer;}#smch-data-accordion-sub .section .smch-remove-button:hover {  background: #E81717;}#smch-data-accordion-sub .section .smch-remove-button:active {  background: #AA3A3A;}#smch-data-accordion #collapse-checkout-confirm > div {margin: 5px 0 0 0;}#smch-data-accordion #collapse-checkout-confirm .buttons {width: 100%;display: inline-block;margin: 5px 0 0 0;}#smch-data-accordion #collapse-checkout-confirm .buttons .pull-right {float: none !important;}#smch-data-accordion #collapse-checkout-confirm #button-confirm,#smch-data-accordion #collapse-checkout-confirm input[type=submit],#smch-data-accordion #collapse-checkout-confirm input[type=button] {  display: inline-block;  padding: 8px 0 7px !important;  margin: 0;  width: 100%;  outline: none;  border: 0;  font-size: 14px;  font-family: Roboto-Medium, Arial, Tahoma;  text-decoration: none;  color: #FFF;  background: #47c843;  text-align: center;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: background .50s;  -moz-transition: background .50s;  -o-transition: background .50s;  transition: background .50s;  cursor: pointer;}#smch-data-accordion #collapse-checkout-confirm #button-confirm:hover,#smch-data-accordion #collapse-checkout-confirm input[type=submit]:hover,#smch-data-accordion #collapse-checkout-confirm input[type=button]:hover {  background: #3cb736;}#smch-data-accordion #collapse-checkout-confirm #button-confirm:active,#smch-data-accordion #collapse-checkout-confirm input[type=submit]:active,#smch-data-accordion #collapse-checkout-confirm input[type=button]:active {  background: #33933A;}#smch-modal-body .table-totals {  margin-bottom: 5px !important;}#smch-modal-body .table-totals table {  border-collapse: collapse;  width: 100%;}#smch-modal-body .table-totals table tr td {  border: 1px solid #ededed;  padding: 3px 5px !important;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  vertical-align: middle;}#collapse-checkout-confirm form input, #collapse-checkout-confirm form select, #collapse-checkout-confirm form textarea {  background: #fff;  border: 1px solid #d9d9d9;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  box-sizing: border-box;  display: block;  margin: 0 0 5px 0;  padding: 4px 5px !important;  height: auto;  position: relative;  width: 100%;  font-size: 12px;  color: #333;  font-family: Roboto-Regular, Arial, Tahoma;  -webkit-transition: border-color .75s;  -moz-transition: border-color .75s;  -o-transition: border-color .75s;  transition: border-color .75s;}#collapse-checkout-confirm form select {  padding: 4px 5px;}#collapse-checkout-confirm form textarea {  resize: vertical;}#collapse-checkout-confirm form input:focus,#collapse-checkout-confirm form textarea:focus {  border: 1px solid #5A5F63;  box-shadow: none;}#collapse-checkout-confirm .well {  padding: 9px !important;}#collapse-checkout-confirm h2 {  font-size: 16px;}#collapse-checkout-confirm legend {  font-size: 16px;  padding: 5px 0px !important;  margin-bottom: 10px !important;}#collapse-checkout-confirm .col-sm-2 {  width: 28.666667%;  padding-right: 10px !important;}#collapse-checkout-confirm .col-sm-10 {  width: 63.333333%;}#smch-voucher-success,#smch-coupon-success,#smch-reward-success {  display: block;  font-size: 12px;  line-height: 14px;  padding: 4px 10px;  margin-bottom: 5px;  font-family: Roboto-Regular, Arial, Tahoma;  text-decoration: none;  color: #FFF;  border-radius: 3px;  background: #47c843;}@media (min-width: 320px) and (max-width: 359px) {  #smch-modal-body {    width: 295px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .image {    display: block;    text-align: center;    float: none;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images {    margin: 8px 0 0 0;    width: 100%;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity {    width: 40px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .name {    width: 90px;    margin-left: 5px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals {    margin: 0 0 0 5px;  }  #smch-modal-body > .modal-footer > input, #smch-modal-body > .modal-footer > input.close-button-bottom {    width: 110px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img + img {    margin-left: 2px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:nth-child(2n+1) {    margin-left: 2px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:nth-child(5n+1) {    margin-left: 0px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .name > span.name_main {    font-size: 12px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-special {    font-size: 15px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-price.old-price {    font-size: 11px !important;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > .tax {    font-size: 11px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > .discount {    font-size: 11px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div {    width: 30px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity, #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity {    width: 30px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > input.input-quantity {    width: 28px;  }  #smch-modal-body > .slide-description {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-description > .open {    left: 275px;  }  #smch-modal-body > .slide-informer {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-informer > .open {    left: 275px;  }  #smch-modal-body > .slide-attributes {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-attributes > .open {    left: 275px;  }}@media (min-width: 360px) and (max-width: 414px) {  button.smch-call-button { width: 100% !important;} #smch-modal-body {    width: 330px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .image {    display: block;    text-align: center;    float: none;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images {    margin: 8px 0 0 0;    width: 100%;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity {    width: 40px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div {    width: 30px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#decrease-quantity, #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > button#increase-quantity {    width: 30px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .quantity > div > input.input-quantity {    width: 28px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .name {    margin-left: 10px;    width: 115px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .name > span.name_main {    font-size: 12px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals {    margin: 0 0 0 5px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-special {    font-size: 15px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > #ocdev-price.old-price {    font-size: 11px !important;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > .tax {    font-size: 11px;  }  #smch-modal-body > #check-data #smch-modal-data .processing > .totals > .discount {    font-size: 11px;  }  #smch-modal-body > .modal-footer > input, #smch-modal-body > .modal-footer > input.close-button-bottom {    width: 150px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img + img {    margin-left: 2px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:nth-child(2n+1) {    margin-left: 2px;  }  #smch-modal-body > #check-data #smch-modal-data .image_block > .images > img:nth-child(5n+1) {    margin-left: 0px;  }  #smch-modal-body > .slide-description {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-description > .open {    left: 275px;  }  #smch-modal-body > .slide-informer {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-informer > .open {    left: 275px;  }  #smch-modal-body > .slide-attributes {    margin-left: -275px !important;    width: 245px;  }  #smch-modal-body > .slide-attributes > .open {    left: 275px;  }}