main {
    width: 100%;
    background-color: #fff;
}
main.order {
  padding-top: 0;
}
#tray {
  max-width: 1480px;
}
.alert ul.lists {
  margin: 0;
}
.content-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
}
.content-top .sidebar {
  min-width: 244px;
  width: 244px;
  order: 2;
}
.content-top .summary {
  padding: 0 15px;
  position: relative;
  order: 1;
}
.post .content-top p, .post .content-top p.lead,
.post .content-top ul {
  font-size: 14px;
}
.contact_box {
  display: none !important;
}
.hl_note {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.34);
  font-style: italic;
}
#banner_top {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 40px;
}
#banner_top img {
  width: 100%;
}
.post {
	font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
}
.post .sidebar .widget {
    margin-bottom: 30px; 
}
.post .meta_box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
    margin: 10px 0 25px;
    padding-bottom: 3px;
    align-items: center;
}
.post .meta_box_right {
	display: flex;
  align-items: center;
}
.post .meta_box_right>span {
  display: none;
}
.post .meta_box_right>span.icon_share {
  display: inherit;
}
.post .meta_box .author {

}
.post .meta_box .published {
	display: none;
}
.post .meta_box .updated {
}
.post hr {
    border-color: #E0E0E0;
    border-width: 1px; 
}
.post .meta_box .icon::before {
    width: 16px;
    height: 16px;
}
.post p, .post p.lead {
	font-size: 16px;
}

.post .display-3 {
    font-size: 17px;
    font-weight: 500;
}

.post figcaption {
    font-weight: 300;
    font-size: 13px;
    text-align: center;
    font-style: italic;
    padding: 6px;
    background-color: #F5F5F5;
    margin-bottom: 15px;
}

.post figure {
	display: table;
	margin: 0 auto;
}

.post img {
	max-width: 100%;
    margin: 0 auto;
    display: block;
}

.post h1, .post h2 {
	font-size: 19px;
	line-height: 1.5;
	font-weight: bold;
}

.post h3, .post h4, .post h5, .post h6 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

.post .sub {
	margin-left: 15px;
}

.post ul {
	padding-left: 35px;
	font-size: 16px;
	font-weight: 300;
}

.post b {
	/* font-weight: 500; */
}

.post .card, .post .list-group {
	margin-bottom: 15px;
}
.btn-primary {
	background-color: #179E8D;
    border-color: #179E8D;
}
.btn-secondary {
    background-color: #f17923;
    border-color: #f17923;
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #f17923 !important;
    border-color: #f17923 !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2) !important;
}
.btn-secondary:active {
    background-color: #179E8D !important;
    border-color: #179E8D !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2) !important;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem;
    font-weight: 500;
}

.post-content ul.lists {
    list-style: inherit;
}

.thanks .jumbotron {
    background-color: transparent;
}
.thanks.post h1 {
    font-size: 30px;
    font-weight: 300;
    color: #179E8D;
}
/*-------------------------------------*/
#video-outer-container {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
}
#video-outer-container #video-frame {
  position: unset !important;
  max-height: 0px;
}
.zoom_image {
  position: absolute;
  top: 0;
  margin-right: 15px;
  height: 650px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: -9;
  /*padding: 15px;*/
}

.zoom_show {
  z-index: 9;
}

.page_playlist {
    position: relative;
    display: flex;
    margin-bottom: 30px;
}
.page_playlist .view_large {
  display: flex;
  align-items: center;
}
.page_playlist .slides {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 2px solid #f2f2f2;
    padding: 10px;
    z-index: 2;
}
.page_playlist .view_large .slides li img {
  max-height: 600px;
}
video {
  width: 100% !important;
  height: auto;
}
.page_playlist .slides li {
  display: none;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page_playlist .slides li.show {
  -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  display: flex;
}
.img-zoom-lens {
  position: absolute;
  background-image: url(../asset/img/zoom.gif);
  /*set the size of the lens:*/
  width: 100px;
  height: 100px;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.page_playlist .view_small {
  text-align: center;
  padding: 7px 15px 0 0;
}
.page_playlist .view_small ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.page_playlist .view_small li {
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  margin: 0 0 15px 0;
  line-height: 1.3;
  align-items: center;
  padding: 0;
  cursor: pointer;
}
.page_playlist .view_small li:before {
  margin-right: 7px;
  padding: 10px;
}
#playlist_down, #playlist_up {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.playlist_select {
  cursor: pointer;
  cursor: pointer;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.playlist_select.prev {
  border-radius: 5px 0 0 5px;
}
.playlist_select.next {
  border-radius: 0 5px 5px 0;
}
.playlist_select:before {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 40px;
  width: 20px;
  opacity: 1 !important;
  filter: invert(38%) sepia(98%) saturate(1251%) hue-rotate(144deg) brightness(93%) contrast(82%);
}
.playlist_select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 0px -2px rgba(0,0,0,.12), 0 0px 2px 0 rgba(0,0,0,.2);
}
li.view-list p {
    margin: 0;
    font-size: 14px;
}
li.view-list img {
    margin: 0;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 0px -2px rgba(0,0,0,.12), 0 0px 2px 0 rgba(0,0,0,.2);
    min-width: 45px;
    height: auto;
    max-width: 45px;
    padding: 3px;
}
li.view-list.active {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}
li.view-list.active img {
  border-radius: 3px;
  box-shadow: none;
  outline: 2px solid #179E8D;
  outline-offset: 5px;
  padding: 0;
}
.order .brand img {
  margin: 0 0 15px 0;
  height: auto;
  max-height: 100px;
}
.order .brand p, .order .order_name p  {
  font-size: 13px;
  margin-bottom: 5px;
}
.order_name {
  text-align: right;
}
.order_name h1 {
  text-transform: uppercase;
  font-size: 36px;
  color: #0e837c;
  line-height: 1;
  margin-bottom: 15px;
}
.order .order_name p {
  font-style: italic;
}
p.order_sku>span {
  font-size: 18px;
  font-weight: bold;
}
.order_payment>div {padding: 0;background-color: #fafafa;padding-bottom: 10px;}
.order_shipto h2,
.order_payment h2,
.order_note h2,
.timeShip h2
 {
  background-color: #0e837c;
  color: #ffffff;
  font-size: 16px;
  padding: 0 15px;
  line-height: 30px;
  margin-bottom: 15px;
}
.order_shipto .right {background-color: #fafafa;padding-bottom: 10px;}
.order_shipto p,
.order_payment p,
.order_note p {
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 5px;
}
.shipto_payment span {
  color: red;
}
.shipto_name span, .shipto_tel span {
  text-transform: uppercase;
  font-weight: bold;
}

.order_note h2 {
  background-color: #ddd;
  color: #000;
  line-height: 28px;
}

.order_note>div {
  padding: 0;
  border: 2px solid #ddd;
  padding-bottom: 10px;
}

.order_support {text-align: center;}
.order_support a {
  font-weight: bold;
}

.shipto_note span {
  font-style: italic;
}


/* Add to cart success*/
#add-to-cart-success {
    cursor: default;
    display: none;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 1px 1px 15px #b3b3b3;
    box-shadow: 1px 1px 15px #b3b3b3;
    right: 20px;
    padding: 15px 20px;
    z-index: 99999;
    top: calc(100% + 5px);
    border-radius: 6px;
}
#add-to-cart-success .icon_close {
  position: absolute;
  right: -5px;
  top: 0px;
}
#add-to-cart-success .icon_done {
  padding: 0;
  width: 18px;
  height: 15.8px;
  margin-left: 0px;
  margin-right: 10px;
}
#add-to-cart-success .text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 0 10px;
  line-height: 15px;
}
#add-to-cart-success .btn {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family: Roboto,Helvetica,Arial,sans-serif;
  line-height: 26px;
  width: 252px;
  margin-top: 13px;
}

#add-to-cart-success .btn::after{
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: -4px;
  right: 17px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  -webkit-box-shadow: -1px -1px 0 #dfdfdf;
  box-shadow: -1px -1px 0 #dfdfdf;
  z-index: -1;
}

@media screen and (max-width:991px){
  .page_playlist .view_small.col-md-12 ul,
  .page_playlist .view_small.col-sm-12 ul {
    display: flex;
    flex-wrap: wrap;
  }

  .page_playlist .view_small.col-md-12 ul li,
  .page_playlist .view_small.col-sm-12 ul li {
    margin: 0 3px;
  }

  .page_playlist .view_small.col-md-12 ul li p,
  .page_playlist .view_small.col-sm-12 ul li p,
  .page_playlist .view_small.col-md-12 ul li:before,
  .page_playlist .view_small.col-sm-12 ul li:before {
    display: none;
  }

  .page_playlist .view_small.col-md-12 ul li img,
  .page_playlist .view_small.col-sm-12 ul li img {
    margin: 0;
  }
}
/*Video template, TV*/
body.video {
  background-color: #f5f5f5;
}
#tray_tv {
  max-width: 1340px;
  display: flex;
  margin-top: 121px;
  padding: 0 28px;
}
#tray_tv #primary {
  display: flex;
  flex-direction: column;
  max-width: 1069px;
  width: calc(100% - 215px);

}
#tray_tv #secondary {
  padding-left: 28px;
  width: 215px;
}
.single-video .sidebar {
    max-width: 402px;
    width: 100%;
    padding-left: 28px;
}
.single-video .video-content {
  max-width: calc(100% - 402px);
  min-width: 640px;
  width: 100%;
}
.single-video .post {
  padding: 0 28px;
  display: flex;
  justify-content: space-between;
}
.single-video .video-play {
  margin-bottom: 8px;
}
/*Video template, TV*/
/*-------------------------------------*/
@media (min-width:320px){
  #tray_tv {
    flex-direction: column;
    margin-top: 0;
  }
  #tray_tv #primary {
    width: 100%;
  }
  #tray_tv #secondary {
    padding-left: 0;
    width: 100%;
  }
  .single-video .video-content {
    max-width: 100%;
    min-width: unset;
  }
  .single-video .post {
    flex-direction: column;
    padding: 0 20px;
  }
  .single-video .sidebar {
    padding-left: 0;
    max-width: 100%;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
  }
  .content-top {
    flex-direction: column;
  }
  .content-top .summary {
    width: 100%;
  }
  .page_playlist {
    max-width: unset;
  }
  .page_playlist .view_large {
    width: 100%;
    justify-content: center;
  }
  .zoom_image {
    display: none;
  }
  .page_carousel_product>.row {
    margin: 0;
  }

  .content-top .sidebar {
    min-width: 244px;
    width: 70%;
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width:576px){
	.jumbotron {
	    padding: 2.5rem 2rem 1.5rem;
	}
    main {
        margin-top: 0;
      }
}


@media (min-width:992px){
  #tray_tv {
    margin-top: 121px;
  }

    .post .entry-content {padding-right: 40px !important;}
    .post .entry-content.full {padding-right: 15px !important;}
    main {
        padding-top: 120px;
    }

  .content-top {
    flex-direction: row;
  }
  .page_playlist {
    max-width: 550px;
    min-width: 450px;
  }
  .page_playlist .view_large {
    width: auto;
  }
  .zoom_image {
    display: block;
  }
  .page_carousel_product>.row {
    margin: 0 -15px;
  }
  .content-top .sidebar {
    min-width: 244px;
    width: 244px;
    max-width: unset;
    margin: 0 auto;
  }
}

.page_rating_box {
    display: none;
}
@media (min-width: 1024px) {
  #tray_tv {
    flex-direction: row;
  }
  #tray_tv #primary {
    width: calc(100% - 215px);
  }
  #tray_tv #secondary {
    padding-left: 28px;
    width: 215px;
  }
  .single-video .video-content {
    max-width: calc(100% - 402px);
    min-width: 640px;
  }
  .single-video .post {
    flex-direction: row;
    padding: 0 25px;
  }
  .single-video .sidebar {
    padding-left: 25px;
    max-width: 402px;
    border-top: none;
    padding-top: 0;
  }
}
@media (min-width: 1366px) {
  .single-video .post {
    padding: 0 28px;
  }
  .single-video .sidebar {
    padding-left: 28px;
  }
  .page_playlist {
    max-width: 550px;
    min-width: 500px;
  }
}
@media (min-width:1440px){
  .content-top .summary {
    max-width: 750px;
  }
}