.urunDetayGosterJs
{
top:10px !important;
right:10px !important;
height:35px !important;
line-height:35px !important;
color:#fff !important;
font-weight:600 !important;
text-transform:  uppercase;
background-color:#e35252 !important;
border:0 !important;
z-index:  999999;
transition:background-color .5s;
}

.urunDetayGosterJs:hover
{
background-color:#c54444 !important;
}

.urunDetayGosterJs:before
{
content:'\e827';
line-height:  30px;
color:inherit;
font-family:'tsoft';
font-style:  normal;
font-weight:normal;
text-decoration:  inherit;
font-variant:normal;
text-align:  center;
text-transform:none;
margin-right:  8px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:  grayscale;
speak:none;
}
#productLeft .slide-wrapper > .row:first-child
{
position:  relative;
}

.zoomWindow
{
border:1px solid #d9d9d9 !important;
}
#productThumbs li.active .box-border
{
border-color:  #000;
}
#productBrandText
{
font-size:  14px;
color:#393939;
}
#productName
{
line-height:  25px;
font-size:20px;
color:  #393939;
}

.productName
{
font-size:  20px;
font-weight:600;
}

.productBrandImg
{
margin-bottom:  10px;
}
#supplier-question
{
line-height:  20px;
font-size:10px;
}

.productComment
{
width:  87px;
}

.comment-btn
{
line-height:  30px;
color:#000;
font-size:  13px;
}

.mainPrices
{
position:  relative;
}

.priceLine, .variantLine, .noteLine
{
line-height:  23px;
font-size:13px;
}

.priceType, .variantType, .noteTitle
{
width:  120px;
}

.currencyPrice
{
font-size:   14px;
color: #a1a1a1;
}

.normalPrice
{
font-size:  19px;
}

.discountPrice
{
line-height:  30px;
font-size:32px;
}
#productRight .order-note textarea
{
padding-top:  20px;
}

.variantBox a, .variantBox select
{
min-width:  40px;
height:40px;
}

.variantBox a.col
{
padding-top:   2px;
padding-bottom: 2px;
}

.variantBox a.col.ring
{
padding-right:   2px;
padding-left: 2px;
border-radius:   5px;
}

.variantBox a.selected
{
border:  1px solid #ff6f00;
}

.variantBox a.passive
{
background:  #d2d2d2;
text-decoration:line-through;
color:  #f10a41;
}

.variantBox a p
{
width:100%;
height:  34px;
line-height:34px;
text-align:  center;
font-size:12px;
color:  #000;
padding-bottom: 0;
}

.variantBox a.ring p
{
border-radius:  20px;
}

.variantBox select
{
appearance:  none;
-moz-appearance:none;
-webkit-appearance:  none;
}

.imageInner
{
position:  relative;
width:100%;
height:  0;
padding-bottom:100%;
}

.discounts.currentDiscount
{
background:  #f0f0f0;
}

.noteLine
{
padding-top:  0;
}

.noteBox textarea
{
min-width:  250px;
height:40px;
font-size:  12px;
color:#666;
word-break:  break-all;
}
#shopListLink:hover
{
color:  #e35252;
}
[dir="rtl"] .productFunction
{
padding-right:   35px;
padding-left:10px;
background-position:  right;
}

.productFunction:hover
{
color:  #e35252;
}

.shareTitle
{
line-height:  30px;
font-size:13px;
color:  #000;
}

.smlIconSet .shareTitle
{
line-height:  20px;
}

.shareBtns .col
{
padding-right:  5px;
}

.shareBtns a
{
width:  30px;
line-height:30px;
font-size:  20px;
}

.smlIconSet .shareBtns a
{
font-size:  15px;
}
#urun-tab .slide-wrapper
{
overflow:  hidden;
}
#tabBtn li
{
cursor:  pointer;
}
#tabBtn li:hover,
#tabBtn li:hover .btn
{
box-shadow:  none;
}
#tabBtn li.active span.text-description
{
color:  #000;
}
#tabBtn li .stars
{
margin-right:  10px;
margin-left:0;
}
#product-comment .stars-inner
{
height:   13px;
background: url('/theme/v4/sub_theme/genel/v4/v4/starsFull.png') no-repeat;
}
#product-comment .stars
{
width:   87px;
height: 13px;
background: url('/theme/v4/sub_theme/genel/v4/v4/stars.png') no-repeat;
}
#tabPanel
{
overflow:  hidden;
}
#tabPanel li
{
top:  20px;
left:20px;
right:  20px;
}
#tabPanel li.current
{
width:100%;
}
#tabPanel li
{
line-height:  15px;
}
#tabPanel li table
{
float:  left;
max-width:100%;
}
#productDetailTab li
{
list-style:  disc;
list-style-position:inside;
}
#banks
{
line-height:  2;
}

.like
{
padding-left:  21px;
background:url('likeIcon.png') no-repeat 0 center;
}

.dislike
{
padding-left:  21px;
background:url('dislikeIcon.png') no-repeat 0 center;
}
[dir="rtl"] .addthis_toolbox
{
float:  right;
}

.icon-fav
{
color:  #000;
font-weight:bold;
}
@media screen and (max-width: 1000px)
{
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
}
@media screen and (max-width: 768px)
{
.zopim
{
bottom:80px !important;
}

.urunDetayGosterJs
{
display:none !important;
}
#productLeft
{
padding-right:  0;
}
#productRight
{
padding-top:  10px;
padding-right:0;
padding-left:  0;
}
#price-flexer,
#price-flexer > .d-flex
{
display:  initial;
}

.discountedPrice
{
line-height:  30px;
padding-left:0;
}

.comment-star-wrapper
{
position:  static;
float:left;
}
#price-flexer .comment-star-wrapper :before
{
margin-right:  8px;
margin-left:0;
}
#mobileTabBtn
{
overflow-y:  hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:   touch;
}
#tabBtn
{
display:  flex;
}
#tabBtn li span
{
display:  inherit;
font-size:15px;
white-space:  nowrap;
}
#product-buttons a
{
padding-left:  0;
}
}
@media screen and (max-width: 540px)
{
#mobileBuyBtn
{
position:  fixed;
bottom:0;
left:  0;
z-index:333;
background:  #fff;
box-sizing:border-box;
box-shadow:0 -3px 3px rgba(0,0,0,.1);
}
}

.urunDetayGosterJs
{
top: 10px !important;
right: 10px !important;
height: 35px !important;
line-height: 35px !important;
color: #fff !important;
font-weight: 600 !important;
text-transform:   uppercase;
background-color: #e35252 !important;
border: 0 !important;
z-index:   999999;
transition: background-color .5s;
}

.urunDetayGosterJs:hover
{
background-color: #c54444 !important;
}

.urunDetayGosterJs:before
{
content: '\e827';
line-height:   30px;
color: inherit;
font-family: 'tsoft';
font-style:   normal;
font-weight: normal;
text-decoration:   inherit;
font-variant: normal;
text-align:   center;
text-transform: none;
margin-right:   8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:   grayscale;
speak: none;
}
#productLeft .slide-wrapper > .row:first-child
{
position:   relative;
}

.zoomWindow
{
border: 1px solid #d9d9d9 !important;
}
#productThumbs li.active .box-border
{
border-color: var(--color5);
}
#productBrandText
{
font-size:   14px;
color: #393939;
}
#productName
{
line-height:   normal;
color: var(--color2);
font-size: 1.563rem;
font-weight:   500;
}

.productName
{
font-size:   20px;
font-weight: 600;
}

.productBrandImg
{
margin-bottom:   10px;
}
#supplier-question
{
line-height:   20px;
font-size: 10px;
}

.productComment
{
width:   87px;
}

.comment-btn
{
line-height:   30px;
color: #000;
font-size:   13px;
}

.mainPrices
{
position:   relative;
}

.priceLine,
.variantLine,
.noteLine
{
line-height:   23px;
font-size: 13px;
}

.priceType,
.variantType,
.noteTitle
{
width:   120px;
}

.currencyPrice
{
margin-right: 0.938rem;
color: var(--color9);
font-size: 0.75rem;
font-weight:   400;
line-height: normal;
}

.normalPrice
{
font-size: 1.625rem;
color: var(--color2);
font-weight:   600;
line-height: normal;
}

.discountPrice
{
font-size: 1.625rem;
color: var(--color2);
font-weight:   600;
line-height: normal;
}
#productRight .order-note textarea
{
padding-top:   20px;
}

.variantBox a
{
min-width: 4.375rem;
width: 4.375rem;
height: 4.375rem;
}
#variant-area .variantBox select
{
border-radius: 0.125rem;
background-color: var(--color1);
width: 100%;
height: 3.125rem;
border: 0.063rem solid var(--color27);
background-image: url(/Data/EditorFiles/burosit/detail/select-arrow.svg);
background-repeat:   no-repeat;
background-position: right 0.5rem center;
color: var(--color3);
font-size: 0.875rem;
font-weight:   500;
}

.variantBox a.col
{
padding-top:   2px;
padding-bottom: 2px;
}

.variantBox a.col.ring
{
padding-right:   2px;
padding-left: 2px;
margin-right: 1.25rem;
}

.variantBox a.selected
{
border: 0.063rem solid var(--color5);
}

.variantBox a.passive
{
background:   #d2d2d2;
text-decoration: line-through;
color:   #f10a41;
}

.variantBox a p
{
line-height:   34px;
text-align: center;
font-size:   12px;
color: #000;
padding-bottom:   0;
height: 4rem;
display:   flex;
align-items: center;
justify-content:   center;
}

.variantBox select
{
appearance:   none;
-moz-appearance: none;
-webkit-appearance:   none;
}

.imageInner
{
position:   relative;
width: 100%;
height:   0;
padding-bottom: 100%;
}

.discounts.currentDiscount
{
background:   #f0f0f0;
}

.noteLine
{
padding-top:   0;
}

.noteBox textarea
{
min-width:   250px;
height: 40px;
font-size:   12px;
color: #666;
word-break:   break-all;
}
#shopListLink:hover
{
color:   #e35252;
}
[dir="rtl"] .productFunction
{
padding-right:   35px;
padding-left: 10px;
background-position:   right;
}

.productFunction:hover
{
color:   #e35252;
}

.shareTitle
{
line-height:   30px;
font-size: 13px;
color:   #000;
}

.smlIconSet .shareTitle
{
line-height:   20px;
}

.shareBtns .col
{
padding-right:   5px;
}

.shareBtns a
{
width:   30px;
line-height: 30px;
font-size:   20px;
}

.smlIconSet .shareBtns a
{
font-size:   15px;
}
#urun-tab .slide-wrapper
{
overflow:   hidden;
}
#tabBtn li
{
cursor:   pointer;
}
#tabBtn li:hover,
#tabBtn li:hover .btn
{
box-shadow:   none;
}
#tabBtn li.active span.text-description
{
color:   #000;
}
#tabBtn li .stars
{
margin-right:   10px;
margin-left: 0;
}
#product-comment .stars-inner
{
height:   13px;
background: url('/theme/v4/sub_theme/genel/v4/v4/starsFull.png') no-repeat;
}
#product-comment .stars
{
width:   87px;
height: 13px;
background: url('/theme/v4/sub_theme/genel/v4/v4/stars.png') no-repeat;
}
#tabPanel
{
overflow:   hidden;
}
#tabPanel li
{
top:   20px;
left: 20px;
right:   20px;
}
#tabPanel li.current
{
width: 100%;
}
#tabPanel li
{
line-height:   15px;
}
#tabPanel li table
{
float:   left;
max-width: 100%;
}
#productDetailTab li
{
list-style:   disc;
list-style-position: inside;
}
#banks
{
line-height:   2;
}

.like
{
padding-left:   21px;
background: url('likeIcon.png') no-repeat 0 center;
}

.dislike
{
padding-left:   21px;
background: url('dislikeIcon.png') no-repeat 0 center;
}
[dir="rtl"] .addthis_toolbox
{
float:   right;
}
@media screen and (max-width: 1000px)
{
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
}
@media screen and (max-width: 768px)
{
.zopim
{
bottom: 80px !important;
}

.urunDetayGosterJs
{
display: none !important;
}
#productLeft
{
padding-right:   0;
}
#productRight
{
padding-top:   10px;
padding-right: 0;
padding-left:   0;
}
#price-flexer,
#price-flexer > .d-flex
{
display:   initial;
}

.discountedPrice
{
line-height:   30px;
padding-left: 0;
}

.comment-star-wrapper
{
position:   static;
float: left;
}
#price-flexer .comment-star-wrapper :before
{
margin-right:   8px;
margin-left: 0;
}
#mobileTabBtn
{
overflow-y:   hidden;
overflow-x: scroll;
-webkit-overflow-scrolling:   touch;
}
#tabBtn
{
display:   flex;
}
#tabBtn li span
{
/*display:inherit;*/
font-size:   15px;
white-space: nowrap;
}
#product-buttons a
{
padding-left:   0;
}
}
@media screen and (max-width: 540px)
{
#mobileBuyBtn
{
position:   fixed;
bottom: 0;
left:   0;
z-index: 333;
background:   #fff;
box-sizing: border-box;
box-shadow: 0 -3px 3px rgba(0, 0, 0, .1);
}
}
#productLeft
{
position:   relative;
}
#productThumbs
{
display:   flex;
flex-direction: column;
}
#productThumbs li
{
width: 100%;
padding-bottom:   1px;
opacity: 0.5;
margin-bottom: 1.25rem;
}
#productThumbs li.videoLi
{
display:   flex;
flex-direction: column;
text-align:   center;
align-items: center;
justify-content:   center;
opacity: 0.5;
box-sizing:   border-box;
max-width: 100%;
border-radius: 0.62rem;
}
#productImage video
{
width: 100%;
height:   auto;
}
#productThumbs li.active
{
opacity:   1;
}
#thumbControl
{
position:   absolute;
width: 0;
height: calc(100% + 35px);
top:   0;
left: calc(50% - 21px);
box-sizing:   border-box;
z-index: 1;
}
#thumbControl span#prevThumb
{
position:   absolute;
top: 0;
transform: rotate(90deg);
}
#thumbControl span#nextThumb
{
position:   absolute;
bottom: 0;
transform: rotate(270deg);
}
#productLeft .slideControl span.colPrev
{
background: #fff url('/Data/EditorFiles/burosit/main/slide/icons/thumb-arrow.svg') center center no-repeat;
}
#productLeft .slideControl span
{
width:   35px;
height: 35px;
border:   1px solid #EDEDED;
box-sizing: border-box;
box-shadow: 0px 0px 10px rgb(0 0 0 / 4%);
border-radius: 100%;
cursor:   pointer;
}
#productLeft .detail-productImage .slideControl span
{
width:   50px;
height: 50px;
border:   0;
box-sizing: border-box;
box-shadow: 0px 0px 10px rgb(0 0 0 / 4%);
cursor:   pointer;
}
#productLeft .slideControl span.colNext
{
background: #fff url('/Data/EditorFiles/burosit/main/slide/icons/thumb-arrow.svg') center center no-repeat;
transform: rotate(180deg);
}
#productLeft .pror
{
border-radius: 0.62rem;
}
#productImage
{
background: var(--color1);
display:   flex;
align-items: center;
justify-content:   center;
border-radius: 5px;
}
#productLeft #productImage .image-wrapper
{
padding-bottom: 100%;
border-radius:   5px;
}

.detail-productImage .slideControl
{
width: calc(100% - 30px);
left:   15px;
}
#product-brand
{
color: var(--color21);
font-size: 1.25rem;
font-weight:   700;
text-transform: uppercase;
}
#productInfo
{
margin-bottom:   20px;
border-bottom: 1px solid var(--color8);
padding-bottom:   20px;
}
#addCartBtn
{
display:   flex;
align-items: center;
justify-content:   center;
border-radius: 5px;
background-color: var(--color5);
height:   42px;
color: var(--color1);
font-size: 0.875rem;
font-weight:   600;
text-transform: uppercase;
}

.btn:not(.btn-default):hover
{
box-shadow: inset 0 0 0 40px rgb(0 0 0 / 30%);
}

.icon-detailprice:before
{
content: url(/Data/EditorFiles/burosit/detail/price-alert.svg);
line-height:   normal;
}
#tabBtn
{
margin-top:   20px;
display: flex;
align-items:   center;
justify-content: center;
}
#tabarea
{
border-radius:   5px;
background-color: var(--color1);
border: 1px solid var(--color8);
}
#tabBtn .text-description,
.pWrapper .pWin.debugActive .pText
{
color:   inherit;
font-size: 0.938rem;
font-weight:   500;
}
#tabBtn li:hover,
#tabBtn li:hover .btn
{
color: var(--color5);
border: 0.063rem solid var(--color5);
border-radius:   5px;
}
#tabBtn .btn.active
{
color: var(--color5);
font-weight:   600;
border-radius: 5px;
border: 1px solid var(--color5);
}
#tabBtn .btn
{
cursor:   pointer;
font-size: 0.938rem;
font-weight:   500;
text-align: center;
color: var(--color11);
font-size:   1rem;
font-weight: 400;
text-transform:   uppercase;
}
#tabBtn li.active span.text-description
{
color: var(--color5);
}
#productDetailTab p
{
color: var(--color5);
font-size:   1rem;
font-weight: 400;
}
#supplier-question
{
margin-top:   10px;
color: var(--color11);
font-size: 0.75rem;
font-weight:   400;
line-height: normal;
}

.df-sb
{
display:   flex;
align-items: center;
justify-content:   space-between;
}

.comment-star-wrapper .text-custom-pink,
.active .text-custom-gray,
.text-custom-gray.active,
.text-custom-gray.like-btn:hover
{
color: var(--color12);
}

.comment-star-wrapper i.fl.icon-stars.text-custom-pink.icon-pull-right
{
color: var(--color13);
}
#productRight .listdiscount-area
{
border-radius: 0.125rem;
background-color: var(--color6);
width: 4.188rem;
height: 4.125rem;
display:   flex;
flex-direction: column;
align-items:   center;
justify-content: center;
line-height:   normal;
color: var(--color1);
font-size: 0.875rem;
font-weight:   400;
}
#productRight .productDiscount span
{
font-size: 1.563rem;
font-weight:   600;
}
#productRight .price-flex
{
display:   flex;
align-items: center;
}

.variantWrapper .v-title
{
color: var(--color2);
font-size: 0.75rem;
font-weight:   600;
width: 100%;
padding-bottom:   10px;
}
#cart-wrapper
{
display:   flex;
align-items: flex-end;
gap:   30px;
}
#productRight .qtyBox .productType
{
color: var(--color24);
font-size: 0.875rem;
font-weight:   700;
text-transform: capitalize;
}
#productRight .qtyBtns
{
height:   40px;
padding-top: 1px;
padding-bottom:   1px;
background: var(--color1);
border-radius:   5px;
background-color: var(--color1);
border: 1px solid var(--color8);
}
#productRight .qtyBtns input
{
float:   left;
width: calc(100% - 70px);
height:   40px;
line-height: 48px;
color: var(--color2);
font-size: 1.313rem;
font-weight:   500;
text-align: center;
padding-right:   5px;
padding-left: 5px;
border:   0;
box-sizing: border-box;
border-left: 1px solid var(--color8);
border-right: 1px solid var(--color8);
}
#productRight .qtyBtns a p.icon-plus:before
{
font-size: 0.62rem;
}
#productRight .qtyBtns a p.icon-minus:before
{
font-size: 0.15rem;
}

.jsb
{
justify-content:   space-between;
}
#cmp-wrapper #cmps
{
border-radius: 0.125rem;
background-color: var(--color1);
width: 100%;
height: 2.188rem;
border: 0.063rem solid var(--color28);
background-image: url(/Data/EditorFiles/burosit/detail/cmp-arrow.svg);
background-repeat:   no-repeat;
background-position: right 0.5rem center;
color: var(--color3);
font-size: 0.875rem;
font-weight:   500;
padding-left: 1rem;
}
#cmpList .cmp-title
{
color: var(--color3);
font-size: 0.875rem;
font-weight:   500;
margin-bottom: 0.62rem;
display:   flex;
align-items: center;
}
#cmpList .cmp-title:before
{
content: url(/Data/EditorFiles/burosit/detail/cmp-icon.png);
margin-right: 0.62rem;
line-height:   0;
}

.detail-productImage
{
border-radius:   5px;
border: 1px solid var(--color8);
}
#productRight  .listproductDiscount
{
display:   flex;
flex-direction: column;
align-items:   center;
justify-content: center;
border-radius:   5px;
background-color: var(--color5);
min-width:   100px;
min-height: 40px;
}
#productRight .listproductDiscount .discgain > span
{
display:   flex;
flex-direction: column;
text-align:   center;
line-height: normal;
}
#productRight .listproductDiscount .discprice
{
font-size: 0.5rem;
font-weight:   400;
color: var(--color1);
}
#productRight .listproductDiscount .discprice > span
{
font-size: 0.625rem;
font-weight:   700;
}
#productRight .listproductDiscount .discgain:before
{
content: url(/Data/EditorFiles/burosit/main/icons/gain.svg);
line-height:   0;
margin-right: 3px;
}
#productRight .listproductDiscount .discgain
{
color: var(--color1);
font-size: 0.5rem;
font-weight:   400;
display: flex;
align-items:   center;
}
#productRight .listproductDiscount .discgain .gainpri
{
font-size: 0.5rem;
font-weight:   600;
}
#product-detail .price-br
{
border-bottom: solid 1px var(--color8);
padding-bottom:   20px;
margin-bottom: 10px;
}
#product-detail #delivery
{
margin-top:   15px;
border-radius: 5px;
border: 1px solid var(--color5);
color: var(--color5);
font-size: 0.8rem;
font-weight:   400;
}
#product-detail #delivery > div:before
{
content: url(/Data/EditorFiles/burosit/icons/delivery.svg);
line-height:   0;
}
#productRight .guide > a > span:before
{
content: url(/Data/EditorFiles/burosit/icons/guide.svg);
line-height:   0;
margin-right: 10px;
}
#productRight .assembly > a > span:before
{
content: url(/Data/EditorFiles/burosit/icons/assembly.svg);
line-height:   0;
margin-right: 10px;
}
#productRight .guide > a > span
{
border-radius:   5px;
background-color: hsl(0, 0%, 100%);
width:   170px;
height: 30px;
border: 1px solid hsl(0, 0%, 0%);
display:   flex;
align-items: center;
justify-content:   center;
}
#productRight .assembly > a > span
{
border-radius:   5px;
background-color: hsl(0, 0%, 100%);
width:   170px;
height: 30px;
border: 1px solid hsl(0, 0%, 0%);
display:   flex;
align-items: center;
justify-content:   center;
}

.btndblock
{
display:   flex;
align-items: center;
justify-content:   center;
gap: 30px;
}
@media screen and (max-width: 768px)
{
.currencyPrice
{
margin-right:   0;
}

.discountPrice
{
font-size:   1rem;
}

.variantBox a.col.ring
{
margin-right:   16px;
margin-bottom: 10px;
}

.btndblock
{
gap:   10px;
}

.productSymbol
{
padding-right: 15px !important;
}
#tabBtn
{
justify-content:   flex-start;
}
}

.ts-ar-btn
{
width:100%;
height: 50px;
margin-top:12px;
border: none;
border-radius:12px;
background: #111;
color:#fff;
font-size: 15px;
font-weight:600;
cursor: pointer;
}

.ts-ar-modal
{
display: none;
position:fixed;
z-index: 999999;
left:0;
top: 0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);
}

.ts-ar-content
{
width:95%;
max-width: 1200px;
height:90%;
background: #fff;
margin:2% auto;
border-radius: 20px;
overflow:hidden;
position: relative;
}

.ts-ar-close
{
position: absolute;
top:15px;
right: 15px;
width:42px;
height: 42px;
border:none;
border-radius:50%;
background: #111;
color:#fff;
font-size: 20px;
cursor:pointer;
z-index: 100;
}
@media(max-width:768px)
{
.ts-ar-content
{
width:100%;
height:100%;
margin: 0;
border-radius:0;
}
}




/* =============================== */
/* AR BUTTON */
/* ========================= */
/* ================================= */
/* ================================= */
/* IMAGE BUTTON */
/* ================================= */

.ts-ar-image-btn{

    width:auto;

    max-width:220px;

    display:block;

    cursor:pointer;

}



/* ================================= */
/* POPUP */
/* ================================= */

.ts-ar-modal{
    display:none;
    position:fixed;
    z-index:999999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.85);
}

.ts-ar-content{
    width:95%;
    height:90%;
    max-width:1200px;
    margin:2% auto;
    background:#111;
    border-radius:16px;
    overflow:hidden;
    position:relative;
}

.ts-ar-close{
    position:absolute;
    right:10px;
    top:10px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    z-index:10;
    cursor:pointer;
}

#ts-ar-frame{
    width:100%;
    height:100%;
    border:0;
}

@media(max-width:768px){

    .ts-ar-content{
        width:100%;
        height:100%;
        margin:0;
        border-radius:0;
    }
    
#ts-ar-button-container{

    width:100%;

    display:block;

    clear:both;

    float:left;

    margin-top:20px;

    position:relative;

    z-index:2;

}
}