:root {

	  --theme-spot-bg: #ffffff;

	  --theme-spot-text-color: #000000;

	  --theme-namaz-bg: #307a2c;

      --theme-sondakika-bg: #c20600;

      --theme-darmanset-bg: #ffb3b3;

      --theme-anamanset-bg: #ffb3b3;

      --theme-tabmanset-bg: #ffb3b3;

      --theme-devmanset-bg: #6b2e36;

      --theme-scrollup-bg: #cc0700;

      --theme-cokokunanlar-bg: #d91a1a;

      --theme-footer-bg: #000000;

      --theme-footer-color: #ffffff;

	  --theme-tab-bg: #d43333;

      --theme-tab-color: #ffffff;

      --theme-sondakika-text-color: #ffffff;

	  --theme-galeri-bg: #003f78;

	  --theme-sondakika-bgx: #c20600;

	  --theme-sondakika-bgy: #c20600;

	  --theme-galeritab-bg: #00265e;

	  --theme-galeri-text-color: #ffffff;

	  --theme-body-bg: #f4f4f4;

	  --theme-flash-bg: #00265e;

	  --theme-flash2-bg: #00265e;

	  --theme-flash3-bg: #00265e;

	  --theme-flash-text-color: #ffffff;

	  --theme-ustmenuarkaplan-bg: #f7f7f7;

	  --theme-ustmenuarkaplanrd-bg: #ffffff;

	  --theme-ustmenu-text-color: #0f0f0f;

	  --theme-maustmenu-text-color: #ffffff;

	  --theme-maustmenuarkaplan-bg: #3d3d3d;

	   
	   --theme-ustmenu-shadow-color: rgba(255, 0, 0, 0.0);

	   
	   --theme-top-border-color: #128ae6;

	   --theme-categorygeneral-border-color: ;

	   --theme-top-border-desktop-color: #e6e6e6;

	 



        --theme-headerv2-bg: #f7f7f7;

        --theme-headerv2-color: #0f0f0f;

        --theme-headerv2-border: #fff;

	  

	  

    }



a.disable-links {

     pointer-events: none;

  cursor: default;

}

.title-box {

    display: flex;

    flex-direction: row;

    line-height: 1;

}

.mb-5 {

    margin-bottom: 1.25rem;

}

.title-box>* {

    display: inline-block;

    font-weight: 500;

    line-height: 1.65rem;

    margin: 0;

    padding: 0.375rem 0.75rem;

    text-align: center;

	text-transform: uppercase !important

}

.title-box:after {

    border-bottom: 1px solid #a4a4a4;

    content: "";

    flex: 40 0 0%;

}

.title-box:before {

border-bottom: 1px solid #a4a4a4;

    content: "";

}

.timeline-body {

  position: relative;

  padding: 15px;

  margin-top: 20px;



  background-color: #f5f6fa;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 10px;

}

 .fix-socials_btm {

    margin-top: 20px;

    margin-bottom: 8px;

}

@media (max-width: 575px){

.fix-socials_btm {

    position: fixed;

    bottom: 0;

    margin-bottom: 0!important;

    left: 0;

    right: 0;

    background: #fff;

    z-index: 3999;

    height: 72px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 -1px 4px rgb(186 186 186 / 58%);

}}

.maxh1{

 max-height: 380px!important;

}



.maxh2{

 max-height: 122px!important;

}



.maxh3{

 max-height: 208px!important;

}

   

#reklam img{

 max-width: 100%;

     height: auto;

}

.mb15 {

margin-bottom: 15px!important;

}

.mb20 {

margin-top: 10px!important;

margin-bottom: 10px!important;

}

.post-body #reklam iframe {

	  /* min-height:auto !important; */

    margin: 0 !important;

    height: 100% !important;

}



.content-esimited-read {

    padding: 8px 18px;

    margin-top: 3px;

    border-radius: 20px;

    font-size: 13px;

    float: left;

    margin-left: 10px;

	}

.btnGoHomePage {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px 0 20px;

    clear: both;

}

.btnGoHomePage a {

    background: linear-gradient(

130deg

,#003880,#1ca1f2,#003880);

    background-size: 200% 200%;

    color: #fff;

    width: 100%;

    font-size: 15px;

    padding: 15px 0;

    text-align: center;

    -webkit-animation: homeBtnAnimate 4s ease infinite;

    animation: homeBtnAnimate 4s ease infinite;

}

.btnGoHomePage span {

    background: #e2edff;

    padding: 10px 20px;

    display: inline-block;

}

.btnGoHomePage img {

    width: 70px;

}

.btnGoHomePage strong {

    padding: 0 20px 0 0;

    position: relative;

}

.btnGoHomePage a:hover {

    opacity: 0.9;

    color:#fff;

}

.btnGoHomePage strong:after {

    content: "";

    position: absolute;

    right: -5px;

    top: 3px;

    width: 0;

    height: 0;

    transition: all 0.2s ease-in-out;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 10px solid #fff;

    transform: rotate(-90deg);

}

@-webkit-keyframes homeBtnAnimate {

    0% {

        background-position: 10% 0;

    }

    50% {

        background-position: 91% 100%;

    }

    to {

        background-position: 10% 0;

    }

}

@keyframes homeBtnAnimate {

    0% {

        background-position: 10% 0;

    }

    50% {

        background-position: 91% 100%;

    }

    to {

        background-position: 10% 0;

    }

}

.transformTop {

    top: -70px;

}



.cartooonpage {

max-height: 170px;

width: auto;

    margin: 0 auto;

    display: block;

}

.cartooonphoto {

max-height: 250px;

width: auto;

    margin: 0 auto;

    display: block;

}

.brwhite {

color: #fff !important;

}

.pageSkin {

    top: 0;

    margin: 0 auto;

    width: 100%;

    height: 100%;

    z-index: 0;

    left: 0px;

    position: fixed;

}



.pageSkin a {

    background-attachment: fixed;

    background-position: 50% 0;

    background-repeat: no-repeat no-repeat;

    width: 100%;

    height: 100%;

    position: absolute;

}



.frontendAd {

    position: fixed;

    height: 100%;

    width: 100%;

    background: rgba(24, 24, 18, 0.93);

    z-index: 6000;

    display: none;

    left: 0px;

    top: 0px;

}



.frontendAd .content {

    position: absolute;

    margin-top: 1%;

    z-index: 9999;

}

.content {

    margin: 0 0 20px;

}

.frontendAd .bar {

    text-align: right;

    font-weight: bold;

    background: #f2f2f2;

    padding: 10px 20px;

    height: 40px;

    font-size: 14px;

    z-index: 9999;

}



.frontendAd .bar div {

    margin-right: 10px;

    

}



.frontendAd .second {

    float: left;

    z-index: 9999;

}



.frontendAd .closer {

    float: right;

}



.kosehbr a {

    color: #000;

}



.kosehbr {

    position: fixed;

    z-index: 9999;

    padding: 15px;

    display: none;

    background: #fff;

    width: 330px;

    right: 10px;

    bottom: 2px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

}



.kosehbr .item {

    width: 100%;

    padding-top: 10px;

    padding-left: 10px;

    height: 80px;

    margin-bottom: 10px;

}



.kosehbr .resim img {

    height: 66px;

    width: 100px;

    float: left;

}



.kosehbr .icerik {

    padding-left: 10px;

    width: 174px;

    color: #000;

    float: left;

}



.kosehbr .kapat {

    border-radius: 2px;

    padding: 2px 8px;

    color: #fff;

    position: absolute;

    top: 10px;

    right: 20px;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

    

}

.yediyuzyirmisekiz{

height: 90px !important;

margin-top: 2px;

width: 728px;

}



.boxed_layout {

    width: 1000px;

    margin: 0 auto;

    background:#fff;

    -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.70);

    -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.70); 

    box-shadow: 0px 0px 3px -1px rgb(0 0 0 / 35%);

}

.get_ajax_data {

display: inline-flex;

align-items: center;

}

    

.maUstMenuArkaPlan{

color: var(--theme-maustmenu-text-color);

background-color: var(--theme-maustmenuarkaplan-bg);

}



.svg-bl {

vertical-align: sub;

fill: black;

}

.svg-wh {

vertical-align: sub;

fill: white;

}



.svg-whfmm {

vertical-align: sub;

fill: var(--theme-ustmenu-text-color);

}

.svg-whf {

vertical-align: sub;

fill: var(--theme-footer-color);

}



.svg-whss {

vertical-align: sub;

fill: var(--theme-sondakika-text-color);

}

.svg-wh-2xx {

vertical-align: sub;

fill: var(--theme-sondakika-text-color);

margin-bottom: 2px;

}







.svg-whssf {

vertical-align: sub;

fill: var(--theme-flash-text-color);

}

.svg-wh-2xxf {

vertical-align: sub;

fill: var(--theme-flash-text-color);

margin-bottom: 2px;

}





.svg-wh-2 {

vertical-align: sub;

fill: white;

margin-bottom: 2px;

}

.svg-br {

vertical-align: sub;

fill: #6c757d;

}

.svg-br-2 {

vertical-align: sub;

fill: #000;

margin-bottom: 2px;

}

.svg-gr {

vertical-align: sub;

fill: #333;

margin-bottom: 3px;

}

.svg-gr-2 {

vertical-align: sub;

fill: #333;

margin-bottom: 2px;

}

.svg-b {

width: 18px !important;

height: 18px !important;

}

   

.svg-pr {

vertical-align: sub;

fill: #cc292b;

}   

 



  

     

 :root {

     --blue: #007bff;

     --indigo: #6610f2;

     --purple: #6f42c1;

     --pink: #e83e8c;

     --red: #dc3545;

     --orange: #fd7e14;

     --yellow: #ffc107;

     --green: #28a745;

     --teal: #20c997;

     --cyan: #17a2b8;

     --white: #ffffff;

     --gray: #6c757d;

     --gray-dark: #343a40;

     --primary: #cc292b;

     --secondary: #a0a4a7;

     --success: #5bc146;

     --info: #7258ff;

     --warning: #ffd14d;

     --danger: #fe4d62;

     --light: #dfe1e2;

     --dark: #171c21;

     --breakpoint-xs: 0;

     --breakpoint-sm: 576px;

     --breakpoint-md: 768px;

     --breakpoint-lg: 992px;

     --breakpoint-xl: 1200px;

     --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", PT Sans, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

     --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

 }



 *,

 *::before,

 *::after {

     box-sizing: border-box;

 }



 html {

     font-family: sans-serif;

     line-height: 1.15;

     -webkit-text-size-adjust: 100%;

     -ms-text-size-adjust: 100%;

     -ms-overflow-style: scrollbar;

     -webkit-tap-highlight-color: rgba(18, 18, 18, 0);

 }



 @-ms-viewport {

     width: device-width;

 }



 article,

 aside,

 dialog,

 figcaption,

 figure,

 footer,

 header,

 hgroup,

 main,

 nav,

 section {

     display: block;

 }



 body {

     margin: 0;

     font-family: Arial,sans-serif;

         

    

            
    font-size: 0.85rem;

      

     

     

     

     font-weight: 400;

     line-height: 1.4285714286;

     color: #222;

     text-align: left;

     background-color: var(--theme-body-bg);

 }



 [tabindex="-1"]:focus {

     outline: 0 !important;

 }



 hr {

     box-sizing: content-box;

     height: 0;

     overflow: visible;

 }



 h1,

 h2,

 h3,

 h4,

 h5,

 h6 {

     margin-top: 0;

     margin-bottom: 0.5rem;

 }

 

 .homegallery h2  {

    padding: 1px 0px 0px 8px;

    color: #fff;

    
   font-size: 16px;

       

    float: right;

}

    

  .homepage {

   display:none;

}   



 p {

     margin-top: 10px;

     margin-bottom: 1rem;

 }

 

 br {

   display: block;

   margin: 10px 0;

}



 abbr[title],

 abbr[data-original-title] {

     text-decoration: underline;

     text-decoration: underline dotted;

     cursor: help;

     border-bottom: 0;

 }



 address {

     margin-bottom: 1rem;

     font-style: normal;

     line-height: inherit;

 }



 ol,

 ul,

 dl {

     margin-top: 0;

     margin-bottom: 1rem;

 }



 ol ol,

 ul ul,

 ol ul,

 ul ol {

     margin-bottom: 0;

 }



 dt {

     font-weight: 600;

 }



 dd {

     margin-bottom: .5rem;

     margin-left: 0;

 }



 blockquote {

     margin: 0 0 1rem;

 }



 dfn {

     font-style: italic;

 }



 b,

 strong {

     font-weight: bolder;

 }



 small {

     font-size: 80%;

 }



 sub,

 sup {

     position: relative;

     font-size: 75%;

     line-height: 0;

     vertical-align: baseline;

 }



 sub {

     bottom: -.25em;

 }



 sup {

     top: -.5em;

 }



 a {

     color: #222;

     text-decoration: none;

     background-color: transparent;

     -webkit-text-decoration-skip: objects;

 }



 a:hover {

     color: #cc292b;

     text-decoration: underline;

 }



 a:not([href]):not([tabindex]) {

     color: inherit;

     text-decoration: none;

 }



 a:not([href]):not([tabindex]):hover,

 a:not([href]):not([tabindex]):focus {

     color: inherit;

     text-decoration: none;

 }



 a:not([href]):not([tabindex]):focus {

     outline: 0;

 }



 pre,

 code,

 kbd,

 samp {

     font-family: monospace, monospace;

     font-size: 1em;

 }



 pre {

     margin-top: 0;

     margin-bottom: 1rem;

     overflow: auto;

     -ms-overflow-style: scrollbar;

 }



 figure {

     margin: 0 0 1rem;

 }



 img {

     vertical-align: middle;

     border-style: none;

 }



 svg:not(:root) {

     overflow: hidden;

 }



 table {

     border-collapse: collapse;

 }



 caption {

     padding-top: 0.75rem;

     padding-bottom: 0.75rem;

     color: #666;

     text-align: left;

     caption-side: bottom;

 }



 th {

     text-align: inherit;

 }



 label {

     display: inline-block;

     margin-bottom: 0.5rem;

 }



 button {

     border-radius: 0;

 }



 button:focus {

     outline: 1px dotted;

     outline: 5px auto -webkit-focus-ring-color;

 }



 input,

 button,

 select,

 optgroup,

 textarea {

     margin: 0;

     font-family: inherit;

     font-size: inherit;

     line-height: inherit;

 }



 button,

 input {

     overflow: visible;

 }



 button,

 select {

     text-transform: none;

 }



 button,

 html [type="button"],

 [type="reset"],

 [type="submit"] {

     -webkit-appearance: button;

 }



 button::-moz-focus-inner,

 [type="button"]::-moz-focus-inner,

 [type="reset"]::-moz-focus-inner,

 [type="submit"]::-moz-focus-inner {

     padding: 0;

     border-style: none;

 }



 input[type="radio"],

 input[type="checkbox"] {

     box-sizing: border-box;

     padding: 0;

 }



 input[type="date"],

 input[type="time"],

 input[type="datetime-local"],

 input[type="month"] {

     -webkit-appearance: listbox;

 }



 textarea {

     overflow: auto;

     resize: vertical;

 }



 fieldset {

     min-width: 0;

     padding: 0;

     margin: 0;

     border: 0;

 }



 legend {

     display: block;

     width: 100%;

     max-width: 100%;

     padding: 0;

     margin-bottom: .5rem;

     font-size: 1.5rem;

     line-height: inherit;

     color: inherit;

     white-space: normal;

 }



 progress {

     vertical-align: baseline;

 }



 [type="number"]::-webkit-inner-spin-button,

 [type="number"]::-webkit-outer-spin-button {

     height: auto;

 }



 [type="search"] {

     outline-offset: -2px;

     -webkit-appearance: none;

 }



 [type="search"]::-webkit-search-cancel-button,

 [type="search"]::-webkit-search-decoration {

     -webkit-appearance: none;

 }



 ::-webkit-file-upload-button {

     font: inherit;

     -webkit-appearance: button;

 }



 output {

     display: inline-block;

 }



 summary {

     display: list-item;

     cursor: pointer;

 }



 template {

     display: none;

 }



 [hidden] {

     display: none !important;

 }



 h1,

 h2,

 h3,

 h4,

 h5,

 h6,

 .h1,

 .h2,

 .h3,

 .h4,

 .h5,

 .h6 {

     margin-bottom: 0.5rem;

     font-family: inherit;

     font-weight: bold;

     line-height: 1.2;

     color: inherit;

 }





 h1,

 .h1 {

     font-size: 2.1875rem;

 }



 h2,

 .h2 {

     font-size: 1.25rem;

 }



 h3,

 .h3 {

     font-size: 1.09375rem;

 }



 h4,

 .h4 {

     font-size: 1.3125rem;

 }



 h5,

 .h5 {

     font-size: 0.875rem;

 }



 h6,

 .h6 {

     font-size: 0.875rem;

 }



 .lead {

     font-size: 1.09375rem;

     font-weight: 300;

 }



 .display-1 {

     font-size: 6rem;

     font-weight: 300;

     line-height: 1.2;

 }



 .display-2 {

     font-size: 5.5rem;

     font-weight: 300;

     line-height: 1.2;

 }



 .display-3 {

     font-size: 4.5rem;

     font-weight: 300;

     line-height: 1.2;

 }



 .display-4 {

     font-size: 3.5rem;

     font-weight: 300;

     line-height: 1.2;

 }



 hr {

     margin-top: 1rem;

     margin-bottom: 1rem;

     border: 0;

     border-top: 1px solid rgba(18, 18, 18, 0.1);

 }



 small,

 .small {

     font-size: 80%;

     font-weight: 400;

 }



 mark,

 .mark {

     padding: 0.2em;

     background-color: #fcf8e3;

 }



 .list-unstyled {

     padding-left: 0;

     list-style: none;

 }



 .list-inline {

     padding-left: 0;

     list-style: none;

 }



 .list-inline-item {

     display: inline-block;

 }



 .list-inline-item:not(:last-child) {

     margin-right: 0.5rem;

 }



 .initialism {

     font-size: 90%;

     text-transform: uppercase;

 }



.img_position_left{

    float: left;

        margin-right: 20px;

    margin-bottom: 20px;

    width: 300px;

    min-height: 250px;

    display: block;

    position: relative;

}



.img_position_left:after {

	content:"";

    display:table;

    clear:both;

}

 .blockquote {

     margin-bottom: 1rem;

     font-size: 1.09375rem;

 }



 .blockquote-footer {

     display: block;

     font-size: 80%;

     color: #6c757d;

 }



 .blockquote-footer::before {

     content: "\2014 \00A0";

 }



.img-object-fit {

object-fit: cover;

height: 100%;

  }   

  

 .breadcrumb-video {

   color: #fff !important;

}

  

  .list-grouped .col-md-6 .img-object-fit {

  height:auto;

}  



 .img-fluid {

     max-width: 100%;

     height: auto;

 }

 .img-fluid-mynet {

     max-width: 100%;

     height: 500px;

 }

 .img-thumbnail {

     padding: 0.25rem;

     background-color: #e9ecef;

     border: 1px solid #dee2e6;

     border-radius: 0.25rem;

     max-width: 100%;

     height: auto;

 }



 .figure {

     display: inline-block;

 }



 .figure-img {

     margin-bottom: 0.5rem;

     line-height: 1;

 }



 .figure-caption {

     font-size: 90%;

     color: #6c757d;

 }



 code,

 kbd,

 pre,

 samp {

     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

 }



 code {

     font-size: 87.5%;

     color: #e83e8c;

     word-break: break-word;

 }



 a>code {

     color: inherit;

 }



 kbd {

     padding: 0.2rem 0.4rem;

     font-size: 87.5%;

     color: #ffffff;

     background-color: #313335;

     border-radius: 0.2rem;

 }



 kbd kbd {

     padding: 0;

     font-size: 100%;

     font-weight: 600;

 }







 pre {

     display: block;

     font-size: 87.5%;

     color: #313335;

 }



 pre code {

     font-size: inherit;

     color: inherit;

     word-break: normal;

 }



 .pre-scrollable {

     max-height: 340px;

     overflow-y: scroll;

 }



 .container {

     width: 100%;

     padding-right: 15px;

     padding-left: 15px;

     margin-right: auto;

     margin-left: auto;

 }



 @media (min-width: 576px) {

     .container {

         max-width: 540px;

     }

 }



 @media (min-width: 768px) {

     .container {

         max-width: 720px;

     }

 }



 @media (min-width: 992px) {

     .container {

         max-width: 960px;

     }

 }



 @media (min-width: 1200px) {

     .container {

         max-width: 1000px;

     }

 }



 .container-fluid {

     width: 100%;

     padding-right: 15px;

     padding-left: 15px;

     margin-right: auto;

     margin-left: auto;

 }



 .row {

     display: flex;

     flex-wrap: wrap;

     margin-right: -15px;

     margin-left: -15px;

 }

 

 .row-flash {

    display: flex;

    flex-wrap: wrap;



}



 .no-gutters {

     margin-right: 0;

     margin-left: 0;

 }



 .no-gutters>.col,

 .no-gutters>[class*="col-"] {

     padding-right: 0;

     padding-left: 0;

 }

 





 .col-1,

 .col-2,

 .col-3,

 .col-4,

 .col-5,

 .col-6,

 .col-7,

 .col-8,

 .col-9,

 .col-10,

 .col-11,

 .col-12,

 .col,

 .col-auto,

 .col-sm-1,

 .col-sm-2,

 .col-sm-3,

 .col-sm-4,

 .col-sm-5,

 .col-sm-6,

 .col-sm-7,

 .col-sm-8,

 .col-sm-9,

 .col-sm-10,

 .col-sm-11,

 .col-sm-12,

 .col-sm,

 .col-sm-auto,

 .col-md-1,

 .col-md-2,

 .col-md-3,

 .col-md-4,

 .col-md-5,

 .col-md-6,

 .col-md-7,

 .col-md-8,

 .col-md-9,

 .col-md-10,

 .col-md-11,

 .col-md-12,

 .col-md,

 .col-md-auto,

 .col-lg-1,

 .col-lg-2,

 .col-lg-3,

 .col-lg-4,

 .col-lg-5,

 .col-lg-6,

 .col-lg-7,

 .col-lg-8,

 .col-lg-9,

 .col-lg-10,

 .col-lg-11,

 .col-lg-12,

 .col-lg,

 .col-lg-auto,

 .col-xl-1,

 .col-xl-2,

 .col-xl-3,

 .col-xl-4,

 .col-xl-5,

 .col-xl-6,

 .col-xl-7,

 .col-xl-8,

 .col-xl-9,

 .col-xl-10,

 .col-xl-11,

 .col-xl-12,

 .col-xl,

 .col-xl-auto {

     position: relative;

     width: 100%;

     min-height: 1px;

     padding-right: 15px;

     padding-left: 15px;

 }



 .col {

     flex-basis: 0;

     flex-grow: 1;

     max-width: 100%;

 }



 .col-auto {

     flex: 0 0 auto;

     width: auto;

     max-width: none;

 }



 .col-1 {

     flex: 0 0 8.3333333333%;

     max-width: 8.3333333333%;

 }



 .col-2 {

     flex: 0 0 16.6666666667%;

     max-width: 16.6666666667%;

 }



 .col-3 {

     flex: 0 0 25%;

     max-width: 25%;

 }



 .col-4 {

     flex: 0 0 33.3333333333%;

     max-width: 33.3333333333%;

 }



 .col-5 {

     flex: 0 0 41.6666666667%;

     max-width: 41.6666666667%;

 }



 .col-6 {

     flex: 0 0 50%;

     max-width: 50%;

 }



 .col-7 {

     flex: 0 0 58.3333333333%;

     max-width: 58.3333333333%;

 }



 .col-8 {

     flex: 0 0 66.6666666667%;

     max-width: 66.6666666667%;

 }



 .col-9 {

     flex: 0 0 75%;

     max-width: 75%;

 }



 .col-10 {

     flex: 0 0 83.3333333333%;

     max-width: 83.3333333333%;

 }



 .col-11 {

     flex: 0 0 91.6666666667%;

     max-width: 91.6666666667%;

 }



 .col-12 {

     flex: 0 0 100%;

     max-width: 100%;

 }



 .order-first {

     order: -1;

 }



 .order-last {

     order: 13;

 }



 .order-0 {

     order: 0;

 }



 .order-1 {

     order: 1;

 }



 .order-2 {

     order: 2;

 }



 .order-3 {

     order: 3;

 }



 .order-4 {

     order: 4;

 }



 .order-5 {

     order: 5;

 }



 .order-6 {

     order: 6;

 }



 .order-7 {

     order: 7;

 }



 .order-8 {

     order: 8;

 }



 .order-9 {

     order: 9;

 }



 .order-10 {

     order: 10;

 }



 .order-11 {

     order: 11;

 }



 .order-12 {

     order: 12;

 }



 .offset-1 {

     margin-left: 8.3333333333%;

 }



 .offset-2 {

     margin-left: 16.6666666667%;

 }



 .offset-3 {

     margin-left: 25%;

 }



 .offset-4 {

     margin-left: 33.3333333333%;

 }



 .offset-5 {

     margin-left: 41.6666666667%;

 }



 .offset-6 {

     margin-left: 50%;

 }



 .offset-7 {

     margin-left: 58.3333333333%;

 }



 .offset-8 {

     margin-left: 66.6666666667%;

 }



 .offset-9 {

     margin-left: 75%;

 }



 .offset-10 {

     margin-left: 83.3333333333%;

 }



 .offset-11 {

     margin-left: 91.6666666667%;

 }



 @media (min-width: 576px) {

     .col-sm {

         flex-basis: 0;

         flex-grow: 1;

         max-width: 100%;

     }



     .col-sm-auto {

         flex: 0 0 auto;

         width: auto;

         max-width: none;

     }



     .col-sm-1 {

         flex: 0 0 8.3333333333%;

         max-width: 8.3333333333%;

     }



     .col-sm-2 {

         flex: 0 0 16.6666666667%;

         max-width: 16.6666666667%;

     }



     .col-sm-3 {

         flex: 0 0 25%;

         max-width: 25%;

     }



     .col-sm-4 {

         flex: 0 0 33.3333333333%;

         max-width: 33.3333333333%;

     }



     .col-sm-5 {

         flex: 0 0 41.6666666667%;

         max-width: 41.6666666667%;

     }



     .col-sm-6 {

         flex: 0 0 50%;

         max-width: 50%;

     }



     .col-sm-7 {

         flex: 0 0 58.3333333333%;

         max-width: 58.3333333333%;

     }



     .col-sm-8 {

         flex: 0 0 66.6666666667%;

         max-width: 66.6666666667%;

     }



     .col-sm-9 {

         flex: 0 0 75%;

         max-width: 75%;

     }



     .col-sm-10 {

         flex: 0 0 83.3333333333%;

         max-width: 83.3333333333%;

     }



     .col-sm-11 {

         flex: 0 0 91.6666666667%;

         max-width: 91.6666666667%;

     }



     .col-sm-12 {

         flex: 0 0 100%;

         max-width: 100%;

     }



     .order-sm-first {

         order: -1;

     }



     .order-sm-last {

         order: 13;

     }



     .order-sm-0 {

         order: 0;

     }



     .order-sm-1 {

         order: 1;

     }



     .order-sm-2 {

         order: 2;

     }



     .order-sm-3 {

         order: 3;

     }



     .order-sm-4 {

         order: 4;

     }



     .order-sm-5 {

         order: 5;

     }



     .order-sm-6 {

         order: 6;

     }



     .order-sm-7 {

         order: 7;

     }



     .order-sm-8 {

         order: 8;

     }



     .order-sm-9 {

         order: 9;

     }



     .order-sm-10 {

         order: 10;

     }



     .order-sm-11 {

         order: 11;

     }



     .order-sm-12 {

         order: 12;

     }



     .offset-sm-0 {

         margin-left: 0;

     }



     .offset-sm-1 {

         margin-left: 8.3333333333%;

     }



     .offset-sm-2 {

         margin-left: 16.6666666667%;

     }



     .offset-sm-3 {

         margin-left: 25%;

     }



     .offset-sm-4 {

         margin-left: 33.3333333333%;

     }



     .offset-sm-5 {

         margin-left: 41.6666666667%;

     }



     .offset-sm-6 {

         margin-left: 50%;

     }



     .offset-sm-7 {

         margin-left: 58.3333333333%;

     }



     .offset-sm-8 {

         margin-left: 66.6666666667%;

     }



     .offset-sm-9 {

         margin-left: 75%;

     }



     .offset-sm-10 {

         margin-left: 83.3333333333%;

     }



     .offset-sm-11 {

         margin-left: 91.6666666667%;

     }

 }



 @media (min-width: 768px) {

     .col-md {

         flex-basis: 0;

         flex-grow: 1;

         max-width: 100%;

     }



     .col-md-auto {

         flex: 0 0 auto;

         width: auto;

         max-width: none;

     }



     .col-md-1 {

         flex: 0 0 8.3333333333%;

         max-width: 8.3333333333%;

     }



     .col-md-2 {

         flex: 0 0 16.6666666667%;

         max-width: 16.6666666667%;

     }



     .col-md-3 {

         flex: 0 0 25%;

         max-width: 25%;

     }



     .col-md-4 {

         flex: 0 0 33.3333333333%;

         max-width: 33.3333333333%;

     }



     .col-md-5 {

         flex: 0 0 41.6666666667%;

         max-width: 41.6666666667%;

     }



     .col-md-6 {

         flex: 0 0 50%;

         max-width: 50%;

     }



     .col-md-7 {

         flex: 0 0 58.3333333333%;

         max-width: 58.3333333333%;

     }



     .col-md-8 {

         flex: 0 0 66.6666666667%;

         max-width: 66.6666666667%;

     }



     .col-md-9 {

         flex: 0 0 75%;

         max-width: 75%;

     }



     .col-md-10 {

         flex: 0 0 83.3333333333%;

         max-width: 83.3333333333%;

     }



     .col-md-11 {

         flex: 0 0 91.6666666667%;

         max-width: 91.6666666667%;

     }



     .col-md-12 {

         flex: 0 0 100%;

         max-width: 100%;

     }



     .order-md-first {

         order: -1;

     }



     .order-md-last {

         order: 13;

     }



     .order-md-0 {

         order: 0;

     }



     .order-md-1 {

         order: 1;

     }



     .order-md-2 {

         order: 2;

     }



     .order-md-3 {

         order: 3;

     }



     .order-md-4 {

         order: 4;

     }



     .order-md-5 {

         order: 5;

     }



     .order-md-6 {

         order: 6;

     }



     .order-md-7 {

         order: 7;

     }



     .order-md-8 {

         order: 8;

     }



     .order-md-9 {

         order: 9;

     }



     .order-md-10 {

         order: 10;

     }



     .order-md-11 {

         order: 11;

     }



     .order-md-12 {

         order: 12;

     }



     .offset-md-0 {

         margin-left: 0;

     }



     .offset-md-1 {

         margin-left: 8.3333333333%;

     }



     .offset-md-2 {

         margin-left: 16.6666666667%;

     }



     .offset-md-3 {

         margin-left: 25%;

     }



     .offset-md-4 {

         margin-left: 33.3333333333%;

     }



     .offset-md-5 {

         margin-left: 41.6666666667%;

     }



     .offset-md-6 {

         margin-left: 50%;

     }



     .offset-md-7 {

         margin-left: 58.3333333333%;

     }



     .offset-md-8 {

         margin-left: 66.6666666667%;

     }



     .offset-md-9 {

         margin-left: 75%;

     }



     .offset-md-10 {

         margin-left: 83.3333333333%;

     }



     .offset-md-11 {

         margin-left: 91.6666666667%;

     }

 }



 @media (min-width: 992px) {

     .col-lg {

         flex-basis: 0;

         flex-grow: 1;

         max-width: 100%;

     }



     .col-lg-auto {

         flex: 0 0 auto;

         width: auto;

         max-width: none;

     }



     .col-lg-1 {

         flex: 0 0 8.3333333333%;

         max-width: 8.3333333333%;

     }



     .col-lg-2 {

         flex: 0 0 16.6666666667%;

         max-width: 16.6666666667%;

     }



     .col-lg-3 {

         flex: 0 0 25%;

         max-width: 25%;

     }



     .col-lg-4 {

         flex: 0 0 33.3333333333%;

         max-width: 33.3333333333%;

     }



     .col-lg-5 {

         flex: 0 0 41.6666666667%;

         max-width: 41.6666666667%;

     }



     .col-lg-6 {

         flex: 0 0 50%;

         max-width: 50%;

     }



     .col-lg-7 {

         flex: 0 0 58.3333333333%;

         max-width: 58.3333333333%;

     }



     .col-lg-8 {

         flex: 0 0 66.6666666667%;

         max-width: 66.6666666667%;

     }



     .col-lg-9 {

         flex: 0 0 75%;

         max-width: 75%;

     }



     .col-lg-10 {

         flex: 0 0 83.3333333333%;

         max-width: 83.3333333333%;

     }



     .col-lg-11 {

         flex: 0 0 91.6666666667%;

         max-width: 91.6666666667%;

     }



     .col-lg-12 {

         flex: 0 0 100%;

         max-width: 100%;

     }



     .order-lg-first {

         order: -1;

     }



     .order-lg-last {

         order: 13;

     }



     .order-lg-0 {

         order: 0;

     }



     .order-lg-1 {

         order: 1;

     }



     .order-lg-2 {

         order: 2;

     }



     .order-lg-3 {

         order: 3;

     }



     .order-lg-4 {

         order: 4;

     }



     .order-lg-5 {

         order: 5;

     }



     .order-lg-6 {

         order: 6;

     }



     .order-lg-7 {

         order: 7;

     }



     .order-lg-8 {

         order: 8;

     }



     .order-lg-9 {

         order: 9;

     }



     .order-lg-10 {

         order: 10;

     }



     .order-lg-11 {

         order: 11;

     }



     .order-lg-12 {

         order: 12;

     }



     .offset-lg-0 {

         margin-left: 0;

     }



     .offset-lg-1 {

         margin-left: 8.3333333333%;

     }



     .offset-lg-2 {

         margin-left: 16.6666666667%;

     }



     .offset-lg-3 {

         margin-left: 25%;

     }



     .offset-lg-4 {

         margin-left: 33.3333333333%;

     }



     .offset-lg-5 {

         margin-left: 41.6666666667%;

     }



     .offset-lg-6 {

         margin-left: 50%;

     }



     .offset-lg-7 {

         margin-left: 58.3333333333%;

     }



     .offset-lg-8 {

         margin-left: 66.6666666667%;

     }



     .offset-lg-9 {

         margin-left: 75%;

     }



     .offset-lg-10 {

         margin-left: 83.3333333333%;

     }



     .offset-lg-11 {

         margin-left: 91.6666666667%;

     }

 }



 @media (min-width: 1200px) {

     .col-xl {

         flex-basis: 0;

         flex-grow: 1;

         max-width: 100%;

     }



     .col-xl-auto {

         flex: 0 0 auto;

         width: auto;

         max-width: none;

     }



     .col-xl-1 {

         flex: 0 0 8.3333333333%;

         max-width: 8.3333333333%;

     }



     .col-xl-2 {

         flex: 0 0 16.6666666667%;

         max-width: 16.6666666667%;

     }



     .col-xl-3 {

         flex: 0 0 25%;

         max-width: 25%;

     }



     .col-xl-4 {

         flex: 0 0 33.3333333333%;

         max-width: 33.3333333333%;

     }



     .col-xl-5 {

         flex: 0 0 41.6666666667%;

         max-width: 41.6666666667%;

     }



     .col-xl-6 {

         flex: 0 0 50%;

         max-width: 50%;

     }



     .col-xl-7 {

         flex: 0 0 58.3333333333%;

         max-width: 58.3333333333%;

     }



     .col-xl-8 {

         flex: 0 0 66.6666666667%;

         max-width: 66.6666666667%;

     }



     .col-xl-9 {

         flex: 0 0 75%;

         max-width: 75%;

     }



     .col-xl-10 {

         flex: 0 0 83.3333333333%;

         max-width: 83.3333333333%;

     }



     .col-xl-11 {

         flex: 0 0 91.6666666667%;

         max-width: 91.6666666667%;

     }



     .col-xl-12 {

         flex: 0 0 100%;

         max-width: 100%;

     }



     .order-xl-first {

         order: -1;

     }



     .order-xl-last {

         order: 13;

     }



     .order-xl-0 {

         order: 0;

     }



     .order-xl-1 {

         order: 1;

     }



     .order-xl-2 {

         order: 2;

     }



     .order-xl-3 {

         order: 3;

     }



     .order-xl-4 {

         order: 4;

     }



     .order-xl-5 {

         order: 5;

     }



     .order-xl-6 {

         order: 6;

     }



     .order-xl-7 {

         order: 7;

     }



     .order-xl-8 {

         order: 8;

     }



     .order-xl-9 {

         order: 9;

     }



     .order-xl-10 {

         order: 10;

     }



     .order-xl-11 {

         order: 11;

     }



     .order-xl-12 {

         order: 12;

     }



     .offset-xl-0 {

         margin-left: 0;

     }



     .offset-xl-1 {

         margin-left: 8.3333333333%;

     }



     .offset-xl-2 {

         margin-left: 16.6666666667%;

     }



     .offset-xl-3 {

         margin-left: 25%;

     }



     .offset-xl-4 {

         margin-left: 33.3333333333%;

     }



     .offset-xl-5 {

         margin-left: 41.6666666667%;

     }



     .offset-xl-6 {

         margin-left: 50%;

     }



     .offset-xl-7 {

         margin-left: 58.3333333333%;

     }



     .offset-xl-8 {

         margin-left: 66.6666666667%;

     }



     .offset-xl-9 {

         margin-left: 75%;

     }



     .offset-xl-10 {

         margin-left: 83.3333333333%;

     }



     .offset-xl-11 {

         margin-left: 91.6666666667%;

     }

 }



 .table {

     width: 100%;

     max-width: 100%;

     margin-bottom: 1rem;

     background-color: transparent;

 }



 .table th,

 .table td {

     padding: 0.75rem;

     vertical-align: top;

     border-top: 1px solid rgba(135, 150, 165, 0.1);

 }



 .table thead th {

     vertical-align: bottom;

     border-bottom: 2px solid rgba(135, 150, 165, 0.1);

 }



 .table tbody+tbody {

     border-top: 2px solid rgba(135, 150, 165, 0.1);

 }



 .table .table {

     background-color: #e9ecef;

 }



 .table-sm th,

 .table-sm td {

     padding: 0.3rem;

 }



 .table-bordered {

     border: 1px solid rgba(135, 150, 165, 0.1);

 }



 .table-bordered th,

 .table-bordered td {

     border: 1px solid rgba(135, 150, 165, 0.1);

 }



 .table-bordered thead th,

 .table-bordered thead td {

     border-bottom-width: 2px;

 }



 .table-borderless th,

 .table-borderless td,

 .table-borderless thead th,

 .table-borderless tbody+tbody {

     border: 0;

 }



 .table-striped tbody tr:nth-of-type(odd) {

     background-color: rgba(18, 18, 18, 0.05);

 }



 .table-hover tbody tr:hover {

     background-color: rgba(18, 18, 18, 0.075);

 }



 .table-primary,

 .table-primary>th,

 .table-primary>td {

     background-color: #f1c3c4;

 }



 .table-hover .table-primary:hover {

     background-color: #ecaeb0;

 }



 .table-hover .table-primary:hover>td,

 .table-hover .table-primary:hover>th {

     background-color: #ecaeb0;

 }



 .table-secondary,

 .table-secondary>th,

 .table-secondary>td {

     background-color: #e4e6e6;

 }



 .table-hover .table-secondary:hover {

     background-color: #d7dada;

 }



 .table-hover .table-secondary:hover>td,

 .table-hover .table-secondary:hover>th {

     background-color: #d7dada;

 }



 .table-success,

 .table-success>th,

 .table-success>td {

     background-color: #d1eecb;

 }



 .table-hover .table-success:hover {

     background-color: #c0e8b8;

 }



 .table-hover .table-success:hover>td,

 .table-hover .table-success:hover>th {

     background-color: #c0e8b8;

 }



 .table-info,

 .table-info>th,

 .table-info>td {

     background-color: #d8d0ff;

 }



 .table-hover .table-info:hover {

     background-color: #c3b7ff;

 }



 .table-hover .table-info:hover>td,

 .table-hover .table-info:hover>th {

     background-color: #c3b7ff;

 }



 .table-warning,

 .table-warning>th,

 .table-warning>td {

     background-color: #fff2cd;

 }



 .table-hover .table-warning:hover {

     background-color: #ffebb4;

 }



 .table-hover .table-warning:hover>td,

 .table-hover .table-warning:hover>th {

     background-color: #ffebb4;

 }



 .table-danger,

 .table-danger>th,

 .table-danger>td {

     background-color: #ffcdd3;

 }



 .table-hover .table-danger:hover {

     background-color: #ffb4bd;

 }



 .table-hover .table-danger:hover>td,

 .table-hover .table-danger:hover>th {

     background-color: #ffb4bd;

 }



 .table-light,

 .table-light>th,

 .table-light>td {

     background-color: #f6f7f7;

 }



 .table-hover .table-light:hover {

     background-color: #e9ebeb;

 }



 .table-hover .table-light:hover>td,

 .table-hover .table-light:hover>th {

     background-color: #e9ebeb;

 }



 .table-dark,

 .table-dark>th,

 .table-dark>td {

     background-color: #bebfc1;

 }



 .table-hover .table-dark:hover {

     background-color: #b1b2b5;

 }



 .table-hover .table-dark:hover>td,

 .table-hover .table-dark:hover>th {

     background-color: #b1b2b5;

 }



 .table-active,

 .table-active>th,

 .table-active>td {

     background-color: rgba(18, 18, 18, 0.075);

 }



 .table-hover .table-active:hover {

     background-color: rgba(5, 5, 5, 0.075);

 }



 .table-hover .table-active:hover>td,

 .table-hover .table-active:hover>th {

     background-color: rgba(5, 5, 5, 0.075);

 }



 .table .thead-dark th {

     color: #e9ecef;

     background-color: #313335;

     border-color: #434649;

 }



 .table .thead-light th {

     color: #495057;

     background-color: #e9ecef;

     border-color: rgba(135, 150, 165, 0.1);

 }



 .table-dark {

     color: #e9ecef;

     background-color: #313335;

 }



 .table-dark th,

 .table-dark td,

 .table-dark thead th {

     border-color: #434649;

 }



 .table-dark.table-bordered {

     border: 0;

 }



 .table-dark.table-striped tbody tr:nth-of-type(odd) {

     background-color: rgba(255, 255, 255, 0.05);

 }



 .table-dark.table-hover tbody tr:hover {

     background-color: rgba(255, 255, 255, 0.075);

 }



 @media (max-width: 575.98px) {

     .table-responsive-sm {

         display: block;

         width: 100%;

         overflow-x: auto;

         -webkit-overflow-scrolling: touch;

         -ms-overflow-style: -ms-autohiding-scrollbar;

     }



     .table-responsive-sm>.table-bordered {

         border: 0;

     }

 }



.list-height {

min-height: 246px;max-height: 246px;
	

}





 @media (max-width: 767.98px) {

    .list-mobile .list-item:last-child {

    margin-bottom:0px !important;

}










    .emotion {



    width: 10%;

    margin-right: 10px !important;

    }

    .emotion .emotion-img {

        margin:0 !important;

    min-width: 100% !important;

    height: auto !important;

    }

    .emotion img {



    width: 100% !important;

    height: auto !important;

    }

    

    

    

    

    

    

.list-height {

	min-height:auto;

}

     .table-responsive-md {

         display: block;

         width: 100%;

         overflow-x: auto;

         -webkit-overflow-scrolling: touch;

         -ms-overflow-style: -ms-autohiding-scrollbar;

     }



     .table-responsive-md>.table-bordered {

         border: 0;

     }

 }



 @media (max-width: 991.98px) {

     .table-responsive-lg {

         display: block;

         width: 100%;

         overflow-x: auto;

         -webkit-overflow-scrolling: touch;

         -ms-overflow-style: -ms-autohiding-scrollbar;

     }



     .table-responsive-lg>.table-bordered {

         border: 0;

     }

 }



 @media (max-width: 1199.98px) {

     .table-responsive-xl {

         display: block;

         width: 100%;

         overflow-x: auto;

         -webkit-overflow-scrolling: touch;

         -ms-overflow-style: -ms-autohiding-scrollbar;

     }



     .table-responsive-xl>.table-bordered {

         border: 0;

     }

 }



 .table-responsive {

     display: block;

     width: 100%;

     overflow-x: auto;

     -webkit-overflow-scrolling: touch;

     -ms-overflow-style: -ms-autohiding-scrollbar;

 }



 .table-responsive>.table-bordered {

     border: 0;

 }



 .form-control {

     display: block;

     width: 100%;

     padding: 0.375rem 0.75rem;

     font-size: 0.875rem;

     line-height: 1.4285714286;

     color: #495057;

     background-color: #ffffff;

     background-clip: padding-box;

     border: 1px solid #ced4da;

     border-radius: 0.25rem;

     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .form-control {

         transition: none;

     }

 }



 .form-control::-ms-expand {

     background-color: transparent;

     border: 0;

 }



 .form-control:focus {

     color: #495057;

     background-color: #ffffff;

     border-color: #e88d8e;

     outline: 0;

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .form-control::placeholder {

     color: #6c757d;

     opacity: 1;

 }



 .form-control:disabled,

 .form-control[readonly] {

     background-color: #e9ecef;

     opacity: 1;

 }



 select.form-control:not([size]):not([multiple]) {

     height: calc(2rem + 2px);

 }



 select.form-control:focus::-ms-value {

     color: #495057;

     background-color: #ffffff;

 }



 .form-control-file,

 .form-control-range {

     display: block;

     width: 100%;

 }



 .col-form-label {

     padding-top: calc(0.375rem + 1px);

     padding-bottom: calc(0.375rem + 1px);

     margin-bottom: 0;

     font-size: inherit;

     line-height: 1.4285714286;

 }



 .col-form-label-lg {

     padding-top: calc(0.75rem + 1px);

     padding-bottom: calc(0.75rem + 1px);

     font-size: 0.875rem;

     line-height: 1.4285714286;

 }



 .col-form-label-sm {

     padding-top: calc(0.25rem + 1px);

     padding-bottom: calc(0.25rem + 1px);

     font-size: 0.75rem;

     line-height: 1.4285714286;

 }



 .form-control-plaintext {

     display: block;

     width: 100%;

     padding-top: 0.375rem;

     padding-bottom: 0.375rem;

     margin-bottom: 0;

     line-height: 1.4285714286;

     color: #313335;

     background-color: transparent;

     border: solid transparent;

     border-width: 1px 0;

 }



 .form-control-plaintext.form-control-sm,

 .input-group-sm>.form-control-plaintext.form-control,

 .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,

 .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,

 .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,

 .input-group-sm>.input-group-append>.form-control-plaintext.btn,

 .form-control-plaintext.form-control-lg,

 .input-group-lg>.form-control-plaintext.form-control,

 .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,

 .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,

 .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,

 .input-group-lg>.input-group-append>.form-control-plaintext.btn {

     padding-right: 0;

     padding-left: 0;

 }



 .form-control-sm,

 .input-group-sm>.form-control,

 .input-group-sm>.input-group-prepend>.input-group-text,

 .input-group-sm>.input-group-append>.input-group-text,

 .input-group-sm>.input-group-prepend>.btn,

 .input-group-sm>.input-group-append>.btn {

     padding: 0.25rem 0.5rem;

     font-size: 0.75rem;

     line-height: 1.4285714286;

     border-radius: 0.25rem;

 }



 select.form-control-sm:not([size]):not([multiple]),

 .input-group-sm>select.form-control:not([size]):not([multiple]),

 .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),

 .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),

 .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),

 .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) {

     height: calc(1.5714285714rem + 2px);

 }



 .form-control-lg,

 .input-group-lg>.form-control,

 .input-group-lg>.input-group-prepend>.input-group-text,

 .input-group-lg>.input-group-append>.input-group-text,

 .input-group-lg>.input-group-prepend>.btn,

 .input-group-lg>.input-group-append>.btn {

     padding: 0.75rem 1rem;

     font-size: 0.875rem;

     line-height: 1.4285714286;

     border-radius: 0.25rem;

 }



 select.form-control-lg:not([size]):not([multiple]),

 .input-group-lg>select.form-control:not([size]):not([multiple]),

 .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),

 .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),

 .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),

 .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) {

     height: calc(2.75rem + 2px);

 }



 .form-group {

     margin-bottom: 1rem;

 }



 .form-text {

     display: block;

     margin-top: 0.25rem;

 }



 .form-row {

     display: flex;

     flex-wrap: wrap;

     margin-right: -5px;

     margin-left: -5px;

 }



 .form-row>.col,

 .form-row>[class*="col-"] {

     padding-right: 5px;

     padding-left: 5px;

 }



 .form-check {

     position: relative;

     display: block;

     padding-left: 1.25rem;

 }



 .form-check-input {

     position: absolute;

     margin-top: 0.3rem;

     margin-left: -1.25rem;

 }



 .form-check-input:disabled~.form-check-label {

     color: #666;

 }



 .form-check-label {

     margin-bottom: 0;

 }



 .form-check-inline {

     display: inline-flex;

     align-items: center;

     padding-left: 0;

     margin-right: 0.75rem;

 }



 .form-check-inline .form-check-input {

     position: static;

     margin-top: 0;

     margin-right: 0.3125rem;

     margin-left: 0;

 }



 .valid-feedback {

     display: none;

     width: 100%;

     margin-top: 0.25rem;

     font-size: 80%;

     color: #5bc146;

 }



 .valid-tooltip {

     position: absolute;

     top: 100%;

     z-index: 5;

     display: none;

     max-width: 100%;

     padding: .5rem;

     margin-top: .1rem;

     font-size: .875rem;

     line-height: 1;

     color: #ffffff;

     background-color: rgba(91, 193, 70, 0.8);

     border-radius: .2rem;

 }



 .was-validated .form-control:valid,

 .form-control.is-valid,

 .was-validated .custom-select:valid,

 .custom-select.is-valid {

     border-color: #5bc146;

 }



 .was-validated .form-control:valid:focus,

 .form-control.is-valid:focus,

 .was-validated .custom-select:valid:focus,

 .custom-select.is-valid:focus {

     border-color: #5bc146;

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.25);

 }



 .was-validated .form-control:valid~.valid-feedback,

 .was-validated .form-control:valid~.valid-tooltip,

 .form-control.is-valid~.valid-feedback,

 .form-control.is-valid~.valid-tooltip,

 .was-validated .custom-select:valid~.valid-feedback,

 .was-validated .custom-select:valid~.valid-tooltip,

 .custom-select.is-valid~.valid-feedback,

 .custom-select.is-valid~.valid-tooltip {

     display: block;

 }



 .was-validated .form-check-input:valid~.form-check-label,

 .form-check-input.is-valid~.form-check-label {

     color: #5bc146;

 }



 .was-validated .form-check-input:valid~.valid-feedback,

 .was-validated .form-check-input:valid~.valid-tooltip,

 .form-check-input.is-valid~.valid-feedback,

 .form-check-input.is-valid~.valid-tooltip {

     display: block;

 }



 .was-validated .custom-control-input:valid~.custom-control-label,

 .custom-control-input.is-valid~.custom-control-label {

     color: #5bc146;

 }



 .was-validated .custom-control-input:valid~.custom-control-label::before,

 .custom-control-input.is-valid~.custom-control-label::before {

     background-color: #b0e1a5;

 }



 .was-validated .custom-control-input:valid~.valid-feedback,

 .was-validated .custom-control-input:valid~.valid-tooltip,

 .custom-control-input.is-valid~.valid-feedback,

 .custom-control-input.is-valid~.valid-tooltip {

     display: block;

 }



 .was-validated .custom-control-input:valid:checked~.custom-control-label::before,

 .custom-control-input.is-valid:checked~.custom-control-label::before {

     background-color: #7dce6c;

 }



 .was-validated .custom-control-input:valid:focus~.custom-control-label::before,

 .custom-control-input.is-valid:focus~.custom-control-label::before {

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(91, 193, 70, 0.25);

 }



 .was-validated .custom-file-input:valid~.custom-file-label,

 .custom-file-input.is-valid~.custom-file-label {

     border-color: #5bc146;

 }



 .was-validated .custom-file-input:valid~.custom-file-label::before,

 .custom-file-input.is-valid~.custom-file-label::before {

     border-color: inherit;

 }



 .was-validated .custom-file-input:valid~.valid-feedback,

 .was-validated .custom-file-input:valid~.valid-tooltip,

 .custom-file-input.is-valid~.valid-feedback,

 .custom-file-input.is-valid~.valid-tooltip {

     display: block;

 }



 .was-validated .custom-file-input:valid:focus~.custom-file-label,

 .custom-file-input.is-valid:focus~.custom-file-label {

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.25);

 }



 .invalid-feedback {

     display: none;

     width: 100%;

     margin-top: 0.25rem;

     font-size: 80%;

     color: #fe4d62;

 }



 .invalid-tooltip {

     position: absolute;

     top: 100%;

     z-index: 5;

     display: none;

     max-width: 100%;

     padding: .5rem;

     margin-top: .1rem;

     font-size: .875rem;

     line-height: 1;

     color: #ffffff;

     background-color: rgba(254, 77, 98, 0.8);

     border-radius: .2rem;

 }



 .was-validated .form-control:invalid,

 .form-control.is-invalid,

 .was-validated .custom-select:invalid,

 .custom-select.is-invalid {

     border-color: #fe4d62;

 }



 .was-validated .form-control:invalid:focus,

 .form-control.is-invalid:focus,

 .was-validated .custom-select:invalid:focus,

 .custom-select.is-invalid:focus {

     border-color: #fe4d62;

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.25);

 }



 .was-validated .form-control:invalid~.invalid-feedback,

 .was-validated .form-control:invalid~.invalid-tooltip,

 .form-control.is-invalid~.invalid-feedback,

 .form-control.is-invalid~.invalid-tooltip,

 .was-validated .custom-select:invalid~.invalid-feedback,

 .was-validated .custom-select:invalid~.invalid-tooltip,

 .custom-select.is-invalid~.invalid-feedback,

 .custom-select.is-invalid~.invalid-tooltip {

     display: block;

 }



 .was-validated .form-check-input:invalid~.form-check-label,

 .form-check-input.is-invalid~.form-check-label {

     color: #fe4d62;

 }



 .was-validated .form-check-input:invalid~.invalid-feedback,

 .was-validated .form-check-input:invalid~.invalid-tooltip,

 .form-check-input.is-invalid~.invalid-feedback,

 .form-check-input.is-invalid~.invalid-tooltip {

     display: block;

 }



 .was-validated .custom-control-input:invalid~.custom-control-label,

 .custom-control-input.is-invalid~.custom-control-label {

     color: #fe4d62;

 }



 .was-validated .custom-control-input:invalid~.custom-control-label::before,

 .custom-control-input.is-invalid~.custom-control-label::before {

     background-color: #ffccd2;

 }



 .was-validated .custom-control-input:invalid~.invalid-feedback,

 .was-validated .custom-control-input:invalid~.invalid-tooltip,

 .custom-control-input.is-invalid~.invalid-feedback,

 .custom-control-input.is-invalid~.invalid-tooltip {

     display: block;

 }



 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,

 .custom-control-input.is-invalid:checked~.custom-control-label::before {

     background-color: #fe808f;

 }



 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before,

 .custom-control-input.is-invalid:focus~.custom-control-label::before {

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(254, 77, 98, 0.25);

 }



 .was-validated .custom-file-input:invalid~.custom-file-label,

 .custom-file-input.is-invalid~.custom-file-label {

     border-color: #fe4d62;

 }



 .was-validated .custom-file-input:invalid~.custom-file-label::before,

 .custom-file-input.is-invalid~.custom-file-label::before {

     border-color: inherit;

 }



 .was-validated .custom-file-input:invalid~.invalid-feedback,

 .was-validated .custom-file-input:invalid~.invalid-tooltip,

 .custom-file-input.is-invalid~.invalid-feedback,

 .custom-file-input.is-invalid~.invalid-tooltip {

     display: block;

 }



 .was-validated .custom-file-input:invalid:focus~.custom-file-label,

 .custom-file-input.is-invalid:focus~.custom-file-label {

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.25);

 }



 .form-inline {

     display: flex;

     flex-flow: row wrap;

     align-items: center;

 }



 .form-inline .form-check {

     width: 100%;

 }



 @media (min-width: 576px) {

     .form-inline label {

         display: flex;

         align-items: center;

         justify-content: center;

         margin-bottom: 0;

     }



     .form-inline .form-group {

         display: flex;

         flex: 0 0 auto;

         flex-flow: row wrap;

         align-items: center;

         margin-bottom: 0;

     }



     .form-inline .form-control {

         display: inline-block;

         width: auto;

         vertical-align: middle;

     }



     .form-inline .form-control-plaintext {

         display: inline-block;

     }



     .form-inline .input-group,

     .form-inline .custom-select {

         width: auto;

     }



     .form-inline .form-check {

         display: flex;

         align-items: center;

         justify-content: center;

         width: auto;

         padding-left: 0;

     }



     .form-inline .form-check-input {

         position: relative;

         margin-top: 0;

         margin-right: 0.25rem;

         margin-left: 0;

     }



     .form-inline .custom-control {

         align-items: center;

         justify-content: center;

     }



     .form-inline .custom-control-label {

         margin-bottom: 0;

     }

 }



 .btn {

     display: inline-block;

     font-weight: 400;

     text-align: center;

     white-space: nowrap;

     vertical-align: middle;

     user-select: none;

     border: 1px solid transparent;

     padding: 0.375rem 0.75rem;

     font-size: 0.875rem;

     line-height: 1.4285714286;

     border-radius: 0.25rem;

     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .btn {

         transition: none;

     }

 }



 .btn:hover,

 .btn:focus {

     text-decoration: none;

 }



 .btn:focus,

 .btn.focus {

     outline: 0;

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .btn.disabled,

 .btn:disabled {

     opacity: 0.65;

 }



 .btn:not(:disabled):not(.disabled) {

     cursor: pointer;

 }



 .btn:not(:disabled):not(.disabled):active,

 .btn:not(:disabled):not(.disabled).active {

     background-image: none;

 }



 a.btn.disabled,

 fieldset:disabled a.btn {

     pointer-events: none;

 }



 .btn-primary {

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .btn-primary:hover {

     color: #ffffff;

     background-color: #ac2324;

     border-color: #a22022;

 }



 .btn-primary:focus,

 .btn-primary.focus {

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.5);

 }



 .btn-primary.disabled,

 .btn-primary:disabled {

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .btn-primary:not(:disabled):not(.disabled):active,

 .btn-primary:not(:disabled):not(.disabled).active,

 .show>.btn-primary.dropdown-toggle {

     color: #ffffff;

     background-color: #a22022;

     border-color: #971e20;

 }



 .btn-primary:not(:disabled):not(.disabled):active:focus,

 .btn-primary:not(:disabled):not(.disabled).active:focus,

 .show>.btn-primary.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.5);

 }



 .btn-secondary {

     color: #313335;

     background-color: #a0a4a7;

     border-color: #a0a4a7;

 }



 .btn-secondary:hover {

     color: #ffffff;

     background-color: #8c9195;

     border-color: #868b8e;

 }



 .btn-secondary:focus,

 .btn-secondary.focus {

     box-shadow: 0 0 0 0.2rem rgba(160, 164, 167, 0.5);

 }



 .btn-secondary.disabled,

 .btn-secondary:disabled {

     color: #313335;

     background-color: #a0a4a7;

     border-color: #a0a4a7;

 }



 .btn-secondary:not(:disabled):not(.disabled):active,

 .btn-secondary:not(:disabled):not(.disabled).active,

 .show>.btn-secondary.dropdown-toggle {

     color: #ffffff;

     background-color: #868b8e;

     border-color: #7f8488;

 }



 .btn-secondary:not(:disabled):not(.disabled):active:focus,

 .btn-secondary:not(:disabled):not(.disabled).active:focus,

 .show>.btn-secondary.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(160, 164, 167, 0.5);

 }



 .btn-success {

     color: #ffffff;

     background-color: #5bc146;

     border-color: #5bc146;

 }



 .btn-success:hover {

     color: #ffffff;

     background-color: #4ca838;

     border-color: #479f35;

 }



 .btn-success:focus,

 .btn-success.focus {

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.5);

 }



 .btn-success.disabled,

 .btn-success:disabled {

     color: #ffffff;

     background-color: #5bc146;

     border-color: #5bc146;

 }



 .btn-success:not(:disabled):not(.disabled):active,

 .btn-success:not(:disabled):not(.disabled).active,

 .show>.btn-success.dropdown-toggle {

     color: #ffffff;

     background-color: #479f35;

     border-color: #439532;

 }



 .btn-success:not(:disabled):not(.disabled):active:focus,

 .btn-success:not(:disabled):not(.disabled).active:focus,

 .show>.btn-success.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.5);

 }



 .btn-info {

     color: #ffffff;

     background-color: #7258ff;

     border-color: #7258ff;

 }



 .btn-info:hover {

     color: #ffffff;

     background-color: #5232ff;

     border-color: #4725ff;

 }



 .btn-info:focus,

 .btn-info.focus {

     box-shadow: 0 0 0 0.2rem rgba(114, 88, 255, 0.5);

 }



 .btn-info.disabled,

 .btn-info:disabled {

     color: #ffffff;

     background-color: #7258ff;

     border-color: #7258ff;

 }



 .btn-info:not(:disabled):not(.disabled):active,

 .btn-info:not(:disabled):not(.disabled).active,

 .show>.btn-info.dropdown-toggle {

     color: #ffffff;

     background-color: #4725ff;

     border-color: #3c18ff;

 }



 .btn-info:not(:disabled):not(.disabled):active:focus,

 .btn-info:not(:disabled):not(.disabled).active:focus,

 .show>.btn-info.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(114, 88, 255, 0.5);

 }



 .btn-warning {

     color: #313335;

     background-color: #ffd14d;

     border-color: #ffd14d;

 }



 .btn-warning:hover {

     color: #313335;

     background-color: #ffc727;

     border-color: #ffc41a;

 }



 .btn-warning:focus,

 .btn-warning.focus {

     box-shadow: 0 0 0 0.2rem rgba(255, 209, 77, 0.5);

 }



 .btn-warning.disabled,

 .btn-warning:disabled {

     color: #313335;

     background-color: #ffd14d;

     border-color: #ffd14d;

 }



 .btn-warning:not(:disabled):not(.disabled):active,

 .btn-warning:not(:disabled):not(.disabled).active,

 .show>.btn-warning.dropdown-toggle {

     color: #313335;

     background-color: #ffc41a;

     border-color: #ffc10d;

 }



 .btn-warning:not(:disabled):not(.disabled):active:focus,

 .btn-warning:not(:disabled):not(.disabled).active:focus,

 .show>.btn-warning.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(255, 209, 77, 0.5);

 }



 .btn-danger {

     color: #ffffff;

     background-color: #fe4d62;

     border-color: #fe4d62;

 }



 .btn-danger:hover {

     color: #ffffff;

     background-color: #fe2740;

     border-color: #fe1a35;

 }



 .btn-danger:focus,

 .btn-danger.focus {

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.5);

 }



 .btn-danger.disabled,

 .btn-danger:disabled {

     color: #ffffff;

     background-color: #fe4d62;

     border-color: #fe4d62;

 }



 .btn-danger:not(:disabled):not(.disabled):active,

 .btn-danger:not(:disabled):not(.disabled).active,

 .show>.btn-danger.dropdown-toggle {

     color: #ffffff;

     background-color: #fe1a35;

     border-color: #fe0e2a;

 }



 .btn-danger:not(:disabled):not(.disabled):active:focus,

 .btn-danger:not(:disabled):not(.disabled).active:focus,

 .show>.btn-danger.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.5);

 }



 .btn-light {

     color: #313335;

     background-color: #dfe1e2;

     border-color: #dfe1e2;

 }



 .btn-light:hover {

     color: #313335;

     background-color: #cbced0;

     border-color: #c4c8ca;

 }



 .btn-light:focus,

 .btn-light.focus {

     box-shadow: 0 0 0 0.2rem rgba(223, 225, 226, 0.5);

 }



 .btn-light.disabled,

 .btn-light:disabled {

     color: #313335;

     background-color: #dfe1e2;

     border-color: #dfe1e2;

 }



 .btn-light:not(:disabled):not(.disabled):active,

 .btn-light:not(:disabled):not(.disabled).active,

 .show>.btn-light.dropdown-toggle {

     color: #313335;

     background-color: #c4c8ca;

     border-color: #bec2c4;

 }



 .btn-light:not(:disabled):not(.disabled):active:focus,

 .btn-light:not(:disabled):not(.disabled).active:focus,

 .show>.btn-light.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(223, 225, 226, 0.5);

 }



 .btn-dark {

     color: #ffffff;

     background-color: #171c21;

     border-color: #171c21;

 }



 .btn-dark:hover {

     color: #ffffff;

     background-color: #07090a;

     border-color: #020303;

 }



 .btn-dark:focus,

 .btn-dark.focus {

     box-shadow: 0 0 0 0.2rem rgba(23, 28, 33, 0.5);

 }



 .btn-dark.disabled,

 .btn-dark:disabled {

     color: #ffffff;

     background-color: #171c21;

     border-color: #171c21;

 }



 .btn-dark:not(:disabled):not(.disabled):active,

 .btn-dark:not(:disabled):not(.disabled).active,

 .show>.btn-dark.dropdown-toggle {

     color: #ffffff;

     background-color: #020303;

     border-color: black;

 }



 .btn-dark:not(:disabled):not(.disabled):active:focus,

 .btn-dark:not(:disabled):not(.disabled).active:focus,

 .show>.btn-dark.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(23, 28, 33, 0.5);

 }



 .btn-outline-primary {

     color: #cc292b;

     background-color: transparent;

     background-image: none;

     border-color: #cc292b;

 }



 .btn-outline-primary:hover {

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .btn-outline-primary:focus,

 .btn-outline-primary.focus {

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.5);

 }



 .btn-outline-primary.disabled,

 .btn-outline-primary:disabled {

     color: #cc292b;

     background-color: transparent;

 }



 .btn-outline-primary:not(:disabled):not(.disabled):active,

 .btn-outline-primary:not(:disabled):not(.disabled).active,

 .show>.btn-outline-primary.dropdown-toggle {

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,

 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-primary.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.5);

 }



 .btn-outline-secondary {

     color: #222;

     background-color: transparent;

     background-image: none;

     border-color: #a0a4a7;

 }



 .btn-outline-secondary:hover {

     color: #313335;

     background-color: #a0a4a7;

     border-color: #a0a4a7;

 }



 .btn-outline-secondary:focus,

 .btn-outline-secondary.focus {

     box-shadow: 0 0 0 0.2rem rgba(160, 164, 167, 0.5);

 }



 .btn-outline-secondary.disabled,

 .btn-outline-secondary:disabled {

     color: #a0a4a7;

     background-color: transparent;

 }



 .btn-outline-secondary:not(:disabled):not(.disabled):active,

 .btn-outline-secondary:not(:disabled):not(.disabled).active,

 .show>.btn-outline-secondary.dropdown-toggle {

     color: #313335;

     background-color: #a0a4a7;

     border-color: #a0a4a7;

 }



 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-secondary.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(160, 164, 167, 0.5);

 }



 .btn-outline-success {

     color: #5bc146;

     background-color: transparent;

     background-image: none;

     border-color: #5bc146;

 }



 .btn-outline-success:hover {

     color: #ffffff;

     background-color: #5bc146;

     border-color: #5bc146;

 }



 .btn-outline-success:focus,

 .btn-outline-success.focus {

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.5);

 }



 .btn-outline-success.disabled,

 .btn-outline-success:disabled {

     color: #5bc146;

     background-color: transparent;

 }



 .btn-outline-success:not(:disabled):not(.disabled):active,

 .btn-outline-success:not(:disabled):not(.disabled).active,

 .show>.btn-outline-success.dropdown-toggle {

     color: #ffffff;

     background-color: #5bc146;

     border-color: #5bc146;

 }



 .btn-outline-success:not(:disabled):not(.disabled):active:focus,

 .btn-outline-success:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-success.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(91, 193, 70, 0.5);

 }



 .btn-outline-info {

     color: #7258ff;

     background-color: transparent;

     background-image: none;

     border-color: #7258ff;

 }



 .btn-outline-info:hover {

     color: #ffffff;

     background-color: #7258ff;

     border-color: #7258ff;

 }



 .btn-outline-info:focus,

 .btn-outline-info.focus {

     box-shadow: 0 0 0 0.2rem rgba(114, 88, 255, 0.5);

 }



 .btn-outline-info.disabled,

 .btn-outline-info:disabled {

     color: #7258ff;

     background-color: transparent;

 }



 .btn-outline-info:not(:disabled):not(.disabled):active,

 .btn-outline-info:not(:disabled):not(.disabled).active,

 .show>.btn-outline-info.dropdown-toggle {

     color: #ffffff;

     background-color: #7258ff;

     border-color: #7258ff;

 }



 .btn-outline-info:not(:disabled):not(.disabled):active:focus,

 .btn-outline-info:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-info.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(114, 88, 255, 0.5);

 }



 .btn-outline-warning {

     color: #ffd14d;

     background-color: transparent;

     background-image: none;

     border-color: #ffd14d;

 }



 .btn-outline-warning:hover {

     color: #313335;

     background-color: #ffd14d;

     border-color: #ffd14d;

 }



 .btn-outline-warning:focus,

 .btn-outline-warning.focus {

     box-shadow: 0 0 0 0.2rem rgba(255, 209, 77, 0.5);

 }



 .btn-outline-warning.disabled,

 .btn-outline-warning:disabled {

     color: #ffd14d;

     background-color: transparent;

 }



 .btn-outline-warning:not(:disabled):not(.disabled):active,

 .btn-outline-warning:not(:disabled):not(.disabled).active,

 .show>.btn-outline-warning.dropdown-toggle {

     color: #313335;

     background-color: #ffd14d;

     border-color: #ffd14d;

 }



 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,

 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-warning.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(255, 209, 77, 0.5);

 }



 .btn-outline-danger {

     color: #fe4d62;

     background-color: transparent;

     background-image: none;

     border-color: #fe4d62;

 }



 .btn-outline-danger:hover {

     color: #ffffff;

     background-color: #fe4d62;

     border-color: #fe4d62;

 }



 .btn-outline-danger:focus,

 .btn-outline-danger.focus {

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.5);

 }



 .btn-outline-danger.disabled,

 .btn-outline-danger:disabled {

     color: #fe4d62;

     background-color: transparent;

 }



 .btn-outline-danger:not(:disabled):not(.disabled):active,

 .btn-outline-danger:not(:disabled):not(.disabled).active,

 .show>.btn-outline-danger.dropdown-toggle {

     color: #ffffff;

     background-color: #fe4d62;

     border-color: #fe4d62;

 }



 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,

 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-danger.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(254, 77, 98, 0.5);

 }



 .btn-outline-light {

     color: #dfe1e2;

     background-color: transparent;

     background-image: none;

     border-color: #dfe1e2;

 }



 .btn-outline-light:hover {

     color: #313335;

     background-color: #dfe1e2;

     border-color: #dfe1e2;

 }



 .btn-outline-light:focus,

 .btn-outline-light.focus {

     box-shadow: 0 0 0 0.2rem rgba(223, 225, 226, 0.5);

 }



 .btn-outline-light.disabled,

 .btn-outline-light:disabled {

     color: #dfe1e2;

     background-color: transparent;

 }



 .btn-outline-light:not(:disabled):not(.disabled):active,

 .btn-outline-light:not(:disabled):not(.disabled).active,

 .show>.btn-outline-light.dropdown-toggle {

     color: #313335;

     background-color: #dfe1e2;

     border-color: #dfe1e2;

 }



 .btn-outline-light:not(:disabled):not(.disabled):active:focus,

 .btn-outline-light:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-light.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(223, 225, 226, 0.5);

 }



 .btn-outline-dark {

     color: #171c21;

     background-color: transparent;

     background-image: none;

     border-color: #171c21;

 }



 .btn-outline-dark:hover {

     color: #ffffff;

     background-color: #171c21;

     border-color: #171c21;

 }



 .btn-outline-dark:focus,

 .btn-outline-dark.focus {

     box-shadow: 0 0 0 0.2rem rgba(23, 28, 33, 0.5);

 }



 .btn-outline-dark.disabled,

 .btn-outline-dark:disabled {

     color: #171c21;

     background-color: transparent;

 }



 .btn-outline-dark:not(:disabled):not(.disabled):active,

 .btn-outline-dark:not(:disabled):not(.disabled).active,

 .show>.btn-outline-dark.dropdown-toggle {

     color: #ffffff;

     background-color: #171c21;

     border-color: #171c21;

 }



 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,

 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,

 .show>.btn-outline-dark.dropdown-toggle:focus {

     box-shadow: 0 0 0 0.2rem rgba(23, 28, 33, 0.5);

 }



 .btn-link {

     font-weight: 400;

     color: #313335;

     background-color: transparent;

 }



 .btn-link:hover {

     color: #cc292b;

     text-decoration: underline;

     background-color: transparent;

     border-color: transparent;

 }



 .btn-link:focus,

 .btn-link.focus {

     text-decoration: underline;

     border-color: transparent;

     box-shadow: none;

 }



 .btn-link:disabled,

 .btn-link.disabled {

     color: #6c757d;

     pointer-events: none;

 }



 .btn-lg,

 .btn-group-lg>.btn {

     padding: 0.75rem 1rem;

     font-size: 0.875rem;

     line-height: 1.4285714286;

     border-radius: 0.25rem;

 }



 .btn-sm,

 .btn-group-sm>.btn {

     padding: 0.25rem 0.5rem;

     font-size: 0.80rem;

     line-height: 1.4285714286;

     border-radius: 0.25rem;

 }



 .btn-block {

     display: block;

     width: 100%;

 }



 .btn-block+.btn-block {

     margin-top: 0.5rem;

 }



 input[type="submit"].btn-block,

 input[type="reset"].btn-block,

 input[type="button"].btn-block {

     width: 100%;

 }



 .fade {

     transition: opacity 0.15s linear;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .fade {

         transition: none;

     }

 }



 .fade:not(.show) {

     opacity: 0;

 }



 .collapse:not(.show) {

     display: none;

 }



 .collapsing {

     position: relative;

     height: 0;

     overflow: hidden;

     transition: height 0.35s ease;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .collapsing {

         transition: none;

     }

 }



 .dropup,

 .dropright,

 .dropdown,

 .dropleft {

     position: relative;

 }



 .dropdown-toggle::after {

     display: inline-block;

     width: 0;

     height: 0;

     margin-left: 0.255em;

     vertical-align: 0.255em;

     content: "";

     border-top: 0.3em solid;

     border-right: 0.3em solid transparent;

     border-bottom: 0;

     border-left: 0.3em solid transparent;

 }



 .dropdown-toggle:empty::after {

     margin-left: 0;

 }



 .dropdown-hover:hover>.dropdown-menu {

     display: block;

 }

.dropdown-transform {

    transform:none !important;

}

 .dropdown-menu {

     position: absolute;

     top: 100%;

     left: 0;

     z-index: 1000;

     display: none;

     float: left;

     min-width: 10rem;

     padding: 0.5rem 0;

     margin: 0.125rem 0 0;

     font-size: 0.875rem;

     color: #313335;

     text-align: left;

     list-style: none;

     background-color: #ffffff;

     background-clip: padding-box;

     border: 1px solid rgba(18, 18, 18, 0.15);

     border-radius: 0.25rem;

 }



 .dropdown-menu-right {

     right: 0;

     left: auto;

 }



 .dropup .dropdown-menu {

     top: auto;

     bottom: 100%;

     margin-top: 0;

     margin-bottom: 0.125rem;

 }



 .dropup .dropdown-toggle::after {

     display: inline-block;

     width: 0;

     height: 0;

     margin-left: 0.255em;

     vertical-align: 0.255em;

     content: "";

     border-top: 0;

     border-right: 0.3em solid transparent;

     border-bottom: 0.3em solid;

     border-left: 0.3em solid transparent;

 }



 .dropup .dropdown-toggle:empty::after {

     margin-left: 0;

 }



 .dropright .dropdown-menu {

     top: 0;

     right: auto;

     left: 100%;

     margin-top: 0;

     margin-left: 0.125rem;

 }



 .dropright .dropdown-toggle::after {

     display: inline-block;

     width: 0;

     height: 0;

     margin-left: 0.255em;

     vertical-align: 0.255em;

     content: "";

     border-top: 0.3em solid transparent;

     border-right: 0;

     border-bottom: 0.3em solid transparent;

     border-left: 0.3em solid;

 }



 .dropright .dropdown-toggle:empty::after {

     margin-left: 0;

 }



 .dropright .dropdown-toggle::after {

     vertical-align: 0;

 }



 .dropleft .dropdown-menu {

     top: 0;

     right: 100%;

     left: auto;

     margin-top: 0;

     margin-right: 0.125rem;

 }



 .dropleft .dropdown-toggle::after {

     display: inline-block;

     width: 0;

     height: 0;

     margin-left: 0.255em;

     vertical-align: 0.255em;

     content: "";

 }



 .dropleft .dropdown-toggle::after {

     display: none;

 }



 .dropleft .dropdown-toggle::before {

     display: inline-block;

     width: 0;

     height: 0;

     margin-right: 0.255em;

     vertical-align: 0.255em;

     content: "";

     border-top: 0.3em solid transparent;

     border-right: 0.3em solid;

     border-bottom: 0.3em solid transparent;

 }



 .dropleft .dropdown-toggle:empty::after {

     margin-left: 0;

 }



 .dropleft .dropdown-toggle::before {

     vertical-align: 0;

 }



 .dropdown-menu[x-placement^="top"],

 .dropdown-menu[x-placement^="right"],

 .dropdown-menu[x-placement^="bottom"],

 .dropdown-menu[x-placement^="left"] {

     right: auto;

     bottom: auto;

 }



 .dropdown-divider {

     height: 0;

     margin: 0.5rem 0;

     overflow: hidden;

     border-top: 1px solid #e9ecef;

 }



 .dropdown-item {

     display: block;

     width: 100%;

     padding: 0.25rem 1.5rem;

     clear: both;

     font-weight: 400;

     color: #313335;

     text-align: inherit;

     white-space: nowrap;

     background-color: transparent;

     border: 0;

 }



 .dropdown-item:hover,

 .dropdown-item:focus {

     color: #252628;

     text-decoration: none;

 }



 .dropdown-item.active,

 .dropdown-item:active {

     color: #ffffff;

     text-decoration: none;

     background-color: #cc292b;

 }



 .dropdown-item.disabled,

 .dropdown-item:disabled {

     color: #6c757d;

     background-color: transparent;

 }



 .dropdown-menu.show {

     display: block;

 }



 .dropdown-header {

     display: block;

     padding: 0.5rem 1.5rem;

     margin-bottom: 0;

     font-size: 0.75rem;

     color: #6c757d;

     white-space: nowrap;

 }



 .dropdown-item-text {

     display: block;

     padding: 0.25rem 1.5rem;

     color: #313335;

 }



 .dropdown-menu-wide {

     position: absolute;

     width: 100%;

     left: 0;

     top: 98%;

     width: 100% !important;

     left: 0px;

     right: 0px;

 }



 .dropdown-menu-ajax a {

     position: relative;

     padding: 10px 20px;

 }



 .dropdown-menu-ajax .active {

     color: #cc292b;

     position: relative;

     background-color: rgba(204, 41, 43, 0.04) !important;

 }



 .dropdown-menu-ajax .active:after {

     content: '';

     position: absolute;

     top: 0;

     left: 0px;

     bottom: 0;

     border-color: #cc292b;

     border-width: 3px;

     border-left-style: solid;

 }



 .btn-group,

 .btn-group-vertical {

     position: relative;

     display: inline-flex;

     vertical-align: middle;

 }



 .btn-group>.btn,

 .btn-group-vertical>.btn {

     position: relative;

     flex: 0 1 auto;

 }



 .btn-group>.btn:hover,

 .btn-group-vertical>.btn:hover {

     z-index: 1;

 }



 .btn-group>.btn:focus,

 .btn-group>.btn:active,

 .btn-group>.btn.active,

 .btn-group-vertical>.btn:focus,

 .btn-group-vertical>.btn:active,

 .btn-group-vertical>.btn.active {

     z-index: 1;

 }



 .btn-group .btn+.btn,

 .btn-group .btn+.btn-group,

 .btn-group .btn-group+.btn,

 .btn-group .btn-group+.btn-group,

 .btn-group-vertical .btn+.btn,

 .btn-group-vertical .btn+.btn-group,

 .btn-group-vertical .btn-group+.btn,

 .btn-group-vertical .btn-group+.btn-group {

     margin-left: -1px;

 }



 .btn-toolbar {

     display: flex;

     flex-wrap: wrap;

     justify-content: flex-start;

 }



 .btn-toolbar .input-group {

     width: auto;

 }



 .btn-group>.btn:first-child {

     margin-left: 0;

 }



 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),

 .btn-group>.btn-group:not(:last-child)>.btn {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0;

 }



 .btn-group>.btn:not(:first-child),

 .btn-group>.btn-group:not(:first-child)>.btn {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0;

 }



 .dropdown-toggle-split {

     padding-right: 0.5625rem;

     padding-left: 0.5625rem;

 }



 .dropdown-toggle-split::after,

 .dropup .dropdown-toggle-split::after,

 .dropright .dropdown-toggle-split::after {

     margin-left: 0;

 }



 .dropleft .dropdown-toggle-split::before {

     margin-right: 0;

 }



 .btn-sm+.dropdown-toggle-split,

 .btn-group-sm>.btn+.dropdown-toggle-split {

     padding-right: 0.375rem;

     padding-left: 0.375rem;

 }



 .btn-lg+.dropdown-toggle-split,

 .btn-group-lg>.btn+.dropdown-toggle-split {

     padding-right: 0.75rem;

     padding-left: 0.75rem;

 }



 .btn-group-vertical {

     flex-direction: column;

     align-items: flex-start;

     justify-content: center;

 }



 .btn-group-vertical .btn,

 .btn-group-vertical .btn-group {

     width: 100%;

 }



 .btn-group-vertical>.btn+.btn,

 .btn-group-vertical>.btn+.btn-group,

 .btn-group-vertical>.btn-group+.btn,

 .btn-group-vertical>.btn-group+.btn-group {

     margin-top: -1px;

     margin-left: 0;

 }



 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),

 .btn-group-vertical>.btn-group:not(:last-child)>.btn {

     border-bottom-right-radius: 0;

     border-bottom-left-radius: 0;

 }



 .btn-group-vertical>.btn:not(:first-child),

 .btn-group-vertical>.btn-group:not(:first-child)>.btn {

     border-top-left-radius: 0;

     border-top-right-radius: 0;

 }



 .btn-group-toggle>.btn,

 .btn-group-toggle>.btn-group>.btn {

     margin-bottom: 0;

 }



 .btn-group-toggle>.btn input[type="radio"],

 .btn-group-toggle>.btn input[type="checkbox"],

 .btn-group-toggle>.btn-group>.btn input[type="radio"],

 .btn-group-toggle>.btn-group>.btn input[type="checkbox"] {

     position: absolute;

     clip: rect(0, 0, 0, 0);

     pointer-events: none;

 }



 .input-group {

     position: relative;

     display: flex;

     flex-wrap: wrap;

     align-items: stretch;

     width: 100%;

 }



 .input-group>.form-control,

 .input-group>.custom-select,

 .input-group>.custom-file {

     position: relative;

     flex: 1 1 auto;

     width: 1%;

     margin-bottom: 0;

 }



 .input-group>.form-control:focus,

 .input-group>.custom-select:focus,

 .input-group>.custom-file:focus {

     z-index: 3;

 }



 .input-group>.form-control+.form-control,

 .input-group>.form-control+.custom-select,

 .input-group>.form-control+.custom-file,

 .input-group>.custom-select+.form-control,

 .input-group>.custom-select+.custom-select,

 .input-group>.custom-select+.custom-file,

 .input-group>.custom-file+.form-control,

 .input-group>.custom-file+.custom-select,

 .input-group>.custom-file+.custom-file {

     margin-left: -1px;

 }



 .input-group>.form-control:not(:last-child),

 .input-group>.custom-select:not(:last-child) {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0;

 }



 .input-group>.form-control:not(:first-child),

 .input-group>.custom-select:not(:first-child) {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0;

 }



 .input-group>.custom-file {

     display: flex;

     align-items: center;

 }



 .input-group>.custom-file:not(:last-child) .custom-file-label,

 .input-group>.custom-file:not(:last-child) .custom-file-label::after {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0;

 }



 .input-group>.custom-file:not(:first-child) .custom-file-label,

 .input-group>.custom-file:not(:first-child) .custom-file-label::after {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0;

 }



 .input-group-prepend,

 .input-group-append {

     display: flex;

 }



 .input-group-prepend .btn,

 .input-group-append .btn {

     position: relative;

     z-index: 2;

 }



 .input-group-prepend .btn+.btn,

 .input-group-prepend .btn+.input-group-text,

 .input-group-prepend .input-group-text+.input-group-text,

 .input-group-prepend .input-group-text+.btn,

 .input-group-append .btn+.btn,

 .input-group-append .btn+.input-group-text,

 .input-group-append .input-group-text+.input-group-text,

 .input-group-append .input-group-text+.btn {

     margin-left: -1px;

 }



 .input-group-prepend {

     margin-right: -1px;

 }



 .input-group-append {

     margin-left: -1px;

 }



 .input-group-text {

     display: flex;

     align-items: center;

     padding: 0.375rem 0.75rem;

     margin-bottom: 0;

     font-size: 0.875rem;

     font-weight: 400;

     line-height: 1.4285714286;

     color: #495057;

     text-align: center;

     white-space: nowrap;

     background-color: #e9ecef;

     border: 1px solid #ced4da;

     border-radius: 0.25rem;

 }



 .input-group-text input[type="radio"],

 .input-group-text input[type="checkbox"] {

     margin-top: 0;

 }



 .input-group>.input-group-prepend>.btn,

 .input-group>.input-group-prepend>.input-group-text,

 .input-group>.input-group-append:not(:last-child)>.btn,

 .input-group>.input-group-append:not(:last-child)>.input-group-text,

 .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),

 .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0;

 }



 .input-group>.input-group-append>.btn,

 .input-group>.input-group-append>.input-group-text,

 .input-group>.input-group-prepend:not(:first-child)>.btn,

 .input-group>.input-group-prepend:not(:first-child)>.input-group-text,

 .input-group>.input-group-prepend:first-child>.btn:not(:first-child),

 .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0;

 }



 .custom-control {

     position: relative;

     display: block;

     min-height: 1.4285714286rem;

     padding-left: 1.5rem;

 }



 .custom-control-inline {

     display: inline-flex;

     margin-right: 1rem;

 }



 .custom-control-input {

     position: absolute;

     z-index: -1;

     opacity: 0;

 }



 .custom-control-input:checked~.custom-control-label::before {

     color: #ffffff;

     background-color: #cc292b;

 }



 .custom-control-input:focus~.custom-control-label::before {

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .custom-control-input:active~.custom-control-label::before {

     color: #ffffff;

     background-color: #f1b7b8;

 }



 .custom-control-input:disabled~.custom-control-label {

     color: #6c757d;

 }



 .custom-control-input:disabled~.custom-control-label::before {

     background-color: #e9ecef;

 }



 .custom-control-label {

     margin-bottom: 0;

 }



 .custom-control-label::before {

     position: absolute;

     top: 0.2142857143rem;

     left: 0;

     display: block;

     width: 1rem;

     height: 1rem;

     pointer-events: none;

     content: "";

     user-select: none;

     background-color: #dee2e6;

 }



 .custom-control-label::after {

     position: absolute;

     top: 0.2142857143rem;

     left: 0;

     display: block;

     width: 1rem;

     height: 1rem;

     content: "";

     background-repeat: no-repeat;

     background-position: center center;

     background-size: 50% 50%;

 }



 .custom-checkbox .custom-control-label::before {

     border-radius: 0.25rem;

 }



 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {

     background-color: #cc292b;

 }



 .custom-checkbox .custom-control-input:checked~.custom-control-label::after {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");

 }



 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {

     background-color: #cc292b;

 }



 .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E");

 }



 .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {

     background-color: rgba(204, 41, 43, 0.5);

 }



 .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {

     background-color: rgba(204, 41, 43, 0.5);

 }



 .custom-radio .custom-control-label::before {

     border-radius: 50%;

 }



 .custom-radio .custom-control-input:checked~.custom-control-label::before {

     background-color: #cc292b;

 }



 .custom-radio .custom-control-input:checked~.custom-control-label::after {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E");

 }



 .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {

     background-color: rgba(204, 41, 43, 0.5);

 }



 .custom-select {

     display: inline-block;

     width: 100%;

     height: calc(2rem + 2px);

     padding: 0.275rem 1.55rem 0.265rem 0.65rem;

     line-height: 1.4285714286;

     color: #495057;

     vertical-align: middle;

     background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;

     background-size: 8px 10px;

     border: 1px solid #ced4da;

     border-radius: 0.25rem;

     appearance: none;

 }



 .custom-select:focus {

     border-color: #e88d8e;

     outline: 0;

     box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.075), 0 0 5px rgba(232, 141, 142, 0.5);

 }



 .custom-select:focus::-ms-value {

     color: #495057;

     background-color: #ffffff;

 }



 .custom-select[multiple],

 .custom-select[size]:not([size="1"]) {

     height: auto;

     padding-right: 0.75rem;

     background-image: none;

 }



 .custom-select:disabled {

     color: #6c757d;

     background-color: #e9ecef;

 }



 .custom-select::-ms-expand {

     opacity: 0;

 }



 .custom-select-sm {

     height: calc(1.5714285714rem + 2px);

     padding-top: 0.375rem;

     padding-bottom: 0.375rem;

     font-size: 75%;

 }



 .custom-select-lg {

     height: calc(2.75rem + 2px);

     padding-top: 0.375rem;

     padding-bottom: 0.375rem;

     font-size: 125%;

 }



 .custom-file {

     position: relative;

     display: inline-block;

     width: 100%;

     height: calc(2rem + 2px);

     margin-bottom: 0;

 }



 .custom-file-input {

     position: relative;

     z-index: 2;

     width: 100%;

     height: calc(2rem + 2px);

     margin: 0;

     opacity: 0;

 }



 .custom-file-input:focus~.custom-file-label {

     border-color: #e88d8e;

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .custom-file-input:focus~.custom-file-label::after {

     border-color: #e88d8e;

 }



 .custom-file-input:lang(en)~.custom-file-label::after {

     content: "Browse";

 }



 .custom-file-label {

     position: absolute;

     top: 0;

     right: 0;

     left: 0;

     z-index: 1;

     height: calc(2rem + 2px);

     padding: 0.375rem 0.75rem;

     line-height: 1.4285714286;

     color: #495057;

     background-color: #ffffff;

     border: 1px solid #ced4da;

     border-radius: 0.25rem;

 }



 .custom-file-label::after {

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     z-index: 3;

     display: block;

     height: calc(calc(2rem + 2px) - 1px * 2);

     padding: 0.375rem 0.75rem;

     line-height: 1.4285714286;

     color: #495057;

     content: "Browse";

     background-color: #e9ecef;

     border-left: 1px solid #ced4da;

     border-radius: 0 0.25rem 0.25rem 0;

 }



 .custom-range {

     width: 100%;

     padding-left: 0;

     background-color: transparent;

     appearance: none;

 }



 .custom-range:focus {

     outline: none;

 }



 .custom-range::-moz-focus-outer {

     border: 0;

 }



 .custom-range::-webkit-slider-thumb {

     width: 1rem;

     height: 1rem;

     margin-top: -0.25rem;

     background-color: #cc292b;

     border: 0;

     border-radius: 1rem;

     appearance: none;

 }



 .custom-range::-webkit-slider-thumb:focus {

     outline: none;

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .custom-range::-webkit-slider-thumb:active {

     background-color: #f1b7b8;

 }



 .custom-range::-webkit-slider-runnable-track {

     width: 100%;

     height: 0.5rem;

     color: transparent;

     cursor: pointer;

     background-color: #dee2e6;

     border-color: transparent;

     border-radius: 1rem;

 }



 .custom-range::-moz-range-thumb {

     width: 1rem;

     height: 1rem;

     background-color: #cc292b;

     border: 0;

     border-radius: 1rem;

     appearance: none;

 }



 .custom-range::-moz-range-thumb:focus {

     outline: none;

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .custom-range::-moz-range-thumb:active {

     background-color: #f1b7b8;

 }



 .custom-range::-moz-range-track {

     width: 100%;

     height: 0.5rem;

     color: transparent;

     cursor: pointer;

     background-color: #dee2e6;

     border-color: transparent;

     border-radius: 1rem;

 }



 .custom-range::-ms-thumb {

     width: 1rem;

     height: 1rem;

     background-color: #cc292b;

     border: 0;

     border-radius: 1rem;

     appearance: none;

 }



 .custom-range::-ms-thumb:focus {

     outline: none;

     box-shadow: 0 0 0 1px #e9ecef, 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .custom-range::-ms-thumb:active {

     background-color: #f1b7b8;

 }



 .custom-range::-ms-track {

     width: 100%;

     height: 0.5rem;

     color: transparent;

     cursor: pointer;

     background-color: transparent;

     border-color: transparent;

     border-width: 0.5rem;

 }



 .custom-range::-ms-fill-lower {

     background-color: #dee2e6;

     border-radius: 1rem;

 }



 .custom-range::-ms-fill-upper {

     margin-right: 15px;

     background-color: #dee2e6;

     border-radius: 1rem;

 }



 .nav {

     display: flex;

     flex-wrap: wrap;

     padding-left: 0;

     margin-bottom: 0;

     list-style: none;

 }









 .nav-link {

     display: block;

     padding: 0.65rem 0.85rem;

 }



 .nav-link:hover,

 .nav-link:focus {

     text-decoration: none;

 }



 .nav-link.disabled {

     color: #6c757d;

 }



 .nav-tabs {

     border-bottom: 1px solid #dee2e6;

 }



 .nav-tabs .nav-item {

     margin-bottom: -1px;

 }



 .nav-tabs .nav-link {

     border: 1px solid transparent;

     border-top-left-radius: 0.25rem;

     border-top-right-radius: 0.25rem;

 }



 .nav-tabs .nav-link:hover,

 .nav-tabs .nav-link:focus {

     border-color: #e9ecef #e9ecef #dee2e6;

 }



 .nav-tabs .nav-link.disabled {

     color: #6c757d;

     background-color: transparent;

     border-color: transparent;

 }



 .nav-tabs .nav-link.active,

 .nav-tabs .nav-item.show .nav-link {

     color: #495057;

     background-color: #e9ecef;

     border-color: #dee2e6 #dee2e6 #e9ecef;

 }



 .nav-tabs .dropdown-menu {

     margin-top: -1px;

     border-top-left-radius: 0;

     border-top-right-radius: 0;

 }



 .nav-pills .nav-link.active,

 .nav-pills .show>.nav-link {

     color: #ffffff;

     background-color: #cc292b;

 }



 .nav-fill .nav-item {

     flex: 1 1 auto;

     text-align: center;

 }



 .nav-justified .nav-item {

     flex-basis: 0;

     flex-grow: 1;

     text-align: center;

 }



 .tab-content>.tab-pane {

     display: none;

     position: relative;

 }



 .tab-content>.active {

     display: block;

 }



 .navbar {

     position: relative;

     display: flex;

     flex-wrap: wrap;

     align-items: center;

     justify-content: space-between;

     padding: 0.5rem 1rem;

 }



 .navbar>.container,

 .navbar>.container-fluid {

     display: flex;

     flex-wrap: wrap;

     align-items: center;

     justify-content: space-between;

 }



 .navbar-brand {

     display: inline-block;

     padding-top: 0.125rem;

     padding-bottom: 0.125rem;

     margin-right: 1rem;

     font-size: 0.875rem;

     line-height: inherit;

     white-space: nowrap;

 }



 .navbar-brand:hover,

 .navbar-brand:focus {

     text-decoration: none;

 }



 .navbar-nav {

     display: flex;

     flex-direction: column;

     padding-left: 0;

     margin-bottom: 0;

     list-style: none;

 }



 .navbar-nav .nav-link {

     padding-right: 0;

     padding-left: 0;

 }



 .navbar-nav .dropdown-menu {

     position: static;

     float: none;

 }



 .navbar-text {

     display: inline-block;

     padding-top: 0.75rem;

     padding-bottom: 0.75rem;

 }



 .navbar-collapse {

     flex-basis: 100%;

     flex-grow: 1;

     align-items: center;

 }



 .navbar-toggler {

     padding: 0.25rem 0.75rem;

     font-size: 0.875rem;

     line-height: 1;

     background-color: transparent;

     border: 1px solid transparent;

     border-radius: 0.25rem;

 }



 .navbar-toggler:hover,

 .navbar-toggler:focus {

     text-decoration: none;

 }



 .navbar-toggler:not(:disabled):not(.disabled) {

     cursor: pointer;

 }



 .navbar-toggler-icon {

     display: inline-block;

     width: 1.5em;

     height: 1.5em;

     vertical-align: middle;

     content: "";

     background: no-repeat center center;

     background-size: 100% 100%;

 }



 @media (max-width: 575.98px) {



     .navbar-expand-sm>.container,

     .navbar-expand-sm>.container-fluid {

         padding-right: 0;

         padding-left: 0;

     }

 }



 @media (min-width: 576px) {

     .navbar-expand-sm {

         flex-flow: row nowrap;

         justify-content: flex-start;

     }



     .navbar-expand-sm .navbar-nav {

         flex-direction: row;

     }



     .navbar-expand-sm .navbar-nav .dropdown-menu {

         position: absolute;

     }



     .navbar-expand-sm .navbar-nav .nav-link {

         padding-right: 0.75rem;

         padding-left: 0.75rem;

         font-weight: bold;

     }



     .navbar-expand-sm>.container,

     .navbar-expand-sm>.container-fluid {

         flex-wrap: nowrap;

     }



     .navbar-expand-sm .navbar-collapse {

         display: flex !important;

         flex-basis: auto;

     }



     .navbar-expand-sm .navbar-toggler {

         display: none;

     }

 }



 @media (max-width: 767.98px) {





.img_position_left{

    float: none;

    width: 100%;

}





     .navbar-expand-md>.container,

     .navbar-expand-md>.container-fluid {

         padding-right: 0;

         padding-left: 0;

     }

 }



 @media (min-width: 768px) {

     .navbar-expand-md {

         flex-flow: row nowrap;

         justify-content: flex-start;

     }



     .navbar-expand-md .navbar-nav {

         flex-direction: row;

     }



     .navbar-expand-md .navbar-nav .dropdown-menu {

         position: absolute;

     }



     .navbar-expand-md .navbar-nav .nav-link {

         padding-right: 0.75rem;

         padding-left: 0.75rem;

         font-weight: bold;

     }



     .navbar-expand-md>.container,

     .navbar-expand-md>.container-fluid {

         flex-wrap: nowrap;

     }



     .navbar-expand-md .navbar-collapse {

         display: flex !important;

         flex-basis: auto;

     }



     .navbar-expand-md .navbar-toggler {

         display: none;

     }

 }



 @media (max-width: 991.98px) {



     .navbar-expand-lg>.container,

     .navbar-expand-lg>.container-fluid {

         padding-right: 0;

         padding-left: 0;

     }

 }



 @media (min-width: 992px) {

     .navbar-expand-lg {

         flex-flow: row nowrap;

         justify-content: flex-start;

     }



     .navbar-expand-lg .navbar-nav {

         flex-direction: row;

     }



     .navbar-expand-lg .navbar-nav .dropdown-menu {

         position: absolute;

         background-color: var(--theme-headerv2-bg);

         color: var(--theme-headerv2-color) !important;

     }



     .navbar-expand-lg .navbar-nav .nav-link {

     
         padding-right: 0.75rem;

         padding-left: 0.75rem;

         
          
         font-weight: bold;

          
     }



     



     .navbar-expand-lg>.container,

     .navbar-expand-lg>.container-fluid {

         flex-wrap: nowrap;

     }



     .navbar-expand-lg .navbar-collapse {

         display: flex !important;

         flex-basis: auto;

     }



     .navbar-expand-lg .navbar-toggler {

         display: none;

     }

 }



 @media (max-width: 1199.98px) {



     .navbar-expand-xl>.container,

     .navbar-expand-xl>.container-fluid {

         padding-right: 0;

         padding-left: 0;

     }

 }



 @media (min-width: 1200px) {

     .navbar-expand-xl {

         flex-flow: row nowrap;

         justify-content: flex-start;

     }



     .navbar-expand-xl .navbar-nav {

         flex-direction: row;

     }



     .navbar-expand-xl .navbar-nav .dropdown-menu {

         position: absolute;

     }



     .navbar-expand-xl .navbar-nav .nav-link {

         padding-right: 0.75rem;

         padding-left: 0.75rem;

         font-weight: bold;

     }



     .navbar-expand-xl>.container,

     .navbar-expand-xl>.container-fluid {

         flex-wrap: nowrap;

     }



     .navbar-expand-xl .navbar-collapse {

         display: flex !important;

         flex-basis: auto;

     }



     .navbar-expand-xl .navbar-toggler {

         display: none;

     }

 }



 .navbar-expand {

     flex-flow: row nowrap;

     justify-content: flex-start;

 }



 .navbar-expand>.container,

 .navbar-expand>.container-fluid {

     padding-right: 0;

     padding-left: 0;

 }



 .navbar-expand .navbar-nav {

     flex-direction: row;

 }



 .navbar-expand .navbar-nav .dropdown-menu {

     position: absolute;

 }



 .navbar-expand .navbar-nav .nav-link {

     padding-right: 0.75rem;

     padding-left: 0.75rem;

     font-weight: bold;

 }



 .navbar-expand>.container,

 .navbar-expand>.container-fluid {

     flex-wrap: nowrap;

 }



 .navbar-expand .navbar-collapse {

     display: flex !important;

     flex-basis: auto;

 }



 .navbar-expand .navbar-toggler {

     display: none;

 }



 .navbar-light .navbar-brand {

     color: rgba(18, 18, 18, 0.9);

 }



 .navbar-light .navbar-brand:hover,

 .navbar-light .navbar-brand:focus {

     color: rgba(18, 18, 18, 0.9);

 }



 .navbar-light .navbar-nav .nav-link {

     color: rgba(18, 18, 18, 0.5);

 }



 .navbar-light .navbar-nav .nav-link:hover,

 .navbar-light .navbar-nav .nav-link:focus {

     color: rgba(18, 18, 18, 0.7);

 }



 .navbar-light .navbar-nav .nav-link.disabled {

     color: rgba(18, 18, 18, 0.3);

 }



 .navbar-light .navbar-nav .show>.nav-link,

 .navbar-light .navbar-nav .active>.nav-link,

 .navbar-light .navbar-nav .nav-link.show,

 .navbar-light .navbar-nav .nav-link.active {

     color: rgba(18, 18, 18, 0.9);

 }



 .navbar-light .navbar-toggler {

     color: rgba(18, 18, 18, 0.5);

     border-color: rgba(18, 18, 18, 0.1);

 }



 .navbar-light .navbar-toggler-icon {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(18, 18, 18, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

 }



 .navbar-light .navbar-text {

     color: rgba(18, 18, 18, 0.5);

 }



 .navbar-light .navbar-text a {

     color: rgba(18, 18, 18, 0.9);

 }



 .navbar-light .navbar-text a:hover,

 .navbar-light .navbar-text a:focus {

     color: rgba(18, 18, 18, 0.9);

 }



 .navbar-dark .navbar-brand {

     color: #ffffff;

 }



 .navbar-dark .navbar-brand:hover,

 .navbar-dark .navbar-brand:focus {

     color: #ffffff;

 }



 .navbar-dark .navbar-nav .nav-link {

     color: rgba(255, 255, 255, 0.5);

 }



 .navbar-dark .navbar-nav .nav-link:hover,

 .navbar-dark .navbar-nav .nav-link:focus {

     color: rgba(255, 255, 255, 0.75);

 }



 .navbar-dark .navbar-nav .nav-link.disabled {

     color: rgba(255, 255, 255, 0.25);

 }



 .navbar-dark .navbar-nav .show>.nav-link,

 .navbar-dark .navbar-nav .active>.nav-link,

 .navbar-dark .navbar-nav .nav-link.show,

 .navbar-dark .navbar-nav .nav-link.active {

     color: #ffffff;

 }



 .navbar-dark .navbar-toggler {

     color: rgba(255, 255, 255, 0.5);

     border-color: rgba(255, 255, 255, 0.1);

 }



 .navbar-dark .navbar-toggler-icon {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

 }



 .navbar-dark .navbar-text {

     color: rgba(255, 255, 255, 0.5);

 }



 .navbar-dark .navbar-text a {

     color: #ffffff;

 }



 .navbar-dark .navbar-text a:hover,

 .navbar-dark .navbar-text a:focus {

     color: #ffffff;

 }



 .card {

     position: relative;

     display: flex;

     flex-direction: column;

     min-width: 0;

     word-wrap: break-word;

     background-color: #ffffff;

     background-clip: border-box;

     border: 1px solid rgba(18, 18, 18, 0.125);

     border-radius: 0.25rem;

 }



 .card>hr {

     margin-right: 0;

     margin-left: 0;

 }



 .card>.list-group:first-child .list-group-item:first-child {

     border-top-left-radius: 0.25rem;

     border-top-right-radius: 0.25rem;

 }



 .card>.list-group:last-child .list-group-item:last-child {

     border-bottom-right-radius: 0.25rem;

     border-bottom-left-radius: 0.25rem;

 }



 .card-body {

     flex: 1 1 auto;

     padding: 1.25rem;

 }



 .card-title {

     margin-bottom: 0.75rem;

 }



 .card-subtitle {

     margin-top: -0.375rem;

     margin-bottom: 0;

 }



 .card-text:last-child {

     margin-bottom: 0;

 }



 .card-link:hover {

     text-decoration: none;

 }



 .card-link+.card-link {

     margin-left: 1.25rem;

 }



 .card-header {

     padding: 0.75rem 1.25rem;

     margin-bottom: 0;

     background-color: rgba(18, 18, 18, 0.03);

     border-bottom: 1px solid rgba(18, 18, 18, 0.125);

 }



 .card-header:first-child {

     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

 }



 .card-header+.list-group .list-group-item:first-child {

     border-top: 0;

 }



 .card-footer {

     padding: 0.75rem 1.25rem;

     background-color: rgba(18, 18, 18, 0.03);

     border-top: 1px solid rgba(18, 18, 18, 0.125);

 }



 .card-footer:last-child {

     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);

 }



 .card-header-tabs {

     margin-right: -0.625rem;

     margin-bottom: -0.75rem;

     margin-left: -0.625rem;

     border-bottom: 0;

 }



 .card-header-pills {

     margin-right: -0.625rem;

     margin-left: -0.625rem;

 }



 .card-img-overlay {

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     padding: 1.25rem;

 }



 .card-img {

     width: 100%;

     border-radius: calc(0.25rem - 1px);

 }



 .card-img-top {

     width: 100%;

     border-top-left-radius: calc(0.25rem - 1px);

     border-top-right-radius: calc(0.25rem - 1px);

 }



 .card-img-bottom {

     width: 100%;

     border-bottom-right-radius: calc(0.25rem - 1px);

     border-bottom-left-radius: calc(0.25rem - 1px);

 }



 .card-deck {

     display: flex;

     flex-direction: column;

 }



 .card-deck .card {

     margin-bottom: 15px;

 }



 @media (min-width: 576px) {

     .card-deck {

         flex-flow: row wrap;

         margin-right: -15px;

         margin-left: -15px;

     }



     .card-deck .card {

         display: flex;

         flex: 1 0 0%;

         flex-direction: column;

         margin-right: 15px;

         margin-bottom: 0;

         margin-left: 15px;

     }

 }



 .card-group {

     display: flex;

     flex-direction: column;

 }



 .card-group>.card {

     margin-bottom: 15px;

 }



 @media (min-width: 576px) {

     .card-group {

         flex-flow: row wrap;

     }



     .card-group>.card {

         flex: 1 0 0%;

         margin-bottom: 0;

     }



     .card-group>.card+.card {

         margin-left: 0;

         border-left: 0;

     }



     .card-group>.card:first-child {

         border-top-right-radius: 0;

         border-bottom-right-radius: 0;

     }



     .card-group>.card:first-child .card-img-top,

     .card-group>.card:first-child .card-header {

         border-top-right-radius: 0;

     }



     .card-group>.card:first-child .card-img-bottom,

     .card-group>.card:first-child .card-footer {

         border-bottom-right-radius: 0;

     }



     .card-group>.card:last-child {

         border-top-left-radius: 0;

         border-bottom-left-radius: 0;

     }



     .card-group>.card:last-child .card-img-top,

     .card-group>.card:last-child .card-header {

         border-top-left-radius: 0;

     }



     .card-group>.card:last-child .card-img-bottom,

     .card-group>.card:last-child .card-footer {

         border-bottom-left-radius: 0;

     }



     .card-group>.card:only-child {

         border-radius: 0.25rem;

     }



     .card-group>.card:only-child .card-img-top,

     .card-group>.card:only-child .card-header {

         border-top-left-radius: 0.25rem;

         border-top-right-radius: 0.25rem;

     }



     .card-group>.card:only-child .card-img-bottom,

     .card-group>.card:only-child .card-footer {

         border-bottom-right-radius: 0.25rem;

         border-bottom-left-radius: 0.25rem;

     }



     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {

         border-radius: 0;

     }



     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,

     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,

     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,

     .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {

         border-radius: 0;

     }

 }



 .card-columns .card {

     margin-bottom: 0.75rem;

 }



 @media (min-width: 576px) {

     .card-columns {

         column-count: 3;

         column-gap: 1.25rem;

         orphans: 1;

         widows: 1;

     }



     .card-columns .card {

         display: inline-block;

         width: 100%;

     }

 }



 .accordion .card:not(:first-of-type):not(:last-of-type) {

     border-bottom: 0;

     border-radius: 0;

 }



 .accordion .card:not(:first-of-type) .card-header:first-child {

     border-radius: 0;

 }



 .accordion .card:first-of-type {

     border-bottom: 0;

     border-bottom-right-radius: 0;

     border-bottom-left-radius: 0;

 }



 .accordion .card:last-of-type {

     border-top-left-radius: 0;

     border-top-right-radius: 0;

 }



 .breadcrumb {

     display: flex;

     flex-wrap: wrap;

     padding: 0.75rem 0;

     margin-bottom: 1rem;

     list-style: none;

     border-radius: 0.25rem;

     margin-top: 1rem;

 }



 .breadcrumb-item {

     font-size: 0.82rem;

 }



 .seoh1 {

 display:none;

 }

 

 .breadcrumb-item a {

     color: #222;

 }



 .breadcrumb-item+.breadcrumb-item {

     padding-left: 0.35rem;

 }



 .breadcrumb-item+.breadcrumb-item::before {

     display: inline-block;

     padding-right: 0.40rem;



     font-weight: 400;

     content: ">";

     font-size: 14px;

     position: relative;

     top: 0px;

     font-size: 11px;

 }



 .breadcrumb-item+.breadcrumb-item:hover::before {

     text-decoration: underline;

 }



 .breadcrumb-item+.breadcrumb-item:hover::before {

     text-decoration: none;

 }



 .breadcrumb-item.active {

     

 }



 .pagination {

     display: flex;

     padding-left: 0;

     list-style: none;

     border-radius: 0.25rem;

 }



 .page-link {

     position: relative;

     display: block;

     padding: 0.5rem 0.875rem;

     margin-left: -1px;

     line-height: 1.6;

     color: #313335;

     background-color: #ffffff;

     border: 1px solid #dee2e6;

 }



 .page-link:hover {

     z-index: 2;

     color: #cc292b;

     text-decoration: none;

     background-color: #e9ecef;

     border-color: #dee2e6;

 }



 .page-link:focus {

     z-index: 2;

     outline: 0;

     box-shadow: 0 0 0 0.2rem rgba(204, 41, 43, 0.25);

 }



 .page-link:not(:disabled):not(.disabled) {

     cursor: pointer;

 }



 .page-item.active .page-link {

     z-index: 1;

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .page-item.disabled .page-link {

     color: #6c757d;

     pointer-events: none;

     cursor: auto;

     background-color: #ffffff;

     border-color: #fff;

 }



 .pagination-lg .page-link {

     padding: 0.75rem 1.5rem;

     font-size: 0.875rem;

     line-height: 1.5;

 }



 .pagination-lg .page-item:first-child .page-link {

     border-top-left-radius: 0.3rem;

     border-bottom-left-radius: 0.3rem;

 }



 .pagination-lg .page-item:last-child .page-link {

     border-top-right-radius: 0.3rem;

     border-bottom-right-radius: 0.3rem;

 }



 .pagination-sm .page-link {

     padding: 0.25rem 0.5rem;

     font-size: 0.75rem;

     line-height: 1.5;

 }



 .pagination-sm .page-item:first-child .page-link {

     border-top-left-radius: 0.2rem;

     border-bottom-left-radius: 0.2rem;

 }



 .pagination-sm .page-item:last-child .page-link {

     border-top-right-radius: 0.2rem;

     border-bottom-right-radius: 0.2rem;

 }



 .badge {

     display: inline-block;

     padding: 0.55em 0.5em;

       
  font-size: 0.725rem;

       

     font-weight: 600;

     line-height: 1;

     text-align: center;

     white-space: nowrap;

     vertical-align: baseline;

 }



 .badge:empty {

     display: none;

 }



 .btn .badge {

     position: relative;

     top: -1px;

 }



 .badge-pill {

     padding-right: 0.6em;

     padding-left: 0.6em;

     border-radius: 10rem;

 }



 .badge-primary {

     color: #ffffff;

     background-color: #cc292b;

 }



 .badge-primary[href]:hover,

 .badge-primary[href]:focus {

     color: #ffffff;

     text-decoration: none;

     background-color: #a22022;

 }



 .badge-secondary {

     color: #313335;

     background-color: #a0a4a7;

 }



 .badge-secondary[href]:hover,

 .badge-secondary[href]:focus {

     color: #313335;

     text-decoration: none;

     background-color: #868b8e;

 }



 .badge-success {

     color: #ffffff;

     background-color: #5bc146;

 }



 .badge-success[href]:hover,

 .badge-success[href]:focus {

     color: #ffffff;

     text-decoration: none;

     background-color: #479f35;

 }



 .badge-info {

     color: #ffffff;

     background-color: #7258ff;

 }



 .badge-info[href]:hover,

 .badge-info[href]:focus {

     color: #ffffff;

     text-decoration: none;

     background-color: #4725ff;

 }



 .badge-warning {

     color: #313335;

     background-color: #ffd14d;

 }



 .badge-warning[href]:hover,

 .badge-warning[href]:focus {

     color: #313335;

     text-decoration: none;

     background-color: #ffc41a;

 }



 .badge-danger {

     color: #ffffff;

     background-color: #fe4d62;

 }



 .badge-danger[href]:hover,

 .badge-danger[href]:focus {

     color: #ffffff;

     text-decoration: none;

     background-color: #fe1a35;

 }



 .badge-light {

     color: #313335;

     background-color: #dfe1e2;

 }



 .badge-light[href]:hover,

 .badge-light[href]:focus {

     color: #313335;

     text-decoration: none;

     background-color: #c4c8ca;

 }



 .badge-dark {

     color: #ffffff;

     background-color: #171c21;

 }



 .badge-dark[href]:hover,

 .badge-dark[href]:focus {

     color: #ffffff;

     text-decoration: none;

     background-color: #020303;

 }



 .jumbotron {

     padding: 2rem 1rem;

     margin-bottom: 2rem;

     background-color: #e9ecef;

     border-radius: 0.3rem;

 }



 @media (min-width: 576px) {

     .jumbotron {

         padding: 4rem 2rem;

     }

 }



 .jumbotron-fluid {

     padding-right: 0;

     padding-left: 0;

     border-radius: 0;

 }



 .alert {

     position: relative;

     padding: 0.75rem 1.25rem;

     margin-bottom: 1rem;

     border: 1px solid transparent;

     border-radius: 0.25rem;

 }



 .alert-heading {

     color: inherit;

 }



 .alert-link {

     font-weight: 600;

 }



 .alert-dismissible {

     padding-right: 3.8125rem;

 }



 .alert-dismissible .close {

     position: absolute;

     top: 0;

     right: 0;

     padding: 0.75rem 1.25rem;

     color: inherit;

 }



 .alert-primary {

     color: #731e1f;

     background-color: #f5d4d5;

     border-color: #f1c3c4;

 }



 .alert-primary hr {

     border-top-color: #ecaeb0;

 }



 .alert-primary .alert-link {

     color: #4b1314;

 }



 .alert-secondary {

     color: #5c5e5f;

     background-color: #eceded;

     border-color: #e4e6e6;

 }



 .alert-secondary hr {

     border-top-color: #d7dada;

 }



 .alert-secondary .alert-link {

     color: #434445;

 }



 .alert-success {

     color: #386d2d;

     background-color: #def3da;

     border-color: #d1eecb;

 }



 .alert-success hr {

     border-top-color: #c0e8b8;

 }



 .alert-success .alert-link {

     color: #25491e;

 }



 .alert-info {

     color: #44368d;

     background-color: #e3deff;

     border-color: #d8d0ff;

 }



 .alert-info hr {

     border-top-color: #c3b7ff;

 }



 .alert-info .alert-link {

     color: #322868;

 }



 .alert-warning {

     color: #8d7531;

     background-color: #fff6db;

     border-color: #fff2cd;

 }



 .alert-warning hr {

     border-top-color: #ffebb4;

 }



 .alert-warning .alert-link {

     color: #675624;

 }



 .alert-danger {

     color: #8d313c;

     background-color: #ffdbe0;

     border-color: #ffcdd3;

 }



 .alert-danger hr {

     border-top-color: #ffb4bd;

 }



 .alert-danger .alert-link {

     color: #67242c;

 }



 .alert-light {

     color: #7d7e7e;

     background-color: #f9f9f9;

     border-color: #f6f7f7;

 }



 .alert-light hr {

     border-top-color: #e9ebeb;

 }



 .alert-light .alert-link {

     color: #646464;

 }



 .alert-dark {

     color: #15171a;

     background-color: #d1d2d3;

     border-color: #bebfc1;

 }



 .alert-dark hr {

     border-top-color: #b1b2b5;

 }



 .alert-dark .alert-link {

     color: black;

 }



 @keyframes progress-bar-stripes {

     from {

         background-position: 1rem 0;

     }



     to {

         background-position: 0 0;

     }

 }



 .progress {

     display: flex;

     height: 1rem;

     overflow: hidden;

     font-size: 0.65625rem;

     background-color: #e9ecef;

     border-radius: 0.25rem;

 }



 .progress-bar {

     display: flex;

     flex-direction: column;

     justify-content: center;

     color: #ffffff;

     text-align: center;

     white-space: nowrap;

     background-color: #cc292b;

     transition: width 0.6s ease;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .progress-bar {

         transition: none;

     }

 }



 .progress-bar-striped {

     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

     background-size: 1rem 1rem;

 }



 .progress-bar-animated {

     animation: progress-bar-stripes 1s linear infinite;

 }



 .media {

     display: flex;

     align-items: flex-start;

 }



 .media-body {

     flex: 1;

 }



 .list-group {

     display: flex;

     flex-direction: column;

     padding-left: 0;

     margin-bottom: 0;

 }



 .list-group-item-action {

     width: 100%;

     color: #495057;

     text-align: inherit;

 }



 .list-group-item-action:hover,

 .list-group-item-action:focus {

     color: #495057;

     text-decoration: none;

     background-color: #f8f9fa;

 }



 .list-group-item-action:active {

     color: #313335;

     background-color: #e9ecef;

 }



 .list-group-item {

     position: relative;

     display: block;

     padding: 0.75rem 1.25rem;

     margin-bottom: -1px;

     background-color: #ffffff;



 }



 .list-group-item:first-child {

     border-top-left-radius: 0.25rem;

     border-top-right-radius: 0.25rem;

 }



 .list-group-item:last-child {

     margin-bottom: 0;

     border-bottom-right-radius: 0.25rem;

     border-bottom-left-radius: 0.25rem;

 }



 .list-group-item:hover,

 .list-group-item:focus {

     z-index: 1;

     text-decoration: none;

 }



 .list-group-item.disabled,

 .list-group-item:disabled {

     color: #6c757d;

     background-color: #ffffff;

 }



 .list-group-item.active {

     z-index: 2;

     color: #ffffff;

     background-color: #cc292b;

     border-color: #cc292b;

 }



 .list-group-flush .list-group-item {

     border-right: 0;

     border-left: 0;

     border-radius: 0;

 }



 .list-group-flush:first-child .list-group-item:first-child {

     border-top: 0;

 }



 .list-group-flush:last-child .list-group-item:last-child {

     border-bottom: 0;

 }



 .list-group-item-primary {

     color: #731e1f;

     background-color: #f1c3c4;

 }



 .list-group-item-primary.list-group-item-action:hover,

 .list-group-item-primary.list-group-item-action:focus {

     color: #731e1f;

     background-color: #ecaeb0;

 }



 .list-group-item-primary.list-group-item-action.active {

     color: #ffffff;

     background-color: #731e1f;

     border-color: #731e1f;

 }



 .list-group-item-secondary {

     color: #5c5e5f;

     background-color: #e4e6e6;

 }



 .list-group-item-secondary.list-group-item-action:hover,

 .list-group-item-secondary.list-group-item-action:focus {

     color: #5c5e5f;

     background-color: #d7dada;

 }



 .list-group-item-secondary.list-group-item-action.active {

     color: #ffffff;

     background-color: #5c5e5f;

     border-color: #5c5e5f;

 }



 .list-group-item-success {

     color: #386d2d;

     background-color: #d1eecb;

 }



 .list-group-item-success.list-group-item-action:hover,

 .list-group-item-success.list-group-item-action:focus {

     color: #386d2d;

     background-color: #c0e8b8;

 }



 .list-group-item-success.list-group-item-action.active {

     color: #ffffff;

     background-color: #386d2d;

     border-color: #386d2d;

 }



 .list-group-item-info {

     color: #44368d;

     background-color: #d8d0ff;

 }



 .list-group-item-info.list-group-item-action:hover,

 .list-group-item-info.list-group-item-action:focus {

     color: #44368d;

     background-color: #c3b7ff;

 }



 .list-group-item-info.list-group-item-action.active {

     color: #ffffff;

     background-color: #44368d;

     border-color: #44368d;

 }



 .list-group-item-warning {

     color: #8d7531;

     background-color: #fff2cd;

 }



 .list-group-item-warning.list-group-item-action:hover,

 .list-group-item-warning.list-group-item-action:focus {

     color: #8d7531;

     background-color: #ffebb4;

 }



 .list-group-item-warning.list-group-item-action.active {

     color: #ffffff;

     background-color: #8d7531;

     border-color: #8d7531;

 }



 .list-group-item-danger {

     color: #8d313c;

     background-color: #ffcdd3;

 }



 .list-group-item-danger.list-group-item-action:hover,

 .list-group-item-danger.list-group-item-action:focus {

     color: #8d313c;

     background-color: #ffb4bd;

 }



 .list-group-item-danger.list-group-item-action.active {

     color: #ffffff;

     background-color: #8d313c;

     border-color: #8d313c;

 }



 .list-group-item-light {

     color: #7d7e7e;

     background-color: #f6f7f7;

 }



 .list-group-item-light.list-group-item-action:hover,

 .list-group-item-light.list-group-item-action:focus {

     color: #7d7e7e;

     background-color: #e9ebeb;

 }



 .list-group-item-light.list-group-item-action.active {

     color: #ffffff;

     background-color: #7d7e7e;

     border-color: #7d7e7e;

 }



 .list-group-item-dark {

     color: #15171a;

     background-color: #bebfc1;

 }



 .list-group-item-dark.list-group-item-action:hover,

 .list-group-item-dark.list-group-item-action:focus {

     color: #15171a;

     background-color: #b1b2b5;

 }



 .list-group-item-dark.list-group-item-action.active {

     color: #ffffff;

     background-color: #15171a;

     border-color: #15171a;

 }



 .close {

     float: right;

     font-size: 1.3125rem;

     font-weight: 600;

     line-height: 1;

     color: #121212;

     text-shadow: 0 1px 0 #ffffff;

     opacity: .5;

 }



 .close:hover,

 .close:focus {

     color: #121212;

     text-decoration: none;

     opacity: .75;

 }



 .close:not(:disabled):not(.disabled) {

     cursor: pointer;

 }



 button.close {

     padding: 0;

     background-color: transparent;

     border: 0;

     -webkit-appearance: none;

 }



 .modal-open {

     overflow: hidden;

 }



 .modal {

     position: fixed;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     z-index: 9999;

     display: none;

     overflow: hidden;

     outline: 0;

 }



 .modal-open .modal {

     overflow-x: hidden;

     overflow-y: auto;

 }



 .modal-dialog {

     position: relative;

     width: auto;

     margin: 0.5rem;

     pointer-events: none;

 }



 .modal.fade .modal-dialog {

     transition: transform 0.3s ease-out;

     transform: translate(0, -25%);

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .modal.fade .modal-dialog {

         transition: none;

     }

 }



 .modal.show .modal-dialog {

     transform: translate(0, 0);

 }



 .modal-dialog-centered {

     display: flex;

     align-items: center;

     min-height: calc(100% - (0.5rem * 2));

 }



 .modal-content {

     position: relative;

     display: flex;

     flex-direction: column;

     width: 100%;

     pointer-events: auto;

     background-color: #ffffff;

     background-clip: padding-box;

     border: 0;

     border-radius: 0.3rem;

     outline: 0;

 }



 .modal-backdrop {

     position: fixed;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     z-index: 1040;

     background-color: #121212;

 }



 .modal-backdrop.fade {

     opacity: 0;

 }



 .modal-backdrop.show {

     opacity: 0.9;

 }



 .modal-header {

     display: flex;

     align-items: flex-start;

     justify-content: space-between;

     padding: 1rem;

     border-bottom: 1px solid #e9ecef;

     border-top-left-radius: 0.3rem;

     border-top-right-radius: 0.3rem;

 }



 .modal-header .close {

     padding: 1rem;

     margin: -1rem -1rem -1rem auto;

 }



 .modal-title {

     margin-bottom: 0;

     line-height: 1.4285714286;

 }



 .modal-body {

     position: relative;

     flex: 1 1 auto;

     padding: 1rem;

 }



 .modal-footer {

     display: flex;

     align-items: center;

     justify-content: flex-end;

     padding: 1rem;

     border-top: 1px solid #e9ecef;

 }



 .modal-footer> :not(:first-child) {

     margin-left: .25rem;

 }



 .modal-footer> :not(:last-child) {

     margin-right: .25rem;

 }



 .modal-scrollbar-measure {

     position: absolute;

     top: -9999px;

     width: 50px;

     height: 50px;

     overflow: scroll;

 }



 @media (min-width: 576px) {

     .modal-dialog {

         max-width: 500px;

         margin: 1.75rem auto;

     }



     .modal-dialog-centered {

         min-height: calc(100% - (1.75rem * 2));

     }



     .modal-sm {

         max-width: 300px;

     }

 }



 @media (min-width: 992px) {

     .modal-lg {

         max-width: 800px;

     }

 }



 .tooltip {

     position: absolute;

     z-index: 1070;

     display: block;

     margin: 0;

     font-family: Arial,sans-serif;

     font-style: normal;

     font-weight: 400;

     line-height: 1.4285714286;

     text-align: left;

     text-align: start;

     text-decoration: none;

     text-shadow: none;

     text-transform: none;

     letter-spacing: normal;

     word-break: normal;

     word-spacing: normal;

     white-space: normal;

     line-break: auto;

     font-size: 0.75rem;

     word-wrap: break-word;

     opacity: 0;

 }



 .tooltip.show {

     opacity: 0.9;

 }



 .tooltip .arrow {

     position: absolute;

     display: block;

     width: 0.8rem;

     height: 0.4rem;

 }



 .tooltip .arrow::before {

     position: absolute;

     content: "";

     border-color: transparent;

     border-style: solid;

 }



 .bs-tooltip-top,

 .bs-tooltip-auto[x-placement^="top"] {

     padding: 0.4rem 0;

 }



 .bs-tooltip-top .arrow,

 .bs-tooltip-auto[x-placement^="top"] .arrow {

     bottom: 0;

 }



 .bs-tooltip-top .arrow::before,

 .bs-tooltip-auto[x-placement^="top"] .arrow::before {

     top: 0;

     border-width: 0.4rem 0.4rem 0;

     border-top-color: #121212;

 }



 .bs-tooltip-right,

 .bs-tooltip-auto[x-placement^="right"] {

     padding: 0 0.4rem;

 }



 .bs-tooltip-right .arrow,

 .bs-tooltip-auto[x-placement^="right"] .arrow {

     left: 0;

     width: 0.4rem;

     height: 0.8rem;

 }



 .bs-tooltip-right .arrow::before,

 .bs-tooltip-auto[x-placement^="right"] .arrow::before {

     right: 0;

     border-width: 0.4rem 0.4rem 0.4rem 0;

     border-right-color: #121212;

 }



 .bs-tooltip-bottom,

 .bs-tooltip-auto[x-placement^="bottom"] {

     padding: 0.4rem 0;

 }



 .bs-tooltip-bottom .arrow,

 .bs-tooltip-auto[x-placement^="bottom"] .arrow {

     top: 0;

 }



 .bs-tooltip-bottom .arrow::before,

 .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

     bottom: 0;

     border-width: 0 0.4rem 0.4rem;

     border-bottom-color: #121212;

 }



 .bs-tooltip-left,

 .bs-tooltip-auto[x-placement^="left"] {

     padding: 0 0.4rem;

 }



 .bs-tooltip-left .arrow,

 .bs-tooltip-auto[x-placement^="left"] .arrow {

     right: 0;

     width: 0.4rem;

     height: 0.8rem;

 }



 .bs-tooltip-left .arrow::before,

 .bs-tooltip-auto[x-placement^="left"] .arrow::before {

     left: 0;

     border-width: 0.4rem 0 0.4rem 0.4rem;

     border-left-color: #121212;

 }



 .tooltip-inner {

     max-width: 200px;

     padding: 0.25rem 0.5rem;

     color: #ffffff;

     text-align: center;

     background-color: #121212;

     border-radius: 0.25rem;

 }



 .popover {

     position: absolute;

     top: 0;

     left: 0;

     z-index: 1060;

     display: block;

     max-width: 276px;

     font-family: Arial,sans-serif;

     font-style: normal;

     font-weight: 400;

     line-height: 1.4285714286;

     text-align: left;

     text-align: start;

     text-decoration: none;

     text-shadow: none;

     text-transform: none;

     letter-spacing: normal;

     word-break: normal;

     word-spacing: normal;

     white-space: normal;

     line-break: auto;

     font-size: 0.75rem;

     word-wrap: break-word;

     background-color: #ffffff;

     background-clip: padding-box;

     border: 1px solid rgba(18, 18, 18, 0.2);

     border-radius: 0.3rem;

 }



 .popover .arrow {

     position: absolute;

     display: block;

     width: 1rem;

     height: 0.5rem;

     margin: 0 0.3rem;

 }



 .popover .arrow::before,

 .popover .arrow::after {

     position: absolute;

     display: block;

     content: "";

     border-color: transparent;

     border-style: solid;

 }



 .bs-popover-top,

 .bs-popover-auto[x-placement^="top"] {

     margin-bottom: 0.5rem;

 }



 .bs-popover-top .arrow,

 .bs-popover-auto[x-placement^="top"] .arrow {

     bottom: calc((0.5rem + 1px) * -1);

 }



 .bs-popover-top .arrow::before,

 .bs-popover-auto[x-placement^="top"] .arrow::before,

 .bs-popover-top .arrow::after,

 .bs-popover-auto[x-placement^="top"] .arrow::after {

     border-width: 0.5rem 0.5rem 0;

 }



 .bs-popover-top .arrow::before,

 .bs-popover-auto[x-placement^="top"] .arrow::before {

     bottom: 0;

     border-top-color: rgba(18, 18, 18, 0.25);

 }



 .bs-popover-top .arrow::after,

 .bs-popover-auto[x-placement^="top"] .arrow::after {

     bottom: 1px;

     border-top-color: #ffffff;

 }



 .bs-popover-right,

 .bs-popover-auto[x-placement^="right"] {

     margin-left: 0.5rem;

 }



 .bs-popover-right .arrow,

 .bs-popover-auto[x-placement^="right"] .arrow {

     left: calc((0.5rem + 1px) * -1);

     width: 0.5rem;

     height: 1rem;

     margin: 0.3rem 0;

 }



 .bs-popover-right .arrow::before,

 .bs-popover-auto[x-placement^="right"] .arrow::before,

 .bs-popover-right .arrow::after,

 .bs-popover-auto[x-placement^="right"] .arrow::after {

     border-width: 0.5rem 0.5rem 0.5rem 0;

 }



 .bs-popover-right .arrow::before,

 .bs-popover-auto[x-placement^="right"] .arrow::before {

     left: 0;

     border-right-color: rgba(18, 18, 18, 0.25);

 }



 .bs-popover-right .arrow::after,

 .bs-popover-auto[x-placement^="right"] .arrow::after {

     left: 1px;

     border-right-color: #ffffff;

 }



 .bs-popover-bottom,

 .bs-popover-auto[x-placement^="bottom"] {

     margin-top: 0.5rem;

 }



 .bs-popover-bottom .arrow,

 .bs-popover-auto[x-placement^="bottom"] .arrow {

     top: calc((0.5rem + 1px) * -1);

 }



 .bs-popover-bottom .arrow::before,

 .bs-popover-auto[x-placement^="bottom"] .arrow::before,

 .bs-popover-bottom .arrow::after,

 .bs-popover-auto[x-placement^="bottom"] .arrow::after {

     border-width: 0 0.5rem 0.5rem 0.5rem;

 }



 .bs-popover-bottom .arrow::before,

 .bs-popover-auto[x-placement^="bottom"] .arrow::before {

     top: 0;

     border-bottom-color: rgba(18, 18, 18, 0.25);

 }



 .bs-popover-bottom .arrow::after,

 .bs-popover-auto[x-placement^="bottom"] .arrow::after {

     top: 1px;

     border-bottom-color: #ffffff;

 }



 .bs-popover-bottom .popover-header::before,

 .bs-popover-auto[x-placement^="bottom"] .popover-header::before {

     position: absolute;

     top: 0;

     left: 50%;

     display: block;

     width: 1rem;

     margin-left: -0.5rem;

     content: "";

     border-bottom: 1px solid #f7f7f7;

 }



 .bs-popover-left,

 .bs-popover-auto[x-placement^="left"] {

     margin-right: 0.5rem;

 }



 .bs-popover-left .arrow,

 .bs-popover-auto[x-placement^="left"] .arrow {

     right: calc((0.5rem + 1px) * -1);

     width: 0.5rem;

     height: 1rem;

     margin: 0.3rem 0;

 }



 .bs-popover-left .arrow::before,

 .bs-popover-auto[x-placement^="left"] .arrow::before,

 .bs-popover-left .arrow::after,

 .bs-popover-auto[x-placement^="left"] .arrow::after {

     border-width: 0.5rem 0 0.5rem 0.5rem;

 }



 .bs-popover-left .arrow::before,

 .bs-popover-auto[x-placement^="left"] .arrow::before {

     right: 0;

     border-left-color: rgba(18, 18, 18, 0.25);

 }



 .bs-popover-left .arrow::after,

 .bs-popover-auto[x-placement^="left"] .arrow::after {

     right: 1px;

     border-left-color: #ffffff;

 }



 .popover-header {

     padding: 0.5rem 0.75rem;

     margin-bottom: 0;

     font-size: 0.875rem;

     color: inherit;

     background-color: #f7f7f7;

     border-bottom: 1px solid #ebebeb;

     border-top-left-radius: calc(0.3rem - 1px);

     border-top-right-radius: calc(0.3rem - 1px);

 }



 .popover-header:empty {

     display: none;

 }



 .popover-body {

     padding: 0.5rem 0.75rem;

     color: #313335;

 }



 .carousel {

     position: relative;

 }



 .carousel-inner {

     position: relative;

     width: 100%;

     overflow: hidden;

 }



 .carousel-item {

     position: relative;

     display: none;

     align-items: center;

     width: 100%;

     transition: transform 0.6s ease;

     backface-visibility: hidden;

     perspective: 1000px;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .carousel-item {

         transition: none;

     }

 }



 .carousel-item.active,

 .carousel-item-next,

 .carousel-item-prev {

     display: block;

 }



 .carousel-item-next,

 .carousel-item-prev {

     position: absolute;

     top: 0;

 }



 .carousel-item-next.carousel-item-left,

 .carousel-item-prev.carousel-item-right {

     transform: translateX(0);

 }



 @supports (transform-style: preserve-3d) {



     .carousel-item-next.carousel-item-left,

     .carousel-item-prev.carousel-item-right {

         transform: translate3d(0, 0, 0);

     }

 }



 .carousel-item-next,

 .active.carousel-item-right {

     transform: translateX(100%);

 }



 @supports (transform-style: preserve-3d) {



     .carousel-item-next,

     .active.carousel-item-right {

         transform: translate3d(100%, 0, 0);

     }

 }



 .carousel-item-prev,

 .active.carousel-item-left {

     transform: translateX(-100%);

 }



 @supports (transform-style: preserve-3d) {



     .carousel-item-prev,

     .active.carousel-item-left {

         transform: translate3d(-100%, 0, 0);

     }

 }



 .carousel-fade .carousel-item {

     opacity: 0;

     transition-duration: .6s;

     transition-property: opacity;

 }



 .carousel-fade .carousel-item.active,

 .carousel-fade .carousel-item-next.carousel-item-left,

 .carousel-fade .carousel-item-prev.carousel-item-right {

     opacity: 1;

 }



 .carousel-fade .active.carousel-item-left,

 .carousel-fade .active.carousel-item-right {

     opacity: 0;

 }



 .carousel-fade .carousel-item-next,

 .carousel-fade .carousel-item-prev,

 .carousel-fade .carousel-item.active,

 .carousel-fade .active.carousel-item-left,

 .carousel-fade .active.carousel-item-prev {

     transform: translateX(0);

 }



 @supports (transform-style: preserve-3d) {



     .carousel-fade .carousel-item-next,

     .carousel-fade .carousel-item-prev,

     .carousel-fade .carousel-item.active,

     .carousel-fade .active.carousel-item-left,

     .carousel-fade .active.carousel-item-prev {

         transform: translate3d(0, 0, 0);

     }

 }



 .carousel-control-prev,

 .carousel-control-next {

     position: absolute;

     bottom: 0;

     top: 50%;

     transform: translateY(-50%);

     display: flex;

     align-items: center;

     justify-content: center;

     color: #ffffff; 

     background-color: #fff;

     text-align: center;

     font-size: 24px;

     color: #333;

     width: 34px;

     height: 80px;

 }

 .carousel-control-prev svg,

 .carousel-control-next svg {

     fill: #333 !important;

     width:24px;

     height:24px;

 }



 .carousel-control-prev:hover,

 .carousel-control-prev:focus,

 .carousel-control-next:hover,

 .carousel-control-next:focus {

     color: #cc292b;

     text-decoration: none;

     outline: 0;

 }



 .carousel-control-prev {

     left: 0;

 }



 .carousel-control-next {

     right: 0;

 }



 .carousel-control-prev-icon,

 .carousel-control-next-icon {

     display: inline-block;

     background: transparent no-repeat center center;

     background-size: 100% 100%;

 }

 



 .carousel-indicators {

     position: absolute;

     right: 0;

     bottom: 10px;

     left: 0;

     z-index: 15;

     display: flex;

     justify-content: center;

     padding-left: 0;

     margin-right: 15%;

     margin-left: 15%;

     list-style: none;

 }



 .carousel-indicators li {

     position: relative;

     flex: 0 1 auto;

     width: 30px;

     height: 3px;

     margin-right: 3px;

     margin-left: 3px;

     o o o o text-indent: -999px;

     background-color: rgba(255, 255, 255, 0.5);

 }



 .carousel-indicators li::before {

     position: absolute;

     top: -10px;

     left: 0;

     display: inline-block;

     width: 100%;

     height: 10px;

     content: "";

 }



 .carousel-indicators li::after {

     position: absolute;

     bottom: -10px;

     left: 0;

     display: inline-block;

     width: 100%;

     height: 10px;

     content: "";

 }



 .carousel-indicators .active {

     background-color: #ffffff;

 }



 .carousel-caption {

     position: absolute;

     right: 15%;

     bottom: 20px;

     left: 15%;

     z-index: 10;

     padding-top: 20px;

     padding-bottom: 20px;

     color: #ffffff;

     text-align: center;

 }



 .align-baseline {

     vertical-align: baseline !important;

 }



 .align-top {

     vertical-align: top !important;

 }



 .align-middle {

     vertical-align: middle !important;

 }



 .align-bottom {

     vertical-align: bottom !important;

 }



 .align-text-bottom {

     vertical-align: text-bottom !important;

 }



 .align-text-top {

     vertical-align: text-top !important;

 }



 .bg-primary {

     background-color: #b30505 !important;

 }



 a.bg-primary:hover,

 a.bg-primary:focus,

 button.bg-primary:hover,

 button.bg-primary:focus {

     background-color: #a22022 !important;

 }



 .bg-secondary {

     background-color: #a0a4a7 !important;

 }



 a.bg-secondary:hover,

 a.bg-secondary:focus,

 button.bg-secondary:hover,

 button.bg-secondary:focus {

     background-color: #868b8e !important;

 }



 .bg-success {

     background-color: #5bc146 !important;

 }



 a.bg-success:hover,

 a.bg-success:focus,

 button.bg-success:hover,

 button.bg-success:focus {

     background-color: #479f35 !important;

 }



 .bg-info {

     background-color: #7258ff !important;

 }



 a.bg-info:hover,

 a.bg-info:focus,

 button.bg-info:hover,

 button.bg-info:focus {

     background-color: #4725ff !important;

 }



 .bg-warning {

     background-color: #ffd14d !important;

 }



 a.bg-warning:hover,

 a.bg-warning:focus,

 button.bg-warning:hover,

 button.bg-warning:focus {

     background-color: #ffc41a !important;

 }



 .bg-danger {

     background-color: #fe4d62 !important;

 }



 a.bg-danger:hover,

 a.bg-danger:focus,

 button.bg-danger:hover,

 button.bg-danger:focus {

     background-color: #fe1a35 !important;

 }



 .bg-light {

     background-color: #dfe1e2 !important;

 }



 .bg-lightx {

     background-color: #f6f6f6 !important;

      border: 1px solid rgb(11 11 11 / 7%) !important;

 }

 

 a.bg-light:hover,

 a.bg-light:focus,

 button.bg-light:hover,

 button.bg-light:focus {

     background-color: #c4c8ca !important;

 }



 .bg-dark {

     background-color: #171c21 !important;

 }



 a.bg-dark:hover,

 a.bg-dark:focus,

 button.bg-dark:hover,

 button.bg-dark:focus {

     background-color: #020303 !important;

 }



 .bg-white {

     background-color: #ffffff !important;

 }

  .bg-grey-d {

     background: #f3f3f3; !important;

 }

 	 





 .bg-transparent {

     background-color: transparent !important;

 }



 .bg-facebook {

     color: #fff !important;

     background-color: #3b5998 !important;

     border-color: #3b5998 !important;

 }



 .bg-facebook:hover {

     color: #fff;

     background-color: #2d4373;

     border-color: #2d4373;

 }



 .bg-twitter {

     color: #fff !important;

     background-color: #1da1f2 !important;

     border-color: #1da1f2 !important;

 }



 .bg-twitter:hover {

     color: #fff;

     background-color: #0c85d0;

     border-color: #0c85d0;

 }



 .bg-google {

     color: #fff !important;

     background-color: #dc4e41 !important;

     border-color: #dc4e41 !important;

 }



 .bg-google:hover {

     color: #fff;

     background-color: #c63224;

     border-color: #c63224;

 }



 .bg-youtube {

     color: #fff !important;

     background-color: red !important;

     border-color: red !important;

 }



 .bg-youtube:hover {

     color: #fff;

     background-color: #cc0000;

     border-color: #cc0000;

 }



 .bg-vimeo {

     color: #fff !important;

     background-color: #1ab7ea !important;

     border-color: #1ab7ea !important;

 }



 .bg-vimeo:hover {

     color: #fff;

     background-color: #1295bf;

     border-color: #1295bf;

 }



 .bg-dribbble {

     color: #fff !important;

     background-color: #ea4c89 !important;

     border-color: #ea4c89 !important;

 }



 .bg-dribbble:hover {

     color: #fff;

     background-color: #e51e6b;

     border-color: #e51e6b;

 }



 .bg-github {

     color: #fff !important;

     background-color: #181717 !important;

     border-color: #181717 !important;

 }



 .bg-github:hover {

     color: #fff;

     background-color: black;

     border-color: black;

 }



 .bg-instagram {

     color: #fff !important;

     background-color: #e4405f !important;

     border-color: #e4405f !important;

 }



 .bg-instagram:hover {

     color: #fff;

     background-color: #d31e40;

     border-color: #d31e40;

 }



 .bg-linkedin {

     color: #fff !important;

     background-color: #0077b5 !important;

     border-color: #0077b5 !important;

 }



 .bg-linkedin:hover {

     color: #fff;

     background-color: #005582;

     border-color: #005582;

 }



 .bg-pinterest {

     color: #fff !important;

     background-color: #bd081c !important;

     border-color: #bd081c !important;

 }



 .bg-pinterest:hover {

     color: #fff;

     background-color: #8c0615;

     border-color: #8c0615;

 }



 .bg-tumblr {

     color: #fff !important;

     background-color: #35465c !important;

     border-color: #35465c !important;

 }



 .bg-tumblr:hover {

     color: #fff;

     background-color: #222d3c;

     border-color: #222d3c;

 }



 .bg-vk {

     color: #fff !important;

     background-color: #6383a8 !important;

     border-color: #6383a8 !important;

 }



 .bg-vk:hover {

     color: #fff;

     background-color: #4d6a8b;

     border-color: #4d6a8b;

 }



 .bg-rss {

     color: #fff !important;

     background-color: orange !important;

     border-color: orange !important;

 }



 .bg-rss:hover {

     color: #fff;

     background-color: #cc8400;

     border-color: #cc8400;

 }



 .bg-whatsapp {

     color: #fff !important;

     background-color: #1ebea5 !important;

     border-color: #1ebea5 !important;

 }



 .bg-whatsapp:hover {

     color: #fff;

     background-color: #17927f;

     border-color: #17927f;

 }



 .bg-app {

     color: var(--theme-footer-color)!important;

     background-color: var(--theme-footer-bg) !important;

     border: 1px solid #bbb !important;

 }

 

  .bg-app:hover {

     color: var(--theme-footer-color)!important;

     background-color: var(--theme-footer-bg) !important;

      border: 1px solid #bbb !important;

 }

 

 .bg-telegram {

     color: #fff !important;

     background-color: #2e87ca !important;

     border-color: #2e87ca !important;

 }



 .bg-telegram:hover {

     color: #fff;

     background-color: #2e87caa3;

     border-color: #2e87caa3;

 }

 

 .bg-bitbucket {

     color: #fff !important;

     background-color: #0052cc !important;

     border-color: #0052cc !important;

 }



 .bg-bitbucket:hover {

     color: #fff;

     background-color: #003e99;

     border-color: #003e99;

 }



 .border {

     border: 1px solid rgba(135, 150, 165, 0.1) !important;

 }



 .border-top {

     border-top: 1px solid rgba(135, 150, 165, 0.1) !important;

 }



 .border-right {

     border-right: 1px solid rgba(135, 150, 165, 0.1) !important;

 }



 .border-bottom {

     border-bottom: 1px solid rgb(0 0 0 / 15%) !important;

 }



 .border-left {

     border-left: 1px solid rgba(135, 150, 165, 0.1) !important;

 }



 .border-0 {

     border: 0 !important;

 }



 .border-top-0 {

     border-top: 0 !important;

 }



 .border-right-0 {

     border-right: 0 !important;

 }



 .border-bottom-0 {

     border-bottom: 0 !important;

 }



 .border-left-0 {

     border-left: 0 !important;

 }



 .border-primary {

     border-color: #cc292b !important;

 }



 .border-secondary {

     border-color: #a0a4a7 !important;

 }



 .border-success {

     border-color: #5bc146 !important;

 }



 .border-info {

     border-color: #7258ff !important;

 }



 .border-warning {

     border-color: #ffd14d !important;

 }



 .border-danger {

     border-color: #fe4d62 !important;

 }



 .border-light {

     border-color: #dfe1e2 !important;

 }



 .border-dark {

     border-color: #171c21 !important;

 }



 .border-white {

     border-color: #ffffff !important;

 }



 .rounded {

     border-radius: 0.25rem !important;

 }



 .rounded-top {

     border-top-left-radius: 0.25rem !important;

     border-top-right-radius: 0.25rem !important;

 }



 .rounded-right {

     border-top-right-radius: 0.25rem !important;

     border-bottom-right-radius: 0.25rem !important;

 }



 .rounded-bottom {

     border-bottom-right-radius: 0.25rem !important;

     border-bottom-left-radius: 0.25rem !important;

 }



 .rounded-left {

     border-top-left-radius: 0.25rem !important;

     border-bottom-left-radius: 0.25rem !important;

 }



 .rounded-circle {

     border-radius: 50% !important;

     border: 3px solid #d9d9d9;

 }



 .rounded-0 {

     border-radius: 0 !important;

 }

 

 .clearfixy {

     display: block;

     clear: both;

     content: "";

 }

 

 .clearfix::after {

     display: block;

     clear: both;

     content: "";

 }



 .d-none {

     display: none !important;

 }



 .d-inline {

     display: inline !important;

 }



 .d-inline-block {

     display: inline-block !important;

 }



 .d-block {

     display: block !important;

 }



 .d-table {

     display: table !important;

 }



 .d-table-row {

     display: table-row !important;

 }



 .d-table-cell {

     display: table-cell !important;

 }



 .d-flex {

     display: flex !important;

 }



 .d-inline-flex {

     display: inline-flex !important;

 }



 @media (min-width: 576px) {

     .d-sm-none {

         display: none !important;

     }



     .d-sm-inline {

         display: inline !important;

     }



     .d-sm-inline-block {

         display: inline-block !important;

     }



     .d-sm-block {

         display: block !important;

     }



     .d-sm-table {

         display: table !important;

     }



     .d-sm-table-row {

         display: table-row !important;

     }



     .d-sm-table-cell {

         display: table-cell !important;

     }



     .d-sm-flex {

         display: flex !important;

     }



     .d-sm-inline-flex {

         display: inline-flex !important;

     }

 }



 @media (min-width: 768px) {

     .d-md-none {

         display: none !important;

     }



     .d-md-inline {

         display: inline !important;

     }



     .d-md-inline-block {

         display: inline-block !important;

     }



     .d-md-block {

         display: block !important;

     }



     .d-md-table {

         display: table !important;

     }



     .d-md-table-row {

         display: table-row !important;

     }



     .d-md-table-cell {

         display: table-cell !important;

     }



     .d-md-flex {

         display: flex !important;

     }



     .d-md-inline-flex {

         display: inline-flex !important;

     }

 }



 @media (min-width: 992px) {

     .d-lg-none {

         display: none !important;

     }



     .d-lg-inline {

         display: inline !important;

     }



     .d-lg-inline-block {

         display: inline-block !important;

     }



     .d-lg-block {

         display: block !important;

     }



     .d-lg-table {

         display: table !important;

     }



     .d-lg-table-row {

         display: table-row !important;

     }



     .d-lg-table-cell {

         display: table-cell !important;

     }



     .d-lg-flex {

         display: flex !important;

     }



     .d-lg-inline-flex {

         display: inline-flex !important;

     }

 }



 @media (min-width: 1200px) {

     .d-xl-none {

         display: none !important;

     }



     .d-xl-inline {

         display: inline !important;

     }



     .d-xl-inline-block {

         display: inline-block !important;

     }



     .d-xl-block {

         display: block !important;

     }



     .d-xl-table {

         display: table !important;

     }



     .d-xl-table-row {

         display: table-row !important;

     }



     .d-xl-table-cell {

         display: table-cell !important;

     }



     .d-xl-flex {

         display: flex !important;

     }



     .d-xl-inline-flex {

         display: inline-flex !important;

     }

 }



 @media print {

     .d-print-none {

         display: none !important;

     }



     .d-print-inline {

         display: inline !important;

     }



     .d-print-inline-block {

         display: inline-block !important;

     }



     .d-print-block {

         display: block !important;

     }



     .d-print-table {

         display: table !important;

     }



     .d-print-table-row {

         display: table-row !important;

     }



     .d-print-table-cell {

         display: table-cell !important;

     }



     .d-print-flex {

         display: flex !important;

     }



     .d-print-inline-flex {

         display: inline-flex !important;

     }

 }



 .embed-responsive {

position: relative;

     display: block;

     width: 100%;

     padding: 0;

     overflow: hidden;

 }



 .embed-responsive::before {

     display: block;

     content: "";

 }



 .embed-responsive .embed-responsive-item,

 .embed-responsive iframe,

 .embed-responsive embed,

 .embed-responsive object,

 .embed-responsive video {

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     width: 100%;

     height: 100%;

     border: 0;

 }



 .embed-responsive-21by9::before {

     padding-top: 42.8571428571%;

 }



 .embed-responsive-16by9::before {

     padding-top: 56.25%;

 }



 .embed-responsive-4by3::before {

     padding-top: 75%;

 }



 .embed-responsive-1by1::before {

     padding-top: 100%;

 }



 .flex-row {

     flex-direction: row !important;

 }



 .flex-column {

     flex-direction: column !important;

 }



 .flex-row-reverse {

     flex-direction: row-reverse !important;

 }



 .flex-column-reverse {

     flex-direction: column-reverse !important;

 }



 .flex-wrap {

     flex-wrap: wrap !important;

 }



 .flex-nowrap {

     flex-wrap: nowrap !important;

 }



 .flex-wrap-reverse {

     flex-wrap: wrap-reverse !important;

 }



 .flex-fill {

     flex: 1 1 auto !important;

 }



 .flex-grow-0 {

     flex-grow: 0 !important;

 }



 .flex-grow-1 {

     flex-grow: 1 !important;

 }



 .flex-shrink-0 {

     flex-shrink: 0 !important;

 }



 .flex-shrink-1 {

     flex-shrink: 1 !important;

 }



 .justify-content-start {

     justify-content: flex-start !important;

 }



 .justify-content-end {

     justify-content: flex-end !important;

 }



 .justify-content-center {

     justify-content: center !important;

 }



 .justify-content-between {

     justify-content: space-between !important;

 }



 .justify-content-around {

     justify-content: space-around !important;

 }



 .align-items-start {

     align-items: flex-start !important;

 }



 .align-items-end {

     align-items: flex-end !important;

 }



 .align-items-center {

     align-items: center !important;

 }



 .align-items-baseline {

     align-items: baseline !important;

 }



 .align-items-stretch {

     align-items: stretch !important;

 }



 .align-content-start {

     align-content: flex-start !important;

 }



 .align-content-end {

     align-content: flex-end !important;

 }



 .align-content-center {

     align-content: center !important;

 }



 .align-content-between {

     align-content: space-between !important;

 }



 .align-content-around {

     align-content: space-around !important;

 }



 .align-content-stretch {

     align-content: stretch !important;

 }



 .align-self-auto {

     align-self: auto !important;

 }



 .align-self-start {

     align-self: flex-start !important;

 }



 .align-self-end {

     align-self: flex-end !important;

 }



 .align-self-center {

     align-self: center !important;

 }



 .align-self-baseline {

     align-self: baseline !important;

 }



 .align-self-stretch {

     align-self: stretch !important;

 }



 @media (min-width: 576px) {

     .flex-sm-row {

         flex-direction: row !important;

     }



     .flex-sm-column {

         flex-direction: column !important;

     }



     .flex-sm-row-reverse {

         flex-direction: row-reverse !important;

     }



     .flex-sm-column-reverse {

         flex-direction: column-reverse !important;

     }



     .flex-sm-wrap {

         flex-wrap: wrap !important;

     }



     .flex-sm-nowrap {

         flex-wrap: nowrap !important;

     }



     .flex-sm-wrap-reverse {

         flex-wrap: wrap-reverse !important;

     }



     .flex-sm-fill {

         flex: 1 1 auto !important;

     }



     .flex-sm-grow-0 {

         flex-grow: 0 !important;

     }



     .flex-sm-grow-1 {

         flex-grow: 1 !important;

     }



     .flex-sm-shrink-0 {

         flex-shrink: 0 !important;

     }



     .flex-sm-shrink-1 {

         flex-shrink: 1 !important;

     }



     .justify-content-sm-start {

         justify-content: flex-start !important;

     }



     .justify-content-sm-end {

         justify-content: flex-end !important;

     }



     .justify-content-sm-center {

         justify-content: center !important;

     }



     .justify-content-sm-between {

         justify-content: space-between !important;

     }



     .justify-content-sm-around {

         justify-content: space-around !important;

     }



     .align-items-sm-start {

         align-items: flex-start !important;

     }



     .align-items-sm-end {

         align-items: flex-end !important;

     }



     .align-items-sm-center {

         align-items: center !important;

     }



     .align-items-sm-baseline {

         align-items: baseline !important;

     }



     .align-items-sm-stretch {

         align-items: stretch !important;

     }



     .align-content-sm-start {

         align-content: flex-start !important;

     }



     .align-content-sm-end {

         align-content: flex-end !important;

     }



     .align-content-sm-center {

         align-content: center !important;

     }



     .align-content-sm-between {

         align-content: space-between !important;

     }



     .align-content-sm-around {

         align-content: space-around !important;

     }



     .align-content-sm-stretch {

         align-content: stretch !important;

     }



     .align-self-sm-auto {

         align-self: auto !important;

     }



     .align-self-sm-start {

         align-self: flex-start !important;

     }



     .align-self-sm-end {

         align-self: flex-end !important;

     }



     .align-self-sm-center {

         align-self: center !important;

     }



     .align-self-sm-baseline {

         align-self: baseline !important;

     }



     .align-self-sm-stretch {

         align-self: stretch !important;

     }

 }



 @media (min-width: 768px) {

     .flex-md-row {

         flex-direction: row !important;

     }



     .flex-md-column {

         flex-direction: column !important;

     }



     .flex-md-row-reverse {

         flex-direction: row-reverse !important;

     }



     .flex-md-column-reverse {

         flex-direction: column-reverse !important;

     }



     .flex-md-wrap {

         flex-wrap: wrap !important;

     }



     .flex-md-nowrap {

         flex-wrap: nowrap !important;

     }



     .flex-md-wrap-reverse {

         flex-wrap: wrap-reverse !important;

     }



     .flex-md-fill {

         flex: 1 1 auto !important;

     }



     .flex-md-grow-0 {

         flex-grow: 0 !important;

     }



     .flex-md-grow-1 {

         flex-grow: 1 !important;

     }



     .flex-md-shrink-0 {

         flex-shrink: 0 !important;

     }



     .flex-md-shrink-1 {

         flex-shrink: 1 !important;

     }



     .justify-content-md-start {

         justify-content: flex-start !important;

     }



     .justify-content-md-end {

         justify-content: flex-end !important;

     }



     .justify-content-md-center {

         justify-content: center !important;

     }



     .justify-content-md-between {

         justify-content: space-between !important;

     }



     .justify-content-md-around {

         justify-content: space-around !important;

     }



     .align-items-md-start {

         align-items: flex-start !important;

     }



     .align-items-md-end {

         align-items: flex-end !important;

     }



     .align-items-md-center {

         align-items: center !important;

     }



     .align-items-md-baseline {

         align-items: baseline !important;

     }



     .align-items-md-stretch {

         align-items: stretch !important;

     }



     .align-content-md-start {

         align-content: flex-start !important;

     }



     .align-content-md-end {

         align-content: flex-end !important;

     }



     .align-content-md-center {

         align-content: center !important;

     }



     .align-content-md-between {

         align-content: space-between !important;

     }



     .align-content-md-around {

         align-content: space-around !important;

     }



     .align-content-md-stretch {

         align-content: stretch !important;

     }



     .align-self-md-auto {

         align-self: auto !important;

     }



     .align-self-md-start {

         align-self: flex-start !important;

     }



     .align-self-md-end {

         align-self: flex-end !important;

     }



     .align-self-md-center {

         align-self: center !important;

     }



     .align-self-md-baseline {

         align-self: baseline !important;

     }



     .align-self-md-stretch {

         align-self: stretch !important;

     }

 }



 @media (min-width: 992px) {

     .flex-lg-row {

         flex-direction: row !important;

     }



     .flex-lg-column {

         flex-direction: column !important;

     }



     .flex-lg-row-reverse {

         flex-direction: row-reverse !important;

     }



     .flex-lg-column-reverse {

         flex-direction: column-reverse !important;

     }



     .flex-lg-wrap {

         flex-wrap: wrap !important;

     }



     .flex-lg-nowrap {

         flex-wrap: nowrap !important;

     }



     .flex-lg-wrap-reverse {

         flex-wrap: wrap-reverse !important;

     }



     .flex-lg-fill {

         flex: 1 1 auto !important;

     }



     .flex-lg-grow-0 {

         flex-grow: 0 !important;

     }



     .flex-lg-grow-1 {

         flex-grow: 1 !important;

     }



     .flex-lg-shrink-0 {

         flex-shrink: 0 !important;

     }



     .flex-lg-shrink-1 {

         flex-shrink: 1 !important;

     }



     .justify-content-lg-start {

         justify-content: flex-start !important;

     }



     .justify-content-lg-end {

         justify-content: flex-end !important;

     }



     .justify-content-lg-center {

         justify-content: center !important;

     }



     .justify-content-lg-between {

         justify-content: space-between !important;

     }



     .justify-content-lg-around {

         justify-content: space-around !important;

     }



     .align-items-lg-start {

         align-items: flex-start !important;

     }



     .align-items-lg-end {

         align-items: flex-end !important;

     }



     .align-items-lg-center {

         align-items: center !important;

     }



     .align-items-lg-baseline {

         align-items: baseline !important;

     }



     .align-items-lg-stretch {

         align-items: stretch !important;

     }



     .align-content-lg-start {

         align-content: flex-start !important;

     }



     .align-content-lg-end {

         align-content: flex-end !important;

     }



     .align-content-lg-center {

         align-content: center !important;

     }



     .align-content-lg-between {

         align-content: space-between !important;

     }



     .align-content-lg-around {

         align-content: space-around !important;

     }



     .align-content-lg-stretch {

         align-content: stretch !important;

     }



     .align-self-lg-auto {

         align-self: auto !important;

     }



     .align-self-lg-start {

         align-self: flex-start !important;

     }



     .align-self-lg-end {

         align-self: flex-end !important;

     }



     .align-self-lg-center {

         align-self: center !important;

     }



     .align-self-lg-baseline {

         align-self: baseline !important;

     }



     .align-self-lg-stretch {

         align-self: stretch !important;

     }

 }



 @media (min-width: 1200px) {

     .flex-xl-row {

         flex-direction: row !important;

     }



     .flex-xl-column {

         flex-direction: column !important;

     }



     .flex-xl-row-reverse {

         flex-direction: row-reverse !important;

     }



     .flex-xl-column-reverse {

         flex-direction: column-reverse !important;

     }



     .flex-xl-wrap {

         flex-wrap: wrap !important;

     }



     .flex-xl-nowrap {

         flex-wrap: nowrap !important;

     }



     .flex-xl-wrap-reverse {

         flex-wrap: wrap-reverse !important;

     }



     .flex-xl-fill {

         flex: 1 1 auto !important;

     }



     .flex-xl-grow-0 {

         flex-grow: 0 !important;

     }



     .flex-xl-grow-1 {

         flex-grow: 1 !important;

     }



     .flex-xl-shrink-0 {

         flex-shrink: 0 !important;

     }



     .flex-xl-shrink-1 {

         flex-shrink: 1 !important;

     }



     .justify-content-xl-start {

         justify-content: flex-start !important;

     }



     .justify-content-xl-end {

         justify-content: flex-end !important;

     }



     .justify-content-xl-center {

         justify-content: center !important;

     }



     .justify-content-xl-between {

         justify-content: space-between !important;

     }



     .justify-content-xl-around {

         justify-content: space-around !important;

     }



     .align-items-xl-start {

         align-items: flex-start !important;

     }



     .align-items-xl-end {

         align-items: flex-end !important;

     }



     .align-items-xl-center {

         align-items: center !important;

     }



     .align-items-xl-baseline {

         align-items: baseline !important;

     }



     .align-items-xl-stretch {

         align-items: stretch !important;

     }



     .align-content-xl-start {

         align-content: flex-start !important;

     }



     .align-content-xl-end {

         align-content: flex-end !important;

     }



     .align-content-xl-center {

         align-content: center !important;

     }



     .align-content-xl-between {

         align-content: space-between !important;

     }



     .align-content-xl-around {

         align-content: space-around !important;

     }



     .align-content-xl-stretch {

         align-content: stretch !important;

     }



     .align-self-xl-auto {

         align-self: auto !important;

     }



     .align-self-xl-start {

         align-self: flex-start !important;

     }



     .align-self-xl-end {

         align-self: flex-end !important;

     }



     .align-self-xl-center {

         align-self: center !important;

     }



     .align-self-xl-baseline {

         align-self: baseline !important;

     }



     .align-self-xl-stretch {

         align-self: stretch !important;

     }

 }



 .float-left {

     float: left !important;

 }



 .float-right {

     float: right !important;

 }



 .float-none {

     float: none !important;

 }



 @media (min-width: 576px) {

     .float-sm-left {

         float: left !important;

     }



     .float-sm-right {

         float: right !important;

     }



     .float-sm-none {

         float: none !important;

     }

 }



 @media (min-width: 768px) {

     .float-md-left {

         float: left !important;

     }



     .float-md-right {

         float: right !important;

     }



     .float-md-none {

         float: none !important;

     }

 }



 @media (min-width: 992px) {

     .float-lg-left {

         float: left !important;

     }



     .float-lg-right {

         float: right !important;

     }



     .float-lg-none {

         float: none !important;

     }

 }



 @media (min-width: 1200px) {

     .float-xl-left {

         float: left !important;

     }



     .float-xl-right {

         float: right !important;

     }



     .float-xl-none {

         float: none !important;

     }

 }



 .position-static {

     position: static !important;

 }



 .position-relative {

     position: relative !important;

 }



 .position-absolute {

     position: absolute !important;

 }



 .position-fixed {

     position: fixed !important;

 }



 .position-sticky {

     position: sticky !important;

 }



 .fixed-top {

     position: fixed;

     top: 0;

     right: 0;

     left: 0;

     z-index: 1030;

 }



 .fixed-bottom {

     position: fixed;

     right: 0;

     bottom: 0;

     left: 0;

     z-index: 1030;

 }



 @supports (position: sticky) {

     .sticky-top {

         position: sticky;

         top: 0;

         z-index: 1020;

     }

 }



 .sr-only {

     position: absolute;

     width: 1px;

     height: 1px;

     padding: 0;

     overflow: hidden;

     clip: rect(0, 0, 0, 0);

     white-space: nowrap;

     border: 0;

 }



 .sr-only-focusable:active,

 .sr-only-focusable:focus {

     position: static;

     width: auto;

     height: auto;

     overflow: visible;

     clip: auto;

     white-space: normal;

 }



 .shadow-sm {

     box-shadow: 0 0.125rem 0.25rem rgba(18, 18, 18, 0.075) !important;

 }



 .shadow {

     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015) !important;

 }



 .shadow-lg {

     box-shadow: 0 1rem 3rem rgba(18, 18, 18, 0.175) !important;

 }



 .shadow-none {

     box-shadow: none !important;

 }



 .w-25 {

     width: 25% !important;

 }



 .w-50 {

     width: 50% !important;

 }



 .w-75 {

     width: 75% !important;

 }



 .w-100 {

     width: 100% !important;

 }



 .w-auto {

     width: auto !important;

 }



 .h-25 {

     height: 25% !important;

 }



 .h-50 {

     height: 50% !important;

 }



 .h-75 {

     height: 75% !important;

 }



 .h-100 {

     height: 100% !important;

 }



 .h-auto {

     height: auto !important;

 }



 .mw-100 {

     max-width: 100% !important;

 }



 .mh-100 {

     max-height: 100% !important;

 }



 .m-0 {

     margin: 0 !important;

 }



 .mt-0,

 .my-0 {

     margin-top: 0 !important;

 }



 .mr-0,

 .mx-0 {

     margin-right: 0 !important;

 }



 .mb-0,

 .my-0 {

     margin-bottom: 0 !important;

 }



 .ml-0,

 .mx-0 {

     margin-left: 0 !important;

 }



 .m-1 {

     margin: 0.25rem !important;

 }



 .mt-1,

 .my-1 {

     margin-top: 0.25rem !important;

 }



 .mtf-1 {

     margin-top: 0.25rem !important;

 }





 .myf-1 {

     margin-top: 0.40rem !important;

 }

 .myf-1 {

     margin-bottom: 0.15rem !important;

 }

 

 



 .mr-1,

 .mx-1 {

     margin-right: 0.25rem !important;

 }



 .mb-1,

 .my-1 {

     margin-bottom: 0.25rem !important;

 }



 .ml-1,

 .mx-1 {

     margin-left: 0.25rem !important;

 }



 .m-2 {

     margin: 0.5rem !important;

 }



 .mt-2,

 .my-2 {

     margin-top: 0.5rem !important;

 }



 .mr-2,

 .mx-2 {

     margin-right: 0.5rem !important;

 }



 .mb-2,

 .my-2 {

     margin-bottom: 0.5rem !important;

 }



 .ml-2,

 .mx-2 {

     margin-left: 0.5rem !important;

 }



 .m-3 {

     margin: 1rem !important;

 }





 .mv-3,

 .mz-3 {

     margin-top: 0.8rem !important;

 }

 

 

 .mt-3,

 .my-3 {

     margin-top: 1rem !important;

 }



 .mr-3,

 .mx-3 {

     margin-right: 1rem !important;

 }



 .mb-3,

 .my-3 {

     margin-bottom: 1rem !important;

 }



 .ml-3,

 .mx-3 {

     margin-left: 1rem !important;

 }



 .m-4 {

     margin: 1.5rem !important;

 }



 .mt-4,

 .my-4 {

     margin-top: 1.5rem !important;

 }



 .mr-4,

 .mx-4 {

     margin-right: 1.5rem !important;

 }

 

.mbg-4 {

     margin-bottom: -1rem !important;

 }

 .mbgt-4 {

     margin-bottom: 0rem !important;

 }

 .mb-4,

 .my-4 {

     margin-bottom: 1.5rem !important;

 }



 .ml-4,

 .mx-4 {

     margin-left: 1.5rem !important;

 }



 .m-5 {

     margin: 3rem !important;

 }



 .mt-5,

 .my-5 {

     margin-top: 3rem !important;

 }



 .mr-5,

 .mx-5 {

     margin-right: 3rem !important;

 }



 .mb-5,

 .my-5 {

     margin-bottom: 3rem !important;

 }



 .ml-5,

 .mx-5 {

     margin-left: 3rem !important;

 }



 .p-0 {

     padding: 0 !important;

 }



 .pt-0,

 .py-0 {

     padding-top: 0 !important;

 }



 .pr-0,

 .px-0 {

     padding-right: 0 !important;

 }



 .pb-0,

 .py-0 {

     padding-bottom: 0 !important;

 }



 .pl-0,

 .px-0 {

     padding-left: 0 !important;

 }



 .p-1 {

     padding: 0.25rem !important;

 }



 .pt-1,

 .py-1 {

     padding-top: 0.25rem !important;

 }



 .pr-1,

 .px-1 {

     padding-right: 0.25rem !important;

 }



 .pb-1,

 .py-1 {

     padding-bottom: 0.25rem !important;

 }



 .pl-1,

 .px-1 {

     padding-left: 0.25rem !important;

 }



 .p-2 {

     padding: 0.5rem !important;

 }



 .pt-2,

 .py-2 {

     padding-top: 0.5rem !important;

 }



 .pr-2,

 .px-2 {

     padding-right: 0.5rem !important;

 }



 .pb-2,

 .py-2 {

     padding-bottom: 0.5rem !important;

 }



 .pl-2,

 .px-2 {

     padding-left: 0.5rem !important;

 }



 .p-3 {

     padding: 1rem !important;

 }



 .pt-3,

 .py-3 {

     padding-top: 1rem !important;

 }

 



 .py-s {

     padding-top: 1rem !important;

     padding-bottom: 1rem !important;

 }



 .pr-3,

 .px-3 {

     padding-right: 1rem !important;

 }



 .pb-3,

 .py-3 {

     padding-bottom: 1rem !important;

 }



 .pl-3,

 .px-3 {

     padding-left: 1rem !important;

 }



 .p-4 {

     padding: 1.5rem !important;

 }



 .pt-4,

 .py-4 {

     padding-top: 1.5rem !important;

 }



 .pr-4,

 .px-4 {

     padding-right: 1.5rem !important;

 }



 .pb-4,

 .py-4 {

     padding-bottom: 1.5rem !important;

 }



 .pl-4,

 .px-4 {

     padding-left: 1.5rem !important;

 }



 .p-5 {

     padding: 3rem !important;

 }



 .pt-5,

 .py-5 {

     padding-top: 3rem !important;

 }



 .pr-5,

 .px-5 {

     padding-right: 3rem !important;

 }



 .pb-5,

 .py-5 {

     padding-bottom: 3rem !important;

 }

 

  .pb-8{

     padding-bottom: 
     1.3rem !important;

	 
 }



 .pl-5,

 .px-5 {

     padding-left: 3rem !important;

 }



 .m-auto {

     margin: auto !important;

 }



 .mt-auto,

 .my-auto {

     margin-top: auto !important;

 }



 .mr-auto,

 .mx-auto {

     margin-right: auto !important;

 }



 .mb-auto,

 .my-auto {

     margin-bottom: auto !important;

 }



 .ml-auto,

 .mx-auto {

     margin-left: auto !important;

 }



 @media (min-width: 576px) {

     .m-sm-0 {

         margin: 0 !important;

     }



     .mt-sm-0,

     .my-sm-0 {

         margin-top: 0 !important;

     }



     .mr-sm-0,

     .mx-sm-0 {

         margin-right: 0 !important;

     }



     .mb-sm-0,

     .my-sm-0 {

         margin-bottom: 0 !important;

     }



     .ml-sm-0,

     .mx-sm-0 {

         margin-left: 0 !important;

     }



     .m-sm-1 {

         margin: 0.25rem !important;

     }



     .mt-sm-1,

     .my-sm-1 {

         margin-top: 0.25rem !important;

     }



     .mr-sm-1,

     .mx-sm-1 {

         margin-right: 0.25rem !important;

     }



     .mb-sm-1,

     .my-sm-1 {

         margin-bottom: 0.25rem !important;

     }



     .ml-sm-1,

     .mx-sm-1 {

         margin-left: 0.25rem !important;

     }



     .m-sm-2 {

         margin: 0.5rem !important;

     }



     .mt-sm-2,

     .my-sm-2 {

         margin-top: 0.5rem !important;

     }



     .mr-sm-2,

     .mx-sm-2 {

         margin-right: 0.5rem !important;

     }



     .mb-sm-2,

     .my-sm-2 {

         margin-bottom: 0.5rem !important;

     }



     .ml-sm-2,

     .mx-sm-2 {

         margin-left: 0.5rem !important;

     }



     .m-sm-3 {

         margin: 1rem !important;

     }



     .mt-sm-3,

     .my-sm-3 {

         margin-top: 1rem !important;

     }



     .mr-sm-3,

     .mx-sm-3 {

         margin-right: 1rem !important;

     }



     .mb-sm-3,

     .my-sm-3 {

         margin-bottom: 1rem !important;

     }



     .ml-sm-3,

     .mx-sm-3 {

         margin-left: 1rem !important;

     }



     .m-sm-4 {

         margin: 1.5rem !important;

     }



     .mt-sm-4,

     .my-sm-4 {

         margin-top: 1.5rem !important;

     }



     .mr-sm-4,

     .mx-sm-4 {

         margin-right: 1.5rem !important;

     }



     .mb-sm-4,

     .my-sm-4 {

         margin-bottom: 1.5rem !important;

     }



     .ml-sm-4,

     .mx-sm-4 {

         margin-left: 1.5rem !important;

     }



     .m-sm-5 {

         margin: 3rem !important;

     }



     .mt-sm-5,

     .my-sm-5 {

         margin-top: 3rem !important;

     }



     .mr-sm-5,

     .mx-sm-5 {

         margin-right: 3rem !important;

     }



     .mb-sm-5,

     .my-sm-5 {

         margin-bottom: 3rem !important;

     }



     .ml-sm-5,

     .mx-sm-5 {

         margin-left: 3rem !important;

     }



     .p-sm-0 {

         padding: 0 !important;

     }



     .pt-sm-0,

     .py-sm-0 {

         padding-top: 0 !important;

     }



     .pr-sm-0,

     .px-sm-0 {

         padding-right: 0 !important;

     }



     .pb-sm-0,

     .py-sm-0 {

         padding-bottom: 0 !important;

     }



     .pl-sm-0,

     .px-sm-0 {

         padding-left: 0 !important;

     }



     .p-sm-1 {

         padding: 0.25rem !important;

     }



     .pt-sm-1,

     .py-sm-1 {

         padding-top: 0.25rem !important;

     }



     .pr-sm-1,

     .px-sm-1 {

         padding-right: 0.25rem !important;

     }



     .pb-sm-1,

     .py-sm-1 {

         padding-bottom: 0.25rem !important;

     }



     .pl-sm-1,

     .px-sm-1 {

         padding-left: 0.25rem !important;

     }



     .p-sm-2 {

         padding: 0.5rem !important;

     }



     .pt-sm-2,

     .py-sm-2 {

         padding-top: 0.5rem !important;

     }



     .pr-sm-2,

     .px-sm-2 {

         padding-right: 0.5rem !important;

     }



     .pb-sm-2,

     .py-sm-2 {

         padding-bottom: 0.5rem !important;

     }



     .pl-sm-2,

     .px-sm-2 {

         padding-left: 0.5rem !important;

     }



     .p-sm-3 {

         padding: 1rem !important;

     }



     .pt-sm-3,

     .py-sm-3 {

         padding-top: 1rem !important;

     }



     .pr-sm-3,

     .px-sm-3 {

         padding-right: 1rem !important;

     }



     .pb-sm-3,

     .py-sm-3 {

         padding-bottom: 1rem !important;

     }



     .pl-sm-3,

     .px-sm-3 {

         padding-left: 1rem !important;

     }



     .p-sm-4 {

         padding: 1.5rem !important;

     }



     .pt-sm-4,

     .py-sm-4 {

         padding-top: 1.5rem !important;

     }



     .pr-sm-4,

     .px-sm-4 {

         padding-right: 1.5rem !important;

     }



     .pb-sm-4,

     .py-sm-4 {

         padding-bottom: 1.5rem !important;

     }



     .pl-sm-4,

     .px-sm-4 {

         padding-left: 1.5rem !important;

     }



     .p-sm-5 {

         padding: 3rem !important;

     }



     .pt-sm-5,

     .py-sm-5 {

         padding-top: 3rem !important;

     }



     .pr-sm-5,

     .px-sm-5 {

         padding-right: 3rem !important;

     }



     .pb-sm-5,

     .py-sm-5 {

         padding-bottom: 3rem !important;

     }



     .pl-sm-5,

     .px-sm-5 {

         padding-left: 3rem !important;

     }



     .m-sm-auto {

         margin: auto !important;

     }



     .mt-sm-auto,

     .my-sm-auto {

         margin-top: auto !important;

     }



     .mr-sm-auto,

     .mx-sm-auto {

         margin-right: auto !important;

     }



     .mb-sm-auto,

     .my-sm-auto {

         margin-bottom: auto !important;

     }



     .ml-sm-auto,

     .mx-sm-auto {

         margin-left: auto !important;

     }

 }



 @media (min-width: 768px) {

     .m-md-0 {

         margin: 0 !important;

     }



     .mt-md-0,

     .my-md-0 {

         margin-top: 0 !important;

     }



     .mr-md-0,

     .mx-md-0 {

         margin-right: 0 !important;

     }



     .mb-md-0,

     .my-md-0 {

         margin-bottom: 0 !important;

     }



     .ml-md-0,

     .mx-md-0 {

         margin-left: 0 !important;

     }



     .m-md-1 {

         margin: 0.25rem !important;

     }



     .mt-md-1,

     .my-md-1 {

         margin-top: 0.25rem !important;

     }



     .mr-md-1,

     .mx-md-1 {

         margin-right: 0.25rem !important;

     }



     .mb-md-1,

     .my-md-1 {

         margin-bottom: 0.25rem !important;

     }



     .ml-md-1,

     .mx-md-1 {

         margin-left: 0.25rem !important;

     }



     .m-md-2 {

         margin: 0.5rem !important;

     }



     .mt-md-2,

     .my-md-2 {

         margin-top: 0.5rem !important;

     }



     .mr-md-2,

     .mx-md-2 {

         margin-right: 0.5rem !important;

     }



     .mb-md-2,

     .my-md-2 {

         margin-bottom: 0.5rem !important;

     }



     .ml-md-2,

     .mx-md-2 {

         margin-left: 0.5rem !important;

     }



     .m-md-3 {

         margin: 1rem !important;

     }



     .mt-md-3,

     .my-md-3 {

         margin-top: 1rem !important;

     }



     .mr-md-3,

     .mx-md-3 {

         margin-right: 1rem !important;

     }



     .mb-md-3,

     .my-md-3 {

         margin-bottom: 1rem !important;

     }



     .ml-md-3,

     .mx-md-3 {

         margin-left: 1rem !important;

     }



     .m-md-4 {

         margin: 1.5rem !important;

     }



     .mt-md-4,

     .my-md-4 {

         margin-top: 1.5rem !important;

     }



     .mr-md-4,

     .mx-md-4 {

         margin-right: 1.5rem !important;

     }



     .mb-md-4,

     .my-md-4 {

         margin-bottom: 1.5rem !important;

     }



     .ml-md-4,

     .mx-md-4 {

         margin-left: 1.5rem !important;

     }



     .m-md-5 {

         margin: 3rem !important;

     }



     .mt-md-5,

     .my-md-5 {

         margin-top: 3rem !important;

     }



     .mr-md-5,

     .mx-md-5 {

         margin-right: 3rem !important;

     }



     .mb-md-5,

     .my-md-5 {

         margin-bottom: 3rem !important;

     }



     .ml-md-5,

     .mx-md-5 {

         margin-left: 3rem !important;

     }



     .p-md-0 {

         padding: 0 !important;

     }



     .pt-md-0,

     .py-md-0 {

         padding-top: 0 !important;

     }



     .pr-md-0,

     .px-md-0 {

         padding-right: 0 !important;

     }



     .pb-md-0,

     .py-md-0 {

         padding-bottom: 0 !important;

     }



     .pl-md-0,

     .px-md-0 {

         padding-left: 0 !important;

     }



     .p-md-1 {

         padding: 0.25rem !important;

     }



     .pt-md-1,

     .py-md-1 {

         padding-top: 0.25rem !important;

     }



     .pr-md-1,

     .px-md-1 {

         padding-right: 0.25rem !important;

     }



     .pb-md-1,

     .py-md-1 {

         padding-bottom: 0.25rem !important;

     }



     .pl-md-1,

     .px-md-1 {

         padding-left: 0.25rem !important;

     }



     .p-md-2 {

         padding: 0.5rem !important;

     }



     .pt-md-2,

     .py-md-2 {

         padding-top: 0.5rem !important;

     }



     .pr-md-2,

     .px-md-2 {

         padding-right: 0.5rem !important;

     }



     .pb-md-2,

     .py-md-2 {

         padding-bottom: 0.5rem !important;

     }



     .pl-md-2,

     .px-md-2 {

         padding-left: 0.5rem !important;

     }



     .p-md-3 {

         padding: 1rem !important;

     }



     .pt-md-3,

     .py-md-3 {

         padding-top: 1rem !important;

     }



     .pr-md-3,

     .px-md-3 {

         padding-right: 1rem !important;

     }



     .pb-md-3,

     .py-md-3 {

         padding-bottom: 1rem !important;

     }



     .pl-md-3,

     .px-md-3 {

         padding-left: 1rem !important;

     }



     .p-md-4 {

         padding: 1.5rem !important;

     }



     .pt-md-4,

     .py-md-4 {

         padding-top: 1.5rem !important;

     }



     .pr-md-4,

     .px-md-4 {

         padding-right: 1.5rem !important;

     }



     .pb-md-4,

     .py-md-4 {

         padding-bottom: 1.5rem !important;

     }



     .pl-md-4,

     .px-md-4 {

         padding-left: 1.5rem !important;

     }



     .p-md-5 {

         padding: 3rem !important;

     }



     .pt-md-5,

     .py-md-5 {

         padding-top: 3rem !important;

     }



     .pr-md-5,

     .px-md-5 {

         padding-right: 3rem !important;

     }



     .pb-md-5,

     .py-md-5 {

         padding-bottom: 3rem !important;

     }



     .pl-md-5,

     .px-md-5 {

         padding-left: 3rem !important;

     }



     .m-md-auto {

         margin: auto !important;

     }



     .mt-md-auto,

     .my-md-auto {

         margin-top: auto !important;

     }



     .mr-md-auto,

     .mx-md-auto {

         margin-right: auto !important;

     }



     .mb-md-auto,

     .my-md-auto {

         margin-bottom: auto !important;

     }



     .ml-md-auto,

     .mx-md-auto {

         margin-left: auto !important;

     }

 }



 @media (min-width: 992px) {

     .m-lg-0 {

         margin: 0 !important;

     }



     .mt-lg-0,

     .my-lg-0 {

         margin-top: 0 !important;

     }



     .mr-lg-0,

     .mx-lg-0 {

         margin-right: 0 !important;

     }



     .mb-lg-0,

     .my-lg-0 {

         margin-bottom: 0 !important;

     }



     .ml-lg-0,

     .mx-lg-0 {

         margin-left: 0 !important;

     }



     .m-lg-1 {

         margin: 0.25rem !important;

     }



     .mt-lg-1,

     .my-lg-1 {

         margin-top: 0.25rem !important;

     }



     .mr-lg-1,

     .mx-lg-1 {

         margin-right: 0.25rem !important;

     }



     .mb-lg-1,

     .my-lg-1 {

         margin-bottom: 0.25rem !important;

     }



     .ml-lg-1,

     .mx-lg-1 {

         margin-left: 0.25rem !important;

     }



     .m-lg-2 {

         margin: 0.5rem !important;

     }



     .mt-lg-2,

     .my-lg-2 {

         margin-top: 0.5rem !important;

     }



     .mr-lg-2,

     .mx-lg-2 {

         margin-right: 0.5rem !important;

     }



     .mb-lg-2,

     .my-lg-2 {

         margin-bottom: 0.5rem !important;

     }



     .ml-lg-2,

     .mx-lg-2 {

         margin-left: 0.5rem !important;

     }



     .m-lg-3 {

         margin: 1rem !important;

     }



     .mt-lg-3,

     .my-lg-3 {

         margin-top: 1rem !important;

     }



     .mr-lg-3,

     .mx-lg-3 {

         margin-right: 1rem !important;

     }



     .mb-lg-3,

     .my-lg-3 {

         margin-bottom: 1rem !important;

     }



     .ml-lg-3,

     .mx-lg-3 {

         margin-left: 1rem !important;

     }



     .m-lg-4 {

         margin: 1.5rem !important;

     }



     .mt-lg-4,

     .my-lg-4 {

         margin-top: 1.5rem !important;

     }



     .mr-lg-4,

     .mx-lg-4 {

         margin-right: 1.5rem !important;

     }



     .mb-lg-4,

     .my-lg-4 {

         margin-bottom: 1.5rem !important;

     }



     .ml-lg-4,

     .mx-lg-4 {

         margin-left: 1.5rem !important;

     }



     .m-lg-5 {

         margin: 3rem !important;

     }



     .mt-lg-5,

     .my-lg-5 {

         margin-top: 3rem !important;

     }



     .mr-lg-5,

     .mx-lg-5 {

         margin-right: 3rem !important;

     }



     .mb-lg-5,

     .my-lg-5 {

         margin-bottom: 3rem !important;

     }



     .ml-lg-5,

     .mx-lg-5 {

         margin-left: 3rem !important;

     }



     .p-lg-0 {

         padding: 0 !important;

     }



     .pt-lg-0,

     .py-lg-0 {

         padding-top: 0 !important;

     }



     .pr-lg-0,

     .px-lg-0 {

         padding-right: 0 !important;

     }



     .pb-lg-0,

     .py-lg-0 {

         padding-bottom: 0 !important;

     }



     .pl-lg-0,

     .px-lg-0 {

         padding-left: 0 !important;

     }



     .p-lg-1 {

         padding: 0.25rem !important;

     }



     .pt-lg-1,

     .py-lg-1 {

         padding-top: 0.25rem !important;

     }



     .pr-lg-1,

     .px-lg-1 {

         padding-right: 0.25rem !important;

     }



     .pb-lg-1,

     .py-lg-1 {

         padding-bottom: 0.25rem !important;

     }



     .pl-lg-1,

     .px-lg-1 {

         padding-left: 0.25rem !important;

     }



     .p-lg-2 {

         padding: 0.5rem !important;

     }



     .pt-lg-2,

     .py-lg-2 {

         padding-top: 0.5rem !important;

     }



     .pr-lg-2,

     .px-lg-2 {

         padding-right: 0.5rem !important;

     }



     .pb-lg-2,

     .py-lg-2 {

         padding-bottom: 0.5rem !important;

     }



     .pl-lg-2,

     .px-lg-2 {

         padding-left: 0.5rem !important;

     }



     .p-lg-3 {

         padding: 1rem !important;

     }



     .pt-lg-3,

     .py-lg-3 {

         padding-top: 1rem !important;

     }



     .pr-lg-3,

     .px-lg-3 {

         padding-right: 1rem !important;

     }



     .pb-lg-3,

     .py-lg-3 {

         padding-bottom: 1rem !important;

     }



     .pl-lg-3,

     .px-lg-3 {

         padding-left: 1rem !important;

     }



     .p-lg-4 {

         padding: 1.5rem !important;

     }



     .pt-lg-4,

     .py-lg-4 {

         padding-top: 1.5rem !important;

     }



     .pr-lg-4,

     .px-lg-4 {

         padding-right: 1.5rem !important;

     }



     .pb-lg-4,

     .py-lg-4 {

         padding-bottom: 1.5rem !important;

     }



      ! .pl-lg-4,

     .px-lg-4 {

         padding-left: 1.5rem !important;

     }



     .p-lg-5 {

         padding: 3rem !important;

     }



     .pt-lg-5,

     .py-lg-5 {

         padding-top: 3rem !important;

     }



     .pr-lg-5,

     .px-lg-5 {

         padding-right: 3rem !important;

     }



     .pb-lg-5,

     .py-lg-5 {

         padding-bottom: 3rem !important;

     }



     .pl-lg-5,

     .px-lg-5 {

         padding-left: 3rem !important;

     }



     .m-lg-auto {

         margin: auto !important;

     }



     .mt-lg-auto,

     .my-lg-auto {

         margin-top: auto !important;

     }



     .mr-lg-auto,

     .mx-lg-auto {

         margin-right: auto !important;

     }



     .mb-lg-auto,

     .my-lg-auto {

         margin-bottom: auto !important;

     }



     .ml-lg-auto,

     .mx-lg-auto {

         margin-left: auto !important;

     }

 }



 @media (min-width: 1200px) {

     .m-xl-0 {

         margin: 0 !important;

     }



     .mt-xl-0,

     .my-xl-0 {

         margin-top: 0 !important;

     }



     .mr-xl-0,

     .mx-xl-0 {

         margin-right: 0 !important;

     }



     .mb-xl-0,

     .my-xl-0 {

         margin-bottom: 0 !important;

     }



     .ml-xl-0,

     .mx-xl-0 {

         margin-left: 0 !important;

     }



     .m-xl-1 {

         margin: 0.25rem !important;

     }



     .mt-xl-1,

     .my-xl-1 {

         margin-top: 0.25rem !important;

     }



     .mr-xl-1,

     .mx-xl-1 {

         margin-right: 0.25rem !important;

     }



     .mb-xl-1,

     .my-xl-1 {

         margin-bottom: 0.25rem !important;

     }



     .ml-xl-1,

     .mx-xl-1 {

         margin-left: 0.25rem !important;

     }



     .m-xl-2 {

         margin: 0.5rem !important;

     }



     .mt-xl-2,

     .my-xl-2 {

         margin-top: 0.5rem !important;

     }



     .mr-xl-2,

     .mx-xl-2 {

         margin-right: 0.5rem !important;

     }



     .mb-xl-2,

     .my-xl-2 {

         margin-bottom: 0.5rem !important;

     }



     .ml-xl-2,

     .mx-xl-2 {

         margin-left: 0.5rem !important;

     }



     .m-xl-3 {

         margin: 1rem !important;

     }



     .mt-xl-3,

     .my-xl-3 {

         margin-top: 1rem !important;

     }



     .mr-xl-3,

     .mx-xl-3 {

         margin-right: 1rem !important;

     }



     .mb-xl-3,

     .my-xl-3 {

         margin-bottom: 1rem !important;

     }



     .ml-xl-3,

     .mx-xl-3 {

         margin-left: 1rem !important;

     }



     .m-xl-4 {

         margin: 1.5rem !important;

     }



     .mt-xl-4,

     .my-xl-4 {

         margin-top: 1.5rem !important;

     }



     .mr-xl-4,

     .mx-xl-4 {

         margin-right: 1.5rem !important;

     }



     .mb-xl-4,

     .my-xl-4 {

         margin-bottom: 1.5rem !important;

     }



     .ml-xl-4,

     .mx-xl-4 {

         margin-left: 1.5rem !important;

     }



     .m-xl-5 {

         margin: 3rem !important;

     }



     .mt-xl-5,

     .my-xl-5 {

         margin-top: 3rem !important;

     }



     .mr-xl-5,

     .mx-xl-5 {

         margin-right: 3rem !important;

     }



     .mb-xl-5,

     .my-xl-5 {

         margin-bottom: 3rem !important;

     }



     .ml-xl-5,

     .mx-xl-5 {

         margin-left: 3rem !important;

     }



     .p-xl-0 {

         padding: 0 !important;

     }



     .pt-xl-0,

     .py-xl-0 {

         padding-top: 0 !important;

     }



     .pr-xl-0,

     .px-xl-0 {

         padding-right: 0 !important;

     }



     .pb-xl-0,

     .py-xl-0 {

         padding-bottom: 0 !important;

     }



     .pl-xl-0,

     .px-xl-0 {

         padding-left: 0 !important;

     }



     .p-xl-1 {

         padding: 0.25rem !important;

     }



     .pt-xl-1,

     .py-xl-1 {

         padding-top: 0.25rem !important;

     }



     .pr-xl-1,

     .px-xl-1 {

         padding-right: 0.25rem !important;

     }



     .pb-xl-1,

     .py-xl-1 {

         padding-bottom: 0.25rem !important;

     }



     .pl-xl-1,

     .px-xl-1 {

         padding-left: 0.25rem !important;

     }



     .p-xl-2 {

         padding: 0.5rem !important;

     }



     .pt-xl-2,

     .py-xl-2 {

         padding-top: 0.5rem !important;

     }



     .pr-xl-2,

     .px-xl-2 {

         padding-right: 0.5rem !important;

     }



     .pb-xl-2,

     .py-xl-2 {

         padding-bottom: 0.5rem !important;

     }



     .pl-xl-2,

     .px-xl-2 {

         padding-left: 0.5rem !important;

     }



     .p-xl-3 {

         padding: 1rem !important;

     }



     .pt-xl-3,

     .py-xl-3 {

         padding-top: 1rem !important;

     }



     .pr-xl-3,

     .px-xl-3 {

         padding-right: 1rem !important;

     }



     .pb-xl-3,

     .py-xl-3 {

         padding-bottom: 1rem !important;

     }



     .pl-xl-3,

     .px-xl-3 {

         padding-left: 1rem !important;

     }



     .p-xl-4 {

         padding: 1.5rem !important;

     }



     .pt-xl-4,

     .py-xl-4 {

         padding-top: 1.5rem !important;

     }



     .pr-xl-4,

     .px-xl-4 {

         padding-right: 1.5rem !important;

     }



     .pb-xl-4,

     .py-xl-4 {

         padding-bottom: 1.5rem !important;

     }



     .pl-xl-4,

     .px-xl-4 {

         padding-left: 1.5rem !important;

     }



     .p-xl-5 {

         padding: 3rem !important;

     }



     .pt-xl-5,

     .py-xl-5 {

         padding-top: 3rem !important;

     }



     .pr-xl-5,

     .px-xl-5 {

         padding-right: 3rem !important;

     }



     .pb-xl-5,

     .py-xl-5 {

         padding-bottom: 3rem !important;

     }



     .pl-xl-5,

     .px-xl-5 {

         padding-left: 3rem !important;

     }



     .m-xl-auto {

         margin: auto !important;

     }



     .mt-xl-auto,

     .my-xl-auto {

         margin-top: auto !important;

     }



     .mr-xl-auto,

     .mx-xl-auto {

         margin-right: auto !important;

     }



     .mb-xl-auto,

     .my-xl-auto {

         margin-bottom: auto !important;

     }



     .ml-xl-auto,

     .mx-xl-auto {

         margin-left: auto !important;

     }

 }



 .text-monospace {

     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

 }



 .text-justify {

     text-align: justify !important;

 }



 .text-nowrap {

     white-space: nowrap !important;

 }



 .text-truncate {

     overflow: hidden;

     text-overflow: ellipsis;

     white-space: nowrap;

 }



 .text-left {

     text-align: left !important;

 }



 .text-right {

     text-align: right !important;

 }



 .text-center {

     text-align: center !important;

 }



 @media (min-width: 576px) {

     .text-sm-left {

         text-align: left !important;

     }



     .text-sm-right {

         text-align: right !important;

     }



     .text-sm-center {

         text-align: center !important;

     }

 }



 @media (min-width: 768px) {

     .text-md-left {

         text-align: left !important;

     }



     .text-md-right {

         text-align: right !important;

     }



     .text-md-center {

         text-align: center !important;

     }

 }



 @media (min-width: 992px) {

     .text-lg-left {

         text-align: left !important;

     }



     .text-lg-right {

         text-align: right !important;

     }



     .text-lg-center {

         text-align: center !important;

     }

 }



 @media (min-width: 1200px) {

     .text-xl-left {

         text-align: left !important;

     }



     .text-xl-right {

         text-align: right !important;

     }



     .text-xl-center {

         text-align: center !important;

     }

 }



 .text-lowercase {

     text-transform: lowercase !important;

 }



 .text-uppercase {

     text-transform: uppercase !important;

 }



 .text-capitalize {

     text-transform: capitalize !important;

 }



 .font-weight-light {

     font-weight: 300 !important;

 }



 .font-weight-normal {

     font-weight: 400 !important;

 }



 .font-weight-bold {

     font-weight: 600 !important;

 }



 .font-italic {

     font-style: italic !important;

 }



 .text-white {

     color: #ffffff !important;

 }



 .text-primary {

     color: #cc292b !important;

 }

 .text-category-general {


 background-color: #cc292b !important;

 
    

 }

 a.text-primary:hover,

 a.text-primary:focus {

     color: #a22022 !important;

 }



 .text-secondary {

     color: #555 !important;

 }



 a.text-secondary:hover,

 a.text-secondary:focus {

     color: #868b8e !important;

 }



 .text-success {

     color: #258412 !important

 }



 a.text-success:hover,

 a.text-success:focus {

     color: #479f35 !important;

 }



 .text-info {

     color: #7258ff !important;

 }



 a.text-info:hover,

 a.text-info:focus {

     color: #4725ff !important;

 }



 .text-warning {

     color: #ffd14d !important;

 }



 a.text-warning:hover,

 a.text-warning:focus {

     color: #ffc41a !important;

 }



 .text-danger {

     color: #d00e25 !important

 }



 a.text-danger:hover,

 a.text-danger:focus {

     color: #fe1a35 !important;

 }



 .text-light {

     color: #dfe1e2 !important;

 }



 a.text-light:hover,

 a.text-light:focus {

     color: #c4c8ca !important;

 }



 .text-dark {

     color: #171c21 !important;

 }



 a.text-dark:hover,

 a.text-dark:focus {

     color: #020303 !important;

 }



 .text-body {

     color: #313335 !important;

 }



 .text-muted {

     color: #333 !important;

 }



 .text-black-50 {

     color: rgba(18, 18, 18, 0.5) !important;

 }



 .text-white-50 {

     color: rgba(255, 255, 255, 0.5) !important;

 }



 .text-hide {

     font: 0/0 a;

     color: transparent;

     text-shadow: none;

     background-color: transparent;

     border: 0;

 }



 .visible {

     visibility: visible !important;

 }



 .invisible {

     visibility: hidden !important;

 }



 @media print {



     *,

     *::before,

     *::after {

         text-shadow: none !important;

         box-shadow: none !important;

     }



     a:not(.btn) {

         text-decoration: underline;

     }



     abbr[title]::after {

         content: " ("attr(title) ")";

     }



     pre {

         white-space: pre-wrap !important;

     }



     pre,

     blockquote {

         border: 1px solid #adb5bd;

         page-break-inside: avoid;

     }



     thead {

         display: table-header-group;

     }



     tr,

     img {

         page-break-inside: avoid;

     }



     p,

     h2,

     h3 {

         orphans: 3;

         widows: 3;

     }



     h2,

     h3 {

         page-break-after: avoid;

     }



     @page {

         size: a3;

     }



     body {

         min-width: 992px !important;

     }



     .container {

         min-width: 992px !important;

     }



     .navbar {

         display: none;

     }



     .badge {

         border: 1px solid #121212;

     }



     .table {

         border-collapse: collapse !important;

     }



     .table td,

     .table th {

         background-color: #ffffff !important;

     }



     .table-bordered th,

     .table-bordered td {

         border: 1px solid #dee2e6 !important;

     }

 }



 /** Swiper */

 .swiper-container {

     margin: 0 auto;

     position: relative;

     overflow: hidden;

     list-style: none;

     padding: 0;

     z-index: 1;

 }



 .swiper-container-no-flexbox .swiper-slide {

     float: left;

 }



 .swiper-container-vertical>.swiper-wrapper {

     -webkit-box-orient: vertical;

     -webkit-box-direction: normal;

     -webkit-flex-direction: column;

     -ms-flex-direction: column;

     flex-direction: column;

 }



 .swiper-wrapper {

     position: relative;

     width: 100%;

     height: 100%;

     z-index: 1;

     display: -webkit-box;

     display: -webkit-flex;

     display: -ms-flexbox;

     display: flex;

     -webkit-transition-property: -webkit-transform;

     transition-property: -webkit-transform;

     -o-transition-property: transform;

     transition-property: transform;

     transition-property: transform, -webkit-transform;

     -webkit-box-sizing: content-box;

     box-sizing: content-box;

 }



 .swiper-container-android .swiper-slide,

 .swiper-wrapper {

     -webkit-transform: translate3d(0px, 0, 0);

     transform: translate3d(0px, 0, 0);

 }



 .swiper-container-multirow>.swiper-wrapper {

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;

 }



 .swiper-container-free-mode>.swiper-wrapper {

     -webkit-transition-timing-function: ease-out;

     -o-transition-timing-function: ease-out;

     transition-timing-function: ease-out;

     margin: 0 auto;

 }



 .swiper-slide {

     -webkit-flex-shrink: 0;

     -ms-flex-negative: 0;

     flex-shrink: 0;

     width: 100%;

     position: relative;

     -webkit-transition-property: -webkit-transform;

     transition-property: -webkit-transform;

     -o-transition-property: transform;

     transition-property: transform;

     transition-property: transform, -webkit-transform;

 }



 .swiper-slide-invisible-blank {

     visibility: hidden;

 }



 /* Auto Height */

 .swiper-container-autoheight,

 .swiper-container-autoheight .swiper-slide {

     height: auto;

 }



 .swiper-container-autoheight .swiper-wrapper {

     -webkit-box-align: start;

     -webkit-align-items: flex-start;

     -ms-flex-align: start;

     align-items: flex-start;

     -webkit-transition-property: height, -webkit-transform;

     transition-property: height, -webkit-transform;

     -o-transition-property: transform, height;

     transition-property: transform, height;

     transition-property: transform, height, -webkit-transform;

 }



 /* 3D Effects */

 .swiper-container-3d {

     -webkit-perspective: 1200px;

     perspective: 1200px;

 }



 .swiper-container-3d .swiper-wrapper,

 .swiper-container-3d .swiper-slide,

 .swiper-container-3d .swiper-slide-shadow-left,

 .swiper-container-3d .swiper-slide-shadow-right,

 .swiper-container-3d .swiper-slide-shadow-top,

 .swiper-container-3d .swiper-slide-shadow-bottom,

 .swiper-container-3d .swiper-cube-shadow {

     -webkit-transform-style: preserve-3d;

     transform-style: preserve-3d;

 }



 .swiper-container-3d .swiper-slide-shadow-left,

 .swiper-container-3d .swiper-slide-shadow-right,

 .swiper-container-3d .swiper-slide-shadow-top,

 .swiper-container-3d .swiper-slide-shadow-bottom {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     pointer-events: none;

     z-index: 10;

 }



 .swiper-container-3d .swiper-slide-shadow-left {

     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

     background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

 }



 .swiper-container-3d .swiper-slide-shadow-right {

     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

 }



 .swiper-container-3d .swiper-slide-shadow-top {

     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

     background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

 }



 .swiper-container-3d .swiper-slide-shadow-bottom {

     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

 }



 /* IE10 Windows Phone 8 Fixes */

 .swiper-container-wp8-horizontal,

 .swiper-container-wp8-horizontal>.swiper-wrapper {

     -ms-touch-action: pan-y;

     touch-action: pan-y;

 }



 .swiper-container-wp8-vertical,

 .swiper-container-wp8-vertical>.swiper-wrapper {

     -ms-touch-action: pan-x;

     touch-action: pan-x;

 }



 .swiper-button-prev,

 .swiper-button-next {

     position: absolute;

     top: 50%;

     width: 42px;

     height: 42px;

     transform: translateY(-50%);

     z-index: 10;

     cursor: pointer; 

     font-weight: 300; 

     display: flex;

     align-items: center;

     justify-content: center;

     color: #fff;

 }

 .swiper-button-prev svg,

 .swiper-button-next svg {

 width:42px;

 height:42px;

 fill: #fff;

}



 .swiper-button-prev.swiper-button-disabled,

 .swiper-button-next.swiper-button-disabled {

     opacity: 0.35;

     cursor: auto;

     pointer-events: none;

 }



 .swiper-button-prev,

 .swiper-container-rtl .swiper-button-next {

     left: 10px;

     right: auto;

 }

 

 .swiper-button-next,

 .swiper-container-rtl .swiper-button-prev {

     right: 10px;

     left: auto;

 }

 



 .swiper-button-prev.swiper-button-white,

 .swiper-container-rtl .swiper-button-next.swiper-button-white {

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

 }



 .swiper-button-next.swiper-button-white,

 .swiper-container-rtl .swiper-button-prev.swiper-button-white {

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

 }



 .swiper-button-prev.swiper-button-black,

 .swiper-container-rtl .swiper-button-next.swiper-button-black {

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

 }



 .swiper-button-next.swiper-button-black,

 .swiper-container-rtl .swiper-button-prev.swiper-button-black {

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

 }



 .swiper-button-lock {

     display: none;

 }



 .swiper-pagination {

     position: relative;

     text-align: center;

     -webkit-transition: 100ms opacity;

     -o-transition: 100ms opacity;

     transition: 100ms opacity;

     -webkit-transform: translate3d(0, 0, 0);

     transform: translate3d(0, 0, 0);

     z-index: 10;

 }



 .swiper-pagination.swiper-pagination-hidden {

     opacity: 0;

 }



 /* Common Styles */

 .swiper-pagination-fraction,

 .swiper-pagination-custom,

 .swiper-container-horizontal>.swiper-pagination-bullets {}



 /* Bullets */

 .swiper-pagination-bullets-dynamic {

     overflow: hidden;

     font-size: 0;

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     -webkit-transform: scale(0.33);

     -ms-transform: scale(0.33);

     transform: scale(0.33);

     position: relative;

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

     -webkit-transform: scale(1);

     -ms-transform: scale(1);

     transform: scale(1);

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

     -webkit-transform: scale(1);

     -ms-transform: scale(1);

     transform: scale(1);

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

     -webkit-transform: scale(0.66);

     -ms-transform: scale(0.66);

     transform: scale(0.66);

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

     -webkit-transform: scale(0.33);

     -ms-transform: scale(0.33);

     transform: scale(0.33);

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

     -webkit-transform: scale(0.66);

     -ms-transform: scale(0.66);

     transform: scale(0.66);

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

     -webkit-transform: scale(0.33);

     -ms-transform: scale(0.33);

     transform: scale(0.33);

 }



 .swiper-pagination-bullet {

     width: 8px;

     height: 8px;

     display: inline-flex;

     font-weight: 400;

     align-items: center;

     justify-content: center;

     background-color: #140404;

     padding-top: 1px;

     color: #ffb3b3;

 }



  .swiper-pagination-bullet:hover{

  font-size:18px;
  font-weight:bold;

  }

  

 button.swiper-pagination-bullet {

     border: none;

     margin: 0;

     padding: 0;

     -webkit-box-shadow: none;

     box-shadow: none;

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none;

 }



 .swiper-pagination-clickable .swiper-pagination-bullet {

     cursor: pointer;

 }



 .swiper-pagination-bullet-active {

     opacity: 1;

     background-color: #cc292b;

     color: #fff;

 }



 .swiper-container-vertical>.swiper-pagination-bullets {

     right: 10px;

     top: 50%;

     -webkit-transform: translate3d(0px, -50%, 0);

     transform: translate3d(0px, -50%, 0);

 }



 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

     margin: 6px 0;

     display: block;

 }



 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

     top: 50%;

     -webkit-transform: translateY(-50%);

     -ms-transform: translateY(-50%);

     transform: translateY(-50%);

     width: 8px;

 }



 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     display: inline-block;

     -webkit-transition: 200ms top, 200ms -webkit-transform;

     transition: 200ms top, 200ms -webkit-transform;

     -o-transition: 200ms transform, 200ms top;

     transition: 200ms transform, 200ms top;

     transition: 200ms transform, 200ms top, 200ms -webkit-transform;

 }



 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

     margin: 0 4px;

 }



 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

     left: 50%;

     -webkit-transform: translateX(-50%);

     -ms-transform: translateX(-50%);

     transform: translateX(-50%);

     white-space: nowrap;

 }



 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     -webkit-transition: 200ms left, 200ms -webkit-transform;

     transition: 200ms left, 200ms -webkit-transform;

     -o-transition: 200ms transform, 200ms left;

     transition: 200ms transform, 200ms left;

     transition: 200ms transform, 200ms left, 200ms -webkit-transform;

 }



 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     -webkit-transition: 200ms right, 200ms -webkit-transform;

     transition: 200ms right, 200ms -webkit-transform;

     -o-transition: 200ms transform, 200ms right;

     transition: 200ms transform, 200ms right;

     transition: 200ms transform, 200ms right, 200ms -webkit-transform;

 }



 /* Progress */

 .swiper-pagination-progressbar {

     background: rgba(0, 0, 0, 0.25);

     position: absolute;

 }



 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

     background: #007aff;

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     -webkit-transform: scale(0);

     -ms-transform: scale(0);

     transform: scale(0);

     -webkit-transform-origin: left top;

     -ms-transform-origin: left top;

     transform-origin: left top;

 }



 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

     -webkit-transform-origin: right top;

     -ms-transform-origin: right top;

     transform-origin: right top;

 }



 .swiper-container-horizontal>.swiper-pagination-progressbar,

 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

     width: 100%;

     height: 4px;

     left: 0;

     top: 0;

 }



 .swiper-container-vertical>.swiper-pagination-progressbar,

 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

     width: 4px;

     height: 100%;

     left: 0;

     top: 0;

 }



 .swiper-pagination-white .swiper-pagination-bullet-active {

     background: #ffffff;

 }



 .swiper-pagination-progressbar.swiper-pagination-white {

     background: rgba(255, 255, 255, 0.25);

 }



 .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

     background: #ffffff;

 }



 .swiper-pagination-black .swiper-pagination-bullet-active {

     background: #000000;

 }



 .swiper-pagination-progressbar.swiper-pagination-black {

     background: rgba(0, 0, 0, 0.25);

 }



 .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

     background: #000000;

 }



 .swiper-pagination-lock {

     display: none;

 }



 /* Scrollbar */

 .swiper-scrollbar {

     border-radius: 10px;

     position: relative;

     -ms-touch-action: none;

     background: rgba(0, 0, 0, 0.1);

 }



 .swiper-container-horizontal>.swiper-scrollbar {

     position: absolute;

     left: 1%;

     bottom: 3px;

     z-index: 50;

     height: 5px;

     width: 98%;

 }



 .swiper-container-vertical>.swiper-scrollbar {

     position: absolute;

     right: 3px;

     top: 1%;

     z-index: 50;

     width: 5px;

     height: 98%;

 }



 .swiper-scrollbar-drag {

     height: 100%;

     width: 100%;

     position: relative;

     background: rgba(0, 0, 0, 0.5);

     border-radius: 10px;

     left: 0;

     top: 0;

 }



 .swiper-scrollbar-cursor-drag {

     cursor: move;

 }



 .swiper-scrollbar-lock {

     display: none;

 }



 .swiper-zoom-container {

     width: 100%;

     height: 100%;

     display: -webkit-box;

     display: -webkit-flex;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -webkit-align-items: center;

     -ms-flex-align: center;

     align-items: center;

     text-align: center;

 }



 .swiper-zoom-container>img,

 .swiper-zoom-container>svg,

 .swiper-zoom-container>canvas {

     max-width: 100%;

     max-height: 100%;

     -o-object-fit: contain;

     object-fit: contain;

 }



 .swiper-slide-zoomed {

     cursor: move;

 }



 /* Preloader */

 .swiper-lazy-preloader {

     width: 42px;

     height: 42px;

     position: absolute;

     left: 50%;

     top: 50%;

     margin-left: -21px;

     margin-top: -21px;

     z-index: 10;

     -webkit-transform-origin: 50%;

     -ms-transform-origin: 50%;

     transform-origin: 50%;

     -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

     animation: swiper-preloader-spin 1s steps(12, end) infinite;

 }



 .swiper-lazy-preloader:after {

     display: block;

     content: '';

     width: 100%;

     height: 100%;

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

     background-position: 50%;

     background-size: 100%;

     background-repeat: no-repeat;

 }



 .swiper-lazy-preloader-white:after {

     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

 }



 @-webkit-keyframes swiper-preloader-spin {

     100% {

         -webkit-transform: rotate(360deg);

         transform: rotate(360deg);

     }

 }



 @keyframes swiper-preloader-spin {

     100% {

         -webkit-transform: rotate(360deg);

         transform: rotate(360deg);

     }

 }



 /* a11y */

 .swiper-container .swiper-notification {

     position: absolute;

     left: 0;

     top: 0;

     pointer-events: none;

     opacity: 0;

     z-index: -1000;

 }



 .swiper-container-fade.swiper-container-free-mode .swiper-slide {

     -webkit-transition-timing-function: ease-out;

     -o-transition-timing-function: ease-out;

     transition-timing-function: ease-out;

 }



 .swiper-container-fade .swiper-slide {

     pointer-events: none;

     -webkit-transition-property: opacity;

     -o-transition-property: opacity;

     transition-property: opacity;

 }



 .swiper-container-fade .swiper-slide .swiper-slide {

     pointer-events: none;

 }



 .swiper-container-fade .swiper-slide-active,

 .swiper-container-fade .swiper-slide-active .swiper-slide-active {

     pointer-events: auto;

     z-index:1000;

 }



 .swiper-container-cube {

     overflow: visible;

 }



 .swiper-container-cube .swiper-slide {

     pointer-events: none;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     z-index: 1;

     visibility: hidden;

     -webkit-transform-origin: 0 0;

     -ms-transform-origin: 0 0;

     n transform-origin: 0 0;

     width: 100%;

     height: 100%;

 }



 .swiper-container-cube .swiper-slide .swiper-slide {

     pointer-events: none;

 }



 .swiper-container-cube.swiper-container-rtl .swiper-slide {

     -webkit-transform-origin: 100% 0;

     -ms-transform-origin: 100% 0;

     transform-origin: 100% 0;

 }



 .swiper-container-cube .swiper-slide-active,

 .swiper-container-cube .swiper-slide-active .swiper-slide-active {

     pointer-events: auto;

 }



 .swiper-container-cube .swiper-slide-active,

 .swiper-container-cube .swiper-slide-next,

 .swiper-container-cube .swiper-slide-prev,

 .swiper-container-cube .swiper-slide-next+.swiper-slide {

     pointer-events: auto;

     visibility: visible;

 }



 .swiper-container-cube .swiper-slide-shadow-top,

 .swiper-container-cube .swiper-slide-shadow-bottom,

 .swiper-container-cube .swiper-slide-shadow-left,

 .swiper-container-cube .swiper-slide-shadow-right {

     z-index: 0;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

 }



 .swiper-container-cube .swiper-cube-shadow {

     position: absolute;

     left: 0;

     bottom: 0px;

     width: 100%;

     height: 100%;

     background: #000;

     opacity: 0.6;

     -webkit-filter: blur(50px);

     filter: blur(50px);

     z-index: 0;

 }



 .swiper-container-flip {

     overflow: visible;

 }



 .swiper-container-flip .swiper-slide {

     pointer-events: none;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     z-index: 1;

 }



 .swiper-container-flip .swiper-slide .swiper-slide {

     pointer-events: none;

 }



 .swiper-container-flip .swiper-slide-active,

 .swiper-container-flip .swiper-slide-active .swiper-slide-active {

     pointer-events: auto;

 }



 .swiper-container-flip .swiper-slide-shadow-top,

 .swiper-container-flip .swiper-slide-shadow-bottom,

 .swiper-container-flip .swiper-slide-shadow-left,

 .swiper-container-flip .swiper-slide-shadow-right {

     z-index: 0;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

 }



 .swiper-container-coverflow .swiper-wrapper {

     /* Windows 8 IE 10 fix */

     -ms-perspective: 1200px;

 }



 /* Swiper end */

 /* story */

 @keyframes zuckSlideTime {

     0% {

         max-width: 0;

     }



     100% {

         max-width: 100%;

     }

 }



 @keyframes zuckLoading {

     0% {

         transform: rotate(0deg);

     }



     100% {

         transform: rotate(360deg);

     }

 }



 #zuck-modal {

     outline: 0 !important;

     overflow: hidden;

     position: fixed;

     top: 0;

     left: 0;

     width: 100vw;

     height: 100%;

     background: rgba(0, 0, 0, 0.75);

     z-index: 100000;

     font-size: 14px;

     font-family: inherit;

 }



 #zuck-modal-content,

 #zuck-modal-content .story-viewer,

 #zuck-modal-content .story-viewer>.slides,

 #zuck-modal-content .story-viewer>.slides>* {

     width: 100vw;

     height: 100%;

     top: 0;

     bottom: 0;

     position: absolute;

     overflow: hidden;

 }



 #zuck-modal * {

     user-select: none;

     outline: 0;

 }



 #zuck-modal.with-effects {

     transform: scale(0.01);

     transform-origin: top left;

     transition: 0.25s;

 }



 #zuck-modal.with-effects.animated {

     transform: scale(1);

     border-radius: 0;

     margin-top: 0 !important;

     margin-left: 0 !important;

 }



 #zuck-modal.with-effects.closed {

     transform: translateY(100%);

 }



 #zuck-modal .slider {

     width: 300vw;

     height: 100%;

     top: 0;

     bottom: 0;

     left: -100vw;

     position: absolute;

 }



 #zuck-modal .slider>* {

     width: 100vw;

     height: 100%;

     top: 0;

     bottom: 0;

     position: absolute;

 }



 #zuck-modal .slider>.previous {

     left: 0;

 }



 #zuck-modal .slider>.viewing {

     left: 100vw;

 }



 #zuck-modal .slider>.next {

     left: 200vw;

 }



 #zuck-modal .slider.animated {

     -webkit-transition: -webkit-transform 0.25s linear;

     transition: -webkit-transform 0.25s linear;

     transition: transform 0.25s linear;

     transition: transform 0.25s linear, -webkit-transform 0.25s linear;

 }



 #zuck-modal.with-cube #zuck-modal-content {

     perspective: 1000vw;

     transform: scale(0.95);

     perspective-origin: 50% 50%;

     overflow: visible;

     transition: 0.3s;

 }



 #zuck-modal.with-cube .slider {

     transform-style: preserve-3d;

     transform: rotateY(0deg);

 }



 #zuck-modal.with-cube .slider>.previous {

     backface-visibility: hidden;

     left: 100vw;

     transform: rotateY(270deg) translateX(-50%);

     transform-origin: center left;

 }



 #zuck-modal.with-cube .slider>.viewing {

     backface-visibility: hidden;

     left: 100vw;

     transform: translateZ(50vw);

 }



 #zuck-modal.with-cube .slider>.next {

     backface-visibility: hidden;

     left: 100vw;

     transform: rotateY(-270deg) translateX(50%);

     transform-origin: top right;

 }



 #zuck-modal-content .story-viewer.paused.longPress .head,

 #zuck-modal-content .story-viewer.paused.longPress .slides-pointers,

 #zuck-modal-content .story-viewer.paused.longPress .tip {

     opacity: 0;

 }



 #zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b {

     -webkit-animation-play-state: running;

     animation-play-state: running;

 }



 #zuck-modal-content .story-viewer.next {

     z-index: 10;

 }



 #zuck-modal-content .story-viewer.viewing {

     z-index: 5;

 }



 #zuck-modal-content .story-viewer.previous {

     z-index: 0;

 }



 #zuck-modal-content .story-viewer.muted .tip.muted,

 #zuck-modal-content .story-viewer.loading .head .loading {

     display: block;

 }



 #zuck-modal-content .story-viewer.loading .head .right .time,

 #zuck-modal-content .story-viewer.loading .head .right .close {

     display: none;

 }



 #zuck-modal-content .story-viewer .slides-pagination span {

     position: absolute;

     top: 50vh;

     font-size: 48px;

     color: #fff;

     line-height: 48px;

     width: 48px;

     margin: 6px;

     transform: translateY(-50%);

     z-index: 1;

     text-align: center;

 }



 #zuck-modal-content .story-viewer .slides-pagination .previous {

     left: 0;

 }



 #zuck-modal-content .story-viewer .slides-pagination .next {

     right: 0;

 }



 #zuck-modal-content .story-viewer .slides-pointers {

     display: table;

     table-layout: fixed;

     border-spacing: 6px;

     border-collapse: separate;

     position: absolute;

     width: 100vh;

     top: 0;

     left: calc(50vw - 50vh);

     right: calc(50vw - 50vh);

     z-index: 100020;

 }



 #zuck-modal-content .story-viewer .slides-pointers>* {

     display: table-row;

 }



 #zuck-modal-content .story-viewer .slides-pointers>*>* {

     display: table-cell;

     background: rgba(255, 255, 255, 0.5);

     border-radius: 2px;

 }



 #zuck-modal-content .story-viewer .slides-pointers>*>.seen {

     background: #fff;

 }



 #zuck-modal-content .story-viewer .slides-pointers>*>*>b {

     background: #fff;

     width: auto;

     max-width: 0;

     height: 2px;

     display: block;

     -webkit-animation-fill-mode: forwards;

     animation-fill-mode: forwards;

     -webkit-animation-play-state: paused;

     animation-play-state: paused;

     border-radius: 2px;

 }



 #zuck-modal-content .story-viewer .slides-pointers>*>.active>b {

     -webkit-animation-name: zuckSlideTime;

     animation-name: zuckSlideTime;

     -webkit-animation-timing-function: linear;

     animation-timing-function: linear;

 }



 #zuck-modal-content .story-viewer .head {

     position: absolute;

     height: 56px;

     left: 0;

     right: 0;

     line-height: 56px;

     z-index: 100010;

     color: #fff;

     font-size: 14px;

     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 1px 0 1px rgba(0, 0, 0, 0.35);

     padding: 6px 12px;

 }



 #zuck-modal-content .story-viewer .head .item-preview {

     overflow: hidden;

     vertical-align: top;

     background-size: cover;

     width: 42px;

     height: 42px;

     display: inline-block;

     margin-right: 9px;

     border-radius: 50%;

     vertical-align: middle;

     background-repeat: no-repeat;

     background-position: center;

 }



 #zuck-modal-content .story-viewer .head .item-preview img {

     display: block;

     box-sizing: border-box;

     height: 100%;

     width: 100%;

     background-size: cover;

     background-position: center;

     object-fit: cover;

 }



 #zuck-modal-content .story-viewer .head .time {

     opacity: 0.75;

     font-weight: 500;

     font-size: 13px;

 }



 #zuck-modal-content .story-viewer .head .left {

     line-height: 1 !important;

     display: inline-block;

     margin: 6px 0;

 }



 #zuck-modal-content .story-viewer .head .left .info {

     display: inline-block;

     max-width: 30vw;

     vertical-align: middle;

 }



 #zuck-modal-content .story-viewer .head .left .info>* {

     width: 100%;

     display: inline-block;

     line-height: 21px;

 }



 #zuck-modal-content .story-viewer .head .left .info .name {

     font-weight: 500;

 }



 #zuck-modal-content .story-viewer .head .right {

     float: right;

 }



 #zuck-modal-content .story-viewer .head .right .close,

 #zuck-modal-content .story-viewer .head .back {

     font-size: 42px;

     width: 48px;

     height: 48px;

     line-height: 48px;

     cursor: pointer;

     text-align: center;

     text-shadow: none;

     color: #fff;

     margin-right: 20px;

 }



 #zuck-modal-content .story-viewer .head .left .back {

     display: none;

     width: 24px;

     margin: -9px -6px 0 -6px;

 }



 #zuck-modal-content .story-viewer .head .right .time {

     display: none;

 }



 #zuck-modal-content .story-viewer .head .loading {

     display: none;

     border-radius: 50%;

     width: 30px;

     height: 30px;

     margin: 9px 0;

     border: 4px solid rgba(255, 255, 255, 0.2);

     box-sizing: border-box;

     border-top-color: #fff;

     -webkit-animation: zuckLoading 1s infinite linear;

     animation: zuckLoading 1s infinite linear;

 }



 #zuck-modal-content .story-viewer .head,

 #zuck-modal-content .story-viewer .slides-pointers,

 #zuck-modal-content .story-viewer .tip {

     -webkit-transition: opacity 0.5s;

     transition: opacity 0.5s;

 }



 #zuck-modal-content .story-viewer .slides .item {

     display: none;

     overflow: hidden;

     background: #000;

 }



 #zuck-modal-content .story-viewer .slides .item:before {

     z-index: 4;

     background: transparent;

     content: '';

     position: absolute;

     left: 0;

     right: 0;

     bottom: 0;

     top: 0;

 }



 #zuck-modal-content .story-viewer .slides .item>.media {}



 .story-media {

     padding: 0 1rem;



 }



 .story-text {

     text-align: center;

     font-size: 20px;

     word-break: break-word;

     display: inline;

     max-width: 100%;

     padding: 8px 16px;

     background: #121212;

     -webkit-box-decoration-break: clone;

     overflow: hidden;

     line-height: 36px;

     font-weight: 500;

     color: #fff;

 }



 .story-media img {

     width: 100%;

     height: auto;

     margin-bottom: 1rem;

 }



 #zuck-modal-content .story-viewer .slides .item.active,

 #zuck-modal-content .story-viewer .slides .item.active .tip.link {

     display: flex;

     align-items: center;

     -ms-flex-direction: column;

     flex-direction: column;

     justify-content: center;

 }



 #zuck-modal-content .story-viewer .tip {

     z-index: 5;

     text-decoration: none;

     display: none;

     border-radius: 24px;

     background: rgba(0, 0, 0, 0.5);

     font-size: 16px;

     position: absolute;

     bottom: 24px;

     left: 50%;

     transform: translateX(-50%);

     z-index: 1000;

     color: #fff;

     text-align: center;

     font-weight: 500;

     padding: 12px 24px;

 }







 @media (max-width: 1024px) {

     #zuck-modal-content .story-viewer .head {

         top: 3px;

     }



     #zuck-modal-content .story-viewer .head .loading {

         width: 24px;

         height: 24px;

         margin: 6px 0;

     }



     #zuck-modal-content .story-viewer .head .item-preview {

         width: 30px;

         height: 30px;

         margin-right: 9px;

     }



     #zuck-modal-content .story-viewer .head .left {

         font-size: 15px;

         margin: 15px 0;

     }



     #zuck-modal-content .story-viewer .head .left>div {

         line-height: 30px;

     }



     #zuck-modal-content .story-viewer .head .right .time {

         display: block;

         white-space: nowrap;

         font-size: 15px;

         margin: 15px 0;

         line-height: 30px;

     }



     #zuck-modal-content .story-viewer .head .left>.back {

         display: none;

         background: transparent;

         z-index: 20;

         visibility: visible;

         position: absolute;

         height: 42px;

         width: 24px;

         line-height: 36px;

         text-align: left;

         vertical-align: top;

         text-shadow: none;

     }



     #zuck-modal-content .story-viewer.with-back-button .head .left>.back {

         display: block;

     }



     #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {

         margin-left: 18px;

     }



     #zuck-modal-content .story-viewer .slides-pointers {

         width: 100vw;

         left: 0;

         right: 0;

     }



     #zuck-modal-content .story-viewer .tip {

         font-size: 16px;

         padding: 6px 12px;

     }



     #zuck-modal-content .story-viewer .head .left .time,

     #zuck-modal-content .story-viewer .head .right .close {

         display: none;

     }

 }

 



 /* timeline */

 .stories.carousel {

     white-space: nowrap;

     overflow: auto;

     -webkit-overflow-scrolling: touch;

     overflow-scrolling: touch;

 }



 .stories.carousel::-webkit-scrollbar {

     width: 0px;

     background: transparent;

 }



 .stories.carousel .story {

     display: inline-block;

     width: 18vw;

     max-width: 90px;

     margin: 0 6px;

     vertical-align: top;

 }



 .stories.carousel .story:first-child {

     margin-left: 0;

 }



 .stories.carousel .story:last-child {

     margin-right: 0;

 }



 .stories.carousel .story>.item-link {

     text-align: center;

     display: block;

 }



 .stories.carousel .story>.item-link:active>.item-preview {

     transform: scale(0.9);

 }



 .stories.carousel .story>.item-link>.item-preview {

     display: block;

     box-sizing: border-box;

     font-size: 0;

     max-height: 90px;

     height: 18vw;

     overflow: hidden;

     transition: transform 0.2s;

 }



 .stories.carousel .story>.item-link>.item-preview img {

     display: block;

     box-sizing: border-box;

     height: 100%;

     width: 100%;

     background-size: cover;

     background-position: center;

     object-fit: cover;

 }



 .stories.carousel .story>.item-link>.info {

     display: inline-block;

     margin-top: 0.5em;

     line-height: 1.2em;

     width: 100%;

     overflow: hidden;

     text-overflow: ellipsis;

 }



 .stories.carousel .story>.item-link>.info .name {

     font-weight: 300;

     font-size: 0.80rem;

     color: #000;

 }



 .stories.carousel .story>.item-link>.info .time {

     display: none;

 }



 .stories.carousel .story>.items {

     display: none;

 }



 .stories.list {

     white-space: nowrap;

     overflow: auto;

 }



 .stories.list .story {

     display: block;

     width: auto;

     margin: 6px;

     padding-bottom: 6px;

 }



 .stories.list .story>.item-link {

     text-align: left;

     display: block;

 }



 .stories.list .story>.item-link>.item-preview {

     height: 42px;

     width: 42px;

     max-width: 42px;

     margin-right: 12px;

     vertical-align: top;

     display: inline-block;

     box-sizing: border-box;

     font-size: 0;

     overflow: hidden;

 }



 .stories.list .story>.item-link>.item-preview img {

     display: block;

     box-sizing: border-box;

     height: 100%;

     width: 100%;

     background-size: cover;

     background-position: center;

 }



 .stories.list .story>.item-link>.info {

     display: inline-block;

     line-height: 1.6em;

     overflow: hidden;

     text-overflow: ellipsis;

     vertical-align: top;

 }



 .stories.list .story>.item-link>.info .name {

     font-weight: 500;

     display: block;

 }



 .stories.list .story>.item-link>.info .time {

     display: inline-block;

 }



 .stories.list .story>.items {

     display: none;

 }



 .stories.snapgram .story>.item-link {

     text-decoration: none;

     color: #666;

     font-size: 12px;

 }



 .stories.snapgram .story>.item-link>.item-preview {

     border-radius: 50%;

     padding: 3px;

     background-color: #cc292b;

 }



 .stories.snapgram .story>.item-link>.item-preview img {

     border-radius: 50%;

     border: 3px solid #fff;

 }



 .stories.snapgram .story.seen {

     opacity: 0.75;

 }



 .stories.snapgram .story.seen>a>.item-preview {

     background: #999;

 }



 .stories.snapgram .story.seen>a {

     color: #999 !important;

 }



 /* Story end */

 html {

     background: #f4f4f4;

 }



 body {

     width: 100%;

     min-height: 100vh;

     color: #222;

     background: #f4f4f4;

     
 }



 *:focus {

     outline: 0 !important;

 }



 a {

     text-decoration: none;

     cursor: pointer;

     outline: 0;

 }



 a:hover,

 a:focus {

     text-decoration: none;

 }



 button {

     color: inherit;

 }



 pre {

     color: #171c21;

     background-color: #dfe1e2;

     border-color: rgba(135, 150, 165, 0.1);

 }



 hr {

     border-color: rgba(135, 150, 165, 0.1);

 }



 blockquote {

     border-color: rgba(135, 150, 165, 0.1);

 }



blockquote {

    background: #f9f9f9;

    border-left: 3px solid #ccc;

    margin: 1.5em 0px;

    padding: 0.5em 20px;

    margin-left: 20px;

}



blockquote p {

   

}

blockquote:before {

    color: #ccc;

    font-size: 4em;

    line-height: 0.1em;

    margin-right: 0.25em;

    vertical-align: -0.4em;

}



 small {

     font-size: 0.75rem;

 }



 sup {

     vertical-align: text-top;

     top: -.25em;

 }



 canvas {

     max-width: 100%;

 }



 b,

 strong {

     font-weight: bold;

 }



 h1,

 .h1,

 h2,

 .h2,

 h3,

 .h3,

 h4,

 .h4,

 h5,

 .h5,

 h6,

 .h6 {

     color: #222;

 }



 /*

Buttons 

*/

 .btn {

     font-weight: 500;

 }



 .btn>i.float-left,

 .btn>i.float-right {

     line-height: inherit;

     margin: 0;

 }



 .btn>i svg {

     max-width: 16px;

     max-height: 16px;

     vertical-align: middle;

 }



 .btn.loading {

     text-indent: -9999rem;

 }



 .btn-md {

     padding: 0.75rem 1.25rem;

 }



 .btn-white {

     color: #171c21;

     background-color: #fff;

     border-color: rgba(135, 150, 165, 0.1);

 }



 .btn-rounded {

     border-radius: 0rem;

     padding-left: 1rem;

     padding-right: 1rem;

 }



 .btn-rounded.btn-xs {

     padding-left: 0.8rem;

     padding-right: 0.8rem;

 }

 

  .btn-icon-top {

     text-align: center;

     width: 1.60rem;

     height: 1.60rem;

     line-height: 1.60rem;

     border: 0px;

     padding: 0 !important;

     position: relative;

 }



 .btn-icon {

     text-align: center;

     width: 1.90rem;

     height: 1.90rem;

     line-height: 1.90rem;

     border: 0px;

     padding: 0 !important;

     position: relative;

 }



 .btn-icon-lg {

     width: auto;

     line-height: 70px;

     font-size: 18px;

     height: 70px;

 }



 .btn-icon span {

     position: absolute;

     width: 100%;

     height: 100%;

     top: 0;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

 }



 .btn-icon.btn-sm {

     width: 1.75rem;

     height: 1.75rem;

     line-height: 1.75rem;

 }



 .btn-icon.btn-md {

     width: 3rem;

     height: 3rem;

     line-height: 3rem;

 }



 .btn-icon.btn-lg {

     width: 3.875rem;

     height: 3.875rem;

     line-height: 2.875rem;

 }



 .btn-line {

     position: relative;

 }



 .btn-line:after {

     content: '';

     position: absolute;

     left: 0;

     right: 0;

     bottom: 0;

     display: block;

     height: 1px;

     width: 100%;

     background: #000;

     transition: transform 0.8s cubic-bezier(0.9, 0, 0.1, 1);

     transform-origin: right center;

     transform: scaleX(0);

 }



 .btn-line:hover:after,

 .btn-line:active:after {

     transform-origin: left center;

     transform: scaleX(1);

 }



 .btn-wave {

     overflow: hidden;

     position: relative;

     transform: translate3d(0, 0, 0);

 }



 .btn-wave:before {

     content: "";

     display: block;

     position: absolute;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     width: auto;

     height: auto;

     pointer-events: none;

     background-image: radial-gradient(circle, #000 10%, transparent 10.01%);

     background-repeat: no-repeat;

     background-position: 50%;

     transform: scale(10, 10);

     opacity: 0;

     transition: transform .5s, opacity 1.5s;

 }



 .btn-wave:active:before {

     transform: scale(0, 0);

     opacity: .1;

     transition: 0s;

 }



 /*

Card

*/

 .card,

 .block {

     background: #fff;

     border-width: 0;

     margin-bottom: 1.1rem;

 }



 .block-shadow {

     border-bottom: inset 1px rgba(80, 80, 80, .2);

 }



 .card-header,

 .card-footer {

     background-color: transparent;

     border-color: rgba(135, 150, 165, 0.1);

     background-clip: padding-box;

 }



 .card-body p:last-child {

     margin-bottom: 0;

 }



 .card-hide-body .card-body {

     display: none;

 }



 .card-title {

     line-height: 1.5;

 }



 .block-fold:before,

 .block-fold:after,

 .card-fold:before,

 .card-fold:after {

     content: '';

     display: block;

     background-color: inherit;

     box-shadow: inherit;

     border-radius: inherit;

     border-top-left-radius: 0;

     border-top-right-radius: 0;

     position: absolute;

     width: 90%;

     left: 5%;

     height: 0.35rem;

     bottom: -0.35rem;

     opacity: 0.6;

     transition: all .1s;

 }



 .block-fold:before,

 .card-fold:before {

     width: 80%;

     left: 10%;

     bottom: -0.7rem;

     opacity: 0.3;

 }



 .block-fold:hover:before,

 .block-fold:active:before,

 .card-fold:hover:before,

 .card-fold:active:before {

     opacity: 0.5;

 }



 .block-fold:hover:after,

 .block-fold:active:after,

 .card-fold:hover:after,

 .card-fold:active:after {

     opacity: 0.8;

 }



 /*

Carousel 

*/

 .carousel-indicators li {

     width: 5px;

     height: 5px;

     border-radius: 5px;

     transition: all .3s;

 }



 .carousel-indicators li.active {

     width: 20px;

 }



 .carousel-fade .carousel-item {

     transition: opacity 1s;

 }



 .carousel-fade .carousel-item-next.carousel-item-left,

 .carousel-fade .carousel-item-prev.carousel-item-right {

     transform: translateX(0);

     opacity: 1;

 }



 .carousel-fade .carousel-item-next,

 .carousel-fade .active.carousel-item-right {

     opacity: 0;

 }



 .carousel-fade .carousel-item-prev,

 .carousel-fade .active.carousel-item-left {

     opacity: 0;

 }



 /*

Dropdown menu 

*/

 .dropdown-menu {

     border-radius: 3px;

     border: none;

     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);

     color: #171c21;

 }



 .dropdown-menu>li:not(.dropdown-item)>a {

     display: block;

     padding: 3px 20px;

 }



 .dropdown-menu>li:not(.dropdown-item)>a:hover,

 .dropdown-menu>li:not(.dropdown-item)>a:focus {

     background-color: rgba(135, 150, 165, 0.1);

 }



 .dropdown-menu>.divider {

     height: 1px;

     margin: .5rem 0;

     overflow: hidden;

     background-color: rgba(135, 150, 165, 0.1);

 }



 .dropdown-menu .active {

     background-color: rgba(135, 150, 165, 0.1);

 }



 .dropdown-menu-center {

     left: 50%;

     transform: translateX(-50%);

 }



 .dropdown-item {

     color: inherit;

 }



 .dropdown-item a {

     color: inherit;

 }



 .dropdown-item i {

     margin-left: -0.5rem;

     margin-right: .5rem;

     text-align: center;

 }



 .dropdown-item,

 .dropdown-item.active {

     color: inherit;

 }



 .dropdown-item:hover,

 .dropdown-item:focus,

 .dropdown-item.active:hover,

 .dropdown-item.active:focus {

     color: inherit;

     background-color: rgba(135, 150, 165, 0.1);

 }



 .dropdown-header {

     color: inherit;

     opacity: 0.5;

 }



 .dropdown-toggle {

     white-space: nowrap !important;

 }



 .dropdown-divider {

     border-color: rgba(135, 150, 165, 0.1);

 }



 .dropdown-submenu {

     position: relative;

 }



 .dropdown-submenu:hover>.dropdown-menu,

 .dropdown-submenu:focus>.dropdown-menu {

     display: block;

 }



 .dropdown-submenu .dropdown-menu {

     left: 100%;

     top: 0;

     margin-top: -8px;

     margin-left: -1px;

 }



 .dropdown-submenu .dropdown-menu.pull-left {

     right: 100%;

     left: auto;

 }



 .dropup .dropdown-submenu>.dropdown-menu {

     top: auto;

     bottom: 0;

     margin-bottom: -6px;

 }



 .popover {

     color: #171c21;

 }



 /*

Form 

*/

 .form-control {

     border-color: rgba(135, 150, 165, 0.25);

     border-width: 1px;

     color: inherit;

 }



 .form-control:focus {

     color: inherit;

     box-shadow: none;

 }



 .form-control:not(.is-valid):not(.is-invalid):focus {

     border-color: #cc292b;

 }



 .col-form-label {

     color: #666;

 }



 .form-check-input {

     margin-top: 0.2rem;

 }



 .custom-file-control,

 .custom-file-control:before,

 .custom-select {

     border-color: rgba(135, 150, 165, 0.25);

 }



 .custom-select,

 .custom-range {

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none;

 }



 .custom-control-label {

     line-height: 1.75;

 }



 .form-control::-webkit-input-placeholder {

     color: inherit;

     opacity: 0.3;

 }



 .form-control::-moz-placeholder {

     color: inherit;

     opacity: 0.3;

 }



 .form-control:-ms-input-placeholder {

     color: inherit;

     opacity: 0.3;

 }



 .form-control-spin {

     position: absolute;

     z-index: 2;

     right: 10px;

     top: 50%;

     margin-top: -7px;

 }



 .custom-file-label,

 .custom-file-label:after,

 .input-group-text {

     border-color: rgba(135, 150, 165, 0.25) !important;

     background-color: transparent;

     color: inherit;

 }



 .input-group-text,

 .custom-file-label:after {

     background-color: rgba(135, 150, 165, 0.075);

 }



 .form-group-stack .form-control {

     margin-top: -1px;

     position: relative;

     border-radius: 0;

 }



 .form-group-stack .form-control:focus,

 .form-group-stack .form-control:active {

     z-index: 1;

 }



 .input-group-sm>.form-control {

     min-height: 1.95rem;

 }



 .active-checked {

     opacity: 0;

 }



 input:checked+.active-checked {

     opacity: 1;

 }



 /*

List Group 

*/

 .list-group {

     border-radius: 3px;

     background: #fff;

     padding-right: 0;

 }



 .list-group.no-radius .list-group-item {

     border-radius: 0 !important;

 }



 .list-group.no-borders .list-group-item {

     border: none;

 }



 .list-group.no-border .list-group-item {

     border-width: 1px 0;

 }



 .list-group.box .list-group-item,

 .list-group.no-border .list-group-item {

     border-width: 1px 0;

 }



 .list-group.box .list-group-item:first-child,

 .list-group.no-border .list-group-item:first-child {

     border-top-width: 0;

 }



 .list-group.box .list-group-item:last-child,

 .list-group.no-border .list-group-item:last-child {

     border-bottom-width: 0;

 }



 .list-group.no-bg .list-group-item {

     background-color: transparent;

 }



 .list-group.list-group-gap {

     background: transparent;

 }



 .list-group.box .list-group-item {

     border-left-width: 0;

     border-right-width: 0;

 }



 .list-group-item {

     border-color: rgba(135, 150, 165, 0.075);

     background: transparent;

     padding: 6px 6px;

     background-clip: padding-box;

 }



 .list-group-item.media {

     margin-top: 0;

 }



 .list-group-item.box {

     border-width: 0;

 }



 .list-group-item.active,

 .list-group-item.active:hover,

 .list-group-item.active:focus {

     color: inherit;

     background-color: rgba(135, 150, 165, 0.1);

     border-color: rgba(135, 150, 165, 0.075);

     border-bottom-color: rgba(135, 150, 165, 0.075);

 }



 .list-group-item.active a,

 .list-group-item.active:hover a,

 .list-group-item.active:focus a {

     color: inherit;

 }



 .list-group-item:first-child {

     border-top-color: rgba(135, 150, 165, 0.1);

 }



 .list-group-item:last-child {

     border-bottom-color: rgba(135, 150, 165, 0.1);

 }



 .list-group-alt .list-group-item:nth-child(2n+2) {

     background-color: rgba(135, 150, 165, 0.1);

 }



 .list-group-alt .list-group-item.active:nth-child(2n+2) {

     background-color: rgba(135, 150, 165, 0.1);

 }



 .list-group-lg .list-group-item {

     padding: 16px 24px;

 }



 .list-group-md .list-group-item {

     padding-top: 16px;

     padding-bottom: 16px;

 }



 .list-group-sm .list-group-item {

     padding: 10px 12px;

 }



 .list-group-gap .list-group-item {

     margin-bottom: 5px;

     border-radius: 3px;

 }



 .list-group-gap .list-group-item:first-child {

     border-top-color: rgba(135, 150, 165, 0.075);

 }



 .list-group-gap .list-group-item:last-child {

     border-bottom-color: rgba(135, 150, 165, 0.075);

 }



 a.list-group-item {

     color: inherit;

 }



 a.list-group-item:hover,

 a.list-group-item:focus,

 a.list-group-item.hover {

     color: inherit;

     background-color: rgba(135, 150, 165, 0.1);

 }



 /*

Modal 

*/

 .modal.fade .modal-left,

 .modal.fade .modal-right,

 .modal.fade .modal-top,

 .modal.fade .modal-bottom {

     position: fixed;

     z-index: 1055;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     margin: 0;

     max-width: 100%;

 }



 .modal.fade .modal-left {

     right: auto !important;

     transform: translate3d(-100%, 0, 0);

     transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .modal.fade .modal-right {

     left: auto !important;

     transform: translate3d(100%, 0, 0);

     transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .modal.fade .modal-top {

     bottom: auto !important;

     transform: translate3d(0, -100%, 0);

     transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .modal.fade .modal-bottom {

     top: auto !important;

     transform: translate3d(0, 100%, 0);

     transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .modal.fade.show .modal-left,

 .modal.fade.show .modal-right,

 .modal.fade.show .modal-top,

 .modal.fade.show .modal-bottom {

     transform: translate3d(0, 0, 0);

 }



 .modal.fade.inactive {

     bottom: auto;

     overflow: visible;

 }



 .modal-open-aside {

     overflow: visible;

 }



 .modal-header,

 .modal-content,

 .modal-footer {

     border-color: rgba(135, 150, 165, 0.1);

 }



 .modal-dialog>* {

     pointer-events: auto;

 }



 .modal-content {

     color: #171c21;

 }



 .modal-close-btn {

     position: absolute;

     top: 0;

     right: 0;

 }



 /*

Modal animation 

*/

 .modal .modal-dialog {

     transform: translate(0, 0);

 }



 .modal .fade-right {

     animation: fadeInLeft 0.5s;

     animation-direction: reverse;

 }



 .modal .fade-left {

     animation: fadeInRight 0.5s;

     animation-direction: reverse;

 }



 .modal .fade-up {

     animation: fadeInDown 0.5s;

     animation-direction: reverse;

 }



 .modal .fade-down {

     animation: fadeInUp 0.5s;

     animation-direction: reverse;

 }



 .modal.show .fade-right {

     animation: fadeInRight 0.5s;

 }



 .modal.show .fade-left {

     animation: fadeInLeft 0.5s;

 }



 .modal.show .fade-up {

     animation: fadeInUp 0.5s;

 }



 .modal.show .fade-down {

     animation: fadeInDown 0.5s;

 }



 /*

Nav 

*/

 .nav {

     border: inherit;

 }



 .nav.flex-column .nav {

     -ms-flex-direction: column;

     flex-direction: column;

     -ms-flex-wrap: nowrap;

     flex-wrap: nowrap;

 }



 .nav-item {

     position: relative;

     border: inherit;

 }



 .nav-link {

     color: inherit;

     border: inherit;

     position: relative;

 }

 

  .nav-link-top{

     color: inherit;

     border: inherit;

     position: relative;

     border-right: 1px solid #e2e2e254;

   padding: 8px 10px 8px 12px;

    display: block;

 }

     



 .nav-md .nav-link {

     padding: 0.75rem 1.25rem;

 }



 .nav-sm .nav-link {

     padding: 0.25rem 0.75rem;

 }



 .nav-xs .nav-link {

     padding: 0.125rem 0.375rem;

 }



 .nav-xxs .nav-link {

     padding-left: 0;

     padding-right: 0;

     margin: 0 0.5rem;

 }



 .nav-rounded .nav-link {

     border-radius: 2rem;

 }



 .nav-tabs {

     border-bottom-width: 0;

     position: relative;

     z-index: 1;

 }



 .nav-tabs .nav-link {

     background: transparent !important;

     color: inherit !important;

 }



 .nav-tabs .nav-link.active,

 .nav-tabs .nav-link.active:hover,

 .nav-tabs .nav-link.active:focus,

 .nav-tabs .nav-link:hover,

 .nav-tabs .nav-link:focus {

     border-color: rgba(135, 150, 165, 0.1);

     border-bottom-color: transparent;

 }



 .tab-content.tab-alt .tab-pane {

     display: block;

     height: 0;

     overflow: hidden;

 }



 .tab-content.tab-alt .tab-pane.active {

     height: auto;

     overflow: visible;

 }



 .nav-justified .nav-item {

     display: table-cell;

     width: 1%;

     float: none !important;

     text-align: center;

 }



 .nav-lists .nav-item {

     border-bottom: 1px solid rgba(135, 150, 165, 0.1);

     background-clip: padding-box;

 }



 .nav-active-border li>a:before,

 .nav-active-border .nav-link:before {

     content: '';

     position: absolute;

     left: 0px;

     right: 0px;

     bottom: -1px;

     border-bottom-width: 3px;

     border-bottom-style: solid;

     border-bottom-color: transparent;

     transition: all 0.2s ease-in-out;

 }



 @media screen and (prefers-reduced-motion: reduce) {



     .nav-active-border li>a:before,

     .nav-active-border .nav-link:before {

         transition: none;

     }

 }



 .nav-active-border li>a.active:before,

 .nav-active-border li>a:hover:before,

 .nav-active-border .nav-link.active:before,

 .nav-active-border .nav-link:hover:before {

     border-bottom-color: #333333;

 }



 .nav-active-border li.active>a:before {

     border-bottom-color: #cc292b;

 }



 .nav-active-border.top li.active>a:before,

 .nav-active-border.top .nav-link:before {

     bottom: auto;

     top: 0;

 }



 /*

Navbar 

*/

 .navbar {



     padding: 0.2rem 1rem;

     display: -ms-flexbox;

     display: flex;

 }



 .navbar .dropdown-menu-right {

     left: auto;

     right: 0;

 }



 .navbar svg {

     vertical-align: middle;

     fill: currentColor;

 }



 .navbar .nav-link {

     color: inherit;

     white-space: nowrap;

      color: var(--theme-ustmenu-text-color);

 }



 .navbar .nav-active-border .nav-link {

     margin: -0.3rem 0;

     line-height: 1.95rem;

     
     font-size: 0.80rem;

     
     color: var(--theme-ustmenu-text-color);

     text-shadow: 1px 1px var(--theme-ustmenu-shadow-color);

 }

 .header-v2 .navbar .nav-active-border .nav-link {

     line-height:1.80rem !important;

 }

 .header-v2 .header-v2-navbar {

 background-color: var(--theme-headerv2-bg);

}

 .header-v2 .nav-active-border .nav-link {

 color: var(--theme-headerv2-color) !important;

 border-right:solid 1px rgba(0,0,0,0.050);

}



 .header-v2 .nav-active-border li:last-child .nav-link {

 border-right:0px;

}

.header-v2 .nav-active-border .nav-link:hover:before {

    border-bottom-color: var(--theme-headerv2-border) !important;

}

 .navbar .dropdown-menu {

     margin-top: 0;

 }



 .bg-white .navbar .nav-item.active {

     color: #cc292b;

 }



 .toolbar {

     -ms-flex-negative: 0;

     flex-shrink: 0;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-wrap: nowrap;

     flex-wrap: nowrap;

     margin: 0 -0.25rem;

 }



 .toolbar>* {

     margin: 0 0.25rem;

 }



 .toolbar.toolbar-mx {

     margin: 0 -0.5rem;

 }



 .toolbar.toolbar-mx>* {

     margin: 0 0.5rem;

 }



 .nav-title {

     font-size: 1.125rem;

     line-height: 1.2;

 }



 .navbar-brand {

     font-size: 1.125rem;

     line-height: 1;

 }



 .navbar-brand>span {

     margin: 0 0.25rem;

     font-weight: 600;

 }



 .navbar-brand img,

 .navbar-brand svg {

     vertical-align: middle;

     font-weight: 600;

 }



 .navbar-menu {

     -ms-flex-direction: row;

     flex-direction: row;

     margin-left: auto;

     -ms-align-items: center;

     align-items: center;

 }



 /*

pagination 

*/

 .pagination a {

     border: 1px solid #fff;

 }



 .pagination .page-link,

 .pagination li a {

     color: inherit;

     background-color: #fff;

     border-color: #fff;

     display: block;

     border-radius: 0px;

     margin: 0 3px;

     font-weight: bold;

     font-size: .85rem;

	 border: 1px solid #ccc;

 }



 .pagination .page-link:hover,

 .pagination .page-link:focus,

 .pagination li a:hover,

 .pagination li a:focus {

     border-color: #cc292b;

     background-color: #cc292b;

     color: #fff;

 }



 .pagination .active .page-link,

 .pagination .active a {

     color: white !important;

     background-color: #cc292b !important;

     border-color: #cc292b !important;

 }



 .pagination-sm a {

     padding: .2195rem .5rem;

 }



 .pagination-xs a {

     padding: 0 .35rem;

     line-height: 1.5;

 }



 /*

Popover

*/

 .popover {

     border: none;

     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);

 }



 .popover-header {

     border-color: rgba(135, 150, 165, 0.075);

     background-color: #fff;

 }



 .popover-body {

     color: #171c21;

 }



 .popover-body p:last-child {

     margin: 0;

 }



 .popover .arrow:before {

     opacity: 0.15;

 }



 /*

Progress 

*/

 .progress {

     border-radius: .25rem;

     overflow: visible;

     background-color: rgba(135, 150, 165, 0.1);

 }



 .progress-bar {

     display: inline-block;

     float: left;

     height: 100%;

     border-radius: .25rem;

     text-align: center;

     background-color: #0074d9;

     font-size: 0.8em;

     -webkit-transition: width .6s ease;

     transition: width .6s ease;

 }



 /*

Row 

*/

 .padding {

     padding: 2rem;

 }



 .row-md {

     margin-left: -0.75rem;

     margin-right: -0.75rem;

 }



 .row-md [class*="col-"],

 .row-md .col {

     padding-left: 0.75rem;

     padding-right: 0.75rem;

 }



 .row-md .card,

 .row-md .block {

     margin-bottom: 1.5rem;

 }



 .row-sm {

     margin-left: -0.5rem;

     margin-right: -0.5rem;

 }



 .row-sm [class*="col-"],

 .row-sm .col {

     padding-left: 0.5rem;

     padding-right: 0.5rem;

 }



 .row-sm .card,

 .row-sm .block {

     margin-bottom: 1rem;

 }



 .blocktab {

    margin-bottom: -1rem;

 }

 

  .blocktabd {

    margin-bottom: -1.5rem;

 }

 

  

  .blocktabn {

    margin-bottom: -1rem;

 }

 

  .blocktabx {

    margin-bottom: 0rem;

 }

 

 .row-xs {

     margin-left: -0.25rem;

     margin-right: -0.25rem;

 }



 .row-xs [class*="col-"],

 .row-xs .col {

     padding-left: 0.25rem;

     padding-right: 0.25rem;

 }



 .row-xs .card,

 .row-xs .block {

     margin-bottom: 0.5rem;

 }



 @media (min-width: 992px) {

     .col-lg-2-4 {

         flex: 0 0 20%;

         max-width: 20%;

     }

 }



 @media (max-width: 991.98px) {

     .padding {

         padding: 1.5rem;

     }

 }



 @media (max-width: 767.98px) {

     .padding {

         padding: 1rem;

     }

 }



 /*

Table 

*/

 .table>thead>tr>th {

     border-width: 0;

 }



 .table-condensed thead>tr>th,

 .table-condensed tbody>tr>th,

 .table-condensed tfoot>tr>th,

 .table-condensed thead>tr>td,

 .table-condensed tbody>tr>td,

 .table-condensed tfoot>tr>td {

     padding: 5px;

 }



 .table-bordered {

     border-color: rgba(135, 150, 165, 0.1);

 }



 .table-striped>tbody>tr:nth-child(odd) {

     background-color: rgba(0, 0, 0, 0.025);

     background-clip: padding-box;

 }



 .table-striped>thead>th {

     background-color: rgba(0, 0, 0, 0.025);

     border-right: 1px solid rgba(135, 150, 165, 0.1);

 }



 .table-striped>thead>th:last-child {

     border-right: none;

 }



 .table-hover tr:hover td {

     background-color: rgba(135, 150, 165, 0.075);

 }



 .table.v-middle th,

 .table.v-middle td {

     vertical-align: middle;

 }



 .table-theme {

     border-spacing: 0;

 }



 .table-theme thead {

     font-size: 0.7rem;

 }



 .table-theme tbody td {

     background-color: #fff;

     border-width: 0;

     box-shadow: 0 1px 0 rgba(135, 150, 165, 0.075), 0 -1px 0 rgba(135, 150, 165, 0.075);

 }



 .table-theme tbody td:first-child {

     border-radius: .25rem 0 0 .25rem;

 }



 .table-theme tbody td:last-child {

     border-radius: 0 .25rem .25rem 0;

 }



 .table-row {

     border-collapse: separate !important;

     border-spacing: 0 10px !important;

 }



 .table-row thead th {

     padding-top: 0.25rem;

     padding-bottom: 0.25rem;

 }



 .table-row td {

     border-color: transparent !important;

 }



 .sorting_asc,

 .sorting_desc,

 .sorting,

 .sortable {

     position: relative;

     cursor: pointer;

     padding-right: 1rem !important;

 }



 .sorting_asc:before,

 .sorting_asc:after,

 .sorting_desc:before,

 .sorting_desc:after,

 .sorting:before,

 .sorting:after,

 .sortable:before,

 .sortable:after {

     opacity: 0.5;

     content: '' !important;

     position: absolute;

     right: 5px !important;

     top: 50%;

     width: 0;

     height: 0;

     border-top: 3px solid;

     border-right: 3px solid transparent;

     border-bottom: 0;

     border-left: 3px solid transparent;

 }



 .sorting_asc:after,

 .sorting_desc:after,

 .sorting:after,

 .sortable:after {

     border-top: 0;

     border-bottom: 3px solid;

     margin-top: -4px;

 }



 .sorting_asc.desc:before,

 .sorting_desc.desc:before,

 .sorting.desc:before,

 .sortable.desc:before {

     opacity: 1;

 }



 .sorting_asc.asc:after,

 .sorting_desc.asc:after,

 .sorting.asc:after,

 .sortable.asc:after {

     opacity: 1;

 }



 .sorting_asc:after {

     opacity: 1;

 }



 .sorting_desc:after {

     opacity: 1;

 }



 /*---------------------------

2. UI Components

---------------------------*/

 /*

Aside 

*/

 .aside {

     opacity: 1 !important;

     display: -ms-flexbox !important;

     display: flex !important;

     position: relative;

     z-index: 1000;

 }



 .aside.show {

     width: 100% !important;

     top: 0;

     bottom: 0;

 }



 .aside.show>* {

     left: 0;

     transform: translate3d(0, 0, 0);

 }



 .aside>* {

     transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .aside>.modal-dialog {

     margin: 0;

     max-width: inherit;

     pointer-events: inherit;

 }



 .aside.aside-right>* {

     right: 0;

     left: auto;

 }



 .aside.aside-right.show>* {

     transform: translate3d(0%, 0, 0) !important;

 }



 .aside-deck {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: row;

     flex-direction: row;

     -ms-flex-align: end;

     align-items: flex-end;

     -ms-flex-pack: end;

     justify-content: flex-end;

     position: fixed;

     right: 0;

     bottom: 0;

     max-height: 80vh;

     z-index: 1050;

 }



 @media (max-width: 1199.98px) {

     .aside-lg {

         display: none;

         opacity: 0;

         position: fixed !important;

         z-index: 1050 !important;

         left: 0;

     }



     .aside-lg>* {

         position: fixed;

         top: 0;

         bottom: 0;

         left: 0;

         max-width: 280px !important;

         transform: translate3d(-100%, 0, 0);

     }



     .aside-lg~* {

         width: 100%;

     }



     .aside-lg.aside-right>* {

         transform: translate3d(100%, 0, 0);

     }

 }



 @media (max-width: 991.98px) {

     .aside-md {

         display: none;

         opacity: 0;

         position: fixed !important;

         background: transparent !important;

         z-index: 1050 !important;

     }



     .aside-md>* {

         position: fixed;

         top: 0;

         bottom: 0;

         left: 0;

         max-width: 280px !important;

         transform: translate3d(-100%, 0, 0);

     }



     .aside-md~* {

         width: 100%;

     }



     .aside-md.aside-right>* {

         transform: translate3d(100%, 0, 0);

     }

 }



 @media (max-width: 767.98px) {

     .aside-sm {

         display: none;

         opacity: 0;

         background: transparent !important;

         position: fixed !important;

         z-index: 1050 !important;

     }



     .aside-sm>* {

         position: fixed;

         top: 0;

         bottom: 0;

         left: 0;

         max-width: 280px !important;

         transform: translate3d(-100%, 0, 0);

     }



     .aside-sm~* {

         width: 100%;

     }



     .aside-sm.aside-right>* {

         transform: translate3d(100%, 0, 0);

     }

 }



 /*

Avatar

*/

 .avatar {

     position: relative;

     background-size: cover;

     background-repeat: no-repeat;

     background-position: 50% 50%;

     background-color: #eaeaea;

     display: flex;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

 }



 .avatar:after {

     content: '';

     display: block;

     padding-top: 100%;

 }



 .avatar img {

     border-radius: inherit;

     width: 100%;

 }



 .avatar.w-32 .avatar-status {

     margin: 0px;

 }



 .avatar.w-48 .avatar-status {

     margin: 2px;

 }



 .avatar.w-56 .avatar-status {

     margin: 3px;

 }



 .avatar.w-64 .avatar-status {

     margin: 4px;

 }



 .avatar.w-96 .avatar-status {

     margin: 9px;

 }



 .avatar.w-128 .avatar-status {

     margin: 14px;

 }



 .avatar .avatar-status {

     position: absolute;

     left: 0;

     top: 0;

     z-index: 1;

 }



 .avatar-status {

     display: inline-block;

     width: 10px;

     height: 10px;

     margin: 1px;

     border-width: 2px;

     border-style: solid;

     border-radius: 100%;

     border-color: #fff;

     background-color: #fff;

 }



 .bg-dark .avatar-status {

     border-color: #1c2229;

 }



 .avatar-status.no-border {

     width: 8px;

     height: 8px;

     margin: 2px;

     border-color: rgba(0, 0, 0, 0.1);

 }



 .avatar-status.avatar-center {

     top: 50%;

     margin: 0;

     margin-top: -4px;

 }



 .avatar-status.avatar-center+img {

     margin: 0 14px 0 24px;

     width: auto;

 }



 .avatar-status.avatar-top {

     left: 0;

     top: 0;

 }



 .avatar-status.avatar-right {

     left: auto;

     top: 0;

     right: 0;

 }



 .avatar-status.avatar-bottom {

     left: auto;

     top: auto;

     bottom: 0;

     right: 0;

 }



 .avatar-status.avatar-left {

     left: auto;

     top: auto;

     bottom: 0;

 }



 .avatar-status.on {

     background-color: #5bc146;

 }



 .avatar-status.off {

     background-color: #dfe1e2;

 }



 .avatar-status.away {

     background-color: #ffd14d;

 }



 .avatar-status.busy {

     background-color: #fe4d62;

 }



 .avatar-group {

     display: -ms-flex;

     display: flex;

     -ms-align-items: center;

     align-items: center;

 }



 .avatar-group .avatar {

     position: relative;

 }



 .avatar-group .avatar+.avatar {

     margin-left: -0.5rem;

 }



 .avatar-group .avatar:hover,

 .avatar-group .avatar:active,

 .avatar-group .avatar.active {

     z-index: 1;

 }



 /*

Checkbox and Radio

*/

 .ui-check {

     position: relative;

     cursor: pointer;

 }



 .ui-check input {

     opacity: 0;

     position: absolute;

     z-index: -1;

 }



 .ui-check input:checked+i {

     background-color: #cc292b;

     box-shadow: none;

 }



 .ui-check input:checked+i:before {

     left: 50%;

     top: 50%;

     transform: translate(-50%, -50%) rotate(-45deg);

     width: 6px;

     height: 6px;

     background-color: #fff;

 }



 .ui-check input:checked+span .active {

     display: inherit;

 }



 .ui-check input[type="radio"]+i,

 .ui-check input[type="radio"]+i:before {

     border-radius: 50%;

 }



 .ui-check input[type="checkbox"]:checked+i:before {

     transform: translate(-50%, -65%) rotate(-45deg);

     background-color: transparent;

     width: 8px;

     height: 5px;

     border-width: 0 0 2px 2px;

     border-color: #fff;

     border-style: solid;

 }



 .ui-check input[disabled]+i,

 fieldset[disabled] .ui-check input+i {

     border-color: rgba(135, 150, 165, 0.25);

     opacity: 0.35;

 }



 .ui-check input[disabled]+i:before,

 fieldset[disabled] .ui-check input+i:before {

     background-color: rgba(135, 150, 165, 0.25);

 }



 .ui-check>i {

     width: 14px;

     height: 14px;

     line-height: 1;

     box-shadow: 0 0 0 1px rgba(135, 150, 165, 0.35);

     border-radius: 3px;

     display: inline-block;

     vertical-align: middle;

     background-clip: padding-box;

     position: relative;

     left: 0;

     margin-right: 0.3rem;

 }



 .ui-check>i:before {

     content: "";

     position: absolute;

     left: 50%;

     top: 50%;

     width: 0px;

     height: 0px;

     background-color: transparent;

     border-radius: 1px;

 }



 .ui-check.is-invalid>i {

     box-shadow: inset 0 0 0 2px #fe4d62;

 }



 .ui-check.is-valid>i {

     background-color: #5bc146;

 }



 .ui-check>span {

     margin-left: -20px;

 }



 .ui-check>span .active {

     display: none;

 }



 .ui-check.ui-check-color i {

     box-shadow: none;

 }



 .ui-check.ui-check-color input:checked+i:before {



     background-color: #fff;

 }



 .ui-check.ui-check-rounded>i {

     border-radius: 50%;

 }



 .ui-check-md input:checked+i:before {

     width: 8px;

     height: 8px;

 }



 .ui-check-md input[type="checkbox"]:checked+i:before {

     width: 12px;

     height: 6px;

 }



 .ui-check-md>i {

     width: 20px;

     height: 20px;

 }



 .ui-check-lg input:checked+i:before {

     width: 10px;

     height: 10px;

 }



 .ui-check-lg input[type="checkbox"]:checked+i:before {

     width: 14px;

     height: 8px;

     border-width: 0 0 3px 3px;

 }



 .ui-check-lg>i {

     width: 24px;

     height: 24px;

 }



 /*

Dark theme

*/

 .bg-dark h1,

 .bg-dark .h1,

 .bg-dark h2,

 .bg-dark .h2,

 .bg-dark h3,

 .bg-dark .h3,

 .bg-dark h4,

 .bg-dark .h4,

 .bg-dark h5,

 .bg-dark .h5,

 .bg-dark h6,

 .bg-dark .h6,

 .bg-dark .text-dark,

 .bg-dark a.text-dark,

 .bg-dark a.text-dark:hover,

 .bg-dark .text-color {

     color: inherit !important;

 }



 .bg-dark .bg-white,

 .bg-dark .btn-white,

 .bg-dark .card,

 .bg-dark .block,

 .bg-dark .list-group,

 .bg-dark .ui-switch i:before,

 .bg-dark .table-theme tbody td {

     color: inherit;

     background-color: #1c2229 !important;

 }



 .bg-dark .post-tools div[data-count]::before {

     border-color: #171c21 !important;

 }



 .bg-dark .menu .menu-item {

     background-color: #fff !important;

 }



 .bg-dark .dropdown-menu {

     background-color: #171c21 !important;

 }



 .bg-dark .dropdown-menu a {

     color: #fff !important;

 }



 .bg-dark .block:hover {

     background-color: #fff !important;

     color: #171c21 !important;

 }



 .bg-dark .bg-body,

 .bg-dark .form-control {

     background: transparent;

 }



 .bg-dark .input-group-btn .btn {

     background-color: rgba(135, 150, 165, 0.075);

 }



 /*

Colors

*/

 .bg-primary {

     color: #ffffff !important;

 }



 .bg-primary-lt {

     background-color: #f7dddd !important;

 }



 .bg-primary--lt {

     color: #171c21 !important;

     background-color: #f7dddd !important;

 }



 .gd-primary {

     color: #ffffff;

     background: #cc292b linear-gradient(45deg, #cc292b, #cc2961);

 }



 .active>.active-primary {

     color: #cc292b !important;

     opacity: 1 !important;

 }



 .active>.active-bg-primary {

     color: #ffffff !important;

     background-color: #cc292b !important;

 }



 .nav-active-text-primary .nav-link.active,

 .nav-active-text-primary .nav-item.active>a,

 .nav-active-text-primary .nav>li.active>a {

     color: #cc292b !important;

 }



 .nav-active-primary .nav-link.active,

 .nav-active-primary .nav-item.active>a,

 .nav-active-primary .nav>li.active>a {

     color: #ffffff !important;

     background-color: #cc292b !important;

 }



 .bg-secondary {

     color: #313335 !important;

 }



 .bg-secondary-lt {

     background-color: #f0f0f1 !important;

 }



 .bg-secondary--lt {

     color: #171c21 !important;

     background-color: #f0f0f1 !important;

 }



 .gd-secondary {

     color: #313335;

     background: #a0a4a7 linear-gradient(45deg, #a0a4a7, #a0a6a7);

 }



 .active>.active-secondary {

     color: #a0a4a7 !important;

     opacity: 1 !important;

 }



 .active>.active-bg-secondary {

     color: #313335 !important;

     background-color: #a0a4a7 !important;

 }



 .nav-active-text-secondary .nav-link.active,

 .nav-active-text-secondary .nav-item.active>a,

 .nav-active-text-secondary .nav>li.active>a {

     color: #a0a4a7 !important;

 }



 .nav-active-secondary .nav-link.active,

 .nav-active-secondary .nav-item.active>a,

 .nav-active-secondary .nav>li.active>a {

     color: #ffffff !important;

     background-color: #a0a4a7 !important;

 }



 .bg-success {

     color: #ffffff !important;

 }



 .bg-success-lt {

     background-color: #e5f5e1 !important;

 }



 .bg-success--lt {

     color: #171c21 !important;

     background-color: #e5f5e1 !important;

 }



 .gd-success {

     color: #ffffff;

     background: #5bc146 linear-gradient(45deg, #5bc146, #84c146);

 }



 .active>.active-success {

     color: #5bc146 !important;

     opacity: 1 !important;

 }



 .active>.active-bg-success {

     color: #ffffff !important;

     background-color: #5bc146 !important;

 }



 .nav-active-text-success .nav-link.active,

 .nav-active-text-success .nav-item.active>a,

 .nav-active-text-success .nav>li.active>a {

     color: #5bc146 !important;

 }



 .nav-active-success .nav-link.active,

 .nav-active-success .nav-item.active>a,

 .nav-active-success .nav>li.active>a {

     color: #ffffff !important;

     background-color: #5bc146 !important;

 }



 .bg-info {

     color: #ffffff !important;

 }



 .bg-info-lt {

     background-color: #e8e4ff !important;

 }



 .bg-info--lt {

     color: #171c21 !important;

     background-color: #e8e4ff !important;

 }



 .gd-info {

     color: #ffffff;

     background: #7258ff linear-gradient(45deg, #7258ff, #5876ff);

 }



 .active>.active-info {

     color: #7258ff !important;

     opacity: 1 !important;

 }



 .active>.active-bg-info {

     color: #ffffff !important;

     background-color: #7258ff !important;

 }



 .nav-active-text-info .nav-link.active,

 .nav-active-text-info .nav-item.active>a,

 .nav-active-text-info .nav>li.active>a {

     color: #7258ff !important;

 }



 .nav-active-info .nav-link.active,

 .nav-active-info .nav-item.active>a,

 .nav-active-info .nav>li.active>a {

     color: #ffffff !important;

     background-color: #7258ff !important;

 }



 .bg-warning {

     color: #313335 !important;

 }



 .bg-warning-lt {

     background-color: #fff8e3 !important;

 }



 .bg-warning--lt {

     color: #171c21 !important;

     background-color: #fff8e3 !important;

 }



 .gd-warning {

     color: #313335;

     background: #ffd14d linear-gradient(45deg, #ffd14d, #ff964d);

 }



 .active>.active-warning {

     color: #ffd14d !important;

     opacity: 1 !important;

 }



 .active>.active-bg-warning {

     color: #313335 !important;

     background-color: #ffd14d !important;

 }



 .nav-active-text-warning .nav-link.active,

 .nav-active-text-warning .nav-item.active>a,

 .nav-active-text-warning .nav>li.active>a {

     color: #ffd14d !important;

 }



 .nav-active-warning .nav-link.active,

 .nav-active-warning .nav-item.active>a,

 .nav-active-warning .nav>li.active>a {

     color: #ffffff !important;

     background-color: #ffd14d !important;

 }



 .bg-danger {

     color: #ffffff !important;

 }



 .bg-danger-lt {

     background-color: #ffe3e6 !important;

 }



 .bg-danger--lt {

     color: #171c21 !important;

     background-color: #ffe3e6 !important;

 }



 .gd-danger {

     color: #ffffff;

     background: #fe4d62 linear-gradient(45deg, #fe4d62, #fe4d9d);

 }



 .active>.active-danger {

     color: #fe4d62 !important;

     opacity: 1 !important;

 }



 .active>.active-bg-danger {

     color: #ffffff !important;

     background-color: #fe4d62 !important;

 }



 .nav-active-text-danger .nav-link.active,

 .nav-active-text-danger .nav-item.active>a,

 .nav-active-text-danger .nav>li.active>a {

     color: #fe4d62 !important;

 }



 .nav-active-danger .nav-link.active,

 .nav-active-danger .nav-item.active>a,

 .nav-active-danger .nav>li.active>a {

     color: #ffffff !important;

     background-color: #fe4d62 !important;

 }



 .bg-light {

     color: #313335 !important;

 }



 .bg-light-lt {

     background-color: #fafafa !important;

 }



 .bg-light--lt {

     color: #171c21 !important;

     background-color: #fafafa !important;

 }



 .gd-light {

     color: #313335;

     background: #dfe1e2 linear-gradient(45deg, #dfe1e2, #dfe2e2);

 }



 .active>.active-light {

     color: #dfe1e2 !important;

     opacity: 1 !important;

 }



 .active>.active-bg-light {

     color: #313335 !important;

     background-color: #dfe1e2 !important;

 }



 .nav-active-text-light .nav-link.active,

 .nav-active-text-light .nav-item.active>a,

 .nav-active-text-light .nav>li.active>a {

     color: #dfe1e2 !important;

 }



 .nav-active-light .nav-link.active,

 .nav-active-light .nav-item.active>a,

 .nav-active-light .nav>li.active>a {

     color: #171c21 !important;

     background-color: #dfe1e2 !important;

 }







 .vg_bg-dark {

      color: #ffffff !important;

      background-color: #171c21!important;

      border-bottom: solid 0px #171c21!important;

 }

 

 

  .vg_bg-dark a:hover {

      color: #ffffff !important;

 }



 

 

 

 

 .bg-dark {

     color: #ffffff !important;

 }



 .bg-dark-lt {

     background-color: #dadbdb !important;

 }



 .bg-dark--lt {

     color: #171c21 !important;

     background-color: #dadbdb !important;

 }



 .gd-dark {

     color: #ffffff;

     background: #171c21 linear-gradient(45deg, #171c21, #171f21);

 }



 .active>.active-dark {

     color: #171c21 !important;

     opacity: 1 !important;

 }



 .active>.active-bg-dark {

     color: #ffffff !important;

     background-color: #171c21 !important;

 }



 .nav-active-text-dark .nav-link.active,

 .nav-active-text-dark .nav-item.active>a,

 .nav-active-text-dark .nav>li.active>a {

     color: #171c21 !important;

 }



 .nav-active-dark .nav-link.active,

 .nav-active-dark .nav-item.active>a,

 .nav-active-dark .nav>li.active>a {

     color: #ffffff !important;

     background-color: #171c21 !important;

 }



 .bg-light {

     background-color: #dfe1e2;

 }



 .bg-white {

     background-color: #fff;

 }



 .bg--white {

     color: #171c21;

     background-color: #fff;

 }



 .bg-dark {

     color: rgba(255, 255, 255, 0.85) !important;

 }



 .bg-black {

     color: #fff;

     background-color: #121212;

 }



 .bg-white .fill {

     fill: #cc292b;

 }



 .bg-white-overlay {

     color: #fff;

     background-color: rgba(255, 255, 255, 0.35);

 }



 .bg-dark-overlay {

     color: #fff;

     background-color: rgba(0, 0, 0, 0.35);

 }



 .bg-img {

     background-size: cover;

     background-position: 50% 50%;

 }



 .gd-overlay {

     background-color: transparent !important;

     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

     background-repeat: repeat-x;

 }



 .bg-clip {

     background-clip: padding-box;

 }



 .bg-body {

     background-color: #e9ecef;

 }



 .no-bg {

     background: transparent !important;

 }



 /*

Layout

*/

 .layout,

 .layout-row,

 .layout-column {

     display: -ms-flexbox;

     display: flex;

 }



 .layout-row {

     -ms-flex-direction: row;

     flex-direction: row;

 }



 .layout-row>.flex {

     min-width: 0;

 }



 .layout-column {

     -ms-flex-direction: column;

     flex-direction: column;

 }



 .layout-column>.flex {

     min-height: 0;

 }



 .flex {

     -webkit-box-flex: 1;

     -ms-flex: 1 1 auto;

     flex: 1 1 auto;

 }



 .no-shrink {

     -ms-flex-negative: 0;

     flex-shrink: 0;

 }



 .no-grow {

     -ms-flex-positive: 0;

     flex-grow: 0;

 }



 .page-header {

     position: relative;

     z-index: 1020;

     transition: background-color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);

 }



 .page-header.sticky~* .page-sidenav.sticky {

     top: 3.75rem;

     height: calc(100vh - 3.75rem);

 }



 .page-header:not(.sticky).scroll-up {

     position: fixed;

     left: 0;

     right: 0;

 }



 .page-sidenav {

     position: relative;

     z-index: 1010;

     min-width: 15rem;

 }



 .page-sidenav.sticky {

     height: 100vh;

 }



 .sticky {

     position: -webkit-sticky;

     position: sticky;

     top: 0;

 }



 .fixed {

     position: fixed;

     top: 0;

     left: 0;

     right: 0;

 }



 .is-fullscreen #content {

     overflow: auto;

 }



 @media (min-width: 992px) {

     .page-container {

         max-width: 1140px;

         margin: 0 auto;

     }



     .page-sidenav {

         display: block !important;

     }

 }



 @media (max-width: 991.98px) {

     .page-sidenav {

         width: 100% !important;

         height: 100% !important;

         top: 0 !important;

         position: fixed;

         z-index: 1050;

         display: none;

         opactiy: 0;

         background: transparent !important;

     }



     .page-sidenav>* {

         position: fixed;

         height: 100%;

         background-color: inherit;

         transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);

         transform: translate3d(-100%, 0, 0);

         width: 17.5rem;

     }



     .page-sidenav.show>div {

         transform: translate3d(0, 0, 0);

     }

 }



 @media print {



     .page-sidenav,

     .page-header {

         display: none !important;

     }

 }



 /*

List

*/

 .list {

     padding-left: 0;

     padding-right: 0;

 }



 .list-item {

     position: relative;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

     min-width: 0;

     word-wrap: break-word;

 }

.home.row.list-grouped > .col-md-6:nth-child(3) > .list-item,

.home.row.list-grouped > .col-md-6:nth-child(4) > .list-item {

    margin-bottom: 0px;

}



 .list-content {

     padding: 1rem 0;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

     -ms-flex: 1 1 auto;

     flex: 1 1 auto;

     -ms-flex-pack: center;

     justify-content: center;

 }



 .list-item.block .list-content {

     padding: 1rem;

 }

 

  .list-content-homex {

     padding: 1rem 0rem 1rem 0rem !important;

 }

 

 .home-hover:hover {



	 background: #f3f3f3;

 }



 .list-body {

     -ms-flex: 1 1 auto;

     flex: 1 1 auto;

          
 }



 .list-footer {

     margin-top: 0.5rem;

 }

 

 .list-title-top-news {

     font-size: 16px;

     line-height: 1.45;

     font-weight: bold;

     display: block;

     color: inherit;

     

 }

 

 .list-title {

     

               
  font-size: 16px;

  line-height: 1.40;

    

      font-weight: bold;

      
    

        

     display: block;

     color: inherit;

     
 }

 

 .list-title-author {


  font-size: 16px;

        

    line-height: 1.35;

    font-weight: bold;

    display: block;

    color: inherit;

    color: #000;

  

    margin-bottom: 5px;

          
    margin-left: -25px;

      padding: 4px 0px 4px 25px;

	 
    

    border-bottom: 3px solid #d9d9d9;

    }

    

 .list-title-author a:hover   {

 color: #cc292b;

 text-decoration: underline;

 

 }



 .list-overlay .media,

 .list-hover-overlay .media {

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     border-radius: inherit;

 }



 .list-overlay .media:after,

 .list-hover-overlay .media:after {

     position: absolute;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     padding: 0;

     background-color: rgba(0, 0, 0, 0.25);

 }



 .list-overlay .list-content,

 .list-hover-overlay .list-content {

     position: relative;

     padding: 1rem;

     z-index: 1;

 }



 .list-overlay .list-body,

 .list-hover-overlay .list-body {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

 }



 .list-overlay .list-body .list-title,

 .list-hover-overlay .list-body .list-title {

     margin-top: auto;

 }



 .list-hover-overlay:hover .media,

 .list-hover-overlay:active .media,

 .list-hover-overlay.active .media {

     display: block;

 }



 .list-hover-overlay .media {

     display: none;

 }



 .list-overlay,

 .list-hover-overlay:hover,

 .list-hover-overlay:active,

 .list-hover-overlay.active {

     color: #fff;

 }



 .list-overlay a:hover,

 .list-overlay a:active,

 .list-hover-overlay:hover a:hover,

 .list-hover-overlay:hover a:active,

 .list-hover-overlay:active a:hover,

 .list-hover-overlay:active a:active,

 .list-hover-overlay.active a:hover,

 .list-hover-overlay.active a:active {

     color: #fff;

 }



 .list-overlay .text-muted:not(i),

 .list-hover-overlay:hover .text-muted:not(i),

 .list-hover-overlay:active .text-muted:not(i),

 .list-hover-overlay.active .text-muted:not(i) {

     color: rgba(255, 255, 255, 0.5) !important;

 }



 .list-hover .media {

     color: #ffffff;

 }



 .list-hover:hover,

 .list-hover.active {

     background-color: #7258ff !important;

 }



 .list-hover:hover a,

 .list-hover:hover a:hover,

 .list-hover:hover a:active,

 .list-hover.active a,

 .list-hover.active a:hover,

 .list-hover.active a:active {

     color: #ffffff;

 }



 .list-hover:hover .text-muted:not(i),

 .list-hover.active .text-muted:not(i) {

     color: rgba(255, 255, 255, 0.5) !important;

 }



 .list-hover:hover .media:after,

 .list-hover.active .media:after {

     position: relative;

     z-index: 1;

     background-color: #7258ff;

     background: linear-gradient(180deg, rgba(114, 88, 255, 0.5), #7258ff);

 }



 .list-overlay-content {

     color: #fff;

 }



 .list-overlay-content a:hover {

     color: #fff;

 }



 .list-overlay-content .media:after {

     background-color: rgba(0, 0, 0, 0.25);

     position: relative;

     z-index: 1;

 }



 .list-overlay-content .list-content {

     position: absolute;

     z-index: 1;

     left: 0;

     right: 0;

     bottom: 0;

     padding: 1rem;

 }



 .list-row .list-item {

     -ms-flex-direction: row;

     flex-direction: row;

     -ms-flex-align: center;

     align-items: center;

     padding: 0.75rem 0.625rem;

 }



 .list-row .list-item>* {

     padding-left: 0.625rem;

     padding-right: 0.625rem;

 }



 .list-row .list-item,

 .list-bordered .list-item {

     border-top: 1px solid rgba(135, 150, 165, 0.075);

     margin-top: -1px;

 }



 .list-row .list-item:first-child,

 .list-bordered .list-item:first-child {

     border-top: none;

 }



 .list-grid .list-item {

     -ms-flex-direction: row;

     flex-direction: row;

 }



 .list-grid .list-item .media:first-child {

     border-radius: 0;

 }



 .list-grid .list-item .media:last-child {

     border-radius: 0;

 }



 .list-grid.list-grid-padding .list-item {

     padding: 1rem;

 }



 .list-grid.list-grid-padding .list-item .media {

     border-radius: inherit !important;

 }



 .list-grid.list-grid-padding .list-content {

     padding: 0 1rem;

 }



 .list-grid .flex-row-reverse .media:first-child {

     border-radius: 0;

     border-top-right-radius: inherit;

     border-bottom-right-radius: inherit;

 }

.list-grid-v2 picture {

    -ms-flex:0 0 313px;

    flex:0 0 313px;

}

 .list-index {

     counter-reset: li;

 }



 .list-index .list-item:before {

     content: counter(li);

     counter-increment: li;

     text-align: center;

     width: 3rem;

     padding-right: 0.625rem;

     font-weight: 600;

     -ms-flex-negative: 0;

     flex-shrink: 0;

 }



 @media (min-width: 576px) {



     .list-grouped {

         display: -ms-flexbox;

         display: flex;

         -ms-flex-direction: row;

         flex-direction: row;

         -ms-flex-flow: row wrap;

         flex-flow: row wrap;

     }



     .list-grouped>div {

         display: -ms-flexbox;

         display: flex;

     }



     .list-grouped>div>.list-item {

         -ms-flex-item-align: stretch;

         align-self: stretch;

         -ms-flex: 1 1 auto;

         flex: 1 1 auto;

     }



     .list-grouped>.list-item {

         border-width: 0;

         -ms-flex: 1 0 0%;

         flex: 1 0 0%;

     }



     .list-grouped>.list-item:not(:first-child):not(:last-child):not(:only-child) {

         border-radius: 0;

     }



     .list-grouped>.list-item:first-child {

         border-top-right-radius: 0;

         border-bottom-right-radius: 0;

     }



     .list-grouped>.list-item:last-child {

         border-top-left-radius: 0;

         border-bottom-left-radius: 0;

     }

 }



 /*

loading

*/

 .loading {

     width: 34px;

     height: 34px;

     padding: 0;

     border-radius: 50%;

     position: relative;

 }



 .loading:before,

 .loading:after {

     content: '';

     position: absolute;

     left: 0;

     right: 0;

     top: 0;

     bottom: 0;

     border: 3px solid currentColor;

     border-radius: 50%;

 }



 .loading:before {

     opacity: 0.3;

 }



 .loading:after {

     opacity: 0.75;

     border-color: transparent;

     border-left-color: currentColor;

     animation: loading 1s linear infinite;

 }



 .js-Pjax-remove {

     position: absolute;

 }



 .js-Pjax-onswitch {

     position: relative;

     overflow: hidden;

 }



 .pace {

     -webkit-pointer-events: none;

     pointer-events: none;

     -webkit-user-select: none;

     -moz-user-select: none;

     user-select: none;

 }



 .pace-running {

     pointer-events: none;

 }



 .pace-running a,

 .pace-running {

     pointer-events: none;

     cursor: wait;

 }



 .pace-inactive {

     display: none;

 }



 .pace .pace-progress {

     background-color: #cc292b;

     position: fixed;

     z-index: 2000;

     top: 0;

     right: 100%;

     width: 100%;

     height: 2px;

 }



 @keyframes loading {

     0% {

         transform: rotate(0deg);

     }



     50% {

         transform: rotate(180deg);

     }



     100% {

         transform: rotate(360deg);

     }

 }



 /*

Media

*/

 .media {

     position: relative;

     background-size: cover;

     background-repeat: no-repeat;

     background-position: 50% 50%;

     display: flex;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

 }



 .media:after {

     content: '';

     display: block;

     padding-top: 100%;

     
 }



 .media:not(:first-child):not(:last-child):not(:only-child) {

     border-radius: 0;

	 background: #000;

     border-radius: 25px;

   

 }



 .media-slide {

     position: relative;

 }



 .media-caption {

     position: absolute;

     z-index: 30;

     left: 0px;

     bottom: 0px;

     right: 0px;

     padding: 1rem;

     background: linear-gradient(to bottom, transparent 0%, #000 90%, #000 100%);

 }

 





 .media-overlay {

     position: absolute;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     z-index: 2;

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     color: #fff;

 }



 .media-overlay.overlay-top {

     bottom: auto;

 }



 .media-overlay.overlay-bottom {

     top: auto;

 }



 .media-action {

     position: absolute;

     z-index: 3;

     left: 50%;

     top: 50%;

     transform: translate(-50%, -50%);

     pointer-events: none;

     background-color: rgba(0, 0, 0, 0.8);

     border-radius: 100px;

     width: 4rem;

     height: 4rem;

     font-size: 1.25rem;

     color: #fff;

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     justify-content: center;

 }



 .media-action.active {

     opacity: 1;

 }



 .media-action.media-action-overlay {

     width: 100%;

     height: 100%;

     background-color: rgba(0, 0, 0, 0.2);

     color: #fff;

     padding: 0 5%;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-pack: distribute;

     justify-content: space-around;

 }



 .media-action.media-action-overlay .btn {

     -ms-flex-negative: 0;

     flex-shrink: 0;

 }



 .list-item:hover .media-action,

 .list-item:active .media-action,

 .media:hover .media-action,

 .media:active .media-action,

 .active>.media .media-action {

     opacity: 1;

     pointer-events: initial;

 }



 .media-21x9:after {

     padding-top: 42.857143%;

 }



 .media-16x9:after {

     padding-top: 56.25%;

 }



 .media-4x3:after {

     padding-top: 56.666666666667%;

 }



 .media-2x3:after {

     padding-top: 150%;

 }



 .media-3x4:after {

     padding-top: 133.33333%;

 }



 .media-1x2:after {

     padding-top: 200%;

 }



 .media-2x1:after {

     padding-top: 50%;

 }



 .media-3x1:after {

     padding-top: 33%;

 }



 .media-4x1:after {

     padding-top: 25%;

 }



 .media-1-4:after {

     padding-top: 25vh;

     min-height: 10rem;

 }



 .media-1-3:after {

     padding-top: 33vh;

     min-height: 12.5rem;

 }



 .media-1-2:after {

     padding-top: 50vh;

     min-height: 15rem;

 }



 .media-newspaper:after {

     padding-top: 161.49068322981%;

 }



 .media-dar-manset:after {

     padding-top: 25.806451612903%;

 }



 .media-dev-manset:after {

     padding-top: 41.237113402062%;

 }



 .media-manset {

     max-height: 380px;

     overflow: hidden;



 }

 

 

  .media-manset-darmanset {

     
   max-height: 380px;

    

     overflow: hidden;



 }



 .swiper-slide .img-fluid {

     width: 100%;

     max-width: auto;

 }



 /*

Nav

*/

 .sidenav {

     margin: 0;

     pointer-events: inherit;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

 }



 .sidenav ul {

     padding-left: 0;

     padding-right: 0;

     list-style: none;

 }



 .sidenav ul a {

     color: inherit;

 }



 .sidenav .nav {

     border: inherit;

     display: block;

 }



 .sidenav .nav li {

     border: inherit;

     position: relative;

 }



 .sidenav .nav li li a {

     line-height: 2rem;

     padding-left: 2.75rem;

 }



 .sidenav .nav li li a .nav-text {

     padding: 0.4375rem 0;

 }



 .sidenav .nav li li li a {

     padding-left: 3.75rem;

 }



 .sidenav .nav li li li li a {

     padding-left: 4.75rem;

 }



 .sidenav .nav li>a {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-wrap: nowrap;

     flex-wrap: nowrap;

     padding: 0 0.5rem;

     line-height: 2.25rem;

     position: relative;

 }



 .sidenav .nav li.active>a {

     background-color: transparent;

 }



 .sidenav .nav li.active>a .nav-caret:after {

     transform: rotate(225deg);

     margin-bottom: 0px;

 }



 .sidenav .nav-header {

     padding: 1rem 1rem 0.5rem 1rem;

     font-size: 85%;

 }



 .sidenav .nav-header:after {

     display: none;

 }



 .sidenav .navbar-brand {

     float: none;

     margin-right: 0;

 }



 .sidenav .flex {

     overflow: auto;

     -webkit-overflow-scrolling: touch;

 }



 .nav-fold {

     display: -ms-flexbox !important;

     display: flex !important;

     -ms-flex-align: center;

     align-items: center;

 }



 .nav-text {

     margin: 0 .5rem;

     -webkit-box-flex: 1;

     -ms-flex: 1 1 auto;

     flex: 1 1 auto;

     line-height: 1.125rem;

     transition: opacity .15s ease-in-out;

     padding: 0.5625rem 0;

 }



 .navbar .nav-text {

     line-height: 1;

     display: inline-block;

     padding: 0;

 }



 .navbar .nav-text span.text-xs {

     margin-top: 0.25rem;

 }



 .nav-icon {

     font-size: 1rem;

     width: 2.25rem;

     height: 2.25rem;

     border-radius: 100%;

     display: -ms-flexbox;

     display: flex;

     -ms-flex-pack: center;

     justify-content: center;

     -ms-flex-align: center;

     align-items: center;

     -ms-flex-negative: 0;

     flex-shrink: 0;

     opacity: 0.65;

 }



 a:hover>.nav-icon,

 a:active>.nav-icon,

 .active>a>.nav-icon {

     opacity: 1;

 }



 .nav-icon.no-fade {

     opacity: 1;

 }



 .nav-icon i {

     line-height: 1;

     max-width: 20px;

     max-height: 20px;

 }



 .nav-icon i svg,

 .nav-icon i img {

     display: none;

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

 }



 .navbar .nav-icon {

     margin-right: 0.5rem;

 }



 .nav-badge {

     font-style: normal;

     z-index: 1;

     margin: 0 .5rem;

 }



 .nav-caret {

     width: 1rem;

     opacity: 0.45;

     position: relative;

 }



 .nav-caret:after {

     content: '';

     width: 5px;

     height: 5px;

     display: inline-block;

     border-width: 1px;

     border-style: solid;

     border-color: transparent currentColor currentColor transparent;

     transform: rotate(-45deg);

     margin-bottom: 1px;

 }



 .nav-sub {

     max-height: 0;

     overflow: hidden;

     transition: max-height 0.4s ease 0s;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .nav-sub {

         transition: none;

     }

 }



 .active>.nav-sub {

     max-height: 50rem;

 }



 .nav-border .nav>li.active {

     background-color: rgba(204, 41, 43, 0.05);

 }



 .nav-border .nav>li.active:after {

     content: '';

     position: absolute;

     top: 0;

     bottom: 0;

     border-color: inherit;

     border-width: 3px;

     border-left-style: solid;

 }



 .nav-border.right .nav>li.active:after {

     right: 0;

 }



 .nav-border li.active>a {

     color: #cc292b;

 }



 .nav-stacked .nav>li:not(.nav-header) {

     padding: 0.15rem 0.75rem;

 }



 .nav-stacked .nav>li>a {

     line-height: 2rem;

     padding: 0 0.5rem;

 }



 .nav-stacked .nav>li>a .nav-icon {

     width: 2rem;

     height: 2rem;

 }



 .nav-stacked .nav>li>a .nav-text {

     padding: 0.4375rem 0;

 }



 .nav-stacked .nav>li>a:before {

     left: 0.5rem;

     border-radius: 3px;

     width: 2rem;

     border-width: 1rem;

 }



 .nav-stacked .nav>li li a {

     padding-left: 2.5rem;

 }



 .nav-stacked .nav>li li li a {

     padding-left: 3.5rem;

 }



 .nav-stacked .nav>li li li li a {

     padding-left: 4.5rem;

 }



 .nav-stacked .nav li a {

     border-radius: 3px;

 }



 /*

Page

*/

 .page-content {

     position: relative;

     z-index: 10;

 }



 .page-bg {

     position: absolute;

     z-index: 0;

     top: 0;

     bottom: 0;

     left: 0;

     right: 0;

     border: 0;

     height: 50vh;

     background-repeat: no-repeat;

     background-position: 50% 50%;

     background-size: 0;

 }



 .page-bg:before {

     content: '';

     background-size: cover;

     background-repeat: no-repeat;

     background-image: inherit;

     background-position: inherit;

     position: absolute;

     height: 100%;

     width: 100%;

     opacity: 0.1;

 }



 .page-bg:after {

     content: '';

     position: absolute;

     bottom: 0;

     height: 50%;

     width: 100%;

     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);

     background-repeat: repeat-x;

 }



 .bg-light .page-bg:after {

     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #dfe1e2);

 }



 .bg-dark .page-bg:before {

     opacity: 0.15;

 }



 .bg-dark .page-bg:after {

     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #171c21);

 }



 .bg-black .page-bg:before {

     opacity: 0.15;

 }



 .bg-black .page-bg:after {

     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #121212);

 }



 .cover {

     background-size: cover;

     background-repeat: no-repeat;

     background-image: inherit;

     background-position: 50% 50%;

     position: relative;

 }



 .cover:after {

     position: absolute;

     z-index: 0;

     content: '';

     height: 100%;

     width: 100%;

     top: 0;

     background-color: inherit;

     opacity: 0.65;

 }



 .cover.cover-gd:after {

     background-image: linear-gradient(to right, #7258ff, #cc292b);

 }



 .cover>* {

     position: relative;

     z-index: 1;

 }



 /*

Plugins

*/

 .browser {

     position: relative;

     background-color: #eceff6;

     border: 1px solid rgba(135, 150, 165, 0.1);

     padding-top: 28px;

     border-radius: 4px;

     overflow: hidden;

 }



 .browser:before {

     content: '';

     width: 10px;

     height: 10px;

     border-radius: 10px;

     box-shadow: inset 0 0 0 8px #fc605c, 14px 0 #fdbc40, 28px 0 #34c84a;

     display: block;

     position: absolute;

     top: 9px;

     left: 8px;

 }



 .calendar-action {

     position: absolute;

     top: 0;

     right: 0;

     z-index: 2;

 }



 .fc-toolbar h2 {

     font-size: 14px;

     padding-top: 8px;

     margin-right: 8px;

 }



 .fc-toolbar button {

     background: transparent;

     border: none;

     box-shadow: none;

     margin-top: 3px;

     padding: 0;

     color: inherit;

     text-shadow: none;

     box-shadow: none;

 }



 .fc-head th {

     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);

 }



 .bg-dark .fc-head th {

     background-color: #171c21;

     color: inherit;

 }



 .fc-event {

     border-width: 0;

     padding: 5px 8px;

     color: inherit;

     background: transparent;

 }



 .fc-event:hover {

     color: inherit;

 }



 .fc td,

 .fc tr,

 .fc th {

     border-color: rgba(135, 150, 165, 0.075);

 }



 .fc .popover {

     min-width: 220px;

 }



 .fc-content .fc-time {

     display: block;

     margin-bottom: 0.25rem;

     font-weight: normal !important;

 }



 .fc-content .fc-title {

     font-weight: 600;

     color: #171c21;

     font-size: 0.875rem;

 }



 .fc-day-number {

     font-size: 0.8em;

     opacity: 0.5;

 }



 td.fc-today {

     background: transparent !important;

 }



 .fc-today .fc-day-number {

     background: #cc292b;

     color: white;

     border-radius: 0 0 0 4px;

     opacity: 1;

     padding: 0px 3px;

 }



 .fc-today.fc-widget-header {

     color: #cc292b !important;

 }



 .fc-divider {

     border: none !important;

     background-color: rgba(135, 150, 165, 0.075) !important;

 }



 .fc-axis span {

     opacity: 0.6;

     font-size: 11px;

 }



 .fc-widget-header th {

     text-align: left !important;

     padding: 12px;

 }



 .fc-widget-header .fc-week-title {

     display: block;

     font-weight: 400;

     font-size: 11px;

 }



 .fc-other-month {

     background-image: linear-gradient(45deg, rgba(120, 130, 140, 0.02) 25%, transparent 25%, transparent 50%, rgba(120, 130, 140, 0.02) 50%, rgba(120, 130, 140, 0.02) 75%, transparent 75%, transparent);

     background-size: 1.5rem 1.5rem;

 }



 /*JQVmap*/

 div.jqvmap-zoomin,

 div.jqvmap-zoomout {

     width: 18px;

     height: 18px;

     background-color: #fff;

     color: #666;

     x box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

 }



 /*Charts*/

 .jqstooltip {

     background-color: rgba(0, 0, 0, 0.8) !important;

     border: solid 1px #000 !important;

     -webkit-border-radius: 3px;

     -moz-border-radius: 3px;

     border-radius: 3px;

     padding: 5px 10px !important;

     box-sizing: content-box;

 }



 .easypiechart {

     position: relative;

     text-align: center;

 }



 .easypiechart canvas {

     vertical-align: middle;

 }



 .easypiechart>div {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-direction: column;

     flex-direction: column;

     -ms-flex-align: center;

     align-items: center;

     -ms-flex-pack: center;

     justify-content: center;

     position: absolute;

     left: 0;

     right: 0;

     top: 0;

     bottom: 0;

 }



 .peity {

     font-size: 0;

 }



 .dark .btn-default.form-control {

     background: transparent !important;

     background-color: rgba(255, 255, 255, 0.1) !important;

     color: inherit !important;

 }



 .ui-select-bootstrap>.ui-select-choices {

     overflow-y: scroll;

 }



 .dataTables_wrapper {

     padding: 0;

 }



 .fixed-table-loading {

     display: none;

     position: absolute;

     top: 42px;

     right: 0;

     bottom: 0;

     left: 0;

     z-index: 99;

     background-color: #fff;

     text-align: center;

 }



 .note-editor {

     border-width: 0 !important;

     overflow: visible !important;

     background-color: inherit;

     margin: 0;

 }



 .note-editor .note-editing-area .note-editable,

 .note-editor .note-statusbar {

     background-color: transparent !important;

     color: inherit !important;

 }



 .note-toolbar {

     border-width: 0;

 }



 .note-editor .btn-light {

     background: transparent !important;

     border: none !important;

     color: inherit !important;

     opacity: 0.5;

 }



 .note-editor .btn-light.active {

     opacity: 1;

 }



 .note-editor-inline .note-editor {

     box-shadow: none;

 }



 .note-editor-inline .note-editing-area {

     border: 1px solid rgba(135, 150, 165, 0.25);

     background: #fff;

 }



 .bg-dark .note-editor-inline .note-editing-area {

     background: transparent;

 }



 .select2-container--default .select2-selection {

     min-height: 33px;

     border-color: rgba(135, 150, 165, 0.25) !important;

 }



 .dark .select2-container--default .select2-selection {

     background-color: #191f24;

 }



 .select2-container--default .select2-selection .select2-selection__rendered {

     color: inherit;

     padding-left: 9px;

 }



 .select2-container--default .select2-selection .select2-selection__arrow {

     top: 3px;

 }



 .select2-container--default .select2-selection .select2-selection__choice {

     background: transparent;

     border-color: rgba(135, 150, 165, 0.25);

     line-height: 1.5;

 }



 .select2-container--default .select2-selection .select2-selection__choice__remove {

     color: inherit !important;

 }



 .select2-container--default .select2-selection--single .select2-selection__rendered {

     line-height: 30px;

 }



 .select2-container--default .select2-search--inline .select2-search__field {

     margin-top: 6px;

 }



 .select2-container--default .select2-search__field {

     color: inherit;

 }



 .select2-container--default .select2-search--dropdown .select2-search__field {

     border-color: rgba(135, 150, 165, 0.25);

 }



 .select2-container--default .select2-dropdown {

     color: #171c21;

     border-color: rgba(135, 150, 165, 0.25);

 }



 .datepicker {

     width: auto;

     padding: 0;

     font-size: 0.7rem;

 }



 .datepicker.dropdown-menu {

     padding: 4px;

 }



 .datepicker table {

     width: 100%;

 }



 .datepicker table tr td span.active,

 .datepicker table tr td span.active:hover,

 .datepicker table tr td span.active:active,

 .datepicker table tr td.active,

 .datepicker table tr td.active:hover,

 .datepicker table tr td.active:active,

 .datepicker table tr td.selected,

 .datepicker table tr td.selected:hover,

 .datepicker table tr td.selected:active,

 .datepicker table tr td.today,

 .datepicker table tr td.today:hover,

 .datepicker table tr td.today:active {

     background-image: none;

     color: white;

     background-color: #cc292b !important;

 }



 .datepicker table td,

 .datepicker table th {

     height: auto;

     line-height: 1.5 !important;

     border-width: 0;

     vertical-align: middle;

     padding: 4px !important;

 }



 .datepicker table td span:not(.active),

 .datepicker table td:not(.active):hover,

 .datepicker table th span:not(.active),

 .datepicker table th:not(.active):hover {

     background-color: transparent;

 }



 .datepicker table td span,

 .datepicker table th span {

     height: auto !important;

     line-height: 2 !important;

 }



 .datepicker table .disabled {

     opacity: 0.4;

 }



 .daterangepicker {

     color: #333;

 }



 .daterangepicker .ranges li.active {

     background-color: #cc292b;

 }



 .notie-container {

     display: -ms-flexbox;

     display: flex;

     -ms-flex-align: center;

     align-items: center;

     position: fixed;

     height: auto;

     left: 50%;

     -webkit-transform: translateX(-50%);

     transform: translateX(-50%);

     z-index: 1050;

     box-sizing: border-box;

     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);

     padding: 0.875rem 1.5rem;

     background-color: #171c21;

     color: white;

     border-radius: 2px;

     max-width: 35rem;

     min-width: 18rem;

 }



 .notie-container .btn {

     padding: 0px 6px;

     line-height: 18px;

     cursor: pointer;

     box-shadow: none !important;

 }



 .notie-container .btn:empty {

     display: none;

 }



 .notie-textbox {

     -ms-flex: 1;

     flex: 1;

     margin-right: 1.5rem;

 }



 .notie-overlay {

     position: fixed;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     z-index: 1040;

     background-color: rgba(255, 255, 255, 0);

 }



 /*

Switch

*/

 .ui-switch {

     cursor: pointer;

     position: relative;

     display: inline-block;

     width: 24px;

     height: 14px;

     border-radius: 30px;

     background-color: #cc292b;

     margin: 0;

 }



 .ui-switch input {

     position: absolute;

     opacity: 0;

     z-index: -1;

 }



 .ui-switch input:checked+i:before {

     top: 50%;

     bottom: 50%;

     left: 50%;

     right: 5px;

     border-width: 0;

     border-radius: 5px;

 }



 .ui-switch input:checked+i:after {

     margin-left: 11px;

 }



 .ui-switch i {

     display: block;

     position: absolute;

     width: 100%;

     height: 100%;

 }



 .ui-switch i:before {

     content: "";

     position: absolute;

     top: -1px;

     bottom: -1px;

     left: -1px;

     right: -1px;

     background-color: #fff;

     border: 1px solid rgba(135, 150, 165, 0.25);

     border-radius: 30px;

     transition: all 0.2s;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .ui-switch i:before {

         transition: none;

     }

 }



 .ui-switch i:after {

     content: "";

     position: absolute;

     background-color: #fff;

     width: 12px;

     top: 1px;

     bottom: 1px;

     border-radius: 50%;

     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);

     transition: margin 0.3s;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .ui-switch i:after {

         transition: none;

     }

 }



 .ui-switch-md {

     width: 32px;

     height: 20px;

 }



 .ui-switch-md input:checked+i:after {

     margin-left: 13px;

 }



 .ui-switch-md i:after {

     width: 18px;

 }



 .ui-switch-lg {

     width: 40px;

     height: 24px;

 }



 .ui-switch-lg input:checked+i:after {

     margin-left: 17px;

 }



 .ui-switch-lg i:after {

     width: 22px;

 }



 /*---------------------------

3. Utilities

---------------------------*/

 /*

Base

*/

 .pos-rlt {

     position: relative;

 }



 .pos-abt {

     position: absolute;

 }



 .pos-fix {

     position: fixed !important;

 }



 .pos-stc {

     position: static !important;

 }



 .box-shadow {

    border-bottom: solid 1px #e6e5e5a3;

 }

 

  .box-shadow-menu {

    border-bottom: solid 1px #f5f5f5;

 }



 .box-shadows {

     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);

 }



 .hide {

     display: none !important;

 }



 .hidden {

     visibility: hidden;

 }



 .show-rtl {

     display: none !important;

 }



 .pointer {

     cursor: pointer;

 }



 .circle {

     border-radius: 500px;

 }



 .clear {

     display: block;

     overflow: hidden;

 }



 .no-wrap {

     white-space: nowrap;

 }



 .no-shadow {

     -webkit-box-shadow: none !important;

     box-shadow: none !important;

 }



 .no-select {

     pointer-events: none;

     user-select: none;

 }



 .p-2-3 {

     padding: 0.75rem;

 }



 .p-3-4 {

     padding: 1.25rem;

 }



 .scale {

     transform: scale(0.9);

 }



 .scale-75 {

     transform: scale(0.75);

 }



 .scale-50 {

     transform: scale(0.5);

 }



 .scale-25 {

     transform: scale(0.25);

 }



 @media (max-width: 767.98px) {

 

.home.row.list-grouped > .col-md-6:nth-child(3) > .list-item,

.home.row.list-grouped > .col-md-6:nth-child(4) > .list-item {

    margin-bottom: 1rem;

}

.list-grid-v2 picture {

    -ms-flex:1 1 auto;

    flex:1 1 auto;

}

     .pos-stc-sm {

         position: static !important;

     }

 }



 @media (max-width: 575.98px) {

     .pos-stc-xs {

         position: static !important;

     }

 }



 .menu {

     position: relative;

     display: inline-block;

     height:20px;

     margin-right: 20px;

     margin-top: 3px;

 }



 .menu:hover {

     cursor: pointer;

 }



 .menu-item {

     display: block;

     width: 18px;

     height: 3px;

     margin: 0px 0px 3px 0px;

  
    background: var(--theme-ustmenu-text-color);

	 
     

     font-size: 12px;

 }



 .menu.open .menu-item:first-child {

     -webkit-transform: rotate(45deg);

     transform: rotate(45deg);

     -webkit-transform-origin: 6px 50%;

     transform-origin: 1px 50%;

 }



 .menu.open .menu-item:nth-child(2) {

     opacity: 0;

 }



 .menu.open .menu-item:nth-child(3) {

     -webkit-transform: rotate(-45deg);

     transform: rotate(-45deg);

     -webkit-transform-origin: 6px 0%;

     transform-origin: 1px 50%;

 }



 /*

Border

*/

 .no-border {

     border-color: transparent !important;

     border-width: 0 !important;

 }



 .b {

     border-color: rgba(135, 150, 165, 0.1);

     background-clip: padding-box;

 }



 .b-a {

     border: 1px solid rgba(135, 150, 165, 0.1);

 }



 .b-t {

     border-top: 1px solid rgba(135, 150, 165, 0.1);

 }



 .b-r {

     border-right: 1px solid rgba(135, 150, 165, 0.1);

 }



 .b-b {

     border-bottom: 1px solid rgba(135, 150, 165, 0.1);

 }



 .b-h {

     border-bottom: 1px solid rgba(196, 199, 202, 0.42);

 }



 .b-l {

     border-left: 1px solid rgba(135, 150, 165, 0.1);

 }



 .b-1x {

     border-width: 1px;

 }



 .b-2x {

     border-width: 2px;

 }



 .b-3x {

     border-width: 3px;

 }



 .b-4x {

     border-width: 4px;

 }



 .b-5x {

     border-width: 5px;

 }



 .b-t-2x {

     border-top-width: 2px !important;

 }



 .b-t-3x {

     border-top-width: 3px !important;

 }



 .b-t-4x {

     border-top-width: 4px !important;

 }



 .b-t-5x {

     border-top-width: 5px !important;

 }



 .b-r-2x {

     border-right-width: 2px !important;

 }



 .b-r-3x {

     border-right-width: 3px !important;

 }



 .b-r-4x {

     border-right-width: 4px !important;

 }



 .b-r-5x {

     border-right-width: 5px !important;

 }



 .b-b-2x {

     border-bottom-width: 2px !important;

 }



 .b-b-3x {

     border-bottom-width: 3px !important;

 }



 .b-b-4x {

     border-bottom-width: 4px !important;

 }



 .b-b-5x {

     border-bottom-width: 5px !important;

 }



 .b-l-2x {

     border-left-width: 2px !important;

 }



 .b-l-3x {

     border-left-width: 3px !important;

 }



 .b-l-4x {

     border-left-width: 4px !important;

 }



 .b-l-5x {

     border-left-width: 5px !important;

 }



 .b-light {

     border-color: #dfe1e2;

 }



 .b-white {

     border-color: #fff;

 }



 .b-primary {

     border-color: #cc292b;

 }



 .b-t-primary {

     border-top-color: #cc292b;

 }



 .b-r-primary {

     border-right-color: #cc292b;

 }



 .b-b-primary {

     border-bottom-color: #cc292b;

 }



 .b-l-primary {

     border-left-color: #cc292b;

 }



 .b-success {

     border-color: #5bc146;

 }



 .b-t-success {

     border-top-color: #5bc146;

 }



 .b-r-success {

     border-right-color: #5bc146;

 }



 .b-b-success {

     border-bottom-color: #5bc146;

 }



 .b-l-success {

     border-left-color: #5bc146;

 }



 .b-info {

     border-color: #7258ff;

 }



 .b-t-info {

     border-top-color: #7258ff;

 }



 .b-r-info {

     border-right-color: #7258ff;

 }



 .b-b-info {

     border-bottom-color: #7258ff;

 }



 .b-l-info {

     border-left-color: #7258ff;

 }



 .b-warning {

     border-color: #ffd14d;

 }



 .b-t-warning {

     border-top-color: #ffd14d;

 }



 .b-r-warning {

     border-right-color: #ffd14d;

 }



 .b-b-warning {

     border-bottom-color: #ffd14d;

 }



 .b-l-warning {

     border-left-color: #ffd14d;

 }



 .b-danger {

     border-color: #fe4d62;

 }



 .b-t-danger {

     border-top-color: #fe4d62;

 }



 .b-r-danger {

     border-right-color: #fe4d62;

 }



 .b-b-danger {

     border-bottom-color: #fe4d62;

 }



 .b-l-danger {

     border-left-color: #fe4d62;

 }



 .b-light {

     border-color: #dfe1e2;

 }



 .b-t-light {

     border-top-color: #dfe1e2;

 }



 .b-r-light {

     border-right-color: #dfe1e2;

 }



 .b-b-light {

     border-bottom-color: #dfe1e2;

 }



 .b-l-light {

     border-left-color: #dfe1e2;

 }



 .b-dark {

     border-color: #171c21;

 }



 .b-t-dark {

     border-top-color: #171c21;

 }



 .b-r-dark {

     border-right-color: #171c21;

 }



 .b-b-dark {

     border-bottom-color: #171c21;

 }



 .b-l-dark {

     border-left-color: #171c21;

 }



 .b-white {

     border-color: #ffffff;

 }



 .b-t-white {

     border-top-color: #ffffff;

 }



 .b-r-white {

     border-right-color: #ffffff;

 }



 .b-b-white {

     border-bottom-color: #ffffff;

 }



 .b-l-white {

     border-left-color: #ffffff;

 }



 .b-default {

     border-color: rgba(135, 150, 165, 0.1);

 }



 .b-t-default {

     border-top-color: rgba(135, 150, 165, 0.1);

 }



 .b-r-default {

     border-right-color: rgba(135, 150, 165, 0.1);

 }



 .b-b-default {

     border-bottom-color: rgba(135, 150, 165, 0.1);

 }



 .b-l-default {

     border-left-color: rgba(135, 150, 165, 0.1);

 }



 .no-b-t {

     border-top-width: 0;

 }



 .no-b-r {

     border-right-width: 0;

 }



 .no-b-b {

     border-bottom-width: 0;

 }



 .no-b-l {

     border-left-width: 0;

 }



 .b-dashed {

     border-style: dashed !important;

 }



 .b-transparent {

     border-color: transparent !important;

 }



 @media (max-width: 991.98px) {

     .no-border-md {

         border-width: 0;

     }

 }



 @media (max-width: 767.98px) {

     .no-border-sm {

         border-width: 0;

     }

 }



 @media (max-width: 575.98px) {

     .no-border-xs {

         border-width: 0;

     }

 }



 /*

Hover

*/

 .hover-show {

     display: none;

 }



 .hover-rotate {

     transition: all 0.2s ease-in-out 0.1s;

 }



 @media screen and (prefers-reduced-motion: reduce) {

     .hover-rotate {

         transition: none;

     }

 }



 .hover-anchor:hover .hover-show,

 .hover-anchor:active .hover-show {

     display: inherit;

 }



 .hover-anchor:hover .hover-rotate,

 .hover-anchor:active .hover-rotate {

     transform: rotate(45deg);

 }



 .hover-top:hover,

 .hover-top:active {

     position: relative;

     z-index: 1000;

 }



 /*

Radius

*/

 .r {

     border-radius: 3px;

 }



 .r-t {

     border-top-left-radius: 3px;

     border-top-right-radius: 3px;

 }



 .r-r {

     border-top-right-radius: 3px;

     border-bottom-right-radius: 3px;

 }



 .r-b {

     border-bottom-right-radius: 3px;

     border-bottom-left-radius: 3px;

 }



 .r-l {

     border-top-left-radius: 3px;

     border-bottom-left-radius: 3px;

 }



 .r-2x {

     border-radius: 6px;

 }



 .r-3x {

     border-radius: 9px;

 }



 .r-auto {

     border-radius: inherit;

 }



 .no-radius {

     border-radius: 0 !important;

 }



 .no-r-t {

     border-top-left-radius: 0;

     border-top-right-radius: 0;

 }



 .no-r-r {

     border-top-right-radius: 0;

     border-bottom-right-radius: 0;

 }



 .no-r-b {

     border-bottom-right-radius: 0;

     border-bottom-left-radius: 0;

 }



 .no-r-l {

     border-top-left-radius: 0;

     border-bottom-left-radius: 0;

 }



 /*

Scrollable

*/

 .scrollable {

     overflow-x: hidden;

     overflow-y: auto;

     -webkit-overflow-scrolling: touch;

 }



 .scrollable.hover {

     overflow-y: hidden;

 }



 .scrollable.hover>* {

     margin-top: -1px;

 }



 .scrollable.hover:hover,

 .scrollable.hover:focus,

 .scrollable.hover:active {

     overflow: visible;

     overflow-y: auto;

 }



 .touch .scrollable {

     overflow-y: auto !important;

 }



 .scroll-x,

 .scroll-y {

     overflow: hidden;

     -webkit-overflow-scrolling: touch;

 }



 .scroll-y {

     overflow-y: auto;

 }



 .scroll-x {

     overflow-x: auto;

 }



 .no-scroll {

     overflow: hidden;

 }



 /*

Text

*/

 a.primary:hover {

     background-color: #c12729;

 }



 a.text-primary:hover {

     color: #c12729 !important;

 }



 .text-primary,

 .text-hover-primary a:hover,

 .text-hover-primary .active>a {

     color: #cc292b !important;

 }



 a.success:hover {

     background-color: #54bb3f;

 }



 a.text-success:hover {

     color: #54bb3f !important;

 }



 .text-success,

 .text-hover-success a:hover,

 .text-hover-success .active>a {

     #1a9a00 !important

 }



 a.info:hover {

     background-color: #674bff;

 }



 a.text-info:hover {

     color: #674bff !important;

 }



 .text-info,

 .text-hover-info a:hover,

 .text-hover-info .active>a {

     color: #7258ff !important;

 }



 a.warning:hover {

     background-color: #ffce40;

 }



 a.text-warning:hover {

     color: #ffce40 !important;

 }



 .text-warning,

 .text-hover-warning a:hover,

 .text-hover-warning .active>a {

     color: #ffd14d !important;

 }



 a.danger:hover {

     background-color: #fe4057;

 }



 a.text-danger:hover {

     color: #fe4057 !important;

 }



 .text-danger,

 .text-hover-danger a:hover,

 .text-hover-danger .active>a {

     color: #e80f28 !important

 }



 a.dark:hover {

     background-color: #121619;

 }



 a.text-dark:hover {

     color: #121619 !important;

 }



 .text-dark,

 .text-hover-dark a:hover,

 .text-hover-dark .active>a {

     color: #171c21 !important;

 }



 a.blue:hover {

     background-color: #0075f2;

 }



 a.text-blue:hover {

     color: #0075f2 !important;

 }



 .text-blue,

 .text-hover-blue a:hover,

 .text-hover-blue .active>a {

     color: #007bff !important;

 }



 .text-white {

     color: white !important;

 }



 .text-color {

     color: #171c21;

 }



 .text-inherit a {

     color: inherit;

 }



 .text-fade {

     opacity: 0.65;

 }



 .text-gd {

     -webkit-background-clip: text;

     -moz-background-clip: text;

     background-clip: text;

     -webkit-text-fill-color: transparent;

     -moz-text-fill-color: transparent;

     text-fill-color: transparent;

 }







 .text {



                   
font-size: 0.98rem;

     

     

     

 }



 .text-sm {

     font-size: 0.90rem;

 }



 .text-md {

     font-size: 0.875rem;

 }



 .text-lg {

     font-size: 0.875rem;

 }



 .text-2x {

     font-size: 2em !important;

 }



 .text-3x {

     font-size: 3em !important;

 }



 .text-4x {

     font-size: 4em !important;

 }

 

  .text-404 {

     font-size: 12em !important;

     color: #d4181c !important;

 }



 .l-h-0 {

     line-height: 0;

 }



 .l-h {

     line-height: 1.4285714286;

 }



 .l-h-1x {

     line-height: 1;

 }



 .l-h-2x {

     line-height: 1.85em;

 }



 .l-s-1x {

     letter-spacing: 1px;

 }



 .l-s-2x {

     letter-spacing: 2px;

 }



 .l-s-3x {

     letter-spacing: 3px;

 }



 .l-s-4x {

     letter-spacing: 4px;

 }



 .l-s-n-1x {

     letter-spacing: -1px;

 }



 .l-s-n-2x {

     letter-spacing: -2px;

 }



 .l-s-n-3x {

     letter-spacing: -3px;

 }



 .l-s-n-4x {

     letter-spacing: -4px;

 }



 .h-1x {

     height: 1.30rem;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 1;

     -webkit-box-orient: vertical;

 }



 .h-2x {

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 2;

     -webkit-box-orient: vertical;

 }



 .h-3x {

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 3;

     -webkit-box-orient: vertical;

 }



 .h-4x {

     max-height: 5rem;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 4;

     -webkit-box-orient: vertical;

 }



 .text-serif {

     font-family: Georgia, "Times New Roman", Times, serif;

 }



 .text-ellipsis {

     display: block;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

 }



 .text-shadow {

     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);

 }



 .font-weight-100 {

     font-weight: 100 !important;

 }



 .font-weight-300 {

     font-weight: 300 !important;

 }



 .font-weight-500 {

     font-weight: 500 !important;

 }



 .text-align-auto {

     text-align: inherit;

 }



 @media (max-width: 991.98px) {

     .text-lg {

         font-size: 2rem;

     }

 }



 .text-reset {

     color: inherit !important;

 }



 .text-10 {

     font-size: 0.625rem;

 }



 .text-12 {

          
   font-size: 0.825rem;

        

 }



 .text-13 {

     
   font-size: 14px;

       

 }

  .lineblockh {

    line-height: 22px;

 }

 

 .text-15 {

 
 font-size: 0.90rem;

        

     

 }

 .text-14 {

                 
   font-size: 14px;

       

 }

 .text-16k {

     font-size: 1.032rem;

     line-height: 25px;

 }





 .text-16 {

       
     font-size: 15px;

     

 }



 .text-18 {

           
font-size: 1rem;

       

 }

 

  .summry h2{

    line-height: 28px;

 }

  





 .text-2222 {

     font-size: 1.20rem;

     ont-weight:normal;

     line-height: 30px;

 }

 .text-20 {

     font-size: 1.25rem;

 }



 .text-22 {

     font-size: 1.375rem;

 }



 .text-24 {

     font-size: 1.5rem;

 }



 .text-26 {

     font-size: 1.625rem;

 }



 .text-28 {

      
font-size: 1.35rem;

       

 }

  .text-28-featured3 {

      
font-size: 1.35rem;

       

 }



 .text-30 {

     font-size: 1.875rem;

 }



 .text-32 {

     font-size: 2rem;

 }



 .text-36 {

         
  font-size: 2.20rem;

  letter-spacing: -.1px;

       

 }



 /*

Size

*/

 .w-8 {

     width: 8px !important;

     height: 8px !important;

 }



 .w-12 {

     width: 12px !important;

     height: 12px !important;

 }



 .w-16 {

     width: 16px !important;

     height: 16px !important;

 }



 .w-20 {

     width: 20px !important;

 }



 .w-24 {

     width: 24px !important;

     height: 24px !important;

     font-size: 0.7em;

 }



 .w-28 {

     width: 28px !important;

     height: 28px !important;

     font-size: 0.8em;

 }



 .w-32 {

     width: 32px !important;

     height: 32px !important;

     font-size: 0.85em;

 }



 .w-36 {

     width: 36px !important;

     height: 36px !important;

     font-size: 0.875em;

 }



 .w-40 {

     min-width: 40px !important;

     max-width: 40px !important;

     height: 40px !important;

 }



 .w-48 {

     width: 48px !important;

     height: 48px !important;

 }



 .w-56 {

     width: 56px !important;

     height: 56px !important;

 }



 .w-60 {

     min-width: 60px !important;

     max-width: 60px !important;

 }

 

  .w-89 {

     min-width: 80px !important;

     max-width: 80px !important;

 }



 .w-64 {

     width: 64px !important;

     height: 64px !important;

 }



 .w-72 {

     min-width: 72px !important;

     max-width: 72px !important;

 }



 .w-92 {

     min-width: 92px !important;

     max-width: 92px !important;

 }

 

  .w-135 {

     min-width: 112px !important;

     max-width: 112px !important;

 }

 .mh-50 {

     max-height: 50px;

 }

 .w-80 {

     width: 80px;

 }



 .w-96 {

     width: 96px;

 }



 .w-128 {

     width: 128px;

 }



 .w-xs {

     width: 90px;

 }



 .w-sm {

     width: 120px;

 }



 .w {

     min-width: 190px;

     max-width: 190px;

 }



 .w-md {

     width: 240px;

 }



 .w-lg {

     width: 280px;

 }



 .w-xl {

     width: 320px;

 }



 .w-xxl {

     width: 400px;

 }



 .w-auto {

     width: auto;

 }



 .h-auto {

     height: auto;

 }



 .hv {

     height: 100vh;

 }



 .h-v {

     min-height: 100vh;

 }



 .h-v-50 {

     min-height: 50vh;

 }



 @media (max-width: 1199.98px) {

     .w-auto-lg {

         width: auto !important;

     }



     .w-100-lg {

         width: 100% !important;

     }

 }



 @media (max-width: 991.98px) {

     .w-auto-md {

         width: auto !important;

     }



     .w-100-md {

         width: 100% !important;

     }

 }



 @media (max-width: 767.98px) {

     .w-auto-sm {

         width: auto !important;

     }



     .w-100-sm {

         width: 100% !important;

     }

 }



 @media (max-width: 575.98px) {

     .w-auto-xs {

         width: auto !important;

     }



     .w-100-xs {

         width: 100% !important;

     }

 }



 /*---------------------------

4. Material Design style

---------------------------*/

 .red {

     background-color: #f44336;

     color: #fff;

 }



 .pink {

     background-color: #e91e63;

     color: #fff;

 }



 .purple {

     background-color: #9c27b0;

     color: #fff;

 }



 .deep-purple {

     background-color: #673ab7;

     color: #fff;

 }



 .indigo {

     background-color: #3f51b5;

     color: #fff;

 }



 .blue {

     background-color: #2196f3;

     color: #fff;

 }



 .light-blue {

     background-color: #03a9f4;

     color: #fff;

 }



 .cyan {

     background-color: #00bcd4;

     color: #fff;

 }



 .teal {

     background-color: #009688;

     color: #fff;

 }



 .green {

     background-color: #fff;

     color: #000;

 }



 .light-green {

     background-color: #8bc34a;

     color: rgba(0, 0, 0, 0.85);

 }



 .lime {

     background-color: #cddc39;

     color: rgba(0, 0, 0, 0.85);

 }



 .yellow {

     background-color: #ffeb3b;

     color: rgba(0, 0, 0, 0.85);

 }



 .amber {

     background-color: #ffc107;

     color: rgba(0, 0, 0, 0.85);

 }



 .orange {

     background-color: #ff9800;

     color: rgba(0, 0, 0, 0.85);

 }



 .deep-orange {

     background-color: #ff5722;

     color: #fff;

 }



 .brown {

     background-color: #795548;

     color: #fff;

 }



 .blue-grey {

     background-color: #607d8b;

     color: #fff;

 }



 .grey {

     background-color: #9e9e9e;

     color: #fff;

 }



 /* sign in FORM */

 #logreg-forms {}



 #logreg-forms form {

     width: 100%;

     max-width: 410px;

     padding: 15px;

 }



 #logreg-forms .form-control {

     position: relative;

     box-sizing: border-box;

     height: auto;

 }



 #logreg-forms .form-control:focus {

     z-index: 2;

 }



 #logreg-forms .form-signin input[type="email"] {

     margin-bottom: -1px;

     border-bottom-right-radius: 0;

     border-bottom-left-radius: 0;

 }



 #logreg-forms .form-signin input[type="password"] {

     border-top-left-radius: 0;

     border-top-right-radius: 0;

 }



 #logreg-forms .social-login {

     width: 390px;

     margin: 0 auto;

     margin-bottom: 14px;

 }



 #logreg-forms .social-btn {

     font-weight: 100;

     color: white;

     font-size: 0.9rem;

 }



 #logreg-forms a {

     display: block;

     color: #fff;

     text-align: right;

 }



 #logreg-form .lines {

     width: 200px;

     border: 1px solid red;

 }





 #logreg-forms button[type="submit"] {

     margin-top: 10px;

     width: 140px;

     position: absolute;

 }



 #logreg-forms .facebook-btn {

     background-color: #3C589C;

 }



 #logreg-forms .google-btn {

     background-color: #DF4B3B;

 }



 #logreg-forms .form-reset,

 #logreg-forms .form-signup {

 

 }



 #logreg-forms .form-signup .social-btn {

     width: 210px;

 }



 #logreg-forms .form-signup input {

     margin-bottom: 2px;

 }



 .form-signup .social-login {

     width: 210px !important;

     margin: 0 auto;

 }



 /* Mobile */



 @media screen and (max-width:500px) {

.header {

    

    padding-top: 10px;

    padding-bottom: 10px;

}

     #logreg-forms {

         width: 300px;

     }



     #logreg-forms .social-login {

         width: 200px;

         margin: 0 auto;

         margin-bottom: 10px;

     }



     #logreg-forms .social-btn {

         font-size: 1.2rem;

         font-weight: 100;

         color: white;

         height: 100%;



     }



     #logreg-forms .social-btn:nth-child(1) {

         margin-bottom: 5px;

     }



     #logreg-forms .social-btn span {

         display: none;

     }



     #logreg-forms .facebook-btn:after {

         content: 'Facebook';

     }



     #logreg-forms .google-btn:after {

         content: 'Google+';

     }



 }





 .bg-exchange {

     background: #282828;

 }



 .menu-top {

     margin-top: 4px;

 }



 .breadcrumb {

     display: flex;

     flex-wrap: wrap;

     padding: 0rem 0;

     margin-bottom: 1rem;

     list-style: none;

     border-radius: 0.25rem;

 }

 

 .border-radius{

	border-radius: 10px;

}

 .bg-whatsapp {

     color: #fff !important;

     background-color: #25d366 !important;

     border-color: #25d366 !important;

 }



 .text-secondary {

     color: #555 !important;

 }



 .text-muted {

     color: #333 !important;

 }









 .breadcrumb-item.active {}



 a {

     color: #222;

     text-decoration: none;

     background-color: transparent;

     -webkit-text-decoration-skip: objects;

 }



 .b-t {

     border-top: 1px solid rgba(135, 150, 165, 0.5);

 }



 .avatar {

     position: relative;

     background-size: cover !important;

     background-repeat: no-repeat;

     background-position: 50% 50%;

     background-color: #fff;

     display: flex;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

 }



 body {

     width: 100%;

     min-height: 100vh;

     color: #222;

     background: #e9ecef#f4f4f4;

     overflow-x: hidden;

 }









 .scrollup {

     width: 40px;

     height: 40px;

     position: fixed;

     display: none;

     border-radius: 10px 10px 50px 50px;

    

          
     right: 30px;

	 
     bottom: 30px;

     font-size: 1rem;

     align-items: center;

     justify-content: center;

     background-color: #cc292b;

     color: #fff;

     z-index: 10;

     transition: all .2s;

 }



 .scrollup:hover {

     color: #fff;

 }



 [data-count]::before {

     position: absolute;

     right: -5px;

     top: -2px;

     border: solid 3px #fff;

     background-color: #cc292b;

     color: #fff;

     content: attr(data-count);

     font-size: 8px;

     font-weight: bold;

     border-radius: 100px;

     display: flex;

     min-width: 22px;

     min-height: 22px;

     align-items: center;

     justify-content: center;

 }

.order strong{

    color: #d20909;

}

 .order {



    left: 0px;

    bottom: 0px;

    background-color: #ebecec;

    padding: 19px 5px;

    color: #0e0000;

    font-size: 1rem;

    z-index: 2;

    border: 1px solid #000;

    border-radius: 50%;

    width: 62px;

    height: 62px;

}

 }



 .gallery-share:hover .media-share,

 .media:hover .media-share {

     display: flex;

 }

 .gallery-share .order {

 position:relative;

    white-space: nowrap;

}

 .gallery-share hr {

    border-color:#e4e4e4;

    
     width: 35%;

    
   

}

 .gallery-share .media-share {

 display:flex !important;

 position:relative !important;

    justify-content: flex-start;

    height: 40px;

}

.gallery-share .media-share>* {

    margin-left:5px;

    border-radius: 100px;

    flex:0 0 40px;

    width: 40px;

    height: 40px;

}



 .media-share {

     display: none;

     position: absolute;

     right:0px;

     bottom:0px;

     color: #fff;

     height: 36px;

     z-index: 2;

     align-items: center;

     justify-content: center;

     transition: all .2s;

 }



 .media-share>* {

     display: flex;

     width: 36px;

     height: 36px;

     background-color: #171c21;

     cursor: pointer;

     align-items: center;

     justify-content: center;

 }



 .media-share>*:hover {

     opacity: .8;

 }





 .mobilmenuheader {

     
      background: radial-gradient(circle at top right, var(--theme-ustmenuarkaplan-bg), var(--theme-ustmenuarkaplanrd-bg));

	 
     box-shadow: 0 1px 2px rgb(0 0 0 / 10%);

 }

 

  .mobilmenuheader .nav-link {

     color: var(--theme-ustmenu-text-color);

     text-shadow: 1px 1px var(--theme-ustmenu-shadow-color);

     text-transform: uppercase;

 }

 

 

  .mobilmenuheader .nav-link:hover {

     color: #333333;

 }

 

 .mobilmenuheader .navbar svg {

     color: var(--theme-ustmenu-text-color);

 }

 



 

 .header {

     position: sticky;

     top: 0px;

     left: 0px;

     right: 0px;

     width: 100%;

     z-index: 100;

     /* Force Hardware Acceleration */

     -webkit-transform: translateZ(0);

     transform: translateZ(0);

     will-change: transform;

     -webkit-transition: -webkit-transform .5s;

     transition: -webkit-transform .5s;

     transition: transform .5s;

     transition: transform .5s, -webkit-transform .5s;

     
      background: radial-gradient(circle at top right, var(--theme-ustmenuarkaplan-bg), var(--theme-ustmenuarkaplanrd-bg));

	 
     box-shadow: 0 1px 2px rgb(0 0 0 / 10%);

 }

.header-border{


border-top: 1px solid var(--theme-top-border-desktop-color);


 }

 

 .header.is-hidden {

     -webkit-transform: translateY(-100%);

     -ms-transform: translateY(-100%);

     transform: translateY(-100%);

 }



 .fixed-share {



     position: fixed;

     top: 0px;

     left: 0px;

     right: 0px;

     height: 60px;

     z-index: 10;

     -webkit-transform: translateZ(0);

     transform: translateZ(0);

     will-change: transform;

     -webkit-transition: -webkit-transform .5s;

     transition: -webkit-transform .5s;

     transition: transform .5s;

     transition: transform .5s, -webkit-transform .5s;

 }



 .fixed-share.is-hidden {

     -webkit-transform: translateY(-250%);

     -ms-transform: translateY(-250%);

     transform: translateY(-250%);

 }



 .namaz table {

     width: 100%;

     margin-top: 15px;

 }



 .namaz table th {

     font-weight: bold;

     text-align: center;

     padding-bottom: 4px;

     font-size: 13px;

     color: #383838;

 }



 .namaz table td {

     text-align: center;

     color: #515151;

     font-size: 13px;

 }



 .namazbg {

     height: 120px;

     background-repeat: no-repeat;

     background-position: right;

 }



 #namazsonuc table {

     margin-top: -10px;

     ;

     width: 100%;

     border: solid 1px rgba(0, 0, 0, 0.2);

 }



 #namazsonuc div {

     margin-top: 10px;

 }



 #namazsonuc table th {

     background: rgba(0, 0, 0, 0.2);

     color: #fff;

     text-align: center;

     padding: 5px 4px;

 }



 #namazsonuc table td {

     background: rgba(0, 0, 0, 0.1);

     color: #fff;

     text-align: center;

     padding: 5px 4px;

     border: solid 1px rgba(0, 0, 0, 0.2);

 }



 #namazsonuc table td:last-child,

 #namazsonuc table th:last-child {

     padding-right: 4px;

 }



 #namazilsec {

     color: #fff;

     border: solid 1px rgba(0, 0, 0, 0.1);

     background-color: rgba(0, 0, 0, 0.1) !important;

     border-top: solid 1px rgba(0, 0, 0, 0.2);

     border-right: solid 1px rgba(0, 0, 0, 0.2);

     border-left: solid 1px rgba(0, 0, 0, 0.2);

     font-size: 14px;

 }



 #namazilsec option {

     color: #000;

     background: #fff;

 }



 #namazsonuc tr:last-child td,

 #namazsonuc tr:last-child th {

     padding: 5px;

 }





 .flash-haber {

     position: relative;

     color: var(--theme-flash-text-color);

     background: linear-gradient(130deg, var(--theme-flash-bg), var(--theme-flash2-bg), var(--theme-flash3-bg));

     background-size: 400% 400%;

 }

 .sondakika-haber-content {

     padding: 10px 10px 10px 10px;

     font-size: 1rem;

 }

 

 .sondakika-haber-content .h-1x {

    height: 1.32rem;

    color: var(--theme-sondakika-text-color);

}







 .sondakika-haber-contenty {

     padding: 12px 15px 10px 40px;

     font-size: 1rem;

 }

 

 .sondakika-haber-contenty .h-1x {

    height: 1.32rem;

    color: var(--theme-sondakika-text-color);

}







.flash-haber-content {

    
 font-size: 1rem;

  padding: 14px;

       

     

     font-size: 1rem;

 }

 .flash-haber-content .h-1x {

 

    color: var(--theme-flash-text-color);

}

 .sondakika-haber-content .h-1x {



        
 height: 1.22rem;

    

    

    color: var(--theme-sondakika-text-color);

}

 .flash-haber-heading {

         
 font-size: 1rem;

  padding: 10px 10px 8px 10px;

       

    

     text-decoration: blink;

     -webkit-animation-name: blinker;

     -webkit-animation-duration: 0.5s;

     -webkit-animation-iteration-count: infinite;

     -webkit-animation-timing-function: ease-in-out;

     -webkit-animation-direction: alternate;

 }





 .sondakika-haber-heading {

         
 font-size: 1rem;

  padding: 14px 10px 10px 14px;

       

    

     text-decoration: blink;

     -webkit-animation-name: blinker;

     -webkit-animation-duration: 0.5s;

     -webkit-animation-iteration-count: infinite;

     -webkit-animation-timing-function: ease-in-out;

     -webkit-animation-direction: alternate;

 }



 .slide-caption .media-slide:before {

     /* content: "";*/

     /* position: absolute;*/

      /*bottom: 0;*/

      /*left: 0;*/

      /*right: 0;*/

      /*height: 60%;*/

     /* background: linear-gradient(to bottom, transparent 0%, #000 90%, #000 100%);*/

 }





 /* Dar manset */

 .dar-manset {

     max-height: 380px;

     overflow: hidden;



 }

.dar-manset a {

    display:block;

}

 .dar-manset .swiper-pagination {

     width: 37px;

     margin-right: 3px;

     margin-bottom: -4px;

 }



 .dar-manset .swiper-pagination .swiper-pagination-bullet {

     width: 37px;

     height: 34px;

     margin-bottom: 5px;

     position: relative;

 }



 .dar-manset .swiper-pagination>.swiper-pagination-bullet:last-child {

     margin-bottom: 0px;

     margin-top: -1px;

 }

 

 .dar-manset .swiper-pagination-limit{

 
 }

 

 .dar-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     position: absolute;

     z-index: -5;

     bottom: 0px;

     right: -10px;

     display: block;

     content: '';

     border-style: solid;

     border-width: 14px 0 0 10px;

     border-color: transparent transparent transparent #cc292b;

     z-index: 12;

 }





 /* EK Manset */



 .ek-manset .swiper-pagination {

     margin-top: 8px;

     

 }



 .ek-manset .swiper-pagination .swiper-pagination-bullet {



      width: 36px;

     height: 36px;



     margin-bottom: 5px;

     position: relative;

 }



 .ek-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     position: absolute;

     z-index: -5;

     top: -10px;

     left: 0px;

     display: block;

     content: '';

     border-style: solid;

     border-width: 10px 0 0 14px;

     border-color: transparent transparent transparent #cc292b;

     z-index: 12;

 }

 

 /* Dev Manset */



 .dev-manset .swiper-pagination {

     margin-top: 8px;

     

 }



 .dev-manset .swiper-pagination .swiper-pagination-bullet {

 
      width: 36px;

     height: 36px;

 


     margin-bottom: 5px;

     position: relative;

     color: #ffb3b3;

 }

 

  .dev-manset .swiper-pagination .swiper-pagination-bullet:hover{

  font-size:24px;

  font-weight:bold;

  }



 .dev-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     position: absolute;

     z-index: -5;

     top: -10px;

     left: 0px;

     display: block;

     content: '';

     border-style: solid;

     border-width: 10px 0 0 14px;

     border-color: transparent transparent transparent #cc292b;

     z-index: 12;

 }



 .tab-manset .slider-loading::before {

     position: absolute;

     content: "";

     background: #171c21 url("../img/loader.svg") center no-repeat;

     top: 0px;

     left: 0px;

     right: 0px;

     bottom: 0px;

     z-index: 100;

 }

.slider-loading {

    min-height:198px;

}

 /* Resimli Manset */

 .image-slider {

     position: relative;

 }



 .image-slider.slider-loading::before {

     position: absolute;

     content: "";

     background: #fff url("../img/loader.svg") center no-repeat;

     top: 0px;

     left: 0px;

     right: 0px;

     bottom: 0px;

     z-index: 100;

 }



 .image-slider .swiper-container {

     max-height: 450px;

     display: block;

 }

 .image-slider .swiper-wrapper {

 min-height: 380px;

}



 .image-slider .swiper-pagination {

     -ms-flex-wrap: nowrap !important;

     flex-wrap: nowrap !important;

 }



 .image-slider .swiper-pagination .swiper-pagination-bullet {

     width: 100%;

     height: auto;

	  border-radius: 25px;

	 background: #000;

     color: #fff;

     max-width: 34px;

      
 }



 .image-slider .swiper-pagination .swiper-pagination-bullet-active:before {

     position: absolute;

     z-index: -5;

     top: -26px;

     left: 46%;

     display: block;

     width: 14px;

     height: 14px;

     content: '';

     transform: rotate(-45deg) translateX(-50%);

     background: #fff;

     z-index: 12;

 }



 /* Tab manset */

 .tab-manset {

     position: relative;

 }



 .tab-manset:after {

     content: "";

     position: absolute;

     top: 0;

     left: 0;

     right: 0;

     border-top: solid 2px #cc292b;

 }



 .tab-manset .nav-link {

     padding-top: .75rem;

     padding-bottom: .75rem;

 }



 .tab-manset .nav-link:hover,

 .tab-manset .nav-link.active {

     background-color: #cc292b;

     color: #fff;

 }



 .tab-manset .swiper-pagination {



     height: 36px;

     background-color: #000;

 }



 .tab-manset .swiper-pagination .swiper-pagination-bullet {

     width: 36px;

     height: 36px;

     position: relative;

     margin: 0 !important;

     background-color: #000;

     color: #fff;

 }



 .tab-manset .swiper-pagination .swiper-pagination-bullet-active {

     background-color: #cc292b;

 }



 .tab-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     position: absolute;

     z-index: -5;

     top: -10px;

     left: 0px;

     display: block;

     content: '';

     border-style: solid;

     border-width: 10px 0 0 14px;

     border-color: transparent transparent transparent #cc292b;

     z-index: 12;

 }



 .tab-manset .slide-caption:after {

     height: 80%;

 }



 .slider-nav a {

     background-color: #efefef;

     color: #333;

     font-weight: 500;

     padding: 10px 0px 10px 0px;

     text-align: center;

     width: 100%;

     display: block;

     margin: 0 5px;

 }

   .slider-nav a:hover{

  font-size:22px;

  font-weight:700;

       background-color: #efefef;

     color: #333;

     padding: 5px 0px 5px 0px;

     text-align: center;

     width: 100%;

     display: block;

     margin: 0 5px;

  }



 .slider-nav a.active {

     background-color: #cc292b;

     color: #fff;

 }





 .nav-linear .nav>li>.nav-link {

     padding: 15px 30px;

     color: #000;

 }



 .nav-linear .nav>li:nth-child(1)>.nav-link {

     background-color: rgba(0, 0, 0, .2) !important;

 }



 .nav-linear .nav>li:nth-child(2)>.nav-link {

     background-color: rgba(0, 0, 0, .15) !important;

 }



 .nav-linear .nav>li:nth-child(3)>.nav-link {

     background-color: rgba(0, 0, 0, .1) !important;

 }



 .nav-linear .nav>li:nth-child(4)>.nav-link {

     background-color: rgba(0, 0, 0, .07) !important;

 }



 .nav-linear .nav>li:nth-child(5)>.nav-link {

     background-color: rgba(0, 0, 0, .05) !important;

 }



 .nav-linear .nav>li:nth-child(6)>.nav-link {

     background-color: rgba(0, 0, 0, .03) !important;

 }



 .nav-linear .nav>li>.nav-link.active {

     color: var(--theme-tab-color) !important;

     background-color: var(--theme-tab-bg) !important;

 }



 .nav-comment .nav>li>.nav-link.active {

     color: #1a1a1a;

     background-color: rgba(0, 0, 0, .03) !important;

 }



 .gallery-box .nav-link {

     padding: 18px 70px;

     color: #fff;

     font-size: 16px;

     background-color: var(--theme-galeri-bg) !important;

 }

 

  .gallery-box .nav-link-all {

     padding: 14px 50px;

     color: #fff;

     font-size: 16px;

     background-color: var(--theme-galeri-bg) !important;

 }



 .gallery-box .nav>li>.nav-link.active {

     background-color: var(--theme-galeritab-bg) !important;

     color: #fff !important;

 }



 .yazarlar-button-prev {

     left: -30px !important;

     background-color: #fff;

    text-align: center;

    font-size: 38px;

    color: #333;

    width: 34px;

    height: 80px;

 }



 .yazarlar-button-next {

     right: -30px !important;

    background-color: #fff;

    text-align: center;

    font-size: 38px;

    color: #333;

    width: 34px;

    height: 80px;

 }



 .yazarlar-prev {

     left: -10px !important;

 }



 .yazarlar-next {

     right: -10px !important;

 }



 .yazarlar-button-prev svg,

 .yazarlar-button-next svg {

     fill: #000 !important;

     width:24px;

     height:24px;

 }



 .darmanset-alti .swiper-container .swiper-slide:last-child {

     margin-right: 0px !important

 }

  .resmi-ilanlar-alti .swiper-container .swiper-slide:last-child {

     margin-right: 0px !important

 }

  .resmi-ilanlar-alti .swiper-slide {



      
     margin-right:25px;

	 
 width:23%;

 min-height:100%;

 display:flex;

    align-items: stretch;

}

 .darmanset-alti .swiper-slide {



      
     margin-right:25px;

	 
 width:23%;

 min-height:100%;

 display:flex;

    align-items: stretch;

}

 .resmi-ilanlar-alti,

 .darmanset-alti,

 .sondakika-alti {

     position: relative;

 }



 .resmi-ilanlar-alti .swiper-button-prev,

 .resmi-ilanlar-alti .swiper-button-next,

 .darmanset-alti .swiper-button-prev,

 .darmanset-alti .swiper-button-next,

 .sondakika-alti .swiper-button-prev,

 .sondakika-alti .swiper-button-next,

 .yazarlar-blok-slider .swiper-button-prev,

 .yazarlar-blok-slider .swiper-button-next {

     right: 0px;

     background-color: #fff;

     width:24px; 

     padding: 30px 8px !important;

     display: none;

 }





 .resmi-ilanlar-alti .swiper-button-prev,

 .darmanset-alti .swiper-button-prev,

 .sondakika-alti .swiper-button-prev,

 .yazarlar-blok-slider .swiper-button-prev {

     right: auto;

     left: 0px;

 }



 .resmi-ilanlar-alti:hover .swiper-button-prev,

 .resmi-ilanlar-alti:hover .swiper-button-next,

 .darmanset-alti:hover .swiper-button-prev,

 .darmanset-alti:hover .swiper-button-next,

 .sondakika-alti:hover .swiper-button-prev,

 .sondakika-alti:hover .swiper-button-next,

 .yazarlar-blok-slider:hover .swiper-button-prev,

 .yazarlar-blok-slider:hover .swiper-button-next {

     display: flex;

 }

 

 

 .resmi-ilanlar-alti:hover .swiper-button-prev svg,

 .resmi-ilanlar-alti:hover .swiper-button-next svg,

 .darmanset-alti:hover .swiper-button-prev svg,

 .darmanset-alti:hover .swiper-button-next svg,

 .sondakika-alti:hover .swiper-button-prev svg,

 .sondakika-alti:hover .swiper-button-next svg,

 .yazarlar-blok-slider:hover .swiper-button-prev svg,

 .yazarlar-blok-slider:hover .swiper-button-next svg {

     fill: #000;

     width:26px;

     height:26px;

 }



 .last-minute .carousel-item .last-minute-text {

     max-width: 480px;

     overflow: hidden;

     text-overflow: ellipsis;

     white-space: nowrap;

      color: var(--theme-sondakika-text-color);

 }



 .heading {

     
 font-size: 1rem;

       

     
      padding-right: 20px;

	 
     /* padding-top: 5px; */

     padding-bottom: 5px;

     font-weight: 600;

     margin-bottom: 20px;

     position: relative;

     display: flex;

     align-items: center;

     justify-content: space-between;

     text-transform: uppercase;

 }



 .heading a {

     font-size: 12px;

     font-weight: normal;

 }   



 .heading::before {

     content: '';

     position: absolute;

     width: 30px;

     height: 3px;

     background-color: #cc292b;

     
     left: 0px !important;

	 
     

     bottom: -4px;

 }

 

 .home-heading {

     font-size: 1.050rem;

     padding-right: 20px;

     /* padding-top: 5px; */

     padding-bottom: 5px;

     font-weight: 600;

     margin-bottom: 10px;

     position: relative;

     display: flex;

     align-items: center;

     justify-content: space-between;

     text-transform: uppercase;

 }



 .home-heading a {

     font-size: 12px;

     font-weight: normal;

 }   



 .home-heading::before {

     content: '';

     position: absolute;

     width: 100%;

     height: 4px;

     background-color: #cc292b;

     left: 0px !important;

     bottom: -4px;

 }



 /* Cok Okunanlar */

 .popular-posts {



     counter-reset: counter;

 }



 .popular-posts>.list-item {

     position: relative;

    align-items: flex-start;

 }

 .popular-posts>.list-item:last-child .block {

 margin-bottom:0px;

}

 .popular-posts>.list-item:before {

     position: absolute;

     left: -12px;

     top: calc(32% - 12px);

     width: 32px;

     height: 32px;

     display: flex;

     align-items: center;

     justify-content: center;

     color: #fff;

     font-family: Arial;

     font-size: .75rem;

     font-weight: 700;

     font-style: normal;

     content: counter(counter);

     counter-increment: counter;

     border-radius: 100%;

     background-clip: padding-box;

     z-index: 9;

     line-height: 28px;

     background-color: #cc292b;

     border: 3px solid #fff;

 }



 /* Fikstur */



 .fikstur .nav-active-border {

     position: relative;

     margin: 0 10px;

 }



 .fikstur .nav-active-border::before {

     position: absolute;

     left: 0px;

     right: 0px;

     content: "";

     height: 3px;

     bottom: 0px;

     background-color: #cc292b;

 }



 .fikstur .bg-odd {

     background-color: rgba(255, 255, 255, 0.04);

 }



 .fikstur table {

     font-size: 12px;

 }



 .fikstur td {

     padding: 3px 4px;

 }



 .fikstur a {

     padding: 12px 12px;

     font-weight: bold;

     font-size: 14px;

     color: #000;

 }



 .fikstur a.active {

     color: #026d02;

 }



 .fikstur a.active::before,

 .fikstur a:hover::before {}



 .burclar-cover {

     color: #fff;

     position: relative;

     background-size: cover;

     background-repeat: no-repeat;

     background-position: 50% 50%;

     background-color: #eaeaea;

     background-image: url(../img/astroloji.svg?v=2026021109294920260315143234);

     display: flex;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

 }



 .burclar-cover:after {

     content: '';

     display: block;

     padding-top: 22%;

 }



 .sabit-reklam {

     width: auto;

     position: absolute;

     

     
margin-left: -178px;


     

     






 
top: 166px;











     

     width: 160px;



     z-index: 10;

    transition: all .3s;

 }



 .sabit-reklam::before {

     position: absolute;

     left: 50%;

     top: 50%;

     transform: translate(-50%, -50%);



     color: #ccc;

 }



 .sag-sabit {

     margin-left: 989px;

 }



 .post-tools {

     display: flex;

     align-items: center;

 }



 .post-tools .post-share {

     background-color: #000;

     border-radius: 100px;

     width: 36px;

     height: 36px;

     min-width: 36px;

     display: flex;

     align-items: center;

     justify-content: center;

     margin-right: 10px;

     position: relative;

     cursor: pointer;

 }



 .post-tools-big .post-share-big {

     background-color: #000;

     min-width: 40px;

     display: flex;

     align-items: center;

     justify-content: center;

     margin-right: 10px;

     position: relative;

     cursor: pointer;

     padding: 6px;

     font-size: 0.90rem;

	 border-radius: 10px;

 }



 .post-tools .post-share:hover {

     opacity: .8;

 }



 .post-tools div[data-count]::before {

     position: absolute;

     right: -5px;

     top: -5px;

     border: solid 3px #fff;

     background-color: inherit;

     content: attr(data-count);

     font-size: 8px;

     font-weight: bold;

     border-radius: 100px;

     width: 22px;

     height: 22px;

     display: flex;

     align-items: center;

     justify-content: center;

 }



 .fixed-share div[data-count]::before {

     right: -10px !important;

     top: -10px !important;

 }



 .fixed-share .post-share {

     width: 36px;



 }



 .font-kucult,

 .font-buyut {

     font-size: 20px;

     font-weight: 600;

     padding-right: 10px;

     position: relative;

 }



 .font-kucult::before,

 .font-buyut::before {

     font-weight: 900;

     position: absolute;

     content: "+";

     font-size: 18px;

     right: 0px;

     top: -5px;

 }



 .font-kucult::before {

     content: "-";

 }



 .post-body {

        
     font-size: 1.125rem;

      

     

     line-height: 1.75rem;

 }



 .post-body img{

     max-width: 100% !important;



    height: auto !important;

 }

 

 .post-body table {

     width: 100% !important;

     height: auto !important;

     margin: 1rem 0;

 }



 .post-body iframe {

     width: 100%;

     /*height: auto;*/

     /*min-height: 400px;*/

     /*margin: 1rem 0;*/

 }

 .post-body iframe.mb20 {

 min-height:auto;

}



 .post-body h1,

 .post-body h2,

 .post-body h3,

 .post-body h4,

 .post-body h5,

 .post-body h6 {

     margin: 1rem 0;

     line-height: 1.50;

 }



 .second-menu {

     font-weight: bold;

 }



 .second-menu .menu-name {

     padding-right: 20px;

     margin-right: 20px;

 }



 .second-menu .menu-name:after,

 .second-menu .menu-name:before {

     border-right: 2px solid #fff;

     content: '';

     display: block;

     height: 50%;

     position: absolute;

     left: 0;

     right: 0;

     top: 0;

     z-index: 1;

    

        
 transform: skewX(40deg);

	 
 }



 .second-menu .menu-name:after {

     bottom: 0;

     top: auto;

   
transform: skewX(-40deg);

	 
 } 

 .emotion {

 position:relative;

 margin-right:20px;

 text-align:center;

 padding-top:20px;

} 



   

    



    

.emotion:before {

    position: absolute;

    display:none;

    top: 100%; 

    left: 50%;

    transform: translate(-50%,0);

    background-color: #535353;

    content: attr(data-title);  

    padding: 6px 10px;

    color: #fff;

    white-space: nowrap;

    border-radius: 100px;

    line-height: 16px;

    font-size: 12px; 

}

.emotion:hover:before {

	display:block;

}





 .angry {

 background-color: #e40707a6 !important;

 

 }

 

 .emotion .emotion-img {

    min-width: 42px;

    height: 42px;

    margin:10px 5px;

    padding: 2px;

    border-radius: 100px;

    position: relative;

    transition: all .4s;

    cursor: pointer; 

	



 }

 

 .emojiler{

 

 margin-bottom:20px;

 

 }



 .emotion:hover .emotion-img {

     

    transform: scale(1.3);

 }

.emotion-count {

	height:40px;

	margin-bottom:5px;

	position:relative;

	border-bottom:solid 2px #3b5998;

    align-items: flex-end;

	display:flex;

}

.emotion-count-perc {

	position:relative;

	height:0px;

	width:100%;

	background-color:#3b5998;

}



.emotion-count-perc::before {

    position: absolute;

    top: -22px !important;

    font-size: 12px;

    left: 0;

    right:0;

    content: attr(data-total); 

    color: #3b5998;

    text-align: center;

 }



 .load-more {

     background-color: #fff;

     border-radius: 100px;

     padding: 17px 50px;

     font-weight: bold;

 }



 .load-more.loader {

     height: 8px;

     padding: 0px 50px;

     text-indent: -9999px;

     text-decoration: blink;

     -webkit-animation-name: blinker;

     -webkit-animation-duration: 0.5s;

     -webkit-animation-iteration-count: infinite;

     -webkit-animation-timing-function: ease-in-out;

     -webkit-animation-direction: alternate;

     background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);

     background-size: 400% 400%;

     -webkit-animation: Gradient 3s ease infinite;

     -moz-animation: Gradient 3s ease infinite;

     animation: Gradient 3s ease infinite;

 }



 /* Animation */

 @-webkit-keyframes Gradient {

     0% {

         background-position: 0% 50%;

     }



     50% {

         background-position: 100% 50%;

     }



     100% {

         background-position: 0% 50%;

     }

 }



 @-moz-keyframes Gradient {

     0% {

         background-position: 0% 50%;

     }



     50% {

         background-position: 100% 50%;

     }



     100% {

         background-position: 0% 50%;

     }

 }



 @keyframes Gradient {

     0% {

         background-position: 0% 50%;

     }



     50% {

         background-position: 100% 50%;

     }



     100% {

         background-position: 0% 50%;

     }

 }





 @-webkit-keyframes blinker {

     from {

         opacity: 1.0;

     }



     to {

         opacity: 0.0;

     }

 }



 .namaz {

     background-color: var(--theme-namaz-bg);

 }



 .spot {

     background-color: var(--theme-spot-bg);

     color: var(--theme-spot-text-color);

 }



 .galeri {

     background-color: var(--theme-galeri-bg);

     color: var(--theme-galeri-text-color);

 }



 .spot:hover {

     color: #cc292b !important;

 }

 

 .spot a {

     color: var(--theme-spot-text-color);

 }





 .sondakika {

    position: relative;

    max-width: 100%;

 }

 

.sondakika-bg {

     background-color: var(--theme-sondakika-bg);

    background-image: linear-gradient(

90deg

,var(--theme-sondakika-bgx),var(--theme-sondakika-bgy));

     position: relative;

    max-width: 100%;       

    color: var(--theme-sondakika-text-color);

    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);

}





.sondakika .swiper-container {

    padding: 4px 0px;

    margin: -4px 0; 

}

.sondakika .swiper-button-prev,

.sondakika .swiper-button-next {

    right:auto;

    left:0px;

    width:18px;

    height:32px;

    border-radius:100px; 

}

.sondakika .swiper-button-next {

    left: 24px;

}

.sondakika .swiper-button-prev svg,.sondakika .swiper-button-next svg {

    width:18px;

    height:18px;

    fill:var(--theme-sondakika-text-color);

}

 

.flash-news .swiper-button-prev,

.flash-news .swiper-button-next { 

    left:auto;

              
right:40px;

	 
    

    width:18px;

    height:32px;

    border-radius:100px; 

}

.flash-news .swiper-button-next {

                
 right: 10px;

	  

}

.flash-news .swiper-button-prev svg,.flash-news .swiper-button-next svg {

    width:14px;

    height:14px;

    fill: #fff;

}



 @media (max-width: 992px) {



.sabit-reklam {

    display:none;

}

 .image-slider .swiper-wrapper {

 min-height: auto;

}

 .sondakika .swiper-slide {

padding-left:0px !important;

}

.sondakika .swiper-button-prev,

.sondakika .swiper-button-next {

    display:none !important;

}

.flash-news .swiper-button-prev,

.flash-news .swiper-button-next {

    display:none !important;

}

 .tab-manset .slider-loading::before { 

    bottom: -18px;

}

 }

 .menuarkaplan {

     background-color: var(--theme-menuarkaplan-bg);

 }





 .sondakika-bg a {

     color: var(--theme-sondakika-text-color);

 }

 .sondakika .swiper-slide {

    padding-left: 55px; 

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.sondakikatip2 .swiper-slide {

    padding-left: 0px !important;



}



 .sondakikatip2 {

     position: relative;

  

        background-color: var(--theme-sondakika-bg);

    background-image: linear-gradient( 

90deg

 ,var(--theme-sondakika-bgx),var(--theme-sondakika-bgy));

    color: var(--theme-sondakika-text-color);





 }



 .dar-manset .swiper-pagination .swiper-pagination-bullet-active {

     background-color: var(--theme-darmanset-bg) !important;

 }



 .dar-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     border-color: transparent transparent transparent var(--theme-darmanset-bg);

 }



 .image-slider .swiper-pagination .swiper-pagination-bullet-active,

 .slider-nav a.active {

     background-color: var(--theme-anamanset-bg) !important;

 }



 .tab-manset .nav-link:hover,

 .tab-manset .nav-link.active,

 .tab-manset .swiper-pagination .swiper-pagination-bullet-active {

     background-color: var(--theme-tabmanset-bg) !important;

 }



 .tab-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     border-color: transparent transparent transparent var(--theme-tabmanset-bg);

 }



 .tab-manset:after {

     border-color: var(--theme-tabmanset-bg);

 }



 .dev-manset .swiper-pagination .swiper-pagination-bullet-active {

     background-color: var(--theme-anamanset-bg) !important;

     color:#fff;

 }



 .dev-manset .swiper-pagination .swiper-pagination-bullet-active::after {

     border-color: transparent transparent transparent var(--theme-anamanset-bg);

 }



 .popular-posts>.list-item:before {

     background-color: var(--theme-cokokunanlar-bg) !important;

 }



 .scrollup {

     background-color: var(--theme-scrollup-bg) !important;

 }



 .footer {

     background-color: var(--theme-footer-bg) !important;

     color: var(--theme-footer-color) !important;

     border-top: 1px solid #ccc;

 }



 .footer a {

     color: var(--theme-footer-color) !important;

  

               
 font-size: 0.86rem;

        

     

 }



 .footer a.btn {

     color: #fff !important;

 }



 .footer .btn-hashtag {

     border: solid 1px var(--theme-footer-color) !important;

     color: var(--theme-footer-color) !important;

 }



 .footer .btn-hashtag:hover {

     background-color: var(--theme-footer-color) !important;

     color: var(--theme-footer-bg) !important;

 }



 @media (max-width: 992px) {

 

  .footer a {

     color: var(--theme-footer-color) !important;

      
   font-size: 16px;

       

 }

 

 

 .backlinklink{

 font-size: 11px;

 }

  .backlinklink a{

 font-size: 11px;

 }

 

 .tab-manset {

 margin-bottom:30px;

}

 .sondakika-haber-content .h-1x {

    height: 1.4rem;

}

 .flash-haber-content .h-1x {

   

       height: 1.4rem;

}

.category-manset {

    margin-bottom:2rem !important;

}

     .navbar-brand {



         position: absolute;

         left: 50%;

         transform: translateX(-50%);

         margin: 0 auto !important;

     }



     .image-slider {

         margin: 0 -15px 0rem;

     }



     .dev-manset {

         margin: 0 -15px 3rem;

     }



     .responsive-slider {

         margin: 0 -15px 3rem !important;

     }



     .responsive-full {

         margin: 0 -15px 0rem !important;

     }



     .responsive-container-disable {

         padding-left: 15px !important;

         padding-right: 15px !important;

     }

     

 }



 @media (max-width: 992px) {





 

  .media-share {

     display: flex;



 }



     .manset-responsive {

         position: relative;

         padding-bottom: 10px;

     }



     .tab-manset .swiper-container {

         overflow: visible;

     }



     .tab-manset .swiper-pagination {

         height: auto;

         bottom: -30px !important;

         padding: 10px 0;

         background-color: #000;



     }



     .tab-manset .swiper-pagination .swiper-pagination-bullet {

         margin: 0 8px !important;

     }



     .tab-manset .media-caption {

         bottom: 0px !important;

     }



     .darmanset-alti .swiper-slide {

         width: 50%;

     }

     

     

     .resmi-ilanlar-alti .swiper-slide {

         width: 50%;

     }



     .swiper-container {

         position: relative;

     }



     .swiper-pagination {

         position: absolute !important;

         bottom: -15px;

         width: 100% !important;

         justify-content: center !important;

         align-items: center !important;

     }



     .swiper-pagination .swiper-pagination-bullet {

         text-indent: -99999px;

         width: 13px !important;

         min-width: 13px !important;

         min-height: 13px !important;

         height: 13px !important;

         background-image: none !important;

         border-radius: 100px !important;

         background-color: #313335 !important;

         margin: 0 3px !important;

     }



     .swiper-pagination .swiper-pagination-bullet-active {

         background-color: #cc292b !important;

         width: 14px !important;

         height: 14px !important;

         position: relative;

         top: 0px;

         left: 0px;

     }



     .swiper-pagination .swiper-pagination-bullet-active::after,

     .swiper-pagination .swiper-pagination-bullet-active::before {

         display: none !important;

     }



     .dev-manset .swiper-pagination {

        

     }



     .gallery-box .nav-link {

         font-size: 14px !important;

         padding: 14px 14px !important;

     }



     .exchange-rate {

         margin-top: 30px !important;

     }



     .dar-manset-bottom {

         margin-bottom: 30px !important;

         overflow: visible !important;

     }



     .media-caption {

         padding: 10px 15px !important;

     }



     .image-slider {

         padding-bottom: 0px !important

     }



     .image-slider .swiper-container {

         min-height: auto; 

         overflow: visible;

     }



     .image-slider .swiper-pagination {

     position:relative !important;

         bottom: 0;

         background: #fff;

     }



     .yazarlar-button-prev,

     .yazarlar-button-next {

         background-color: #fff;



         position: absolute;

         bottom: 0;

         top: 50% !important;

         transform: translateY(-50%) !important;

         display: flex !important;

         align-items: center;

         justify-content: center;

         width: 24px !important;

         height: 80px !important;

         right: -30px !important;



     }



     .yazarlar-button-prev {

         right: auto !important;

         left: -30px !important;

     }



     .gallery-box .nav {

         justify-content: center;

         width: 100%;

     }



     .gallery-box .nav-link {

         padding: 15px 30px;

     }



     .list-grid-v2 .list-item {



         -ms-flex-direction: column;

         flex-direction: column;

     }



     .list-grid .list-item .col-5 {



         flex: 0 0 100%;

         max-width: 100%;

     }



     .post-title {

         font-size: 24px;

     }



     .list-title,

     .list-body,

     .list-content,

     .list-item,

     .media-caption .h3,

     .media-caption .h2 {

         font-size: 19px !important;

         line-height: 28px;

     }



     .list-item img {

        width: 100%;

     }





     .flex-scroll,

     .nav-linear .nav {

         overflow-x: auto;

         white-space: nowrap;

         flex-wrap: nowrap !important;

     }



.post-body frame,

     .post-body img,

     .post-body table {

         width: 100% !important;

         height: auto !important;

     }

 }







 .googlenewsm-btn {

     display: inline-flex !important;

     align-items: center;

     color: #000 !important;

     padding: 0 10px !important;

     margin-top: 5px;

     
      margin-left: 176px;

     
 }



 .googlenewsm-btn img {

     width: auto;

     height: 28px;

     border: solid 1px #ccc;

     background: #fff;

     border-radius: 5px;

 }



 .googlenewsm-btn span {

    white-space: nowrap;

    margin-right: 8px;

         
    margin-top: 0px !important;

    font-size: 15px;

    font-weight: bold;

 }

 

 

  .googlenewsm-btng {

     display: inline-flex !important;

     align-items: center;

     color: #000 !important;

     padding: 0 10px !important;

     margin-top: 5px;

 }



 .googlenewsm-btng img {

     width: auto;

     height: 28px;

     border: solid 1px #ccc;

     background: #fff;

 }



 .googlenewsm-btng span {

     white-space: nowrap;

     margin-right: 6px;

     margin-top: 0px !important;

     font-size: 13px;

     padding-left: -5px

 }



 .post-desc,

     .post-body {

             
 font-size: 18px;

      

         line-height: 1.80;

     }

     

     



 .post-body a {

    color: #cc292b;

}



 .mnsh2 {

    
  font-size: 1.6rem;

   letter-spacing: -1px;

   font-weight: 700;

    

   

    

    line-height: 38px;

              
  

 }

 

  .mnsh2 a {

 color:#fff;

  

 }

 

 /* Mobile Responsive */

 

 

 

 @media (max-width: 992px) {

	

  

  

  a.navbar-brand.align-items-center.logo {

    min-width: 208px;

     max-width: 208px;



}



.maxh3{

 max-height: 100%!important;

}



.list-height {

    min-height: auto;

    max-height: 100%;

}

   

     .mnsh2 {

    
     letter-spacing: -1px;

  font-size: 1.5rem;

    

    

    font-weight: 700;

    line-height: 30px;

 }

 

 .last-minute .carousel-item .last-minute-text {

     max-width: 260px;

     overflow: hidden;

     text-overflow: ellipsis;

     white-space: nowrap;

      color: var(--theme-sondakika-text-color);

     

 }

   .sondakika-haber-content {

     font-size: 0.96rem;

 }

 

  .flash-haber-content {

     font-size: 0.96rem;

 }

 

 .form-control {

 font-size: 0.90rem;

 }

 

      .post-desc,

     .post-body {

         
 font-size: 22px;

      

         line-height: 1.50;

    word-break: break-word;

     }

     

 .googlenewsm-btn {

    display: inline-flex !important;

    align-items: center;

    color: #000 !important;

    padding: 0 10px !important;

    margin-top: 0px;

 }

 

 

 .content-esimited-read {

 display:none;

}

.responsive-image {

margin-left:-15px;

margin-right:-15px;

}

.padding-full {

    padding-left: 5px;

    padding-right: 5px !important;

}

     #menu-aside .nav-link {

         font-size: 20px;

     }



     .telif {

         display;

         : none;

     }



     .text-18 {

         font-size: 1.30rem;

     }

     

      .gallery-share hr {

    border-color:#e4e4e4;

    width: 6%;

}



.gallery-share .media-share>* {

    margin-left:5px;

    border-radius: 100px;

    flex:0 0 30px;

    width: 30px;

    height: 30px;

}

.order strong{

    color: #d20909;

}

    

.order {

left: 0px;

    bottom: 0px;

    background-color: #ebecec;

    padding: 13px 5px;

    color: #0e0000;

    font-size: 0.64rem;

    z-index: 2;

    border: 1px solid #000;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    }

    

      .text-2222 {

     font-size: 1.325rem;

 }

	

     

     

       .text-28-featured3 {

      
font-size: 1.15rem;

       

 }



        .text-17 {

       
     font-size: 15px;

      

 }

     

	 .text-16 {

       
     font-size: 15px;

      

 }

      .text-16k {

         font-size: 0.90rem;

         line-height:22px;

     }

     

     .text-12-spot {

     letter-spacing: -.1px;

       
font-size: 1.20rem;

       

            line-height: 24px;

     }

	 

     .text-14 {

         font-size: 1.10rem;

     }

	 

    .heading {

         font-size: 1.30rem;



     }

     .text-12 {

         font-size: 0.90rem;

     }

	 

	 .text-topnews {

         font-size: 1.010rem !important;

     }



     .text-footer {

         font-size: 0.80rem;

     }



     .gallery-box .row {

         overflow-x: auto;

         overflow-y: hidden;

         flex-wrap: nowrap !important;

     }



     .gallery-box .row>.col-sm-4 {

         display: inline-block;

         float: none;

         width: 100% !important;

         min-width: 100% !important;

     }



     .gallery-box .row .list-item {

         min-height: 100%;

     }



     .search-button {

        

     }



    .header-border{

border-top: 1px solid var(--theme-top-border-desktop-color);

 }

 .header {

	

    height: 60px;

 padding: 0 20px;

 

 

     

    border-top: 3px solid #ebe7e6;

    border-bottom: solid 1px #f5f5f5;



 }





    



     .post-title {

         font-size: 26px;

     }



     .search-button span {

         display: none;

     }



     .list-title,

     .list-body,

     .list-content,

     .list-item {

         font-size: 21px !important;



     }



     .media-caption .h3,

     .media-caption .h2 {

         font-size: 20px !important;



     }



 }



 /* Masaustu Responsive */

 @media (min-width: 992px) {

 

 

 a.navbar-brand.align-items-center.logo {

    max-width: 384px;

    min-width: 200px;

    min-height: 50px;

}

 

  .navbar .nav-link .search-button{

 color: var(--theme-ustmenu-text-color);

 }

     .search-button {

         border-radius: 10px;

         padding: 0 20px 0 20px;

         border: solid 1px #dddddd6b;

         transition: all .3s ease;

         white-space: nowrap;

         text-overflow: ellipsis;

         max-width: 130px;

		 background: #e9e9e90d;

     }

     .search-button:hover {

		 background: #e9e9e90d;

		 border: solid 1px #dddddd6b;

     }

 }

.list-animate .list-animate-img {

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

}

 .list-animate:hover .list-animate-img,

 .list-animate:hover img {

    -webkit-filter: contrast(1.15);

 }



 .second-menu.bg-dark {

    border-bottom: solid 1px #383d42;

 }

 .second-menu.bg-dark .nav-item,

 .second-menu.bg-dark .nav-link {

    border:0 !important;

}

.right-sidebar > div:first-child {

    margin-top: 0px !important;

}

.right-sidebar > div:last-child {

    margin-bottom: 0px !important;

}



/* ANKET */

.survey {

    margin: 0 auto;

}

.survey-question {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    background-color: #222;

    padding: 20px;

    text-align: center;

}

.survey-content {

    padding: 10px 20px;

    background-color: #222;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

}

.survey-response {

    padding: 15px; 

    position: relative;

    background-color: #e0302c;

    color: #fff;

    display: none;

}

.survey-content:before {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    content: "";

    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));

}

.survey-option {

    padding: 15px;

    margin: 10px 0;

    position: relative;

    background-color: rgba(255,255,255,.7);

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

}

.survey-option > * {

    position: relative;

    z-index: 2;

}

.survey-option .count,

.survey-option .survery-bar {

    display: none;

}

.survey-option.survey-option-result .count,

.survey-option.survey-option-result .survery-bar {

    display: block;

}

.survey-option .text {

    font-size: 16px;

    font-weight: 600;

}

.survey-option .count {

    font-size: 16px;

    font-weight: 600;

}

.survey-bar {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px; 

    z-index: 1;

    transition: background-color 0.3s ease-out, width 100ms ease-out;

}

.survey-option.survey-option-result .survey-bar {

    background-color: #fff;

}

.survey-option.survey-option-active .survey-bar {

    background-color: #e0302c;

}

.survey-option.survey-option-active .text {

    color: #fff;

}



.doviz-block {

    background-color: #fff;

    padding: 5px 5px;

    display: flex;

    align-items: center;

     
}



 @media (min-width: 992px) {

.dv-weather:hover {

    background: #e8f0f2;

}

.dv-weather-detail {

    font-size: 0.825rem;

    border-top: 1px solid #d3e1e6;

    padding: 6px;

}

.dv-weather {

    text-align: center !important;

    background: #fff;

    border: 1px solid #d3e1e6;

    border-radius: 20px;

    display: flex!important;

    flex-direction: column;

    align-items: center;

    color: #58595b;

    padding: 20px;

    margin: 5px;

}

.dv-weather-d {

    text-align: center !important;

    background: #fff;

    border: 1px solid #d3e1e6;

    border-radius: 20px;

    display: flex!important;

    flex-direction: column;

    align-items: center;

    color: #58595b;

    padding: 40px;

    margin: 5px;

}

}

.doviz-weather {

    font-size: 15px;

    white-space: nowrap;

    display: flex;

    align-items: center;

}

.doviz-weather img {

    width: 32px;

    height: auto;

    margin-right: 8px;

    margin-left: 4px;

}

.doviz-block .form-control {

    padding: 5px 5px;

    margin: 10px 10px 10px 20px;

    height: auto !important;

    max-width: 140px;

    border:0;

    background-color:#e8f0f2;

    -webkit-appearance: none;

    -moz-appearance: none;

} 

.doviz-block-box {

    display: flex;

    align-items: center;

    padding: 5px 11px;

    border-right: 1px solid rgb(228 228 228 / 71%);

}





.doviz-block-box>svg {

    fill: #d9d9d9;

    margin-right: 15px

}



.doviz-heading {

    font-size: 12px;

    font-weight: bold;

    color: #404040;

}



.doviz-text {

    font-size: 16px;

    font-weight: bold;

    color: #1a1a1a;

}



.doviz-change {

    display: flex;

    align-items: flex-end;

    justify-content: center;

    flex-direction: column;

    padding-left: 15px;

}



.doviz-change svg {

    fill: #1a1a1a;

    margin-top: 5px;

}



.doviz-change-text {

    font-size: 14px;

    color: #000;

}



.doviz-change.up {

    color: #008f21;

}



.doviz-change.up svg {

    fill: #008f21;

}



.doviz-change.down {

    color: #e80f28;

}



.doviz-change.down svg {

    fill: #e80f28;

}



img.lazy:not([src]) {

	visibility: hidden;

}

.lazy,

.lazyloading {

	

}

.lazyloaded {



}



.lazy{



}



.lazyloading {



}



    .image-editor {  

        position: relative;

    height: 100%;

    max-height: 380px;

    }



    .image-editor .image-editor-thumbnail {

        width: 100%;

        height: 100%;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-pack: end;

        justify-content: flex-end;

        z-index: 1;

        overflow: hidden;

    }



    .image-editor .image-editor-thumbnail img {

   

    width: auto;

    max-height: 380px;

    }



    .image-editor .gradient-bg {



        position: absolute;

        left: 0;

        top: 0;

        background: linear-gradient(to right, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);

        height: 100%;

        width: 70%;

        z-index: 2;

        transition: .3s;

        visibility: visible;

        opacity: 1;

    }

    

     .direction-ltr {direction: ltr;}

     

     .direction-rtl {direction: rtl;}



    .image-editor-view {

        font-family: 'Montserrat', sans-serif;

        width: 100%;

        overflow: hidden;

        height: 100%;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        padding: 30px;

        letter-spacing: -.025em;

        white-space: normal;

    }



    .image-editor.right .image-editor-view {

        align-items: flex-end;

        text-align: right;

    }



    .image-editor.right .gradient-bg {

        left: auto;

        right: 0;

        background: linear-gradient(to left, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);

    }



    .image-editor.right .image-editor-thumbnail {

        justify-content: flex-start;

    }



    .image-editor .editor-subheading {

        font-weight: 600;

        font-size: 18px;

        color: #fff;

        line-height: 1.2;

        margin-bottom:5px;

    }



    .image-editor .editor-heading {

        line-height: 1.2;

        font-weight: bold;

        font-size: 44px;

        color: #fff;

        letter-spacing: -1px;

        margin-bottom:5px;

    }



    .image-editor .editor-paragraph {

        line-height: 1.4;

        font-size: 16px;

        color: #fff;

        margin-bottom:5px;

    }



#gazetelerv2 .swiper-slide,

#gazetelerv2 .swiper-slide img {

    max-height:230px;

}

 @media (max-width: 992px) {



#gazetelerv2 .swiper-slide,

#gazetelerv2 .swiper-slide img {

    max-height:100%;

}

.dar-manset,

 .image-editor {

    height: auto;

    max-height:100%;

}

    .image-editor .gradient-bg {

        left: 0;

        right: 0;

        top:auto;

        bottom:0;

    height: auto;

    background: #0a0a0a !important;

        width:100% !important;

        position:relative;

    }

    .image-editor.right .image-editor-view {

    align-items: flex-start;

    text-align: left;

}

 

    .image-editor .image-editor-view {

    padding:15px 10px !important;

    min-height: 130px;

    max-height: 130px;

        white-space:normal;

      

}



    .image-editor .editor-subheading { 

        font-size: 16px !important;

        color: #fff !important; 

        line-height:1.4;

        text-shadow:none !important;

        margin-bottom:0px !important;

            letter-spacing: -1px;

    }



    .image-editor .editor-heading { 

        font-size: 24px !important;

        

        line-height:1.4;

        text-shadow:none !important;

        margin-bottom:0px !important;

    }



    .image-editor .editor-paragraph {

    display:none;

    }

    .image-editor .image-editor-thumbnail img {

 

    width: 100%;

    max-height: 100%;

}

.pagination {

    flex-wrap: wrap;

}

.page-item {

    margin-bottom:10px;

}

}



.youtube_player {

	background-color: #000;

	margin-bottom: 5px;

	position: relative;

	padding-top: 56.25%;

	overflow: hidden;

	cursor: pointer;

}

.youtube_player img {

	width: 100%;

	top: -16.82%;

	left: 0;

	opacity: 0.7;

}

.youtube_player .play-button {

	width: 90px;

	height: 60px;

	background-color: #333;

	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );

	z-index: 1;

	opacity: 0.8;

	border-radius: 6px;

}

.youtube_player .play-button:before {

	content: "";

	border-style: solid;

	border-width: 15px 0 15px 26.0px;

	border-color: transparent transparent transparent #fff;

}

.youtube_player img,

.youtube_player .play-button {

	cursor: pointer;

}

.youtube_player img,

.youtube_player iframe,

.youtube_player .play-button,

.youtube_player .play-button:before {

	position: absolute;

}

.youtube_player .play-button,

.youtube_player .play-button:before {

	top: 50%;

	left: 50%;

	transform: translate3d( -50%, -50%, 0 );

}

.youtube_player iframe {

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

}

body.compensate-for-scrollbar {

    overflow: hidden;

}



.fancybox-active {

    height: auto;

}



.fancybox-is-hidden {

    left: -9999px;

    margin: 0;

    position: absolute !important;

    top: -9999px;

    visibility: hidden;

}



.fancybox-container {

    -webkit-backface-visibility: hidden;

    height: 100%;

    left: 0;

    outline: none;

    position: fixed;

    -webkit-tap-highlight-color: transparent;

    top: 0;

    touch-action: manipulation;

    transform: translateZ(0);

    width: 100%;

    z-index: 99992;

}



.fancybox-container * {

    box-sizing: border-box;

}



.fancybox-outer,

.fancybox-inner,

.fancybox-bg,

.fancybox-stage {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.fancybox-outer {

    -webkit-overflow-scrolling: touch;

    overflow-y: auto;

}



.fancybox-bg {

    background: rgb(30, 30, 30);

    opacity: 0;

    transition-duration: inherit;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(.47, 0, .74, .71);

}



.fancybox-is-open .fancybox-bg {

    opacity: .9;

    transition-timing-function: cubic-bezier(.22, .61, .36, 1);

}



.fancybox-infobar,

.fancybox-toolbar,

.fancybox-caption,

.fancybox-navigation .fancybox-button {

    direction: ltr;

    opacity: 0;

    position: absolute;

    transition: opacity .25s ease, visibility 0s ease .25s;

    visibility: hidden;

    z-index: 99997;

}



.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-toolbar .fancybox-toolbar,

.fancybox-show-caption .fancybox-caption,

.fancybox-show-nav .fancybox-navigation .fancybox-button {

    opacity: 1;

    transition: opacity .25s ease 0s, visibility 0s ease 0s;

    visibility: visible;

}



.fancybox-infobar {

    color: #ccc;

    font-size: 13px;

    -webkit-font-smoothing: subpixel-antialiased;

    height: 44px;

    left: 0;

    line-height: 44px;

    min-width: 44px;

    mix-blend-mode: difference;

    padding: 0 10px;

    pointer-events: none;

    top: 0;

    -webkit-touch-callout: none;

    user-select: none;

}



.fancybox-toolbar {

    right: 0;

    top: 0;

}



.fancybox-stage {

    direction: ltr;

    overflow: visible;

    transform: translateZ(0);

    z-index: 99994;

}



.fancybox-is-open .fancybox-stage {

    overflow: hidden;

}



.fancybox-slide {

    -webkit-backface-visibility: hidden;

    /* Using without prefix would break IE11 */

    display: none;

    height: 100%;

    left: 0;

    outline: none;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    padding: 44px;

    position: absolute;

    text-align: center;

    top: 0;

    transition-property: transform, opacity;

    white-space: normal;

    width: 100%;

    z-index: 99994;

}



.fancybox-slide::before {

    content: '';

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    width: 0;

}



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--previous,

.fancybox-slide--current,

.fancybox-slide--next {

    display: block;

}



.fancybox-slide--image {

    overflow: hidden;

    padding: 44px 0;

}



.fancybox-slide--image::before {

    display: none;

}



.fancybox-slide--html {

    padding: 6px;

}



.fancybox-content {

    background: #fff;

    display: inline-block;

    margin: 0;

    max-width: 100%;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    padding: 44px;

    position: relative;

    text-align: left;

    vertical-align: middle;

}



.fancybox-slide--image .fancybox-content {

    animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    -webkit-backface-visibility: hidden;

    background: transparent;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    left: 0;

    max-width: none;

    overflow: visible;

    padding: 0;

    position: absolute;

    top: 0;

    transform-origin: top left;

    transition-property: transform, opacity;

    user-select: none;

    z-index: 99995;

}



.fancybox-can-zoomOut .fancybox-content {

    cursor: zoom-out;

}



.fancybox-can-zoomIn .fancybox-content {

    cursor: zoom-in;

}



.fancybox-can-swipe .fancybox-content,

.fancybox-can-pan .fancybox-content {

    cursor: grab;

}



.fancybox-is-grabbing .fancybox-content {

    cursor: grabbing;

}



.fancybox-container [data-selectable='true'] {

    cursor: text;

}



.fancybox-image,

.fancybox-spaceball {

    background: transparent;

    border: 0;

    height: 100%;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none;

    padding: 0;

    position: absolute;

    top: 0;

    user-select: none;

    width: 100%;

}



.fancybox-spaceball {

    z-index: 1;

}



.fancybox-slide--video .fancybox-content,

.fancybox-slide--map .fancybox-content,

.fancybox-slide--pdf .fancybox-content,

.fancybox-slide--iframe .fancybox-content {

    height: 100%;

    overflow: visible;

    padding: 0;

    width: 100%;

}



.fancybox-slide--video .fancybox-content {

    background: #000;

}



.fancybox-slide--map .fancybox-content {

    background: #e5e3df;

}



.fancybox-slide--iframe .fancybox-content {

    background: #fff;

}



.fancybox-video,

.fancybox-iframe {

    background: transparent;

    border: 0;

    display: block;

    height: 100%;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}



/* Fix iOS */

.fancybox-iframe {

    left: 0;

    position: absolute;

    top: 0;

}



.fancybox-error {

    background: #fff;

    cursor: default;

    max-width: 400px;

    padding: 40px;

    width: 100%;

}



.fancybox-error p {

    color: #444;

    font-size: 16px;

    line-height: 20px;

    margin: 0;

    padding: 0;

}



/* Buttons */



.fancybox-button {

    background: rgba(30, 30, 30, .6);

    border: 0;

    border-radius: 0;

    box-shadow: none;

    cursor: pointer;

    display: inline-block;

    height: 44px;

    margin: 0;

    padding: 10px;

    position: relative;

    transition: color .2s;

    vertical-align: top;

    visibility: inherit;

    width: 44px;

}



.fancybox-button,

.fancybox-button:visited,

.fancybox-button:link {

    color: #ccc;

}



.fancybox-button:hover {

    color: #fff;

}



.fancybox-button:focus {

    outline: none;

}



.fancybox-button.fancybox-focus {

    outline: 1px dotted;

}



.fancybox-button[disabled],

.fancybox-button[disabled]:hover {

    color: #888;

    cursor: default;

    outline: none;

}



/* Fix IE11 */

.fancybox-button div {

    height: 100%;

}



.fancybox-button svg {

    display: block;

    height: 100%;

    overflow: visible;

    position: relative;

    width: 100%;

}



.fancybox-button svg path {

    fill: currentColor;

    stroke-width: 0;

}



.fancybox-button--play svg:nth-child(2),

.fancybox-button--fsenter svg:nth-child(2) {

    display: none;

}



.fancybox-button--pause svg:nth-child(1),

.fancybox-button--fsexit svg:nth-child(1) {

    display: none;

}



.fancybox-progress {

    background: #ff5268;

    height: 2px;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    transform: scaleX(0);

    transform-origin: 0;

    transition-property: transform;

    transition-timing-function: linear;

    z-index: 99998;

}



/* Close button on the top right corner of html content */



.fancybox-close-small {

    background: transparent;

    border: 0;

    border-radius: 0;

    color: #ccc;

    cursor: pointer;

    opacity: .8;

    padding: 8px;

    position: absolute;

    right: -12px;

    top: -44px;

    z-index: 401;

}



.fancybox-close-small:hover {

    color: #fff;

    opacity: 1;

}



.fancybox-slide--html .fancybox-close-small {

    color: currentColor;

    padding: 10px;

    right: 0;

    top: 0;

}



.fancybox-slide--image.fancybox-is-scaling .fancybox-content {

    overflow: hidden;

}



.fancybox-is-scaling .fancybox-close-small,

.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {

    display: none;

}



/* Navigation arrows */



.fancybox-navigation .fancybox-button {

    background-clip: content-box;

    height: 100px;

    opacity: 0;

    position: absolute;

    top: calc(50% - 50px);

    width: 70px;

}



.fancybox-navigation .fancybox-button div {

    padding: 7px;

}



.fancybox-navigation .fancybox-button--arrow_left {

    left: 0;

    left: env(safe-area-inset-left);

    padding: 31px 26px 31px 6px;

}



.fancybox-navigation .fancybox-button--arrow_right {

    padding: 31px 6px 31px 26px;

    right: 0;

    right: env(safe-area-inset-right);

}



/* Caption */



.fancybox-caption {

    background: linear-gradient(to top,

        rgba(0, 0, 0, .85) 0%,

        rgba(0, 0, 0, .3) 50%,

        rgba(0, 0, 0, .15) 65%,

        rgba(0, 0, 0, .075) 75.5%,

        rgba(0, 0, 0, .037) 82.85%,

        rgba(0, 0, 0, .019) 88%,

        rgba(0, 0, 0, 0) 100%);

    bottom: 0;

    color: #eee;

    font-size: 14px;

    font-weight: 400;

    left: 0;

    line-height: 1.5;

    padding: 75px 44px 25px 44px;

    pointer-events: none;

    right: 0;

    text-align: center;

    z-index: 99996;

}



@supports (padding: max(0px)) {

    .fancybox-caption {

        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));

    }

}



.fancybox-caption--separate {

    margin-top: -50px;

}



.fancybox-caption__body {

    max-height: 50vh;

    overflow: auto;

    pointer-events: all;

}



.fancybox-caption a,

.fancybox-caption a:link,

.fancybox-caption a:visited {

    color: #ccc;

    text-decoration: none;

}



.fancybox-caption a:hover {

    color: #fff;

    text-decoration: underline;

}



/* Loading indicator */



.fancybox-loading {

    animation: fancybox-rotate 1s linear infinite;

    background: transparent;

    border: 4px solid #888;

    border-bottom-color: #fff;

    border-radius: 50%;

    height: 50px;

    left: 50%;

    margin: -25px 0 0 -25px;

    opacity: .7;

    padding: 0;

    position: absolute;

    top: 50%;

    width: 50px;

    z-index: 99999;

}



@keyframes fancybox-rotate {

    100% {

        transform: rotate(360deg);

    }

}



/* Transition effects */



.fancybox-animated {

    transition-timing-function: cubic-bezier(0, 0, .25, 1);

}



/* transitionEffect: slide */



.fancybox-fx-slide.fancybox-slide--previous {

    opacity: 0;

    transform: translate3d(-100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--next {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--current {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}



/* transitionEffect: fade */



.fancybox-fx-fade.fancybox-slide--previous,

.fancybox-fx-fade.fancybox-slide--next {

    opacity: 0;

    transition-timing-function: cubic-bezier(.19, 1, .22, 1);

}



.fancybox-fx-fade.fancybox-slide--current {

    opacity: 1;

}



/* transitionEffect: zoom-in-out */



.fancybox-fx-zoom-in-out.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(1.5, 1.5, 1.5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(.5, .5, .5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1);

}



/* transitionEffect: rotate */



.fancybox-fx-rotate.fancybox-slide--previous {

    opacity: 0;

    transform: rotate(-360deg);

}



.fancybox-fx-rotate.fancybox-slide--next {

    opacity: 0;

    transform: rotate(360deg);

}



.fancybox-fx-rotate.fancybox-slide--current {

    opacity: 1;

    transform: rotate(0deg);

}



/* transitionEffect: circular */



.fancybox-fx-circular.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

}



/* transitionEffect: tube */



.fancybox-fx-tube.fancybox-slide--previous {

    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);

}



.fancybox-fx-tube.fancybox-slide--next {

    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);

}



.fancybox-fx-tube.fancybox-slide--current {

    transform: translate3d(0, 0, 0) scale(1);

}



/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {

    .fancybox-slide {

        padding-left: 6px;

        padding-right: 6px;

    }



    .fancybox-slide--image {

        padding: 6px 0;

    }



    .fancybox-close-small {

        right: -6px;

    }



    .fancybox-slide--image .fancybox-close-small {

        background: #4e4e4e;

        color: #f2f4f6;

        height: 36px;

        opacity: 1;

        padding: 6px;

        right: 0;

        top: 0;

        width: 36px;

    }



    .fancybox-caption {

        padding-left: 12px;

        padding-right: 12px;

    }



    @supports (padding: max(0px)) {

        .fancybox-caption {

            padding-left: max(12px, env(safe-area-inset-left));

            padding-right: max(12px, env(safe-area-inset-right));

        }

    }

}

.rklmSlider .swiper-slide {

   

}

.rklmSlider .swiper-slide .img-fluid {

    width: auto !important;

     

}

.body-video .sabit-reklam {

      
top:250px;

 

}








.video-thumbnail {

  position: relative;

  display: inline-block;

  cursor: pointer;

}

.video-thumbnail:before {

    position:absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    content: url('https://www.afyononlinehaber.com.tr/template/prime/assets/img/play-button.png?v=4');

    opacity: .6;

    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);

  }

















<script>
document.querySelectorAll('a[href^="http"]').forEach(function(link) {
  if (!link.href.includes(location.hostname)) {
    link.setAttribute("rel", "nofollow noopener noreferrer");
  }
});
</script>