@charset "utf-8";
/* CSS Document */

/* Progress Start */
.progress{
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    box-shadow: none;
    padding: 6px 22px;
    margin-top: 20px;
    overflow: visible;
    border-radius: 50px;
    border: 4px solid #ebebeb;
}
.progress:after{
    content: "";
    display: block;
    /* border-top: 5px solid #fff; */
    margin-top: 10px;
    border-radius: 50px;
    background: #ebebeb;
    height: 8px;
}
.progressbar-title{
    color:#333;
    font-size:15px;
    margin:5px 0;
}
.progress .progress-bar{
    position: relative;
    border-radius: 50px 0 0 50px;
    animation: animate-positive 2s;
    height: 10px;
    margin-top: 10px;
        min-width: 1px;
}
.progress .progress-bar span{
   position: absolute;
    top: -24px;
    right: -25px;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    width: 50px;
    height: auto;
}
.progress .progress-bar span:before{
/*    content: "";*/
    position: absolute;
    bottom: -14px;
    left: 18px;
    border: 7px solid transparent;
    border-top: 7px solid #333;
}
@-webkit-keyframes animate-positive {
    0% { width: 0%;}
}
@keyframes animate-positive {
    0% { width:0%; }
}
/* Progress End */

/*No Gutters Css Start*/
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
/*No Gutters Css End*/

/*5 Colum Css Start*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/* Progress End */
/*5 Colum Css End*/


.uttrayan{margin: 50px 0 0; padding: 0; font-family: 'Poppins', sans-serif;}
.uttrayan h2{font-size: 49px; line-height: 51px; color: #e39717; font-weight: 300 !important; font-family: 'Poppins', sans-serif; margin-bottom: 20px;}

.uttrayan .banner-img{}
.uttrayan h3{font-size: 23px; color: #a7a9ac; font-family: 'Poppins', sans-serif; font-weight: 500;}
.uttrayan h3 span{color: #e39717;}
.uttrayan p span{font-size: 23px; color: #e39717;}
.uttrayan p{font-size: 16px; color: #978e89;}
.uttrayan p a{color: #693206;}
.uttrayan p a:hover{color: #e39717;}

button.normal-btn {color: #693206; background: none; padding: 0; margin: 0 0 0 5px; outline: none; font-weight: 600; text-transform: inherit; font-size: 15px;}
button.normal-btn:hover{color: #e39717;}

.uttrayan .donet-form{
	background: #693206;
	border-radius: 8px;
	color: #FFFFFF;
	max-width: 210px;
	font-weight: 300;
	padding: 3px 7px;
	outline: none;
	font-size: 15px;
}
.uttrayan .utdec ul{margin: 20px 0;}
.uttrayan .utdec ul li{font-size: 16px; color: #e39717; font-weight: 400; padding: 5px 0;}
.uttrayan .utdec ul li a {color: #693206;}
.uttrayan .utdec ul li a:hover{color: #e39717;}

.uttrayan h2.magic{font-size: 49px; line-height: 49px; color: #e39717; font-weight: 500 !important; font-family: 'Poppins', sans-serif; margin: 20px 0; border: 1px dashed #904202; border-right: 0; border-left: 0; padding: 35px 0;}

.uttrayan .ft-content{font-family: 'Lato', sans-serif; font-size: 15px;}
.uttrayan .ft-content p{font-size: 15px; font-weight: 500;}
.uttrayan .ft-content p span{color: #693206; font-size: 15px;}
.uttrayan .ft-content p a{color: #693206; font-size: 15px; text-decoration: underline;}
.uttrayan .ft-content p a:hover{color: #e39717;}

.uttrayan .ft-content ul{margin: 0; padding: 0;}
.uttrayan .ft-content ul li{margin: 0; padding: 0 0 8px 0; list-style-type: none;}
.uttrayan .ft-content ul li a{display: inline-block; border-bottom: 1px dashed #868686; padding-bottom: 3px;}
.uttrayan .ft-content ul li a:hover{color: #e39717;}
.uttrayan .ft-content ul li:last-child a{border-bottom: 0;}

.uttrayan .uttrayan-frm{}
.uttrayan .uttrayan-frm label{font-family: 'Lato', sans-serif; font-size: 17px; color: #737373; font-weight: 400;}
.uttrayan .uttrayan-frm label span{color: #ac0505;}
.uttrayan .uttrayan-frm label small{display: block;}
.uttrayan .uttrayan-frm input[type="text"]{height: 35px; background: #ffde21; border-radius: 50px; width: 50%; box-shadow: none; border: 0; padding: 0 20px; margin-bottom: 10px;}
.uttrayan .uttrayan-frm input[type="text"].wd-xs{max-width: 250px;}
.uttrayan .uttrayan-frm input[type="text"].wd-sm{max-width: 415px;}
.uttrayan .uttrayan-frm input[type="text"].wd-md{max-width: 570px;}
.uttrayan .uttrayan-frm input[type="text"].wd-full{width: 100%;}

.uttrayan .uttrayan-frm .btn-rounded{border-radius: 50px; padding: 5px 20px;}
.uttrayan .uttrayan-frm .btn-brown{background: #693206; font-size: 14px; font-family: 'Lato', sans-serif; text-transform: inherit; outline: none;}
.uttrayan .uttrayan-frm .btn-brown:hover, .uttrayan .uttrayan-frm .btn-brown:focus{color: #693206; background: #e39717;}

.uttrayan .my-dination{margin: 30px 0; padding: 25px 30px; border: 2px solid #b1a093; border-radius: 10px; font-family: 'Lato', sans-serif;}
.uttrayan .my-dination p{color: #766961; font-size: 17px;}
.uttrayan .my-dination p.title{margin-bottom: 5px; color: #b5765e;}
.uttrayan .my-dination big{color: #766961; font-size: 25px; font-weight: 500;}
.uttrayan .my-dination big small{font-size: 60%;}
.uttrayan .my-dination big.higlight{background: #ffde21; padding: 1px 20px; border-radius: 50px; display: inline-block;}
.uttrayan .my-dination hr{border-top: 1px dashed #904202; margin: 15px 0;}
.uttrayan .my-dination h3{color: #979797; font-size: 20px; font-family: 'Lato', sans-serif;}
.uttrayan .my-dination h3 span{color: #693206;}
.uttrayan .my-dination h3 span small{color: #693206;}

/*Thank You - Page - Start*/
.receiptSection {width: 595px;position: relative;margin-top: 30px;}
.receiptSection .reseip-down {max-width: 100%;border: 15px solid #7c7c7c;border-radius: 30px;}
.input {position: absolute;font-size: 10px;padding: 0;border: none;box-shadow: none;outline: none;letter-spacing: 1px;color: #613F21;background-color: transparent;font-weight: bold}
.input.receiptNumber {left: 27.3%;top: 15.5%;}
.input.date {top: 26.1%;left: 14.5%;}
.input.receivedFrom {width: 68.3%;left: 21.4%;top: 37.9%;}
.input.sumRupees {width: 65%;left: 23.7%;top: 43%;}
.input.rupees {width: 14%;left: 14.5%;top: 59.9%;font-size: 15px;}
.download-btn {display: inline-block;text-align: right;width: 600px;padding-right: 15px;padding-top: 8px;}
.download-btn a {display: inline-block;color: #7c7c7c;}
.download-btn a:hover {color: #614126;}
.download-btn a img {width: 20px;display: inline-block;position: relative;/*top: 2px;*/margin-right: 5px;}
.thankyou-content {width: 75%;}
.thankyou-content h5 {font-size: 24px;color: #e39717;font-weight: 600;}
.thankyou-content h3 {color: #e39717;font-size: 50px;font-weight: 600;margin: 25px 0 10px;}
.thankyou-content h3 span {width: 100%;display: inline-block;color: #7c7c7c;}
.thankyou-content p {margin: 0;font-size: 18px;color: #7c7c7c;}
.thankyou-content h5 span {position: relative;width: 90%;display: inline-block;color: #613F21;font-size: 16px;margin-left: 5px;font-weight: 400;padding-bottom: 1px;vertical-align: top;line-height: 31px;}
.thankyou-content h5 span::after {content: "";right: 0;left: 0;width: auto;border-bottom: 1px dashed #904202;position: absolute;bottom: 0;}
.border-box {display: block;width: 100%;border-bottom: 1px dashed #904202;margin: 50px 0 30px;}
/*Thank You - Page - End*/

@media only screen and (max-width: 1199px) {
    .input.rupees {top: 58.8%;}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bottom-fix-img-right {right: 7%;}
    .input.rupees {top: 58.1%;font-size: 13px;left: 15%;}
    .input.receivedFrom {width: 66.3%;left: 21.8%;top: 37.3%;}
    .input.sumRupees {width: 64%;left: 24.5%;top: 42.1%;}
    .input {font-size: 9px;}
    .thankyou-content h5 span {width: 78%;}
    .thankyou-content h3 {font-size: 40px;margin: 20px 0 5px;}

}

@media only screen and (max-width: 767px) {
	.uttrayan .uttrayan-frm input[type="text"],.uttrayan .uttrayan-frm input[type="text"].wd-xs, .uttrayan .uttrayan-frm input[type="text"].wd-sm, .uttrayan .uttrayan-frm input[type="text"].wd-md{max-width: 100%; width: 100%;}

    .receiptSection .reseip-down {max-width: 595px;border: 15px solid #7c7c7c;border-radius: 30px;}
    .input.receiptNumber {left: 165px;top: 15.8%;}
    .input.date {top: 26.4%;left: 89px;}
    .input.receivedFrom {left: 127px;top: 37.9%;}
    .input.sumRupees {width: 65%;left: 144px;top: 42.8%;}
    .input.rupees {top: 58.5%;left: 88px;}
    .receiptSection {width: 100%;position: relative;overflow-x: auto;}
    .thankyou-content h5 span {width: 78%;}
    .thankyou-content h3 {font-size: 40px;margin: 20px 0 5px;}
}

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

    .download-btn {width: 100%;}
    .thankyou-content {width: 100%;}
    .thankyou-content h3 {font-size: 25px;margin: 15px 0 5px;}
    .thankyou-content p {font-size: 16px;}
    .pb3 {padding-bottom: 1.5em !important;}
    .thankyou-content h5 {font-size: 18px;}
    .thankyou-content h5 span {font-size: 15px;line-height: 19px;}
}