/*
================================
OYS-NEWS RESPONSIVE CSS
================================
*/

/*sm:hidden  sm:flex-row*/

.sm\:hidden {
  display: none;
}

@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
}

.ck-blur {
    filter: blur(3px);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

.red {color: red;}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* ALSO CHECK*/
.related-single {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #bf0d0b;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    text-align: left;
    padding: 1rem 0 0.5rem 2rem;
    border-left: 15px solid #bf0d0b;
}
.related-single a {

    color: var(--color-link);
    text-transform: capitalize;
    font-size: .9375rem;
}
.related-single a:hover {
    text-decoration: underline;
}
/*
================================
Google Map
================================
*/

.google-map iframe {
    width: 100%;
    height: 400px;
}

.ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.gap-4 {
    gap: 1rem;
}

a {
    text-decoration: none;
    transition: 0.15s;
}
p {
    color: var(--text);
    margin-top: 0;
    margin-bottom: 10px;
}
div {
    display: block;
    unicode-bidi: isolate;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
legend {
    display: block;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 700;
    line-height: inherit;
    color: var(--color-header);
    border-bottom: 1px solid #e5e5e5;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    color: var(--color-header);
}
small, .small {
    font-size: 80%;
    font-weight: 400;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}
figure {
  margin: 0 0 1rem;
}
button{background:none}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
  text-transform: none;
}
button,
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[role="button"] {
  cursor: pointer;
}
button[disabled], .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .disabled{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
textarea{resize: none}
select {
  word-wrap: normal;
  cursor: pointer;
}
:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus {}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 20px;
}
ol li {
  line-height: 27px;
}
ul {
  display: block;
  list-style-type: disc;
}
ul li {
  margin-bottom: 5px;
}
/*ul li::before {
  color: var(--color-link);
}
ol {
  counter-reset: cupcake;
  font-size: 1rem;
  line-height: 1.625em;
  list-style: none;
}
ol li {
  counter-increment: cupcake;
}
ol li::before {
  content: counters(cupcake, '.') '. ';
  // Whatever custom styles you want here 
  color: var(--text);
  font-weight: bold;
  font-family: cursive;
}*/
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-top: 0;
    color: var(--color-text);
    margin-bottom: 10px;
    line-height: 1.1;
    scroll-margin-top: 2em;
}


input[type=checkbox],input[type=radio]{border:1px solid #b4b9be;border-radius:.25rem;background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;width:1.25rem;height:1.25rem;margin:-2px 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;min-width:16px;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}input[type=checkbox]:checked {background:var(--color-main) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 50% 50% no-repeat;border:transparent;}input[type=checkbox]:focus {outline: 1px solid rgba(0, 0, 0, 0.2);}input[type=radio]{-webkit-border-radius:50%;border-radius:50%;margin-right:4px;line-height:10px}
input[type=checkbox].disabled,input[type=checkbox].disabled:checked,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked,input[type=radio].disabled,input[type=radio].disabled:checked,input[type=radio]:disabled,input[type=radio]:disabled:checked{opacity:.7}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:-webkit-autofill, input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
    color: var(--text) !important;
}
/*input:valid {
  border-color: green;
  box-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
}*/
input[data-autocompleted]{
    background-color: transparent !important;
}
.has-feedback .form-control{padding:6px 40px}
.form-group {margin-bottom: 20px;position: relative;}
.form-group .input-group {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    margin-bottom: 15px;
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control{display:block;width:100%;height:38px;padding:6px 12px;font-size:14px;line-height:1.42857143;background-color:var(--input-bg);color: var(--text);background-image:none;border:1px solid var(--color-border);border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:var(--color-main);outline:0;}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color: rgba(238,238,238,.5);
    color: rgba(51,51,51,.7);}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}}
.was-validated .form-control:focus {box-shadow: none;}
.was-validated .form-control:valid, .was-validated .form-control:invalid{padding-right: calc(1.5em + .75rem);background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem);}
.was-validated .form-control:invalid {
    border-color: #dc3545;
    box-shadow: rgba(255, 0, 0, 0.6);
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNkYzM1NDUnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);
}
.was-validated .form-control:valid {
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:invalid~.invalid-feedback {display: block;}
.valid-feedback, .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
}
.valid-feedback {color: #34cd86;}
.invalid-feedback {color: #ff3e6c;}
.required {
    color: #c0392b;
}

.captchaReload {
    width:30px;
    height:30px;
    margin: 0 10px;
    cursor: pointer;
}

/* col-oys */
.col-ck-12 {
    position: relative;
    min-height: 1px;
    width: calc(100% - 15px);
    float: left;
}
.col-ck-8 {
    position: relative;
    min-height: 1px;
    width: calc(66.66666667% - 15px);
    float: left;
}
.col-ck-7 {
    position: relative;
    min-height: 1px;
    width: calc(58.33333333% - 15px);
    float: left;
}
.col-ck-6, .column-2 {
    position: relative;
    min-height: 1px;
    width: calc(50% - 8px);
    float: left;
}
.col-ck-5 {
    position: relative;
    min-height: 1px;
    width: calc(41.66666667% - 15px);
    float: left;
}
.col-ck-4 {
    position: relative;
    min-height: 1px;
    width: calc(33.33333333% - 21px);
    float: left;
}
.feA-ck-4 {
    position: relative;
    min-height: 1px;
    width: calc(33.33333333% - 21px / 3);
    float: left;
}
.cAl-oys-4{width: calc(100% / 3 - 10px);}
.cAlmargin {margin-right:-7px}
.col-oys-12 {
    width: 100%;
    float: left;
}
.col-oys-9 {
    width: 75%;
}
.col-oys-8 {
    width: 66.66666667%;
    float: left;
}
.col-oys-7{width:58.33333333%;float: left;}
.col-oys-6 {
    width: 50%;
    float: left;
}
.col-oys-5 {
    width: 41.66666667%;
    float: left;
}
.col-oys-4 {
    width: 33.33333333%;
    float: left;
}
.col-oys-3 {
    width: 25%;
    float: left;
}
/* Margin & Padding */
.padding-lr {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.padding-l {
    padding-left: 15px;
}
.padding-r, .mapar-lr {
    padding-right: 15px;
}
.p-r-8 {padding-right: 8px;} .p-l-8 {padding-left: 8px}
.p-r {padding-right: 15px}.p-l {padding-left: 15px;}
.m-r {
    margin-right:15px;
}
.m-r-minus {
    margin-right:-15px;
}
.m-r-15, .mapar-lr {
    margin-right: 15px;
}
.m-r-7 {
    margin-right: 7px;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px;
}
.cAlmargin, .feAmargin {
    margin-right: -7px;
}
.oys-container,  .oys-container2, .marginAuto {
    margin: 0 auto;
}
.helvetica {font-family: "Helvetica",Arial,sans-serif;}
.clear {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.P1Ycoe {display:none;}
.cursor {cursor: pointer;}
.load-more hr, .load-more2 hr, .show_more_container hr{position: absolute;}
.loding img{width:50px}
.load-more, .load-more2, .show_more_container {overflow:visible;text-transform:uppercase;cursor:initial;text-align: center;font-size:16px;display:inline-block;font-weight:700;line-height:18px;text-overflow:ellipsis;position: relative;width:100%;}
.load-more a, .load-more2 a {color:  #333 !important;}
.load-inner, .show_more {background:#dddddd;border: 1px solid var(--color-inner);box-sizing: border-box;cursor: pointer;display:inline-block;font-size:14px; line-height: 20px;padding: 7px 11px;position: relative;width:100%;max-width: 300px;height: 36px;border-radius: 18px;color:#333;transition: 0.5s all ease;}
.load-inner:hover, .show_more:hover {background:var(--color-main);color: #fff;}
.load-text {display: inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.load-text a {color:#888;}
.load-svg {left: 12px;margin-top: 0;position: absolute;height: 20px;width: 20px;flex: none;margin-right: 8px;float: left;transform: rotate(90deg);}
.svg-icon{display: inline-block;font-size: inherit;vertical-align: middle;}
.svg-icon.fa-12{width: 1em;}
.svg-icon.fa-16{width: 1.125em;}
.svg-icon path,.svg-icon polygon,.svg-icon rect {fill:currentColor}
.svg-icon circle {stroke: #4691f6;stroke-width: 1;}
.box-shadow{-webkit-box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);}
.center {text-align: center!important;}
.aligncenter {align-items: center;}
.white{color:#fff}
.ck-dropdown {display:block;}
.sANDacc{position:relative;z-index:9999;}.sANDacc svg{width:28px;height:28px}.sANDacc a:focus,.sANDacc a:hover{opacity:.66}.insearch svg, .sANDacc a svg, .user-image{-webkit-filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.user-image {width: 30px;height:30px;border-radius:50%;}

.marPag{width:50%;padding:0 10px;}

#hide_mobileF{display:flex;}#hide_pc, #oys-menu, .child {display: none;}
.half-percent {width:50%!important;float:left;position:relative;min-height:1px;}
.unlike{color:#4267b2}
.b-radius8{border-radius:8px}
.flex-column {flex-direction: column;}
._checks{font-size: 13px;}

/*========== Button ==========*/
.btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    transition: 0.5s all ease;
}
.btn:hover {opacity: 0.8}
.btn-block {display: block;width: 100%;}
.btn-primary {color: #fff;background-color: var(--color-main)!important;}
.btn-secondary {border: 1px solid var(--color-border)}
a.btn-secondary {margin: 0 auto;display: block;max-width: max-content;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed!important;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
.btn.focus,.btn:focus,.btn:hover:not(:disabled){color:#fff;text-decoration:none;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.font12{font-size:12px}
.colorH{color:var(--color-header)}
.width100{width:100%}
.padd05{padding: 0 0 5px 0}
.btn:hover:not(:disabled){backdrop-filter:grayscale(1) contrast(3) blur(1px)}
.gap{gap:12px}
.d-flex {display:flex;align-items:center}
.d-flex-s {display:flex;justify-content:space-between}
.justify-b {justify-content: space-between;}
.justify-l {justify-content: left;}
.justify-r {justify-content: right;}
.d-flex-f {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 1rem;
}
.flow-row {
    flex-flow: row;
}
.flow-column {
    flex-flow: column;
}
.flowMpc {
    flex-flow: row;
}

.items-c {
    align-items: center;
}
.space-b {justify-content:space-between}
.s-scroll {position:-webkit-sticky;position:sticky;top:60px}

#oyssearch ul li:hover, .crownkit a:hover {
    color:  var(--color-main);
}
.flow2, .flow3 {width:100%}
@media only screen and (min-width: 992px) and (max-width: 1024px){
    .main-blog-footer .caption h4, .news .main-blog-small .caption h4 {display:none}
    .height50 {height:100px}
    .height200 {height:150px}
    .news-featured .text h2 {font-size: 15px}
    .child:nth-of-type(2n+1),.child2:nth-of-type(2n+1) {padding-right: 8px;}
    .child:nth-of-type(2n+2),.child2:nth-of-type(2n+2) {padding-left: 8px;}
    .feAmargin {display: flex;flex-direction: row;gap: 10px;}
    .sANDacc {right: 20px;}
}

@media screen and (min-width: 992px){
    .child:nth-of-type(2n+1),.child2:nth-of-type(2n+1) {padding-right: 8px;}
    .child:nth-of-type(2n+2),.child2:nth-of-type(2n+2) {padding-left: 8px;}
    .category-sidebar ul li {width: 100%}
    .category-sidebar ul li a {font-size: 16px;color: var(--text)}
    .category-sidebar ul li a:hover {color: var(--color-main)}
    .flow2 {width:calc(50% - .5rem);}
    .flow3 {width:calc(33% - .66rem);}
     .sAc .sANDacc {position:fixed;top:7px;right:50%;padding-right:15px;margin-right: -490px;}
}
   
}

@media screen and (min-width: 1200px){
    .oys-container {width: 1140px;}
}

@media screen and (max-width: 992px) {
    .flowMpc {
      flex-flow: column;
    }
    .oyssearch {max-width: 100%;height: 100%;}
    #hide_pc {display: block;}
    .oys-header-wrap .ht1M0{height:50px}
    #menu, #hide_mobile, #hide_mobileF, ul.click1 {display: none;}
    .msd{position:relative;margin-right:-15px}
    .P1Ycoe {
        display:block;
        background: -webkit-linear-gradient(0deg,rgba(255,255,255,0),#fff);
        height: 40px;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 0;
        width: 24px;
        z-index: 2;
    }
    .P1Ycoe {
        background: -webkit-linear-gradient(0deg,rgba(255,255,255,0),var(--color-post));
    }

    .oyslogo {
    width: 170px;
    height:30px;
    }

    .sameaspc-4 {width: 50%;} .cAl-oys-4 {width: calc(100% / 2 - 7px);}.feA-ck-4, .marPag {width:100%!important}
    .cAlmargin {margin-right:0}
    .m-l {margin-left:0}
    .m-r, .m-r-minus {margin-right:0;}
    .p-r {padding-right: 0}.p-l {padding-left: 0}
    .p-r-8 {padding-right: 0;} .p-l-8 {padding-left: 0;}
    .m-r-7 {margin-right: 0}
    .col-ck-4, .col-ck-5, .col-ck-6, .col-ck-7, .col-ck-8, .col-oys-2, .col-oys-3, .col-oys-4, .col-oys-5, .col-oys-6, .col-oys-7, .col-oys-8, .col-oys-9, .ol-oys-10, .col-oys-11, .col-oys-12, .column-2 {
        width: 100%;
    }
    .user-box {max-width: 100%;}
    .child:nth-of-type(2n+1) {padding-right: 0}.child:nth-of-type(2n+2) {padding-left: 0}
    .list-group {
        padding-left: 8px;
        margin-bottom: 20px;
        padding-right: 8px;
    }
    .ck-modal-content {
        max-width: 85%;
    }
    .profile-cover,.profile-cover img,.profile-photo,.profile-photo img{height:150px!important;}
    .profile-photo{width:150px!important;}
    
    .oyslogo img {
        width: 170px;
        height: 30px
    }
    

}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media screen and (max-width: 360px) {
    #st-1 button span {
        display: none;
    }
}

@media (min-width: 768px) {
    .oys-container {
        width: 100%;
    }
}

.ck-spin {-webkit-animation: ck-spinner .75s linear infinite;animation: ck-spinner .75s linear infinite;}
@-webkit-keyframes ck-spinner{0%{-webkit-transform:rotate(1deg);transform:rotate(359deg)}}@keyframes ck-spinner{100%{-webkit-transform:rotate(1deg);transform:rotate(359deg)}}


.loaderOysContent {
    position: relative;
    height: 100%;
    width: 100%;
}
/* Error & Success Message*/
.status_message {
    position: fixed;
    padding: 0 20px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    transform: translate(0,-65%);
}
.status_message.show{transform: translate(0,0)}
.message_result {
    margin: 100px auto;
    max-width: 400px;
    padding: 15px;
    font-weight: 700;
    border-radius: 5px;
    position: relative;
    text-shadow: 0 0 2px #585656;
}
.error_message {background-color: #ff3539;box-shadow: 0 0 10px grey;}
.success_message {background-color: green;box-shadow: 0 0 10px grey;}
.error_message p, .success_message p{color: #fff;}
.error_box {position: absolute;right: -9px;top: -9px;width: 30px;height: 30px;background: #000;border-radius: 50px;line-height: 30px;cursor:pointer;}
.error_box span{color: #fff;font-size: 25px;font-weight: 100;}
.border-success {border-color: #28a745 !important;}
.border-danger {border-color: #dc3545 !important;}
.text-danger {color: #dc3545 !important;}
.text-success {color: #28a745 !important;}
.callout {display:block;border-radius: 3px;margin: 0 0 20px 0;padding: 15px 10px;}
.callout.callout-danger {background: #FEE3E8;color:#900;border-left: 5px solid;}
.callout.callout-success {background: #D7F3E9;color:#007540;border-color: #00A65A;border-left: 5px solid #007540;}
.callout.callout-danger h4, .callout.callout-success h4 {margin-top: 0;font-size: 18px;margin-bottom: 10px;
}
.callout.callout-danger h4 {color: inherit;}
.callout.callout-success h4 {color: inherit;
}
.callout.callout-danger p {color: inherit;font-size: 12px}
.callout.callout-success p {color: inherit;font-size: 12px}
.callout.callout-danger p:last-child, .callout.callout-success p:last-child {
    margin-bottom: 0;
}
#subscribeStatus {
    background: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    font-size: 11px;
    font-weight: bold;
    line-height: 19px;
    position: static;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: none;
}
.formIcon-l {
    position: absolute;
    height: 38px;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
    color: var(--text);
    display: flex;
    padding: 0 8px
}
.formIcon-r {
    position: absolute;
    background: transparent;
    top: 0;
    right: 0;
    color: var(--text);
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}
.formIcon-r .iconn {
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    transition: color .1s ease-in
}

/*--------Ajax Spinner Load--------*/
.loaderSpinner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.loaderSpinner:before {
    content: '';
    font-size: 10px;
    position: absolute;
    border-top: 2px solid var(--color-border);
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-animation: spinani 1.5s infinite linear;
    animation: spinani 1.5s infinite linear;
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.loaderSpinner:after {
    content: 'OYS';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.4;
    border-radius: 2px;
    padding-left: 3px;
    padding-right: 3px;
    color: #686767;
    border: 1px solid #686767;
    text-align: center;
}
@-webkit-keyframes spinani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinani{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


._9ls9 .eye-close{display:inline-block}
span .eye-close, ._9ls9 .eye-open{display:none}
form .inputfoc{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 0 100%;
    transform: translateY(.7rem);
    color: #545454;
    background-color: transparent;
    padding: 0 .5rem;
    transition: all .3s ease-in-out;
    margin-left: .5rem;
    display: none;
    opacity: 0;
}
.typingactive .inputfoc{
    transform: translateY(-10px) scale(.9);
    background-color: var(--bg);
    color: var(--color-link);
    display: block;
    opacity: 1;
}


/*====================================

 Magnific Popup CSS 

=====================================*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 18000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-ready .mfp-container {
    transform: translate(0,0);
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    transform: translate(0,-25%);
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 21000;
}
.mfp-inline-holder .mfp-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    cursor: auto;
    width: 100%;
    max-width: 470px;
    min-width: 320px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 20500;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 22000;
    box-shadow: none;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    text-align: right;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 0;
    margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}