body {color:#000;font-size:16px;line-height:24px;}
.p-content {padding-bottom:80px;}
.inner {max-width:1350px;padding:0 50px;margin:0 auto;}
.p-header {margin-bottom:10px;padding:10px 0 20px 0;}
.p-header .p-logo {text-align:right;margin-bottom:36px;}
.p-header .p-logo img {height:100px;}
.p-header .p-price-title {line-height:normal;text-align:center;font-size:30px;color:#17183B;}
.p-header .p-print-page {padding-top:15px;text-align:center;}
.p-save-page {padding: 10px 20px;display: inline-block;width: auto;}
.p-save-page button {background: #18ad0c;width: 100%; display: block;color: #fff;
    -webkit-border-radius: 24px; border-radius: 24px; padding: 14px 20px 11px 20px;
    height: auto!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; position: relative; text-transform: uppercase;
    white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;
    -webkit-transition: all .3s;  transition: all .3s;}
.p-save-page button img { margin-right: 8px;}
.p-header .p-company-details {padding:15px 15px 0 50px;text-align:left;}
.p-header .p-company-details td {padding:5px 0 0 50px;text-align:left;font-size:14px;}
.p-header .p-print-page a {text-decoration:underline;}
.p-header button.button--buy {padding:10px 20px;display:inline-block;width:auto;}
.p-header button.button--buy img {margin-right:8px;}
.p-header .button--buy:before {display:none !important;}
.p-col-group {margin-bottom:0;}
.p-col-group .p-col-title {position:relative;padding:15px 0;background:#17183B;color:#fff;font-size:18px;text-align:center;margin-bottom:30px;}    
.p-col-group .p-col-title span {color:#fff;position:relative;z-index:2;}
.p-col-group .p-item {padding:30px 0;}
.p-item {overflow:hidden;}
.p-item .p-img {margin-bottom:15px;width:30%;float:left;}
.p-item .p-img img {max-width:100%;}
.p-item .p-desc {width:70%;float:left;padding-left:30px;}
.p-item h2 {color:#AF0C75;font-size:24px;font-weight:400;margin-bottom:25px;}
.p-item .p-desc .editor {margin-bottom:25px;}
.p-item .p-price {background:#EFEFEF;font-weight:700;font-size:15px;width:260px;height:52px;line-height:52px;text-align:center;}
.p-item .p-price .price {display:inline-block;}       
.p-item .table {font-size:14px;width:100%;}
.p-item .table .tr {display:flex;flex-direction: row;flex-wrap: no-wrap;}
.p-item .table .thead .td {font-weight:700;}
.p-item .table .tr .td {flex:0 0 25%;padding:6px 10px}
.p-item .table .tr:nth-child(odd) {background:#EFEFEF}      
.p-item table {font-size:14px;width:100%;}
.p-item table tr td,  .p-item table tr th {padding:6px 10px}
.p-item table tr th {font-weight:700;}
.p-item table tr:nth-child(odd) {background:#EFEFEF}
.p-item .editor p, .p-item .editor ul {margin-bottom:15px;}
.p-footer {line-height:normal;font-size:15px;background:#F7F8FA;padding:40px 0;overflow:hidden;}
.p-footer .td {width:33.33%;float:left;}
.p-footer .g {display:flex;padding:15px 15px 15px 0;align-items: center;}
.p-footer .g .img {margin-right:15px;}
.p-footer .g .img img {max-width:100%;}
.p-footer .td:last-child .g {padding-right:0px;}
table.outer-table, table.inner-table {font-size:14px;width:100%;}
table.outer-table tr {border-top: 1px solid gray; border-bottom: 1px solid gray; padding:10px 0;}
table.outer-table tr td, table.outer-table tr th {padding:6px 5px;}
table.outer-table tr th, table.inner-table tr th {font-weight:700;}
table.inner-table tr th, table.inner-table tr td {border: 1px solid gray;}
table.outer-table tr td img {width:150px;}
table.inner-table tr td input {text-align:right;}

@media (max-width:991px){
  .p-header .p-logo {text-align:center;}
  .p-footer .td {width:50%;}
  .p-footer .td:first-child {display:none;}
}

@media (max-width:767px){
  .p-item h2 {font-size:22px;line-height:normal;}
  .p-item .p-price {width:100%;}
  .p-header .p-print-page {display:none;}
  .p-content {padding-bottom:30px;}
  
}

@media (max-width:575px){
  .p-header .p-logo {margin-bottom:20px;}
  .p-header .p-price-title {font-size:20px;}
  .p-col-group .p-col-title {font-size:18px;}
  .p-header button.button--buy {padding:5px 15px;font-size:14px;}
  .p-header button.button--buy img {max-height:20px;}
  .p-item .p-img, .p-item .p-desc {width:100%;float:none;}
  .p-item .p-img {text-align:center;}
  .p-item .p-img img {max-height:240px;}
  .p-item .p-desc {padding-left:0;}
  .inner {padding:0 15px;}
  .p-col-group .p-item {padding:15px 0;}
  .p-item h2 {font-size:19px;margin-bottom:15px;}
  .p-item .p-desc .editor {font-size:14px;line-height:18px;}
  .p-item .table {font-size:13px;line-height:normal;}
  .p-item .editor ul {margin-left:0;padding-left:18px;}
  .p-footer .td {width:100%;float:none;text-align:center;}
  .p-footer .g {justify-content:center;}
  .p-footer {padding:20px 0;}
  .p-footer .g .img {margin-right:10px;}
  .p-footer .g {padding:10px;font-size:13px;}
  .p-footer .g .img img {max-height:20px;}
}

@media (max-width:460px){
  .p-header .p-logo img {height:80px;}
  .p-variants {overflow:hidden;}
  .p-variants .table-wrap {overflow:hiddex;overflow-x:auto;}
  .p-variants .table-wrap .table { }
  .p-item .table .tr .td:nth-child(1) {flex: 0 0 50%;}
  .p-item .table .tr .td:nth-child(2) {flex: 0 0 25%;}
  .p-item .table .tr .td:nth-child(3) {flex: 0 0 25%;}
  .p-col-group .p-col-title {font-size:16px;line-height:16px;padding:10px;}
}

@media (max-width:320px){
  .p-item .table .tr .td {flex: 0 0 33% !important;}
  .p-header .p-logo {margin-bottom:10px;}
  .p-header .p-logo img {max-height:60px;height:auto;max-width:100%;}
  .p-header .p-price-title {font-size:16px;}
}
@media print {
  	.p-print-page {display:none;}
    @page { margin: 0mm 0mm 5mm 0mm;}
    .p-header {padding-top:10px;margin-bottom:0px;}
    .p-header .p-logo {text-align:center;margin-bottom:20px;}
    .p-header .p-price-title {font-size:20px;line-height:28px;}
    .p-col-title { page-break-before: always;}
    .p-col-title.pb {page-break-before: avoid;}
    .p-item{page-break-inside: avoid;}
    .p-item .table .tr:nth-child(odd), .p-item .p-price {background-color: #EFEFEF !important;-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    .p-col-group .p-col-title {background-color:#17183B !important;-webkit-print-color-adjust: exact;print-color-adjust: exact;}
    .p-col-group .p-col-title { page-break-after:recto;}
    .p-footer {font-size:13px;padding:10px 0;width:100%;background-color:#F7F8FA;-webkit-print-color-adjust: exact;print-color-adjust: exact;}
    .p-content {padding-bottom:50px;}  
	table.outer-table, table.inner-table {font-size:12px;line-height:1.5em; width:100%;}
  	table.inner-table {font-size:10px;}
  	table.outer-table tr td img {width:130px;}
}