/*
@font-face {
   font-family: 'logo1';
   src: url('Monotype-Corsiva-Regular.ttf') format('truetype');
 
}  
@font-face {
   font-family: 'logo2';
   src: url('Monotype-Corsiva-Regular-Italic.ttf') format('truetype');
 
}  


@font-face {
   font-family: 'logo';
   src: url('fonts/bauhaus-93.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'cooper-black.ttf';
   src: url('fonts/cooper-black.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'elephant3.ttf';
   src: url('fonts/elephant3.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'harlow-solid-italic1.ttf';
   src: url('fonts/harlow-solid-italic1.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'showcard-gothic1.ttf';
   src: url('fonts/showcard-gothic1.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'castellar.ttf';
   src: url('fonts/castellar.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'colonna-mt.ttf';
   src: url('fonts/colonna-mt.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'bernard-mt-condensed.ttf';
   src: url('fonts/bernard-mt-condensed.ttf') format('truetype');
  
} 
@font-face {
   font-family: 'niagara-solid1.ttf';
   src: url('fonts/niagara-solid1.ttf') format('truetype');
  
} */


 @font-face {
   font-family: 'logo';
   src: url('fonts/bauhaus-93.ttf') format('truetype');
  
} 
.header__logo img{height: 69px !important;width: auto !important; max-width: 100%;}
a.bold{
color: red;
font-size: 14px;
}

a.logo-b.f1{
 font-family: 'bauhaus-93.ttf'!important;
 margin: 9px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 23px !important;
 font-size: 26px;
}
a.logo-b.f2{
 font-family: 'cooper-black.ttf'!important;
 margin: 9px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 23px !important;
 font-size: 24px;
}
a.logo-b.f3{
 font-family: 'elephant3.ttf'!important;
 margin: 9px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 23px !important;
 font-size: 24px;
}
a.logo-b.f4{
 font-family: 'harlow-solid-italic1.ttf'!important;
 margin: 11px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 24px !important;
 font-size: 28px;
}
a.logo-b.f5{
 font-family: 'showcard-gothic1.ttf'!important;
 margin: 10px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 24px !important;
 font-size: 21px;
}
a.logo-b.f6{
 font-family: 'castellar.ttf'!important;
 margin: 10px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 24px !important;
 font-size: 17px;
 font-weight: 700;
 letter-spacing: 1px;
}

a.logo-b.f7{
 font-family: 'colonna-mt.ttf'!important;
 margin: 10px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 24px !important;
 font-size: 24px;
 font-weight: 600;
 /* letter-spacing: 1px; */
}
a.logo-b.f8{
 font-family: 'bernard-mt-condensed.ttf'!important;
 margin: 10px 0px 0px 0px !important;
 padding: 0 0 0 7px !important;
 line-height: 24px !important;
 font-size: 26px;
 font-weight: 400;
 letter-spacing: 0.5px;
}
a.logo-b.f9{
 font-family: 'niagara-solid1.ttf'!important;
 margin: 10px 0px 0px 0px !important;
 padding: 0 0 0 5px !important;
 line-height: 24px !important;
 font-size: 27px;
 /* font-weight: 600; */
 letter-spacing: 0.3px;
}
.w-70{
   width: 70% !important;
}
.w-75{
   width: 75% !important;
}
.w-80{
   width: 80% !important;
}
.w-85{
   width: 85% !important;
}
.w-90{
   width: 90% !important;
}
.w-92{
   width: 92% !important;
}
.w-95{
   width: 95% !important;
}

*{outline: none !important;}


#nav-shadow.no-mobile span.alertpic{top: 6px;left: 6px;}


@media (max-width: 850px) {

   .w-75{
      width: 100% !important;
   }
}


.list-box .last-message{
   overflow-wrap: break-word;
   word-wrap: break-word;

   -ms-word-break: break-all;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   word-break: break-all;
   /* Instead use this non-standard one: */
   word-break: break-word;

   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

form.rounded {
    border-radius: 1rem !important;
}
#showpass1, #showpass2{
font-size: 13px;
}
input[type="radio"], input[type="checkbox"]{
  vertical-align: middle;
}
#area{height: 100% !important;}
.mess-area{position: relative;overflow: visible;border-radius: 10px;height: calc(100vh - 283px);display: flex;flex-direction: column;box-sizing: border-box;}

#MessagesScroll {
   height: calc(100vh - 290px);
   overflow: hidden;
}
#MessagesScroll.mmain{
   height: calc(100% - 10px);
   overflow: hidden;
}
#Items {

   padding: 10px 0px!important;
}
.mess-area .us{
   z-index: 2000;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px;
   min-height: 70px;
}
#Messages{
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   min-height: 0px;
}
#Messages .ch{
   /* display: flex;
   flex-direction: column;*/
   flex-grow: 1;
   margin: 0px;
   overflow-y: scroll;
   margin-bottom: 15px;
}
.mCSB_inside > .mCSB_container {
   margin-right: 10px !important;
}
#Messages .txt{
   position: relative;
   width: 100%;
   opacity: 1;
   transition: opacity 300ms ease 0s;
}
#Messages #WrArea{
   flex-shrink: 0;
   width: 100%;
   box-sizing: border-box;
   padding: 10px 0px 0 0;
   position: relative !important;
   z-index: 3;
}


#container_text{

   width: calc(100% - 110px);
   margin: 0px 40px 0px 60px;
   display: flex;
   box-sizing: border-box;
   padding: 10px;
   min-height: 18px;
   border-radius: 5px;
   flex-grow: 1;
   position: relative;
   cursor: text;
}
.emojionearea {

   padding: 8px;
   flex-grow: 1;
}    
.emojionearea-editor {
   box-sizing: border-box!important;
   outline: none!important;
   border: none!important;
   padding: 0px 0px 0px 0px!important;
   width: 100%!important;
   height: 100%!important;
   background-color: transparent!important;
   font-size: 15px!important;
   font-family: Arial, sans-serif!important;
   min-height: 18px!important;
   max-height: 200px !important;

}


#block_mess{
   padding: 5px 15px;
}
#WrArea form{

   position: absolute;
   bottom: 10px;
   width: 100%;
   left: 0;

}


#first-addblock:hover .wrapbg{
   opacity: 1;
   visibility: visible;

}
#first-addblock:hover .wrapbg{
   z-index: 1000;
}
#PageTopMenu.mobile li {
   min-width: 0;
   padding: 12px 10px 7px 7px;
}
#PageTopMenu.mobile .alertpic {
   top: 10px;
   left: 15%;
   /* padding: 15px 10px 10px 10px; */
}
a.primaryimage{width: auto !important;font-size: 12px;height: 43px !important;line-height: 23px !important;margin: 0;vertical-align: top;}
#maintext h1{
   font-weight: 500 !important;
   font-size: 2rem !important;
}


#maintext h2, #maintext h1{
   padding: 0 0 15px 0;
}
.mess-area .us{z-index: 1!important;}
#Services {

   z-index: 0!important;
}

#ImgBlock .images{
   margin-top: 40px;
}
#ImgBlock{
   text-align: right;
   float: right;
   width: 45%;
   top: 0;
}
@media (max-width: 400px) {

   .links .button{white-space: pre-wrap;font-size: 13px;padding: 1px 3px;}

}
.real{color: #019a01 !important;padding: 0px 5px 0 0;}
@media (max-width: 600px) {
   #ImgBlock .images{
      margin-top: 40px;
   }
}
@media (max-width: 550px) {

   #ImgBlock{width: 37%;}
   #ImgBlock .images{margin-top: 30px;}
}
@media (max-width: 990px) {
   #nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
      margin: 0px auto !important;
      padding: 0 !important;
      height: auto !important;
   }
}

a.logo-b.r1 {
             font-weight: 700 !important;
             /* font-style: italic; */
             letter-spacing: 0.8px;
             font-size: 29px;
             margin: 13px 0px 0px 0px !important;
             line-height: 23px !important;
             font-family: 'logo1', cursive !important;
             }
a.logo-b.r2 {font-weight: 700;font-style: normal;font-size: 24px;font-family: 'Roboto', cursive !important;}
a.logo-b.r3 {font-weight: 700 !important;/* font-style: italic; */font-size: 30px;letter-spacing: -1.5px;font-family: 'logo3' !important;}


@media (max-width: 600px) {

   #maintext h1{
      font-weight: 500 !important;
      font-size: 25px !important;
   }
   #maintext h2, #maintext h1{
      padding: 10px 0 15px 0;
   }
}

a.logo-b.head {display: block;line-height: 21px;margin: 15px 0px 0px 0px;padding: 0 0 0 10px;}
a.logo-b.line{

display: none;
}
@media (max-width: 560px) {
.no-mobile-560{
display:none;
}
.header__logo {
    flex: 0 0 4.625rem !important;
}
a.logo-b.head {
display: none;
}
}
@media (max-width: 560px) {
a.logo-b.line {
display: block;
}
}
#Pages h1{
   font-weight: 500!important;
   padding: 0;
   font-size: 1.5rem !important;
}
#Pages h2, #Pages h3, #Pages h4 {
   font-weight: 500!important;
   padding: 0;
   margin: 0 0 10px 0;
   font-size: 1.5rem !important;
}
#Pages ul, #Pages li{
    font-size: 1rem;
    line-height: 150%;
}
#Content table, #Content tbody, #Content td {
   border: none!important;
   margin: 0px auto;
}
#Content td {
   padding: 0px 10px !important;
}
.confirm{cursor: default !important;color: #212529;background-color: #ffc107;border-color: #ffc107;}
.confirm:hover, .confirm:active{color: #212529;background-color: #ffc107 !important;border-color: #ffc107 !important;}

#Content td{font-size: 15px;font-weight: 400;line-height: 1.5;padding: 0;}
.links .button{
   white-space: pre-wrap;
}

#nav-shadow {
   /* display: flex !important; */
   text-align: center;
   display: block;
}
#PageTopMenu.no-mobile #nav-shadow li{min-width: 67px;padding: 0 4px;margin: 0;float: left;display: inline-block;/* flex-direction: row !important; *//* fle;flex: 1 1  10% !important;;lign: center !important;/* float: none; *//* flex-wrap: nowrap; */width: auto;text-align: center;justify-content: center;align-items: center;}
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
   /* position: relative; */
   left: auto;
   top: 0;
   text-align: center;
   font-size: 13px;
   margin: 0;
   padding: 12px 19px 0;
   min-width: 10px;
   height: 45px;
   display: block;
}
#nav-shadow li {
   margin: 0;
   padding: 12px 23px 3px 16px;
   /* min-width: 30px; */
}
.imgmain img.img_1{padding: 0 80px 0 0;float: left;max-height: 295px;width: auto !important;}
.imgmain img.img_2{float: right;padding: 0 0 0 80px;max-height: 295px;width: auto !important;}
#Msgs  #block_mess {
    padding: 5px 5px;
}
#Msgs .mess-area {
    position: relative;
    overflow: visible;
    border-radius: 10px;
    height: calc(100vh - 290px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
#Msgs  .container-min {
    padding: 0px 0 0 0!important;
}
#Msgs  .box_mess img, #Msgs  .box_mess.my img {
   max-width: 80%;
}
#Msgs  .box_mess, #Msgs  .box_mess.my{
   max-width: 50%;
}
#Msgs #Messages .text_mess{

    padding: 0px 10px 0px 0px;
}

@media (max-width: 800px) {
      .imgmain{
      text-align: center;
   }
.imgmain img.img_1, .imgmain img.img_2{padding: 0 0px 0 0; float: none}
   #Msgs  .box_mess, #Msgs  .box_mess.my{
      width: 85%;
      max-width: 85%;
   }
   #Msgs  .box_mess img{
   max-width: 100%;
   width: 100%;
   }
   
}
@media (max-width: 1200px) {
.max-s-w input{
max-width: 135px;
}
}

@media (max-width: 600px) {
.imgmain img.img_1, .imgmain img.img_2{padding: 0 0 0 0;float: none;margin: 0 auto !important;/* width: 90% !important; *//* height: auto !important; */}
}
@media (max-width: 450px) {
.imgmain img.img_1, .imgmain img.img_2{ width: auto !important; max-height: 200px;  height: auto !important; }

.max-s-w input{
max-width: 87px;
}
}

#WrArea button.loading{
content: '';
background: url(../images/qw/loading.gif) no-repeat center center;
background-size: 25px;
}
#WrArea button.loading svg{
opacity: 0;
visibility: hidden;
}



#notice {
    transition: 0.32s;
    top: 0;
    opacity: 0;
    right: -400px;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.notice-surface {
    position: fixed;
    z-index: 3000;
    right: 32px;
    top: 78px;
    max-width: calc(100% - 64px);
    max-height: calc(100vh - 56px);
    display: flex;
    flex-direction: row;
    background: #fff;
}

.notice-surface--left {
    left: 32px;
    right: auto
}

.notice-surface--reverse {
    bottom: 28px;
    top: auto
}

@media (max-width: 991px) {
    .mfixed_y .notice-surface {
        top:74px
    }

    .bottom-icons-panel_y .notice-surface--reverse {
        bottom: 72px
    }
}

.notice-surface__inner {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative;
    max-width: 100%
}

.notice-surface--reverse .notice-surface__inner {
    display: flex;
    flex-direction: column
}

.notice {
    min-width: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
    background: #fff;
    background: var(--black_bg_black);
    border-radius: 4px;
    position: relative;
    width: 346px;
    max-width: 100%;
    transition: transform .1s linear;
    flex-shrink: 0;
    /* margin:4px 0; */
}

.notice--link {
    cursor: pointer
}

.notice--hidden {
    display: none!important;
    margin: 0
}

.notice__closer {
    width: 38px;
    height: 38px;
    position: absolute;
    top: -1px;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.notice__inner {
    display: flex;
    padding: 20px;
    align-items: center;
}

.notice__image {
    /* height:60px; */
    width: 60px
}

.notice__image img {
    max-height: 100%;
    max-width: 100%
}

.notice__info-wrap {
    /* display:flex; */
    flex-shrink: 0;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

.notice__image-wrap,.notice__text-wrap {
    /* width: 40px; */
    padding-left: 10px;
    padding-right: 10px
}

.notice__text-wrap {
    align-self: center;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}

.notice .notice__text-wrap .notice__title:first-child {
    /* margin-top:-7px; */
}

.notice .notice__text-wrap .notice__detail:first-child {
    margin-top: -3px
}

.notice__title+.notice__detail {
    margin-top: 4px
}

.notice__detail__more {
    margin-top: 6px
}

.notice-surface--right .animate--notice-show {
    -webkit-animation: animate--notice-show--right .4s linear;
    -ms-animation: animate--notice-show--right .4s linear;
    animation: animate--notice-show--right .4s linear;
    right: 0
}

@-webkit-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

@-ms-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

@keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }

    50% {
        right: 32px
    }

    to {
        right: 0
    }
}

.notice-surface--left .animate--notice-show {
    -webkit-animation: animate--notice-show--left .6s linear;
    -ms-animation: animate--notice-show--left .6s linear;
    animation: animate--notice-show--left .6s linear;
    left: 0
}

@-webkit-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

@-ms-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

@keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }

    50% {
        left: 32px
    }

    to {
        left: 0
    }
}

.animate--notice-hide {
    height: 0!important;
    opacity: 0!important;
    margin: 0!important;
    transition: transform .1s linear,opacity .3s ease-in-out .1s,height .3s linear .4s,margin .3s linear .4s
}

.animate--notice-hide .notice__closer {
    display: none
}

.animate--notice-click {
    transform: scale(.95)
}

.notice-surface .notice__image-wrap {
    width: 40px;
}
.about-us-main__item {
  
    list-style-type: none !important;
}
#ImgBlock .images {
    margin-top: 40px;
}

#ImgBlock {
    text-align: right;
    float: right;
    width: 45%;
    top: 0;
}
#Pages ul, #Pages ol {margin-left: 1.25rem;}
p {
   /* color: #565656; */
   font-size: 1rem;
   line-height: 150%;
}

h1, h2, h3, h4, h5 {
    font-size: 2.5rem !important;
}