@import url("font/tsoft.css"); :root
{
--darkblue:         #0B122C;
--black: #000000;
--white:         #ffffff;
--red: #f05b58;
--green:         #01E0C6;
--mint: #00FFAC;
--purple:         #7067CF;
--green2: #0CE5BC;
}
::placeholder
{
color:         #949494;
font-size: 12px;
font-weight:         400;
}
*
{
box-sizing:         border-box;
/* font-family: 'Poppins', "Open Sans", "Arial", sans-serif; */
}

.themeBg
{
background: var(--blue);
}

.w-100
{
width: 100%;
}

.br-20
{
border-radius:         20px;
}

.shadow
{
box-shadow: -4px -4px 6px #ffffff, 5px 5px 10px rgb(174 174 192 / 50%);
}

.cursor
{
cursor:         pointer;
}

.wrap
{
flex-wrap:         wrap;
}

.flexy
{
display: flex !important;
}

.grow
{
flex-grow:         1;
}

.column
{
flex-direction:         column;
}

.c-reverse
{
flex-direction:         column-reverse;
}

.reverse
{
flex-direction:         row-reverse;
}

.radius
{
border-radius:         16px;
}

.j-center
{
justify-content:         center;
}

.f-end
{
justify-content:         flex-end;
}

.f-start
{
justify-content:         flex-start;
}

.a-start
{
align-items:         flex-start;
}

.a-end
{
align-items:         flex-end;
}

.s-between
{
justify-content:         space-between;
}

.s-evenly
{
justify-content:         space-evenly;
}

.s-around
{
justify-content:         space-around;
}

.h100
{
height: 100%;
}

.t100
{
top: 100%;
}

.b100
{
bottom: 100%;
}

.l100
{
left: 100%;
}

.r100
{
right: 100%;
}

.mt-200
{
margin-top: clamp(0px,10vw,200px);
}

.mb-70
{
margin-bottom: clamp(10px,3.5vw,70px);
}

.pb-70
{
padding-bottom: clamp(10px,3.5vw,70px);
}

.mb-200
{
margin-bottom: clamp(0px,10vw,200px);
}

.mr-100
{
margin-right: clamp(10px,5vw,100px);
}

.mt-20
{
margin-top: clamp(10px,1vw,20px);
}

.mb-20
{
margin-bottom: clamp(10px,1vw,20px);
}

.pb-20
{
padding-bottom: clamp(10px,1vw,20px);
}

.mr-20
{
margin-right: clamp(10px,1vw,20px);
}

.ml-20
{
margin-left: clamp(10px,1vw,20px);
}

.margin
{
margin:         10px;
}

.sticky .d-none.db-sticky
{
display:         block;
}

.sticky .d-none.df-sticky
{
display:         flex;
}

.col-20
{
width: 20%;
}

.outer
{
width: 100%;
max-width:         1920px;
margin: 0 auto;
}

.swiper-container
{
width: 100%;
height: 100%;
margin-left:         auto;
margin-right: auto;
position:         relative;
overflow: hidden;
list-style:         none;
padding: 0;
z-index:         1;
}

.swiper-slide
{
text-align:         center;
font-size: 18px;
/*
background:         #fff;
*/
display:         -webkit-box;
display: -ms-flexbox;
display:         -webkit-flex;
display: flex;
-webkit-box-pack:         center;
-ms-flex-pack: center;
-webkit-justify-content:         center;
justify-content: center;
-webkit-box-align:         center;
-ms-flex-align: center;
-webkit-align-items:         center;
align-items: center;
}
#mainColumn>div
{
/* margin-bottom: clamp(10px,1vw,20px); */
}

.lightboxOverlay, .lightbox
{
z-index: 999999999 !important;
}
@media screen and (max-width: 768px)
{
.d-none.db-sm
{
display: block !important;
}

.pn-sm
{
padding: 0 !important;
}

.dn-sm
{
display: none !important;
}

.text-center .border-limited:after, .text-center.border-limited:after, .border-centered.border-limited:after
{
left: 0 !important;
}
}
html, body, div, span, applet, object, iframe, p, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin:         0;
padding: 0;
border:         0;
font-size: 100%;
vertical-align:         baseline;
}
tbody, tfoot, thead, tr, th, td
{
margin:         0;
padding: 0;
font-size: 100%;
vertical-align:         baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display:         block;
}
html, body
{
float:         left;
width: 100%;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background:         #f0f0f3;
}
body
{
font-family: 'Poppins', "Arial", sans-serif;
font-size:         13px;
line-height: 1;
}
script
{
display:         none;
}
:not(.withPlace)::-webkit-input-placeholder
{
color:         transparent;
opacity: 0;
}
:not(.withPlace)::-moz-placeholder
{
color:         transparent;
opacity: 0;
}
:not(.withPlace):-ms-input-placeholder
{
color:         transparent;
opacity: 0;
}
:not(.withPlace):-moz-placeholder
{
color:         transparent;
opacity: 0;
}
::-webkit-scrollbar
{
width:         5px;
height: 5px;
background:         #E6E6E6;
border-radius: 5px;
}
::-webkit-scrollbar-button
{
display:         none;
}
::-webkit-scrollbar-thumb
{
background:         #4d4d4d;
border-radius: 5px;
}

.vertical-small-scroll::-webkit-scrollbar
{
height:         3px;
}
ol, ul
{
list-style-type:         none;
}
img
{
max-width: 100%;
height:         auto;
}
/*RESIM RADIUS GURU */
.radiusimg
{
position:        relative;
border-radius: 15px;
}
/*PLAYER RADIUS GURU  */
.resp-iframe
{
}

.resp-iframe__container
{
position:        relative;
overflow: hidden;
border-radius:        1rem;
padding-top: 56.25%; // video ratio 9 / 16 = 0.5625 ~ 56.25% change this according video ratio
}

.resp-iframe__embed
{
position:        absolute;
top: 0;
width: 100%;
height: 100%;
border:        0;
}
/*READ MORE GURU */
.top-showcase-images
{
float:        left;
}

.content-area.ok-scroll
{
height:        100px;
overflow: hidden;
transition: .5s;
}

.content-area.active
{
overflow-y:        auto;
overflow-x: hidden;
height:        auto;
max-height: 200px;
transition: .5s;
}

.content-area.active+.read-more-btn img
{
transition: .5s;
transform: rotate(180deg);
}

.content-area .showcase-title
{
font-family: var(--font2);
font-size:        16px;
font-weight: 500;
font-stretch:        normal;
letter-spacing: normal;
color:        #000;
margin: 0 0 6px;
}

.content-area p
{
font-size:        12px;
font-weight: 500;
line-height: 2.33;
color:        #767676;
font-family: var(--font3);
}

.read-more-btn
{
float:        left;
width: 100%;
text-align:        center;
margin-bottom: 12px;
margin-top:        5px;
cursor: pointer;
}

@media (min-width:1280px) { 
.gurumargin {         
margin-top: -70px;     
} }


.content-area-bottom
{
margin-top:        10px;
}
/*READ MORE GURU */
.ie img
{
/*width:100%;*/
max-width:         none;
height: auto;
}
blockquote, q
{
quotes:         none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content:         none;
}

.row::before, .row::after
{
content: '';
display:         table;
}

.row::after
{
clear:         both;
}
table
{
border-collapse:         collapse;
border-spacing: 0;
}
input, select, textarea, button
{
outline:         none;
}
input:focus, select:focus, textarea:focus
{
box-shadow: inset 0 0 4px rgba(0,0,0,.3);
}
p
{
padding-bottom:         10px;
line-height: 1.3;
}
a
{
text-decoration:         none;
color: inherit;
cursor:         pointer;
}

.fix-line-height
{
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6
{
display:         block;
}

.with-border, h1.with-border, h2.with-border, h3.with-border, h4.with-border, h5.with-border, h6.with-border
{
position:         relative;
padding-bottom: 3px;
}

.with-border:before, h1.with-border:before, h2.with-border:before, h3.with-border:before, h4.with-border:before, h5.with-border:before, h6.with-border:before, .with-border:after, h1.with-border:after, h2.with-border:after, h3.with-border:after, h4.with-border:after, h5.with-border:after, h6.with-border:after
{
content: '';
position:         absolute;
left: 0;
height:         1px;
}
[dir="rtl"] .with-border:before, [dir="rtl"] h1.with-border:before, [dir="rtl"] h2.with-border:before, [dir="rtl"] h3.with-border:before, [dir="rtl"] h4.with-border:before, [dir="rtl"] h5.with-border:before, [dir="rtl"] h6.with-border:before, [dir="rtl"] .with-border:after, [dir="rtl"] h1.with-border:after, [dir="rtl"] h2.with-border:after, [dir="rtl"] h3.with-border:after, [dir="rtl"] h4.with-border:after, [dir="rtl"] h5.with-border:after, [dir="rtl"] h6.with-border:after
{
left:         auto;
right: 0;
}

.with-border:before, h1.with-border:before, h2.with-border:before, h3.with-border:before, h4.with-border:before, h5.with-border:before, h6.with-border:before
{
bottom:         2px;
}

.with-border:after, h1.with-border:after, h2.with-border:after, h3.with-border:after, h4.with-border:after, h5.with-border:after, h6.with-border:after
{
bottom:         0;
}

.border-limited:before, .border-limited:after
{
width:         165px;
}

.border-unlimited:before, .border-unlimited:after
{
width: 100%;
}

.border-custom-dark-gray:before, .border-custom-dark-gray:after
{
background:         #7c7c7c;
}

.border-custom-gray:before, .border-custom-gray:after
{
background:         #5e5e5e;
}

.border-custom-light-gray:before, .border-custom-light-gray:after
{
background:         #e5e5e5;
}

.text-center .border-limited:before, .text-center .border-limited:after, .text-center.border-limited:before, .text-center.border-limited:after, .border-centered.border-limited:before, .border-centered.border-limited:after
{
left: calc(50% - 82.5px);
}
::selection
{
background:         #000;
color: #fff;
}

.pos-f, .btn.pos-f, .col.pos-f, .box.pos-f
{
position:         fixed;
}

.pos-s, .btn.pos-s, .col.pos-s, .box.pos-s
{
position:         static;
}

.pos-a, .btn.pos-a, .col.pos-a, .box.pos-a
{
position:         absolute;
}

.pos-r, .btn.pos-r, .col.pos-r, .box.pos-r
{
position:         relative;
}

.pos-top, .btn.pos-top, .col.pos-top, .box.pos-top
{
top:         0;
}

.pos-right, .btn.pos-right, .col.pos-right, .box.pos-right
{
right:         0;
}
[dir="rtl"] .pos-right, [dir="rtl"] .btn.pos-right, [dir="rtl"] .col.pos-right, [dir="rtl"] .box.pos-right
{
right:         auto;
left: 0;
}

.pos-bottom, .btn.pos-bottom, .col.pos-bottom, .box.pos-bottom
{
bottom:         0;
}

.pos-left, .btn.pos-left, .col.pos-left, .box.pos-left
{
left:         0;
}
[dir="rtl"] .pos-left, [dir="rtl"] .btn.pos-left, [dir="rtl"] .col.pos-left, [dir="rtl"] .box.pos-left
{
left:         auto;
right: 0;
}

.d-none, .btn.d-none, .col.d-none, .box.d-none
{
display:         none;
}

.d-block, .btn.d-block, .col.d-block, .box.d-block
{
display:         block;
}

.d-inline, .btn.d-inline, .col.d-inline, .box.d-inline
{
display:         inline;
}

.d-inline-block, .btn.d-inline-block, .col.d-inline-block, .box.d-inline-block
{
display:         inline-block;
}

.d-flex, .btn.d-flex, .col.d-flex, .box.d-flex
{
display:         flex;
align-items: center;
}

.d-flex.justify-content-center
{
justify-content:         center;
}

.d-flex.space-between
{
justify-content:         space-between;
}

.fl, .btn.fl
{
float:         left;
}
[dir="rtl"] .fl, [dir="rtl"] .btn.fl
{
float:         right;
}

.fr, .btn.fr, .col.fr, .box.fr
{
float:         right;
}
[dir="rtl"] .fr, [dir="rtl"] .btn.fr, [dir="rtl"] .col.fr, [dir="rtl"] .box.fr
{
float:         left;
}

.fn, .btn.fn, .col.fn, .box.fn
{
float:         none;
}

.text-title
{
line-height:         17px;
font-size: 13px;
color:         #393939;
}

.text-title-mobilemenu
{
line-height:         17px;
font-size: 13px;
color:         #01ffac;
}

.text-description, .pWrapper .pWin.debugActive .pText
{
line-height:         15px;
font-size: 12px;
color:         #5e5e5e;
}

.text-link
{
line-height:         14px;
font-size: 11px;
color:         #7c7c7c;
}

.text-upper
{
text-transform:         uppercase;
}

.text-lower
{
text-transform:         lowercase;
}

.text-cpt
{
text-transform:         capitalize;
}

.text-over
{
text-decoration:         overline;
}

.text-line
{
text-decoration:         line-through;
}

.text-under
{
text-decoration:         underline;
}

.text-italic
{
font-style:         italic;
}

.text-oblique
{
font-style:         oblique;
}

.text-left
{
text-align:         left;
}

.text-right
{
text-align:         right;
}

.text-center
{
text-align:         center;
}

.text-justify
{
text-align:         justify;
}

.text-light
{
font-weight:         300;
}

.text-regular
{
font-weight:         400;
}

.text-medium
{
font-weight:         500;
}

.text-semibold
{
font-weight:         600;
}

.text-bold
{
font-weight:         700;
}

.text-default
{
color:         #7e848c;
}

.text-info
{
color:         #5bc0de;
}

.text-primary
{
color:         #337ab7;
}

.text-success
{
color:         #5cb85c;
}

.text-warning
{
color:         #e5591b;
}

.text-danger
{
color:         #f33939;
}

.text-custom-gray, .active .text-custom-pink, .text-custom-pink.active, .text-custom-pink.like-btn:hover
{
color:         #5e5e5e;
}

.text-custom-light-gray, .active .text-custom-dark-gray, .text-custom-dark-gray.active, .text-custom-dark-gray.like-btn:hover
{
color:         #e5e5e5;
}

.text-custom-dark-gray, .active .text-custom-light-gray, .text-custom-light-gray.active, .text-custom-light-gray.like-btn:hover
{
color:         #7c7c7c;
}

.text-custom-pink, .active .text-custom-gray, .text-custom-gray.active, .text-custom-gray.like-btn:hover
{
color: var(--purple);
}

.ease, .btn, .form-control, a, input, select, textarea, button
{
-webkit-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}

.row
{
margin-left:         -10px;
margin-right: -10px;
clear:         both;
display: block;
}

.row.double, .col.double > .row, .box.double > .row
{
margin-left:         -20px;
margin-right: -20px;
}

.row.triple, .col.triple > .row, .box.triple > .row
{
margin-left:         -30px;
margin-right: -30px;
}

.box.box-border > .row, .col.box-border > .row
{
margin-left:         -9px;
margin-right: -9px;
}

.box.double.box-border > .row, .col.double.box-border > .row
{
margin-left:         -19px;
margin-right: -19px;
}

.box.triple.box-border > .row, .col.triple.box-border > .row
{
margin-left:         -29px;
margin-right: -29px;
}
*.pt, .fr.pt, .fl.pt, .col.pt, [dir="rtl"] *.pt, [dir="rtl"] .fr.pt, [dir="rtl"] .fl.pt, [dir="rtl"] .col.pt
{
padding-top:         10px;
}
*.pt.double, .fr.double.pt, .fl.double.pt, .col.double.pt, [dir="rtl"] *.double.pt, [dir="rtl"] .fr.double.pt, [dir="rtl"] .fl.double.pt, [dir="rtl"] .col.double.pt
{
padding-top:         20px;
}
*.pt.triple, .fr.triple.pt, .fl.triple.pt, .col.triple.pt, [dir="rtl"] *.triple.pt, [dir="rtl"] .fr.triple.pt, [dir="rtl"] .fl.triple.pt, [dir="rtl"] .col.triple.pt
{
padding-top:         30px;
}
*.pr, .fr.pr, .fl.pr, [dir="rtl"] *.pr, [dir="rtl"] .fr.pr, [dir="rtl"] .fl.pr
{
padding-right:         10px;
}
*.double.pr, .fr.double.pr, .fl.double.pr, [dir="rtl"] *.double.pr, [dir="rtl"] .fr.double.pr, [dir="rtl"] .fl.double.pr
{
padding-right:         20px;
}
*.triple.pr, .fr.triple.pr, .fl.triple.pr, [dir="rtl"] *.triple.pr, [dir="rtl"] .fr.triple.pr, [dir="rtl"] .fl.triple.pr
{
padding-right:         30px;
}
*.pb, .fr.pb, .fl.pb, .col.pb, [dir="rtl"] *.pb, [dir="rtl"] .fr.pb, [dir="rtl"] .fl.pb, [dir="rtl"] .col.pb
{
padding-bottom:         10px;
}
*.double.pb, .fr.double.pb, .fl.double.pb, .col.double.pb, [dir="rtl"] *.double.pb, [dir="rtl"] .fr.double.pb, [dir="rtl"] .fl.double.pb, [dir="rtl"] .col.double.pb
{
padding-bottom:         20px;
}
*.triple.pb, .fr.triple.pb, .fl.triple.pb, .col.triple.pb, [dir="rtl"] *.triple.pb, [dir="rtl"] .fr.triple.pb, [dir="rtl"] .fl.triple.pb, [dir="rtl"] .col.triple.pb
{
padding-bottom:         30px;
}
*.pl, .fr.pl, .fl.pl, [dir="rtl"] *.pl, [dir="rtl"] .fr.pl, [dir="rtl"] .fl.pl
{
padding-left:         10px;
}
*.double.pl, .fr.double.pl, .fl.double.pl, [dir="rtl"] *.double.pl, [dir="rtl"] .fr.double.pl, [dir="rtl"] .fl.double.pl
{
padding-left:         10px;
}
*.triple.pl, .fr.triple.pl, .fl.triple.pl, [dir="rtl"] *.triple.pl, [dir="rtl"] .fr.triple.pl, [dir="rtl"] .fl.triple.pl
{
padding-left:         30px;
}
*.mt, .fr.mt, .fl.mt, .col.mt, .box.mt, [dir="rtl"] *.mt, [dir="rtl"] .fr.mt, [dir="rtl"] .fl.mt, [dir="rtl"] .col.mt, [dir="rtl"] .box.mt
{
margin-top:         10px;
}
*.double.mt, .fr.double.mt, .fl.double.mt, .col.double.mt, .box.double.mt, [dir="rtl"] *.double.mt, [dir="rtl"] .fr.double.mt, [dir="rtl"] .fl.double.mt, [dir="rtl"] .col.double.mt, [dir="rtl"] .box.double.mt
{
margin-top:         20px;
}
*.triple.mt, .fr.triple.mt, .fl.triple.mt, .col.triple.mt, .box.triple.mt, [dir="rtl"] *.triple.mt, [dir="rtl"] .fr.triple.mt, [dir="rtl"] .fl.triple.mt, [dir="rtl"] .col.triple.mt, [dir="rtl"] .box.triple.mt
{
margin-top:         10px;
}
*.mr, .fr.mr, .fl.mr, .col.mr, .box.mr, [dir="rtl"] *.mr, [dir="rtl"] .fr.mr, [dir="rtl"] .fl.mr, [dir="rtl"] .col.mr, [dir="rtl"] .box.mr
{
margin-right:         10px;
}
*.double.mr, .fr.double.mr, .fl.double.mr, .col.double.mr, .box.double.mr, [dir="rtl"] *.double.mr, [dir="rtl"] .fr.double.mr, [dir="rtl"] .fl.double.mr, [dir="rtl"] .col.double.mr, [dir="rtl"] .box.double.mr
{
margin-right:         20px;
}
*.triple.mr, .fr.triple.mr, .fl.triple.mr, .col.triple.mr, .box.triple.mr, [dir="rtl"] *.triple.mr, [dir="rtl"] .fr.triple.mr, [dir="rtl"] .fl.triple.mr, [dir="rtl"] .col.triple.mr, [dir="rtl"] .box.triple.mr
{
margin-right:         30px;
}
*.mb, .fr.mb, .fl.mb, .col.mb, .box.mb, [dir="rtl"] *.mb, [dir="rtl"] .fr.mb, [dir="rtl"] .fl.mb, [dir="rtl"] .col.mb, [dir="rtl"] .box.mb
{
margin-bottom:         10px;
}
*.double.mb, .fr.double.mb, .fl.double.mb, .col.double.mb, .box.double.mb, [dir="rtl"] *.double.mb, [dir="rtl"] .fr.double.mb, [dir="rtl"] .fl.double.mb, [dir="rtl"] .col.double.mb, [dir="rtl"] .box.double.mb
{
margin-bottom:         20px;
}
*.triple.mb, .fr.triple.mb, .fl.triple.mb, .col.triple.mb, .box.triple.mb, [dir="rtl"] *.triple.mb, [dir="rtl"] .fr.triple.mb, [dir="rtl"] .fl.triple.mb, [dir="rtl"] .col.triple.mb, [dir="rtl"] .box.triple.mb
{
margin-bottom:         30px;
}
*.ml, .fr.ml, .fl.ml, .col.ml, .box.ml, [dir="rtl"] *.ml, [dir="rtl"] .fr.ml, [dir="rtl"] .fl.ml, [dir="rtl"] .col.ml, [dir="rtl"] .box.ml
{
margin-left:         10px;
}
*.double.ml, .fr.double.ml, .fl.double.ml, .col.double.ml, .box.double.ml, [dir="rtl"] *.double.ml, [dir="rtl"] .fr.double.ml, [dir="rtl"] .fl.double.ml, [dir="rtl"] .col.double.ml, [dir="rtl"] .box.double.ml
{
margin-left:         20px;
}
*.triple.ml, .fr.triple.ml, .fl.triple.ml, .col.triple.ml, .box.triple.ml, [dir="rtl"] *.triple.ml, [dir="rtl"] .fr.triple.ml, [dir="rtl"] .fl.triple.ml, [dir="rtl"] .col.triple.ml, [dir="rtl"] .box.triple.ml
{
margin-left:         30px;
}

.box, .col
{
float:         left;
padding-left: 10px;
padding-right:         10px;
box-sizing: border-box;
}

.box.double, .col.double
{
padding-left:         20px;
padding-right: 20px;
}

.box.triple, .col.triple
{
padding-left:         30px;
padding-right: 30px;
}
[dir="rtl"] .box, [dir="rtl"] .col
{
float:         right;
}

.box
{
padding-top:         10px;
padding-bottom: 10px;
}

.box.double
{
padding-top:         20px;
padding-bottom: 20px;
}

.box.triple
{
padding-top:         30px;
padding-bottom: 30px;
}
tr.box, th.box, td.box, tr.col, th.col, td.col
{
float:         none;
}

.box.box-border, .col.box-border
{
padding-left:         9px;
padding-right: 9px;
}

.box.double.box-border, .col.double.box-border
{
padding-left:         19px;
padding-right: 19px;
}

.box.triple.box-border, .col.triple.box-border
{
padding-left:         29px;
padding-right: 29px;
}

.box.box-border
{
padding-top:         9px;
padding-bottom: 9px;
}

.box.double.box-border
{
padding-top:         19px;
padding-bottom: 19px;
}

.box.triple.box-border
{
padding-top:         29px;
padding-bottom: 29px;
}

.box-border, .col.box-border, .box.box-border, .btn.box-border, [dir="rtl"] .box-border, [dir="rtl"] .col.box-border, [dir="rtl"] .box.box-border, [dir="rtl"] .btn.box-border
{
border:         1px solid #e5e5e5;
}

.box-border-blog, .col.box-border-blog, .box.box-border-blog, .btn.box-border-blog, [dir="rtl"] .box-border-blog, [dir="rtl"] .col.box-border-blog, [dir="rtl"] .box.box-border-blog, [dir="rtl"] .btn.box-border-blog
{
border:         1px solid #e5e5e5;
border-radius: 15px;
}
*.b-none, .b-none, .col.b-none, .box.b-none, [dir="rtl"] .b-none, [dir="rtl"] .col.b-none, [dir="rtl"] .box.b-none
{
border:         0;
}

.b-top, .col.b-top, .box.b-top, [dir="rtl"] .b-top, [dir="rtl"] .col.b-top, [dir="rtl"] .box.b-top
{
border-top:         0;
}

.b-right, .col.b-right, .box.b-right
{
border-right:         0;
}
[dir="rtl"] .b-right, [dir="rtl"] .col.b-right, [dir="rtl"] .box.b-right
{
border-left:         0;
}

.b-bottom, .col.b-bottom, .box.b-bottom, [dir="rtl"] .b-bottom, [dir="rtl"] .col.b-bottom, [dir="rtl"] .box.b-bottom
{
border-bottom:         0;
}

.b-left, .col.b-left, .box.b-left
{
border-left:         0;
}
[dir="rtl"] .b-left, [dir="rtl"] .col.b-left, [dir="rtl"] .box.b-left
{
border-right:         0;
}

.line-top, .col.line-top, .box.line-top, .btn.line-top
{
border-top:         1px solid #e5e5e5;
}

.line-right, .col.line-right, .box.line-right, .btn.line-right
{
border-right:         1px solid #e5e5e5;
}
[dir="rtl"] .line-right, [dir="rtl"] .col.line-right, [dir="rtl"] .box.line-right, [dir="rtl"] .btn.line-right
{
border-right:         0;
border-left: 1px solid #e5e5e5;
}

.line-bottom, .col.line-bottom, .box.line-bottom, .btn.line-bottom
{
border-bottom:         1px solid #e5e5e5;
}

.line-left, .col.line-left, .box.line-left, .btn.line-left
{
border-left:         1px solid #e5e5e5;
}
[dir="rtl"] .line-left, [dir="rtl"] .col.line-left, [dir="rtl"] .box.line-left, [dir="rtl"] .btn.line-left
{
border-right:         1px solid #e5e5e5;
border-left: 0;
}

.line-light, .col.box-border.line-light, .box.box-border.line-light, .btn.box-border.line-light, .col.line-top.line-light, .box.line-top.line-light, .btn.line-top.line-light, .col.line-right.line-light, .box.line-right.line-light, .btn.line-right.line-light, .col.line-bottom.line-light, .box.line-bottom.line-light, .btn.line-bottom.line-light, .col.line-left.line-light, .box.line-left.line-light, .btn.line-left.line-light
{
border-color:         #f0f0f0;
}

.line-gray, .col.box-border.line-gray, .box.box-border.line-gray, .btn.box-border.line-gray, .col.line-top.line-gray, .box.line-top.line-gray, .btn.line-top.line-gray, .col.line-right.line-gray, .box.line-right.line-gray, .btn.line-right.line-gray, .col.line-bottom.line-gray, .box.line-bottom.line-gray, .btn.line-bottom.line-gray, .col.line-left.line-gray, .box.line-left.line-gray, .btn.line-left.line-gray
{
border-color:         #5e5e5e;
}

.line-dark, .col.box-border.line-dark, .box.box-border.line-dark, .btn.box-border.line-dark, .col.line-top.line-dark, .box.line-top.line-dark, .btn.line-top.line-dark, .col.line-right.line-dark, .box.line-right.line-dark, .btn.line-right.line-dark, .col.line-bottom.line-dark, .box.line-bottom.line-dark, .btn.line-bottom.line-dark, .col.line-left.line-dark, .box.line-left.line-dark, .btn.line-left.line-dark
{
border-color:         #7c7c7c;
}

.line-pink, .col.box-border.line-pink, .box.box-border.line-pink, .btn.box-border.line-pink, .col.line-top.line-pink, .box.line-top.line-pink, .btn.line-top.line-pink, .col.line-right.line-pink, .box.line-right.line-pink, .btn.line-right.line-pink, .col.line-bottom.line-pink, .box.line-bottom.line-pink, .btn.line-bottom.line-pink, .col.line-left.line-pink, .box.line-left.line-pink, .btn.line-left.line-pink
{
border-color:         #e35252;
}

.line-through
{
text-decoration:         line-through;
}

.line-under
{
text-decoration:         underline;
}

.drop-down.hover:hover .drop-down-title
{
color:         #e35252;
}

.drop-down.hover .drop-down-title + *
{
min-width: 100%;
min-height: 100%;
z-index:         999;
opacity: 0;
visibility:         hidden;
transition: visibility 0s .2s, opacity .2s linear;
pointer-events:         none;
}

.drop-down.hover .drop-down-title + * :hover > a:not(.btn), .drop-down.hover .drop-down-title + * a:not(.btn):hover
{
color: var(--green2);
}

.drop-down.hover .drop-down-title + .top
{
top: calc(100% - 10px);
transition: opacity .2s linear, top .2s linear;
}

.drop-down.hover:hover .drop-down-title + .top
{
top: 100%;
}

.drop-down.hover .drop-down-title + .top.fixed
{
top:         -10px;
}

.drop-down.hover:hover .drop-down-title + .top.fixed
{
top:         0;
}

.drop-down.hover .drop-down-title + .bottom
{
bottom: calc(100% - 10px);
transition: opacity .2s linear, bottom .2s linear;
}

.drop-down.hover:hover .drop-down-title + .bottom
{
bottom: 100%;
}

.drop-down.hover .drop-down-title + .bottom.fixed
{
bottom:         -10px;
}

.drop-down.hover:hover .drop-down-title + .bottom.fixed
{
bottom:         0;
}

.drop-down.hover:hover .drop-down-title + *
{
pointer-events:         all;
visibility: visible;
opacity:         1;
}

.drop-down-item, .drop-down-item *
{
line-height:         35px;
white-space: nowrap;
}

.drop-down-item
{
padding-right:         15px;
padding-left: 15px;
box-sizing:         border-box;
}

.overlay
{
background: rgba(11, 18, 44, 0.5);
z-index:         -1;
}

.overlay, .overlay-wrap:hover > * + .overlay:hover
{
opacity:         0;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
}

.overlay-wrap:hover > * + .overlay
{
opacity:         1;
visibility: visible;
transition: opacity .2s linear, visibility .2s linear;
}

.cursorguru
{
cursor:       pointer;
}

.col-12
{
width: 100%;
}

.col-11
{
width: 91.66666667%;
}

.col-10
{
width: 83.33333333%;
}

.col-9
{
width: 75%;
}

.col-8
{
width: 66.66666667%;
}

.col-7
{
width: 58.33333333%;
}

.col-6
{
width: 50%;
}

.col-5
{
width: 41.66666667%;
}

.col-4
{
width: 33.33333333%;
}

.col-3
{
width: 25%;
}

.col-2
{
width: 16.66666667%;
}

.col-1
{
width: 8.33333333%;
}

.m-none, .box.m-none, .col.m-none, .btn.m-none
{
margin:         0;
}

.m-top, .box.m-top, .col.m-top, .btn.m-top
{
margin-top:         0;
}

.m-left, .box.m-left, .col.m-left, .btn.m-left
{
margin-left:         0;
}

.m-bottom, .box.m-bottom, .col.m-bottom, .btn.m-bottom
{
margin-bottom:         0;
}

.m-right, .box.m-right, .col.m-right, .btn.m-right
{
margin-right:         0;
}

.p-none, .box.p-none, .col.p-none, .btn.p-none
{
padding:         0;
}

.p-top, .box.p-top, .col.p-top, .btn.p-top
{
padding-top:         0;
}

.p-left, .box.p-left, .col.p-left, .btn.p-left
{
padding-left:         0;
}
[dir="rtl"] .box.p-left, [dir="rtl"] .col.p-left, [dir="rtl"] .btn.p-left
{
padding-left:         10px;
padding-right: 0 !important;
}

.p-bottom, .box.p-bottom, .col.p-bottom, .btn.p-bottom
{
padding-bottom:         0;
}

.box.p-right, .col.p-right, .btn.p-right
{
padding-right:         0px;
}
[dir="rtl"] .box.p-right, [dir="rtl"] .col.p-right, [dir="rtl"] .btn.p-right
{
padding-right:         10px;
padding-left: 0 !important;
}
#notFound
{
line-height:         25px;
font-size: 15px;
}
#notFound:before
{
content: '';
float:         left;
width: 100%;
height:         127px;
background: url('404.png') no-repeat center center;
}
#notFound .text-title
{
line-height:         30px;
font-size: 18px;
}

.item-center
{
margin-right:         auto;
margin-left: auto;
}

.tooltipWrapper
{
position:         relative;
}

.tooltip
{
display:         none;
position: absolute;
bottom: 100%;
left:         0;
right: 0;
line-height:         20px;
padding-left: 10px;
padding-top:         5px;
padding-right: 10px;
padding-bottom:         5px;
background: #fff;
box-sizing:         border-box;
margin-bottom: 5px;
z-index:         999;
}

.tooltip.default
{
border:         1px solid #ececec;
}
#notify
{
position:         fixed;
z-index: 999999;
}
#notify.top, #notify.bottom
{
width: 100%;
}
#notify.right, #notify.left
{
width:         320px;
}
#notify.top
{
top:         0;
bottom: auto;
}
#notify.right
{
right:         0;
left: auto;
}
#notify.bottom
{
bottom:         0;
top: auto;
}
#notify.left
{
left:         0;
right: auto;
}

.notify
{
width: calc(100% - 10px);
display:         none;
}
#notify.right .notify, #notify.left .notify
{
clear:         both;
}
#notify.top .notify
{
margin-top:         10px;
height: auto;
}
#notify.right .notify
{
margin-right:         10px;
}
#notify.bottom .notify
{
margin-bottom:         10px;
}
#notify.left .notify
{
margin-left:         10px;
}

.notifyClose
{
float:         right;
width: 13px;
height:         13px;
background: url('notifyClose.png') no-repeat;
cursor:         pointer;
}

.comment-star-wrapper
{
height: 100%;
}

.stars
{
overflow:         hidden;
}

.progress
{
height:         4px;
padding: 0;
position:         relative;
background: #dadada;
}

.progress-bar
{
position:         absolute;
left: 0;
top:         0;
height: 100%;
line-height: 1.5;
color:         #fff;
background: var(--green2);
}
[dir=rtl] .progress-bar
{
right:         0;
left: auto;
}

.accordeon
{
cursor:         pointer;
background-image: url('accordeon.png');
background-repeat:         no-repeat;
background-position: right center;
}
[dir=rtl] .accordeon
{
background-position:         10px center;
}

.accordeon.active
{
background-image: url('accordeonActive.png');
}
/*.accordeon + *
{
display:        none;
}

.accordeon.active + *
{
display:        block;
}
*/
.hide
{
display:         none;
}
#mainWrapper
{
width: 100%;
position:         relative;
}
#skeletonWrap
{
width: 100%;
}
[dir="rtl"] #rightColumn
{
padding-right:         10px;
padding-left: 0;
}
[dir="rtl"] #leftColumn
{
padding-right:         0;
padding-left: 10px;
}
#mainColumn
{
max-width: 100%;
}

.inner-fluid
{
width: 100%;
float:         left;
box-sizing: border-box;
}

.loaderWrapper
{
position:         relative;
}

.loading
{
position:         absolute;
width: 100%;
height: 100%;
top:         0;
left: 0;
background: rgba(255,255,255,.7) url('loading.gif') no-repeat center center;
z-index:         333;
display: none;
}
#backToTop
{
display:         none;
position: fixed;
bottom:         50px;
right: 50%;
width:         50px;
height: 50px;
color:         #5e5e5e;
margin-right: -680px;
cursor:         pointer;
z-index: 33333;
}
#backToTop i
{
width:         50px;
height: 50px;
color: var(--mint);
background: var(--darkblue);
border-radius: 50%;
}
#backToTop i:before
{
margin-right:         auto;
margin-left: auto;
}
[dir="rtl"] #backToTop
{
right:         auto;
left: 50%;
margin-right:         0;
margin-left: -680px;
}
#dbDebug, #smartyDebug
{
border:         3px solid #666;
margin-top: 30px;
margin-bottom:         30px;
font-size: 14px;
}
#dbDebug
{
margin-left:         auto;
margin-right: auto;
width:         500px;
}
#smartyDebug
{
margin-left:         5px;
margin-right: 5px;
width:         400px;
}

.MobileRedirectMessage
{
position:         fixed;
top: 0px;
left:         0px;
width: 100%;
height:         52px;
line-height: 52px;
font-size:         30px;
color: #fff;
text-align:         center;
background: #000;
border-radius:         6px;
box-shadow: 0px 0px 9px #000;
z-index:         99999;
}

.mh-content ul, .mh-content ol
{
margin:         auto;
padding: 0 12px;
}

.mh-content ul
{
list-style-type:         disc;
}

.mh-content ol
{
list-style-type:         decimal;
}

.envoice-link
{
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkAxEOOCDIawgnAAABtElEQVQ4y5XSTUjUURQF8N80mhLWNBZuJIiKyiBc2MJKQXQREkJCoCRCLVpFBoEbV0XbVlKLJAqtRQ2BEtEioUBmEVFCRES4UCgtsSYsSbGJaTF/x/nQps7dHM575917372w2aB5qZz47Yp1cd2gSJ4Ws6RvPcOknQVaTI8JPYWXS1BhYY1nPmk2ZslAoWEtJFT74JhnvruXfzhne4Gh1mfDYsYta/iXDK/VOqwUp9WJFzcwawQczZU3+E+sZtjtbIbHPSpuWJQQCvg8aNJuj4Pee2dUKn0UwpwaXxDJKrDKDVWGvJVSo8uSbhO539ookYmfknqFM/aQc6YdWG8OIWMuBLzFiYCd8UZpdg87nApYtXL9AT8kGnzvbd063VmtOiwiKiqq1a2VFnNw08nsDFOZdW4yjrCNFgOlXFLSuMtrD67cL7R4GfS2RVwblpWkDTN25Rim7MUTD42KKPPAc8PYbzJdUr+7rvqWMSzocB99Kl1EzHnQ4bFgtq3abc3K0ajLU4QNKdMpiXoj9gU7UIAjZvK2tM604/6CZh8NaFBhk3rXzGpTBJV6vfDVD69csm1F/gNIRHWgtVFr0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMy0xN1QxNDo1NjozMiswMDowMO16kkIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDMtMTdUMTQ6NTY6MzIrMDA6MDCcJyr+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==') center center no-repeat;
width:         30px;
height: 30px;
display:         block;
}
@media screen and (min-width: 1431px)
{
.inner
{
width:        1400px;
margin: 0 auto;
}

.inner-fluid
{
padding-left:         10px;
padding-right: 10px;
}
}
@media screen and (max-width: 1430px)
{
#content
{
margin-right:        0;
margin-left: 0;
}

.inner
{
float:         left;
width: 100%;
}
#backToTop
{
right:         30px;
bottom: 30px;
margin-right:         0;
}
}
@media screen and (min-width: 1001px)
{
:not(.notClear) > .col-6 + .col-6:nth-of-type(2n+3), :not(.notClear) > .col-4 + .col-4:nth-of-type(3n+4), :not(.notClear) > .col-3 + .col-3:nth-of-type(4n+5), :not(.notClear) > .col-2 + .col-2:nth-of-type(6n+7), :not(.notClear) > .col-1 + .col-1:nth-of-type(12n+1)
{
clear:        both;
}
}
@media screen and (max-width: 1000px)
{
.col-md-auto
{
width:        auto;
}

.col-md-12
{
width: 100%;
}

.col-md-11
{
width: 91.66666667%;
}

.col-md-10
{
width: 83.33333333%;
}

.col-md-9
{
width: 75%;
}

.col-md-8
{
width: 66.66666667%;
}

.col-md-7
{
width: 58.33333333%;
}

.col-md-6
{
width: 50%;
}

.col-md-5
{
width: 41.66666667%;
}

.col-md-4
{
width: 33.33333333%;
}

.col-md-3
{
width: 25%;
}

.col-md-2
{
width: 16.66666667%;
}

.col-md-1
{
width: 8.33333333%;
}
}
@media screen and (min-width: 769px)
{
/*html, body
{
height:100%;
}
#mainWrapper
{
height:100%;
}
#skeletonWrap
{
min-height:100%;
height:        auto;
}
*/.col-mr-11
{
margin-right:91.66666667%;
}

.col-mr-10
{
margin-right: 83.33333333%;
}

.col-mr-9
{
margin-right: 75%;
}

.col-mr-8
{
margin-right: 66.66666667%;
}

.col-mr-7
{
margin-right: 58.33333333%;
}

.col-mr-6
{
margin-right: 50%;
}

.col-mr-5
{
margin-right: 41.66666667%;
}

.col-mr-4
{
margin-right: 33.33333333%;
}

.col-mr-3
{
margin-right: 25%;
}

.col-mr-2
{
margin-right: 16.66666667%;
}

.col-mr-1
{
margin-right: 8.33333333%;
}

.col-ml-11
{
margin-left: 91.66666667%;
}

.col-ml-10
{
margin-left: 83.33333333%;
}

.col-ml-9
{
margin-left: 75%;
}

.col-ml-8
{
margin-left: 66.66666667%;
}

.col-ml-7
{
margin-left: 58.33333333%;
}

.col-ml-6
{
margin-left: 50%;
}

.col-ml-5
{
margin-left: 41.66666667%;
}

.col-ml-4
{
margin-left: 33.33333333%;
}

.col-ml-3
{
margin-left: 25%;
}

.col-ml-2
{
margin-left: 16.66666667%;
}

.col-ml-1
{
margin-left: 8.33333333%;
}
#skeleton
{
width: 100%;
/*padding:0 0 560px;*/
}
#footer
{
/*height:560px;
margin:        -560px 0 0;
*/
position:         relative;
z-index: 11;
}

.forMobile
{
display: none !important;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
:not(.notClear) > .col-md-6 + .col-md-6:nth-of-type(2n+3), :not(.notClear) > .col-md-4 + .col-md-4:nth-of-type(3n+4), :not(.notClear) > .col-md-3 + .col-md-3:nth-of-type(4n+5), :not(.notClear) > .col-md-2 + .col-md-2:nth-of-type(6n+7), :not(.notClear) > .col-md-1 + .col-md-1:nth-of-type(12n+1)
{
clear:        both;
}

.col-md-mr-11
{
margin-right: 91.66666667%;
}

.col-md-mr-10
{
margin-right: 83.33333333%;
}

.col-md-mr-9
{
margin-right: 75%;
}

.col-md-mr-8
{
margin-right: 66.66666667%;
}

.col-md-mr-7
{
margin-right: 58.33333333%;
}

.col-md-mr-6
{
margin-right: 50%;
}

.col-md-mr-5
{
margin-right: 41.66666667%;
}

.col-md-mr-4
{
margin-right: 33.33333333%;
}

.col-md-mr-3
{
margin-right: 25%;
}

.col-md-mr-2
{
margin-right: 16.66666667%;
}

.col-md-mr-1
{
margin-right: 8.33333333%;
}

.col-md-mr-0
{
margin-right:         0;
}

.col-md-ml-11
{
margin-left: 91.66666667%;
}

.col-md-ml-10
{
margin-left: 83.33333333%;
}

.col-md-ml-9
{
margin-left: 75%;
}

.col-md-ml-8
{
margin-left: 66.66666667%;
}

.col-md-ml-7
{
margin-left: 58.33333333%;
}

.col-md-ml-6
{
margin-left: 50%;
}

.col-md-ml-5
{
margin-left: 41.66666667%;
}

.col-md-ml-4
{
margin-left: 33.33333333%;
}

.col-md-ml-3
{
margin-left: 25%;
}

.col-md-ml-2
{
margin-left: 16.66666667%;
}

.col-md-ml-1
{
margin-left: 8.33333333%;
}

.col-md-ml-0
{
margin-left:         0;
}

.dn-md
{
display:         none;
}
}
@media screen and (max-width: 768px) and (min-width:541px)
{
:not(.notClear) > .col-sm-6 + .col-sm-6:nth-of-type(2n+3), :not(.notClear) > .col-sm-4 + .col-sm-4:nth-of-type(3n+4), :not(.notClear) > .col-sm-3 + .col-sm-3:nth-of-type(4n+5), :not(.notClear) > .col-sm-2 + .col-sm-2:nth-of-type(6n+7), :not(.notClear) > .col-sm-1 + .col-sm-1:nth-of-type(12n+1)
{
clear:        both;
}
}
@media screen and (max-width: 768px)
{
.col-sm-auto
{
width:        auto;
}

.col-sm-12
{
width: 100%;
}

.col-sm-11
{
width: 91.66666667%;
}

.col-sm-10
{
width: 83.33333333%;
}

.col-sm-9
{
width: 75%;
}

.col-sm-8
{
width: 66.66666667%;
}

.col-sm-7
{
width: 58.33333333%;
}

.col-sm-6
{
width: 50%;
}

.col-sm-5
{
width: 41.66666667%;
}

.col-sm-4
{
width: 33.33333333%;
}

.col-sm-3
{
width: 25%;
}

.col-sm-2
{
width: 16.66666667%;
}

.col-sm-1
{
width: 8.33333333%;
}

.dn-sm
{
display:         none;
}

.inner > .row
{
margin-right:         0;
margin-left: 0;
}

.forDesktop
{
display: none !important;
}
#leftColumn
{
padding-right:         0;
}
[dir="rtl"] #leftColumn
{
padding-left:         0;
}
#rightColumn
{
padding-left:         0;
}
[dir="rtl"] #rightColumn
{
padding-right:         0;
}

.text-title
{
line-height:         25px;
font-size: 15px;
}

.text-description
{
line-height:         18px;
font-size: 13px;
}
}
@media screen and (max-width: 540px)
{
.col-xs-auto
{
width:        auto;
}

.col-xs-12
{
width: 100%;
}

.col-xs-11
{
width: 91.66666667%;
}

.col-xs-10
{
width: 83.33333333%;
}

.col-xs-9
{
width: 75%;
}

.col-xs-8
{
width: 66.66666667%;
}

.col-xs-7
{
width: 58.33333333%;
}

.col-xs-6
{
width: 50%;
}

.col-xs-5
{
width: 41.66666667%;
}

.col-xs-4
{
width: 33.33333333%;
}

.col-xs-3
{
width: 25%;
}

.col-xs-2
{
width: 16.66666667%;
}

.col-xs-1
{
width: 8.33333333%;
}
:not(.notClear) > .col-xs-6 + .col-xs-6:nth-of-type(2n+3), :not(.notClear) > .col-xs-4 + .col-xs-4:nth-of-type(3n+4), :not(.notClear) > .col-xs-3 + .col-xs-3:nth-of-type(4n+5), :not(.notClear) > .col-xs-2 + .col-xs-2:nth-of-type(6n+7), :not(.notClear) > .col-xs-1 + .col-xs-1:nth-of-type(12n+1)
{
clear:         both;
}

.dn-xs
{
display:         none;
}
#leftColumn > p, #leftColumn > p *, #mainColumn > p, #mainColumn > p *, #rightColumn > p, #rightColumn > p *
{
float:         left;
width: 100%;
}

.text-title
{
line-height:         20px;
font-size: 14px;
}

.text-description
{
line-height:         15px;
font-size: 12px;
}
#alis-veris-listem .pageTitle
{
height:         auto;
min-height: 60px;
}
#alis-veris-listem .pageTitle > .row
{
background-position:         10px 12px;
}
#alis-veris-listem table img
{
width:         40px;
max-width: none;
}
#membershipTabs .btn.active
{
position:         relative;
}
#membershipTabs .btn:before
{
content: '';
background-color:         #000;
width: 0;
height:         1px;
position: absolute;
top: 100%;
left:         0;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#membershipTabs .btn:not(:last-child):after
{
content: '';
width:         0;
border-right: 1px solid #ececec;
display:         block;
position: absolute;
top:         10px;
bottom: 10px;
left: 100%;
margin-left: -.5px;
}
#membershipTabs .btn.active:before
{
width: 100%;
}
#membershipTabs .btn:hover, #membershipTabs .btn.active
{
box-shadow: none !important;
}
#membershipTabContainer
{
border:         1px solid #e5e5e5;
box-sizing: border-box;
}
#membershipTabContainer > div
{
display:         none;
}
#quick-order-form .productRow
{
flex-wrap:         wrap;
position: relative;
}
#quick-order-form .productRow .text-description
{
padding-right:         40px;
}
#quick-order-form .productRow .icon-cancel
{
position:         absolute;
top: 12px;
right:         10px;
z-index: 2;
}
}
@media all and (max-width: 421px)
{
.tsoft-push--in-notification
{
width: 100%;
left:         0;
margin: 0;
border-radius:         0;
border-left: 0;
border-right:         0;
border-top: 0
}
}
@media all and (max-width: 360px)
{
.col-xxs-auto
{
width:        auto;
}

.col-xxs-12
{
width: 100%;
}

.col-xxs-11
{
width: 91.66666667%;
}

.col-xxs-10
{
width: 83.33333333%;
}

.col-xxs-9
{
width: 75%;
}

.col-xxs-8
{
width: 66.66666667%;
}

.col-xxs-7
{
width: 58.33333333%;
}

.col-xxs-6
{
width: 50%;
}

.col-xxs-5
{
width: 41.66666667%;
}

.col-xxs-4
{
width: 33.33333333%;
}

.col-xxs-3
{
width: 25%;
}

.col-xxs-2
{
width: 16.66666667%;
}

.col-xxs-1
{
width: 8.33333333%;
}
:not(.notClear) > .col-xxs-6 + .col-xxs-6:nth-of-type(2n+3), :not(.notClear) > .col-xxs-4 + .col-xxs-4:nth-of-type(3n+4), :not(.notClear) > .col-xxs-3 + .col-xxs-3:nth-of-type(4n+5), :not(.notClear) > .col-xxs-2 + .col-xxs-2:nth-of-type(6n+7), :not(.notClear) > .col-xxs-1 + .col-xxs-1:nth-of-type(12n+1)
{
clear:         both;
}

.dn-xxs
{
display:         none;
}
}

.tsoft-push--in-notification
{
width:         422px;
padding: 0 20px 10px 20px;
border:         1px solid #bababa;
border-radius: 3px;
box-shadow:         0 4px 4px -2px #888;
background-color: #fbfbfb;
font-family: Arial,sans-serif;
position:         fixed;
top: 0;
left: 50%;
margin-left:         -211px;
z-index: 9999999999999;
}

.tsoft-push--in-notification-inner-container
{
margin:         0;
/*
padding:         0 20px 10px 20px;
*/
}

.tsoft-push--in-notification-logo
{
height:         auto;
margin-right: 5px;
max-width:         150px;
float: left;
}

.tsoft-push--in-notification-logo img
{
width: 100%;
height: 100%;
padding-top:         20px;
}

.tsoft-push--in-notification-image-container
{
float:         left;
margin: 13px 15px 0 0
}

.tsoft-push--in-notification-image-container img
{
width:         65px;
height: 65px
}

.tsoft-push--in-notification-text-container
{
position: relative !important;
padding: 10px 0 0 0 !important;
color: #000 !important;
text-align: left !important;
margin: 0 !important;
line-height: 1.4em !important
}

.tsoft-push--in-notification-title
{
margin-bottom:         5px;
text-align: left;
font-size:         14px;
font-weight: 700;
line-height: 1.4em;
color:         #000;
word-break: break-word;
overflow:         hidden;
font-family: Arial, sans-serif;
}

.tsoft-push--in-notification-description
{
font-size:         12px;
line-height: 1.4em;
margin:         10px 0;
padding: 0;
text-align:         left;
word-break: break-word;
overflow:         hidden;
font-family: Arial, sans-serif;
}

.tsoft-push--in-notification-button-container
{
float: right !important
}

.tsoft-push--in-notification-button
{
width:         90px;
height: 18px;
line-height:         18px;
margin-left: 3px;
padding:         5px;
background: #f9f9f9;
border:         1px solid #bababa;
border-radius: 1px;
display:         inline-block;
font-size: 14px;
text-align:         center;
cursor: pointer;
box-sizing: content-box
}

.tsoft-push--in-allow-button
{
background:         #00c33d;
color: #fff;
border-color: #059833
}
@media all and (max-width: 421px)
{
.tsoft-push--in-notification
{
box-sizing:         border-box;
width: 100%;
left:         0;
margin: 0;
border-radius:         0;
border-left: 0;
border-right:         0;
border-top: 0
}

.tsoft-push--in-notification-text-container
{
float:         left;
}
}