@import url(../icons/fontawesome-pro-6-and-free/css/all-and-free.min.css);
/*@import url(../icons/iconmind/iconmind.css);*/




html body .font-6  { font-size: 6px;  }
html body .font-7  { font-size: 7px;  }
html body .font-8  { font-size: 8px;  }
html body .font-9  { font-size: 9px;  }
html body .font-10 { font-size: 10px; }
html body .font-11 { font-size: 11px; }
html body .font-12 { font-size: 12px; }
html body .font-13 { font-size: 13px; }
html body .font-14 { font-size: 14px; }
html body .font-15 { font-size: 15px; }
html body .font-16 { font-size: 16px; }
html body .font-17 { font-size: 17px; }
html body .font-18 { font-size: 18px; }
html body .font-19 { font-size: 19px; }
html body .font-20 { font-size: 20px; }
html body .font-21 { font-size: 21px; }
html body .font-22 { font-size: 22px; }
html body .font-23 { font-size: 23px; }
html body .font-24 { font-size: 24px; }
html body .font-25 { font-size: 25px; }
html body .font-26 { font-size: 26px; }
html body .font-27 { font-size: 27px; }
html body .font-28 { font-size: 28px; }
html body .font-29 { font-size: 29px; }
html body .font-30 { font-size: 30px; }
html body .font-31 { font-size: 31px; }
html body .font-32 { font-size: 32px; }
html body .font-33 { font-size: 33px; }
html body .font-34 { font-size: 34px; }
html body .font-35 { font-size: 35px; }
html body .font-36 { font-size: 36px; }
html body .font-37 { font-size: 37px; }
html body .font-38 { font-size: 38px; }
html body .font-39 { font-size: 39px; }
html body .font-40 { font-size: 40px; }
html body .font-42 { font-size: 42px; }
html body .font-44 { font-size: 44px; }
html body .font-45 { font-size: 45px; }
html body .font-46 { font-size: 46px; }
html body .font-48 { font-size: 48px; }
html body .font-50 { font-size: 50px; }
html body .font-55 { font-size: 55px; }
html body .font-60 { font-size: 60px; }
html body .font-65 { font-size: 65px; }
html body .font-70 { font-size: 70px; }


.ml-0{ margin-left: 0 !important; }
.ml-1{ margin-left: .25rem !important; }
.ml-2{ margin-left: .5rem !important; }
.ml-3{ margin-left: 1rem !important; }
.ml-4{ margin-left: 1.5rem !important; }

.mr-0{ margin-right: 0 !important; }
.mr-1{ margin-right: .25rem !important; }
.mr-2{ margin-right: .5rem !important; }
.mr-3{ margin-right: 1rem !important; }
.mr-4{ margin-right: 1.5rem !important; }

.pl-0{ padding-left: 0 !important; }
.pl-1{ padding-left: .25rem !important; }
.pl-2{ padding-left: .5rem !important; }
.pl-3{ padding-left: 1rem !important; }
.pl-4{ padding-left: 1.5rem !important; }

.pr-0{ padding-right: 0 !important; }
.pr-1{ padding-right: .25rem !important; }
.pr-2{ padding-right: .5rem !important; }
.pr-3{ padding-right: 1rem !important; }
.pr-4{ padding-right: 1.5rem !important; }


.pt-5 {  padding-top: 2rem !important; }
.pt-6 {  padding-top: 2.5rem !important; }
.pt-7 {  padding-top: 3rem !important; }
.pt-8 {  padding-top: 3.5rem !important; }
.pt-9 {  padding-top: 4rem !important; }
.pt-10 {  padding-top: 5rem !important; }
.pt-11 {  padding-top: 6rem !important; }
.pt-12 {  padding-top: 7rem !important; }
.pt-13 {  padding-top: 8rem !important; }
.pt-14 {  padding-top: 9rem !important; }
.pt-15 {  padding-top: 10rem !important; }
.pt-16 {  padding-top: 11rem !important; }
.pt-17 {  padding-top: 12rem !important; }
.pt-18 {  padding-top: 13rem !important; }
.pt-19 {  padding-top: 14rem !important; }
.pt-20 {  padding-top: 15rem !important; }

.mt-5 {  margin-top: 2rem !important; }
.mt-6 {  margin-top: 2.5rem !important; }
.mt-7 {  margin-top: 3rem !important; }
.mt-8 {  margin-top: 3.5rem !important; }
.mt-9 {  margin-top: 4rem !important; }
.mt-10 {  margin-top: 5rem !important; }
.mt-11 {  margin-top: 6rem !important; }
.mt-12 {  margin-top: 7rem !important; }
.mt-13 {  margin-top: 8rem !important; }
.mt-14 {  margin-top: 9rem !important; }
.mt-15 {  margin-top: 10rem !important; }
.mt-16 {  margin-top: 11rem !important; }
.mt-17 {  margin-top: 12rem !important; }
.mt-18 {  margin-top: 13rem !important; }
.mt-19 {  margin-top: 14rem !important; }
.mt-20 {  margin-top: 15rem !important; }



.img-1x1 {
   
    height: auto;
    aspect-ratio: 1 / 1;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-3x2 {
   
    height: auto;
    aspect-ratio: 3 / 2;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-4x3 {
   
    height: auto;
    aspect-ratio: 4 / 3;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-5x3 {
   
    height: auto;
    aspect-ratio: 5 / 3;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-3x1 {
   
    height: auto;
    aspect-ratio: 3 / 1;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-2x3 {
   
    height: auto;
    aspect-ratio: 2 / 3;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-3x4 {
   
    height: auto;
    aspect-ratio: 3 / 4;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}
.img-3x5 {
   
    height: auto;
    aspect-ratio: 3 / 5;
    width: 100%;
    background-color: #fff;
    object-fit: contain;
    object-position: 50% 50%;
    vertical-align: middle;
    border-style: none;
}

.img-responsive {
  width: 100%;
  height: auto;
  display: inline-block;
}

.bg-cover {
  background-size: cover;
  min-height: 200px;
  object-fit: cover;
}

.bg-center{
  background-position: center center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}



.hover_ico:hover{
  opacity: 0.8;
}


.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 embed,
.embed-responsive iframe,
.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.857143%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-1by1::before{padding-top:100%}


.clearfix {
  content: "";
  display: block;
  clear: both;
}

/*
.txt_e:hover{

  outline: 2px dashed #f00;
  outline-offset: -1px;

}
*/