/*.homelink{ display:none;}*/



.loginbox {background: #fff;  padding: 50px 50px; box-shadow: 5px 5px 25px #f1f1f1;  border-radius: 50px;}



.princebg{background:#cdfbff;padding: 50px 0px;}

.stepper-wrapper {

  margin-top: auto;

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px;

}

.stepper-item {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  flex: 1;

}



.header-social-links .btn-danger{ color: #fff;  background-color: #f58220;  border-color: #f58220; border-radius:2px; border:#f58220; padding:12px 20px; border: none; border-radius: 5px; color: #fff; margin-bottom:10px;font-size: 16px; text-transform:uppercase; background:#f58220; float:none;cursor: pointer; margin-bottom:0;}



.spousegala{ margin-top:10px; display:inline-block;}

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

    --bs-table-accent-bg: #f7f7f70d;

    color: var(--bs-table-striped-color);

}

.ulscript{ margin-left:15px;}

.ulscript li{ list-style:disc; margin-bottom:15px;}

.stepper-item::before {

  position: absolute;

  content: "";

  border-bottom: 2px solid #ccc;

  width: 100%;

  top: 25px;

  left: -50%;

  z-index: 2;

}



.copyright{ text-align:left;}

.copy-right-menu{ float:left;}

.copy-right-menu li{ display:inline-block; margin-right:10px; padding-right:10px; border-right:solid 1px #ddd; color:#000; }

.copy-right-menu li a{ color:#000;}

.copy-right-menu li a:hover{ color:#0071bb !important;}

.stepper-item::after {

  position: absolute;

  content: "";

  border-bottom: 2px solid #ccc;

  width: 100%;

  top: 25px;

  left: 50%;

  z-index: 2;

}

.copy-right-menu li:last-child{ border-right:none;}



.stepper-item .step-counter {

  position: relative;

  z-index: 5;

  display: flex;

  justify-content: center;

  align-items: center;

      width: 55px;

    height: 55px;

  border-radius: 50%;font-size: 15px;

 background: #000;

    margin-bottom: 6px;

    color: #fff;

}



.stepper-item.active {

  font-weight: bold;

}



.stepper-item.completed .step-counter {

  background-color: #f58220;

}



.stepper-item.completed::after {

  position: absolute;

  content: "";

  border-bottom: 2px solid #f58220;

  width: 100%;

  top: 25px;

  left: 50%;

  z-index: 3;

}



.stepper-item:first-child::before {

  content: none;

}

.stepper-item:last-child::after {

  content: none;

}

.step-name{ width:100%; text-align:center; font-size: 20px;}

.stepsc{ float:left; width:100%; height:auto; margin:30px 0px;}



.formfils{ background: #fff;

    border: solid 1px #ddd;

    padding: 50px;

    box-shadow: 5px 5px 25px #e5e5e5;

    border-radius: 20px;}

.tradeshofo label{ font-weight:bold;}	







.funkyradio div {

  overflow: hidden;

    width: auto;

    float: left;

    display: inline-block;

    margin-right: 10px;

}

.faq-content table tr td{ font-weight:bold;}

.funkyradio label {

 width: 100%;

    border-radius: 3px;

    border: 1px solid #D1D3D4;

    font-weight: normal;

    padding-right: 15px;

    line-height: 30px;

    font-size: 13px;

}



.funkyradio input[type="radio"]:empty,

.funkyradio input[type="checkbox"]:empty {

  display: none;

}



.funkyradio input[type="radio"]:empty ~ label,

.funkyradio input[type="checkbox"]:empty ~ label {

  position: relative;

  line-height: 2.5em;

  text-indent: 3.25em;

  margin-top: 10px;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}



.funkyradio input[type="radio"]:empty ~ label:before,

.funkyradio input[type="checkbox"]:empty ~ label:before {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  left: 0;

  content: '';

  width: 2.5em;

  background: #D1D3D4;

  border-radius: 3px 0 0 3px;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {

  color: #888;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {

  content: '\2714';

  text-indent: .9em;

  color: #fff;

    background: #000;

}



.funkyradio input[type="radio"]:checked ~ label,

.funkyradio input[type="checkbox"]:checked ~ label {

  color: #777;

}



.funkyradio input[type="radio"]:checked ~ label:before,

.funkyradio input[type="checkbox"]:checked ~ label:before {

  content: '\2714';

  text-indent: .9em;

  color: #333;

  background-color: #ccc;

}



.funkyradio input[type="radio"]:focus ~ label:before,

.funkyradio input[type="checkbox"]:focus ~ label:before {

  box-shadow: 0 0 0 3px #999;

}



.funkyradio-default input[type="radio"]:checked ~ label:before,

.funkyradio-default input[type="checkbox"]:checked ~ label:before {

  color: #333;

  background-color: #ccc;

}



.funkyradio-primary input[type="radio"]:checked ~ label:before,

.funkyradio-primary input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #337ab7;

}



.funkyradio-success input[type="radio"]:checked ~ label:before,

.funkyradio-success input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #5cb85c;

}



.funkyradio-danger input[type="radio"]:checked ~ label:before,

.funkyradio-danger input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #d9534f;

}



.funkyradio-warning input[type="radio"]:checked ~ label:before,

.funkyradio-warning input[type="checkbox"]:checked ~ label:before {

     color: #fff;

    background-color: #f58220;

}



.funkyradio-info input[type="radio"]:checked ~ label:before,

.funkyradio-info input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #5bc0de;

}



.afilatye{float: left;

    width: 100%;margin-bottom: 15px;

    border: solid 1px #ddd;

    padding: 15px;}

.afttext{ float:left; width:100%;}	

.afttext h6{ float:left; width:100%; margin:5px 0px 5px 0px;}	



.raidpid{background: #f58220;

    color: #fff;

    padding: 10px;

    font-weight: bold;

    font-size: 18px;

    width: 100%;

    float: left; cursor:pointer;}



.form-switch {

    padding-left: 2.5em;

    width: 20px;

    height: 20px;

    vertical-align: sub;

    margin-right: 5px; cursor:pointer;

}







.customradio input{ padding-left: 2.5em; cursor:pointer;

    width: 20px;

    height: 20px;

    vertical-align: sub;

    margin-right: 5px;}

	

.customradio{cursor:pointer; margin-right: 20px;}	



.homepa h6{ font-size: 22px;  font-weight: 700; color: #fff;}



.homepa small{ width:100%; float:left;}



.bgorange{ background:#f58220 !important;}

.bgblue{ background:#0071bb !important;}



.testsug{ position:relative; transition:all 0.5s ease;}

.testsugdata{ position: absolute;

    top: 70px;

    left: 0;

    width: 100%;

    max-height: 200px;

    overflow: auto;

    background: #fff;

    border: solid 1px #ddd; transition:all 0.5s ease;

    padding: 10px;

    box-shadow: 5px 5px 20px #e5e5e5; display:none;}

.testsug:hover .testsugdata{ display:block; transition:all 0.5s ease;}

.testsugdata span{ width:100%; height:auto; float:left; padding:8px 10px; font-size:16px;  border-bottom:solid 1px #ddd;  transition:all 0.5s ease; }	

.testsugdata span:hover{ background:#f1f1f1; transition:all 0.5s ease;}



.testsugdata::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}



.testsugdata::-webkit-scrollbar

{

	width: 5px;

	background-color: #F5F5F5;

}



.testsugdata::-webkit-scrollbar-thumb

{

	background-color: #000000;

	border: 1px solid #555555;

}

.formalighs{ text-align:end;}

.formalighs tr td{ vertical-align:middle;}

.afttextred{ background:#f5f5f5;}

.afttextred ul{ margin-left:15px;}

.afttextred ul li{ list-style:disc;}



.scratch-card {

  width: 100%;

  margin: 0 auto;

  padding:25px 30px 5px 30px;

  border-radius: 10px;

  box-shadow:0 0 15px 3px rgb(221 221 221); background:#fff; text-align:center;

}





.scratch-container {

  overflow: hidden;

  position: relative;

  width: 100%;

  height: auto;

  margin: 0 auto 20px;

  border-radius: 5px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.scratch-canvas {

  position: absolute;

  top: 0; width:100%;

  z-index: 10;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  cursor: grab;

  cursor: -webkit-grab;

}



.scratch-card{ position:relative;}

.scratch-card:hover{ background:#f1f1f1; transition:all 0.5s ease;}

.scratch-card:hover .code{ background:#fff; transition:all 0.5s ease;}

.scratch-card p{ font-size:12px;}

.scratch-card h3{ font-size: 20px;  line-height: 24px; margin-top:30px; margin-bottom: 10px;}

.cstatus{ position:absolute; top:0; right:0px; z-index:2;}

.cstatusl{ position:absolute; top:0; left:0px; z-index:2;}

.cstatus a{ font-size:12px; border-radius:0;}

.cstatus .btn-danger{ background:#fa3a3a; color:#fff;}

.cstatusl a{ font-size:12px; border-radius:0;}

.code { transition:all 0.5s ease;

 position: relative;

    /*visibility: hidden;*/

    margin: 10px auto 0 auto;

    text-align: center;

    color: #000; background:#f1f1f1;

    font-weight: 700;

    font-size: 16px !important;

    border: dotted 3px #ddd;

    padding: 8px 15px;

}



.fade-out {

  -webkit-animation: fade-out 0.8s;

  -webkit-animation-fill-mode: forwards;

}



@keyframes fade-out {

  0% {

    opacity: 1;

  }

  

  100% {

    opacity: 0;

  }

}





.sponsormodal .btn-close {

    width: 20px;

    height: 20px;

    opacity: 2;

    font-size: 18px;

    right: 18px;

    position: absolute;}

	

.sponsormodal .modal-content { width:96%;}	

.sponsormodal .modal-dialog { width: 100%; max-width: 650px !important;}



.bhimsen h4{ background:#f1f1f1; padding:10px;}

.bhimsen ul{ margin-left:20px;}

.bhimsen li{ list-style:disc;}



.fotibots {

    position: fixed;

    bottom: 5px;

    text-align: center;

    width: 100%;

    z-index: 15;

}

.fotibots span {

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

}

.fotibots span a {

   border-radius: 5px;

    background-color: #f58220;

    margin-left: 1px;

    padding: 4px 15px;

    align-items: center;

    box-shadow: -2px -2px 4px #80808042;

    color: #fff;

    text-decoration: none;

    display: inline-block;

}

.fotibots span a:hover {

    background: #000;

    color: #fff;

    text-decoration: none;

}

.fotibots span a b {

    font-weight: normal;

}



/*.btn-danger { margin: 0px 10px;}*/

.whysho ul li{ list-style:disc !important; margin-bottom:10px;}

.whysho ul{ margin-left:15px;}



.header-social-links{ float:right;}

.fotts a{color: #3498db;}



.tbabut{    border-radius: 10px;

    margin-bottom: 20px;

    box-shadow: 0px 5px 20px #bdbdbd;

    padding: 10px; background:#fff; font-weight:600; text-align:center; padding:50px 0px;}



.main-content{ margin-top:90px;}



.wadrapa table tr td{ border:solid 1px #ddd; border-collapse:collapse; padding:15px 10px; text-transform:capitalize; line-height: 24px;}

.wadrapa{ text-transform:capitalize;}



.fsuplip .funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {

    

    background: #fff; font-weight:bold; font-size:14px !important; color:#444;}

	



/*.fotts{ padding-bottom:30px;}*/	



.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #f58220;

    border-color: #f58220;

}



.btn-check:focus+.btn-danger, .btn-danger:focus {

    color: #fff;

    background-color: #f58220;

    border-color: #f58220;

}	



.mainclass ul{ margin-left:20px;}

.mainclass ul li{ list-style:none; margin-bottom:10px; float:left; width:100%;}

.mainclass ul li img{ height: 75px;

    margin: -5px 10px 10px 0px;

    float: left;

    background: #fff;

    padding: 5px;

    box-shadow: 5px 5px 10px #ddd;

    border-radius: 12px;}

         #background{

    position: absolute;

    z-index: 1;

    bottom: 96px;

    left: 27%;

    width: 130px;

    height: 94%;

    background: #f1f1f173;

    text-align: center;

}



#bg-text

{

   color: red;

    font-size: 120px;

    transform: rotate(300deg);

    -webkit-transform: rotate(270deg);

    margin-top: 450%;

    letter-spacing: 20px;

    text-align: center;

}

@media (min-width: 300px) and (max-width: 768px){

   #background{

      left: 44% !important;

   }

   #bg-text{

      margin-top: 450% !important;

   }

}

	

	



@media (max-width:500px) and (min-width:50px){

.formfils {

    background: #fff;

    border: solid 1px #ddd;

    padding: 50px 20px;

    box-shadow: 5px 5px 25px #e5e5e5;

    border-radius: 20px;margin: 5px;

}

.formalighs{ text-align:start;}



.fotibots {

        position: fixed;

        bottom: 30%;

        text-align: center;

        width: 100%;

        z-index: 99;

        right: 0;

        width: auto;

    }

	    .fotibots span {

        float: right;

        width: 35%;

        height: auto;

        text-align: right;

    }

	.fotibots span a {

        display: inline-block;

        padding: 5px 15px;

        font-size: 14px;

        margin-bottom: 4px;

    }

	    .fotibots span a i {

        font-size: 18px;

    }

	.fotibots span a b {

        display: none;

    }

    .horizomenu {

    display: inline-block;

    width: 43%;}

	

	.step-name {

    width: 100%;

    text-align: center;

    font-size:3vw;

}



.stepper-item .step-counter {

    position: relative;

    z-index: 5;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    font-size: 15px;

    background: #000;

    margin-bottom: 6px;

    color: #fff;

}

.controlhome h2{ margin-top:20px;}

.losi .img-thumbnail {

         max-height: 100%; 

        width: 100%;

    }

	.tbabut { padding: 27px 0px;}

.mainclass ul li {

    list-style: none;

    margin-bottom: 30px;}	

.funkyradio input[type="checkbox"]:empty ~ label {font-size: 13px !important;}	

}