:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

@font-face {
    font-family: Myriad;
    src: url("../webfonts/myriad2.otf") format("opentype");
}

@font-face {
    font-family: VolteRounded;
    src: url("../webfonts/VolteRounded-Regular.otf") format("opentype");
}

html {
  font-size: 14px;
  height: 100%;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  height: 100%;
  background: #f7f7fa;
}

footer {
  font-family: "Myriad";
}

/*
SPECIAL START
*/

.botBorder {
  width: 100px;
  border-bottom: 2px solid #d8182e;
  margin: auto;
  margin-bottom:1.5rem;
}

.volteRounded{
  font-family: "VolteRounded";
}

.privTitle{
  font-family: 'Varela Round', sans-serif;
}

.priv{
    margin: 5px;
    min-height: 250px;
    padding: 40px 20px 20px 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
    border-radius: 10px;
}

.priv i{
  position: absolute;
  top:25px;
  left:40px;
  font-size: 2.5rem;
}

.blueBg {
    background-image: url(../img/bluebg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.yellowBg {
    background-image: url(../img/yellowbg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.pinkBg {
    background-image: url(../img/pinkbg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.greenBg {
    background-image: url(../img/greenbg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.widgetBgPink {
    width: 100%;
    background-image: url(../images/index/pink.svg);
    background-color: #f7f7fa;
    margin: 40px 0;
    background-repeat: no-repeat;
    background-position: left;
    height:auto;

}

.widgetBgBlue {
    width: 100%;
    background-image: url(../images/index/blue.svg);
    background-color: #f7f7fa;
    background-repeat: no-repeat;
    background-position: right;
    margin: 40px 0;
    height:auto;
    text-align: center;
}

.accordTitle{
  padding:25px;
  font-size:1.2rem;
  color:#306eb5;
  border-bottom: 2.5px solid #e0e0e0;
  cursor:pointer;
  transition: background-color 0.5s ease;
  background: #fff;
}

.accordTitle.collapsed{
  background: #f7f7fa;
}

.accordTitle h5::before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 600; 
  content: "\f0da";
  margin-right:15px;
}

.accordTitle:hover{
  background: #e0e0e0;
}

.accordBody{
  background: white;
  padding:20px;
  text-align: justify;
  font-size:1.25rem;
  color:#888;
  border-left: 4px solid #306eb5;
}

.accordTab{
  border: 1px solid #e0e0e0;
}

.accordTabItem{
  padding:20px 15px 20px 25px;
  font-size: 1.20rem;
  font-weight: 500;
  background: #fff;
  border-left: 4px solid #fff;
  color:#000;
}

.accordTabItem:hover{
  border-left: 4px solid #306eb5;
  text-decoration: none;
}

.accordTabItem.active{
  background: #f5f7fa;
  border-left: 4px solid #306eb5;
  color: #306eb5;
}

.accordTabItem.active::before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 600; 
  content: "\f0da";
  margin-right:15px;
}

.accList{
  margin:5px;
}

.list-spec{
  list-style: none;
}
.list-spec li{
  margin-left:8px;
  display: inline;
}
.list-spec li:first-child{
  margin-left:0px;
}

.unselectable-tb{
  border:0; 
  color:#17a2b8;
  background:#f7f7fa;
}

.bg-White{
  background: white;
}

.headerWhite{
  background: white;
}

.footerWhite{
  margin-top:1px;
  border-top:rgba(0,0,0,0.5) 0.5px solid;
  background: white;
  z-index: 500;

}

.indTestimonials{
  background: white;
  margin:0rem 0 0rem 0;
  padding:2rem;
}

.tabRightContent{
  padding:1rem 2rem 2rem 6rem;
}
.tabcontent{
  background: white;
  padding:2rem 1.5rem 2rem 1.5rem;
}

.nav-tabs .nav-link {
  font-size:1.1rem;
  min-width:15rem;
  padding:10px;
  text-align: center;
  color:#126bc3;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border:0;
  border-bottom:#2886d3 4px solid !important;
}

.carouselBottom{
  /*border: #000 solid 1px;*/
}

.carouselItem{
  /*background: #f0f0f0;*/
  padding: 20px;
  display: block;
  border: 0.1px solid rgba(0,0,0,0.15);
}

.indexOne{
  color:#fff;
  min-height: 400px;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 879.21, color-stop(0, #276d96), color-stop(0.24, #1b537f), color-stop(0.4, #113f6d), color-stop(0.85, #123154));
}

.numberInfo{
  width: 120px;
  height: 120px;
  line-height: 120px;
  border: 3px solid #59d2ef;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  border-color: #fc0;
  padding-top:30px;
}

.indexTwo{
  border: rgba(0,0,0,0.1) 1px solid;
  border-radius: 10px;
}

.borderBottom{
  height: 3px;
  width: 150px;
  background: rgba(255,204,0,0.9);
  margin:auto;
}

.supportReply{
  margin: 20px 0;
  box-shadow: 1px 1px 1px 1px #e7e7e7, -1px 0 1px 1px rgba(231,231,231,.5);
  border-radius: 6px;
  overflow: hidden;
  padding: 10px;
  color: #57657f;
  border-top: 2px solid #989898;
}

.supportStaff{
  border-top: 2px solid #85b200;
  box-shadow: 1px 1px 1px 1px #85bd20, -1px 0 1px 1px rgba(133,189,32,.5);
}

.supportTop{
  background: #f6f8fa;
  position: relative;
  border-radius: 6px;
  padding: 13.5px 15px 13.5px 50px;
  overflow: hidden;
}

.supportMessage{
  padding: 25px 10px 15px;
}

.supportTopIcon{
  position: absolute;
  background: #e7ecf1;
  height: 100%;
  width: 52px;
  left: 0;
  top: 0;
}

.supportTopIcon i{
  position: relative;
  font-size:2rem;
  top:10px;
  left:10px;
}

.supportTopPerson{
  margin-left: 20px;
  font-size: 1.10rem;
}

.supportTopPerson a{
  color:rgb(87, 101, 127);
}


.supportTopDate{
  float: right;
  font-size: 1.10rem;
}

.supportTextArea{
  border:0;
  outline: none;
  resize:none;
}

.filterEasy{
  width: 200px;
  text-align: center;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.overlayedImg:hover{
  opacity: 0.75;
}

/*.overlayImg{
  position: relative;
}

.overlayImg:hover img{
  opacity: 0.75;
}

.overlayText{
  padding: 15px 20px 15px 20px;
  background: rgba(64,86,143,0.95) ;
  border:1px #fff solid;
  border-radius: 5px;
  position: absolute; 
  display: none;
  color:#fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlayImg:hover .overlayText{
  display:block;
}*/

/*.overlayedImg {
  position: relative;
}

.overlayImg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .75s ease;
  max-width: 500px;
  opacity: 1;
  margin:auto;
}

.overlayedImg:hover .overlayImg {
  height: 100%;
}

.overlayText{
  color: black;
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}*/

.indexSquare{
  padding: 15px 25px 15px 25px;
  border:1px #000028 solid;
  border-radius: 10px;
  position: relative;
}

.indexText{
  margin-top:25px;
}

.indexLine{
  height: 4px;
  background: #000;
  width: 100%;
  max-width: 1000px;
  
  position: absolute;
  margin-top: 10px;
  margin-left: 135px; 
  z-index: -5;
}

.footerSpan{
   font-weight: 100;
}

.footerText{
  font-weight: 600;
  border-right: 1px solid #d7d7d7;
}

.footerText:last-child{
  border-right: 0px;
}

.footerSocial a{
  margin-right:25px;
  color:#000;
}

.footerSocial a:last-child{
  margin-right:0;
}

.underLine{
  min-height: 4px;
  max-width: 60px;
  background: #000;
  text-align: center;
  margin:auto;
}

.new-button {
    min-width: 320px;
    height: 54px;
}

.or-seperator {
    width: 344px;
    text-align: center;
    border-bottom: 1px solid #8b95a1;
    line-height: .1em;
    margin: 0 auto;
    margin-top:12.5px;
    margin-bottom:12.5px;
}
.or-seperator span {
    background: #f7f7fa;
    padding: 0 20px;
    font-size: 1.15rem;
    color: #8b95a1;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
  margin-top:10px;
  min-width: 200px !important;
  /*left: calc(100% - 170px);*/
  position: absolute;
  display:none;    
  border: 1px solid rgba(0,0,0,.15);
  color:#000;
  background-color: #fff;
  border-radius: .25rem;
  padding: 15px;
  z-index: 15;
  transition: display 0.35s ease;
}

/*.dropdown a{
    position: relative;
    z-index: 15;
}*/

.dropdown-content a{
  transition: color 0.35s ease;
  color:rgba(0,0,0,1) !important;
  display:block;
  line-height: 2.5rem;
}
.dropdown-content a:hover{
  /*color:rgba(0,100,255,0.85) !important;*/
  text-decoration: none;
  background-color:rgba(190, 194, 202, 0.21);
}

.dropdown-content hr{
  margin-top:5px !important;
  margin-bottom:5px !important;
}

.dropdown-content:before {
  width: 200px;
  height: 60px;
  top: -60px;
  left: 0;
  position: absolute;
  content: "";
}

.ratherBig{
  margin-top:13px;
  left: calc(100% - 245px);
  min-width: 300px !important;
}

.ratherBig:before{
  /*width: 200px;*/
  margin-left:47px !important;
}

.square{
    width: 20px;
    height: 20px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-webkit-radius: 4px;
    zoom: 1;
    position: absolute;
    top: -7px;
    left: calc(50% - 9px);
    /*border: 2px solid #919191;*/
    background: #FFF;
}

.dropdown:hover a{
    position: relative;
    z-index: 15;
}

.dropdown:hover button{
    position: relative;
    z-index: 15;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover > .overlay-header {
  visibility: visible;
}

.overlay-header {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(0,0,0,0.4);
}

.overlay-header:hover{
  visibility: hidden !important;
}

.size-1{
  font-size: 3rem;
  font-weight: 250;
  line-height: 1.2;
}

.size-2{
  font-size: 2.25rem;
  font-weight: 250;
  line-height: 1.15;
}

.size-3{
  font-size: 1.85rem;
  font-weight: 200;
  line-height: 1.10;
}

.size-35{
  font-size: 1.55rem;
  font-weight: 150;
  line-height: 2.50;
}

.size-4{
  font-size: 1.35rem;
  font-weight: 150;
  line-height: 2.25;
}

.size-45{
  font-size: 1.25rem;
  font-weight: 150;
  line-height: 2.10;
}

.size-5{
  font-size: 1.25rem;

}

.size-6{
  font-size: 0.9rem;
  font-weight: 100;
  line-height: 1.5;
}

.account_parent{
  height: 290px; 
  width:290px; 
  overflow: hidden; 
  position: relative;
  background-size: cover !important;
  background-position: 85% 50% !important;
  margin-right:1.2rem;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  will-change: opacity;
}

.overlay button{
  position: absolute;
  width:50%;
  top:40%;
  left:25%;
}

.overlay:hover {
  opacity: 1;
}

.headerRow1 a{
  color: #53534a;
  text-decoration: none;
  font-weight: 600;
  font-size:0.80rem;
}

.headerRow1 ul{
  padding:0 !important;
  margin-left
  margin-top:5px;
  margin-bottom:0 !important;
}

.headerRow1 li{
  list-style: none;
  margin-left:25px;
  display:inline
}

.headerRow1 ul > :first-child {
  margin-left:0px;
}

.headerRow1 a:hover{
  text-decoration: none;
}

.headerRow2{
  padding:1rem;
  text-align: center;
}

.headerRow2 a:hover{
  text-decoration: none;
}

.mobileHeader{
  font-size:1.75rem;
  color:rgba(255,255,255,0.9);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 50%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 50%);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 50%);
  font-family: "Myriad";
  display:none;
}

.mobileHeader i:hover{
  color:rgba(255,255,255,0.5);
  text-decoration: none;
  cursor:pointer;
}

.aNav{
  padding:12px;
  font-weight: 600;
  font-size:1rem;
  color:rgba(255,255,255,0.9);
  background: #0062cc;
  background: -moz-linear-gradient(to bottom, #232323 0%, #26282b 50%)
  background: -webkit-linear-gradient(to bottom, #232323 0%, #26282b 50%)
  background: linear-gradient(to bottom, #232323 0%, #26282b 50%)
  /*border-bottom: 2px solid #29487d;*/
  /*background:#4267b2;
  background: rgb(213,235,251);
  background: -moz-linear-gradient(top, rgba(213,235,251,1) 0%, rgba(235,241,246,1) 0%, rgba(113,137,158,1) 0%, rgba(17,63,109,1) 56%, rgba(17,63,109,1) 74%, rgba(17,63,109,1) 100%, rgba(235,241,246,1) 100%);
  background: -webkit-linear-gradient(top, rgba(213,235,251,1) 0%,rgba(235,241,246,1) 0%,rgba(113,137,158,1) 0%,rgba(17,63,109,1) 56%,rgba(17,63,109,1) 74%,rgba(17,63,109,1) 100%,rgba(235,241,246,1) 100%);
  background: linear-gradient(to bottom, rgba(213,235,251,1) 0%,rgba(235,241,246,1) 0%,rgba(113,137,158,1) 0%,rgba(17,63,109,1) 56%,rgba(17,63,109,1) 74%,rgba(17,63,109,1) 100%,rgba(235,241,246,1) 100%);
  */font-family: "Myriad";
  display:block;
}

.aNav ul{
  margin-bottom:0 !important;
  width: 100%;
}

.aNav li{
  list-style: none;
  display:inline;
  border-right:rgba(255,255,255,0.5) 1px solid;
}

.aNav div{
  min-width: 180px;
  
}
.aNav li:last-child{
  border-right:0;
}

.aNav ul > :first-child {
  margin-left:0px;
}

.aNav a{
  transition: color 0.35s ease;
  color:rgba(255,255,255,0.9);
}

.aNav a:hover{
  color:rgba(255,255,255,0.6);
  text-decoration: none;
}

.aNav .dropdown-menu a{
  font-family: "Myriad";
  font-size:1rem;
  color:#000;
}
.aNav .dropdown-menu a:active{
  background: #f8f9fa;
}

.btn-special{
  background: #fbfbfb;
  font-weight: 450;
  border: 1.25px solid #919191 !important;
  padding:7.5px 10px 7.5px 10px;
  border-radius: 5px;
  height: 100%;
  width: 200px;
  justify-content: center;
}

.aNav2{
  animation: fadeIn 1s;
  padding:12px;
  font-weight: 0;
  font-size:1rem;
  font-family: "Myriad";
  background:rgba(242,242,242,0.7);
  display: none;
}

.aNav2 a{
  transition: color 0.35s ease;
  color:#111;
  margin-left:60px;
  list-style: none;
  display:inline
}

.aNav2 a:hover{
  color:#0070c9;
  text-decoration: none;
}

.headerRow2acc{
  width:200px;
}

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}
.ribbon-wrapper .ribbon {
  font-size:1rem;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: relative;
  padding: 0px 0;
  top: 15px;
  left: -30px;
  width: 120px;
  background-color: #dc3545;
  color: #fff;
}


@media screen and (max-width:576px) {
  .indexParagraph{
    line-height: 2.5rem;
  }

  .dropdown-content{
    width: 100%;
  }
  .headerRow2acc{
    width: 100%;
    display: block;
  }
  .headerRow2acc > .dropdown{
    width: 100%;
    display: block;
  }
  .btn-special{
    display: block;
    width: 100%;
    height: auto;
    font-size:1.5rem;
    font-weight: 400;
  }

  .new-button{
    min-width: 100%;
  }
  .or-seperator{
    width: 100%;
  }
  #widgetId1{
    transform:scale(1);
    -webkit-transform:scale(1);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
      
  .nav-item{
    width: 100%;
  }
  .filterEasy{
    width: 100%;
  }
  .mobileHeader{
    display:block;
  }
  .aNav{
    display:none;
  }
  .headerRow2{
    line-height: 2rem;
  }
  .headerRow2acc{
    margin:10px auto 5px auto;
  }
  .aNav li{
    display: block;
    border-right:0;
  }
  .aNav ul{
    padding-left:0 !important;
  }
  .tabRightContent{
    padding:1rem;
  }
  .nav-tabs .nav-link {
    border:rgba(0,0,0,0.15) 1px solid!important;
  }

  .list-spec li{
   display:block;
   margin:0;
  }
}

@media screen and (max-width:576px) {


  .aNav{
    font-size:1.30rem;
  }

  .aNav li{
    margin-left:0px;
    line-height: 4rem;
  }

  .aNav .dropdown-menu a{
    font-size:1.10rem;
  }

  .aNav2{
    font-size:1.20rem;
  }

  .aNav2 a{
    margin-left:0px;
    margin-top:2rem;
  }
}

.account_child_top{
  position: absolute;
  width: 100%;
  padding:0.4rem;
  background: rgba(0,0,0,0.6);
  color:#fff;
  font-size: 1.15rem;
  font-weight: 200;
}

.account_child_bottom{
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  padding:0.75rem;
  color:#fff;
  font-size: 1.15rem;
  font-weight: 200;
}

.account_price{
  width:290px; 
  overflow: hidden; 
  position: relative;
}

.text-fea{
  color:#fea;
}

.asLink{
  cursor:pointer;
}

.inner-addon { 
  position: relative; 
}

.inner-addon .fas {
  position: absolute;
  right:25px;
  top:11px;
  pointer-events: none;
}

.specUl{
  margin:0;
  padding:0;
  color:white;
  background: lightblue;
  border-bottom: 4px dodgerblue solid;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.specUl li{
  margin:0px;
  display: inline-block;
  padding: 15px 35px 15px 35px;
  cursor: pointer;
  /*border-radius: 15px;*/
}

.specUl li:hover{
  background: dodgerblue;
}

.specUl>.active {
  background: dodgerblue;
  font-weight: 600;
}

.specUl-lol{
  margin:0;
  padding:0;
  color:white;
  background: linear-gradient(rgb(24, 103, 130),rgb(19, 70, 86)) !important;
  border-bottom: 4px dodgerblue solid;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0  !important;
}

.specUl-lol a{
  
}

.specUl-lol a:hover{
  color:white;
}

.specUl-lol a{
  margin:0px;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  color:white;
  /*border-radius: 15px;*/
}

.specUl-lol li:hover{
  background: #007bff;
}

.specUl-lol> li >.active {
  background: #007bff;
  font-weight: 600;
}


.seperator-header{
  width: 100%;
  min-height:51px;
  background: url("../img/divider.png") no-repeat center;
}

.seperator{
  width: 100%;
  height:118px;
  background: url("../img/seperator-1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top:25px;
}

.seperator-end{
  width: 100%;
  height:118px;
  background: url("../img/seperator-end.png");
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top:25px;
}


@media screen and (max-width:576px) {
  .specUl {
    display: block;
    text-align: center;
  }
  .specUl li{
    display: block;
  }
  .seperator{
    height:50px;
  }

  .seperator-end{
    height:50px;
  }
  .img-special{
    width: 100%;
  }

  .modal-footer{
    margin-bottom:75px !important;
    z-index: 200;
  }
}

.z-200{
  z-index: 200;
}

.link-disable a:hover{
  text-decoration: none;
}

.link-disable-color a{
  color:#000;
}

.faqHeader{
  padding: .75rem 1.25rem;
}

.nav-tabs .nav-link{
  font-weight: 600;
}

.menuLeft{
  padding:0px !important;
  margin:0px !important;
}

.leftMenuDiv{
  background: white;
}

@media screen and (min-width:1023px) {
  .leftMenuDiv{
    min-height:85vh;
    height: 100%;
  }
}

.menuRight{
  background: #fafafa;
  padding:0px !important;
  margin:0px !important;
}

.header-title {
  margin: 25px 100px 25px 100px;
}

.rightContent{
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    margin: 1.5rem 2rem 1.5rem 5rem;
    padding: 50px;
    position: relative;
    z-index: 1;
}

.form-in-menu {
  width: 100%;
  max-width: 500px;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  margin: 0;
}

@media screen and (max-width:576px) {
  .rightContent{
    margin: auto;
    margin-bottom:1rem;
    padding:0.5rem;
    width: 95%;
  }
  .header-title {
    margin: auto;
    margin-top:2rem;
    margin-bottom:1rem;
    width: 95%;
    text-align: center;
  }
}

.leftListMenu {
    position: relative;
    display: block;
    padding: 1.5rem 1.25rem;
    margin-bottom: -1px;
    color: #000;
    font-weight: 600;
    transition: background .25s,color .25s
}
.leftListMenu i{
  margin-right:15px;
}

.subMenu{
  padding: 0.45rem 0.45rem;
  margin-left:0.15rem;
  color: rgba(0,0,0,0.54);
}

.leftListMenu:hover{
    text-decoration: none;
    background: #e8e8e8;
}

.leftListMenu:hover{
    color: #008ecc;
}

@media screen and (max-width:576px) {
  .navSpecial a{
    display: block;
    text-align: center;
    line-height: 2rem;
  }
  .navSpecial{
    display: block !important;
    text-align: center;
  }
  .margin-top-sm{
    margin-top:15px;
  }
  .tableOverflow{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.numeration{
  line-height: 4em;
  margin: auto;
  padding: auto;
}

.numeration>li {
  width: 6em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: dodgerblue;
  margin: 0 0.75em;
  display: inline-block;
  color: white;
  position: relative;
}

.numeration>li:hover {
  cursor: pointer;
}

.numeration>li::before{
  content: '';
  position: absolute;
  top: 0.85em;
  left: -2em;
  width: 2em;
  height: .2em;
  background: dodgerblue;
  z-index: -1;
}


.numeration>li:first-child::before {
  display: none;
}

.numeration>.active {
  background: dodgerblue;
}

.numeration>.active ~ li {
  background: lightblue;
}

.numeration>.active ~ li::before {
  background: lightblue;
}

/*
SPECIAL END
*/

.container {
  max-width: 1280px;
}

.card-deck .card {
  min-width: 191px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label{
  padding: var(--input-padding-y) var(--input-padding-x);
  z-index: 100;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}


/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,.1);
  position: relative;
  overflow: hidden;

}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ff0018;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.05s;
  transition-duration: 0.05s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background: rgb(99,182,219);
background: -moz-linear-gradient(top, rgba(99,182,219,1) 0%, rgba(48,157,207,1) 100%);
background: -webkit-linear-gradient(top, rgba(99,182,219,1) 0%,rgba(48,157,207,1) 100%);
background: linear-gradient(to bottom, rgba(99,182,219,1) 0%,rgba(48,157,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 );
color:white;
  border:0!important;
}

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e9ecef, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2886d3, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.unresize{
  resize:none;
}

.specHover{
  opacity: 1.0;
  transition: opacity 1s;
}
.specHover:hover{
  opacity: 0.65;
  transition: opacity 1s;
}

.steam-float{
  margin-top: 21px;
  position: relative;
  bottom: 17px;
  width: 95%;
  left: 2.5%;
  height: 0;
}
.float-caret{
  top: -10px;
  position: absolute;
  width: 100%;
  z-index: 2;
  text-align: left;
}
.float-spacing{
  letter-spacing: 2px;
  font-weight: 700;
}

.buttonGroupF + label{
  vertical-align:middle !important;  
  color:#fff !important; 
  min-width:100px !important;
  background:#dc5f21 !important; 
}
.buttonGroupF:checked + label{
  background:#7936ad !important; 
}
.buttonGroupF + label:hover{
  opacity: 0.75;
  transition: 0.5;
}

.buttonGroupM + label{
  background: #28a745 !important; 
  color:#fff !important;
  vertical-align:middle;
  min-width:100px;
}

.buttonGroupM:checked + label{
  background: #dc3545 !important; 
  color:#fff !important;
}


.color-pink{
  background-image: linear-gradient(to left, rgb(244, 72, 129), rgb(236, 69, 79));
  color:white;
}
.color-blue{
  background-image: linear-gradient(to left, rgb(33, 200, 246), rgb(99, 123, 255));
  color:white;
}
.color-green{
  background-image: linear-gradient(to left, rgb(110, 220, 196), rgb(26, 171, 139));
  color:white;
}
.color-orange{
  background-image: linear-gradient(to left, rgb(255, 199, 60), rgb(241, 154, 26));
  color:white;
}
.color-purple{
  background: linear-gradient(to left, rgb(179, 114, 189), rgb(139, 96, 237));
  color:white;
}

.ui-autocomplete { z-index:2147483647 !important; } 


.sellerDiv{
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;
  border-radius:10px;
  height:100%;
  vertical-align: middle;
}

.sellerDiv:hover{
  background: #fff;
  cursor: pointer;
}

.adsCard{
  padding: 15px;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 5px;
  min-width: 175px;
  min-height: 75px;
  color: #000 !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.pageloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://i.imgur.com/MQEsn3m.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}