*{

    margin: 0px;

     padding: 0px;

}

 /*body{

    font-family: 'Dhurjati', sans-serif !important;

}*/

 .main-strip {

     width: 100%;

     height: auto;

     margin-top: 30px !important;

     padding: 10px;

}

 .box-row {

     margin-top: 15px;

}

 .header-calcualer h1{

    color: #76ad2d;

    font-size: 43px;

    font-weight: 600;

    text-shadow: none;

}

.with-box h2 {

    color: #69b33f;

    font-size: 30px !important;

    text-align: left;

    padding-left: 12px;

    margin-bottom: 10px !important;

    font-weight: 600;

}

 .without-box h2 {

    color: #69b33f;

    font-size: 30px;

    text-align: left;

    margin-bottom: 10px !important;

    font-weight: 600;

}

 .icon-img{

    margin: auto;

}



.footer{

	height: auto;

	line-height: 28px;

	background:#000;

	-moz-box-shadow: 0 0 5px #888;

    -webkit-box-shadow: 0 0 5px#888;

     box-shadow: 0 0 5px #888;

   }



 @media screen and (min-width:320px) and (max-width:767px) {

     .main-strip{

        margin-top: 0px !important;

    }

     .header-calcualer h1{

        font-size: 30px;

    }

     .with-box h2{

        text-align: center;

        font-size: 25px !important;

    }

     .without-box h2{

        text-align: center;

        font-size: 25px !important;

    }



}

/*---------------------------------------------------- button hover css -----------------------------------------------------------*/

 .disabled1 {

     background-color:light-blue;

     cursor: no-drop;

     color: transparent;

     text-shadow: 0 0 5px rgba(0,0,0,0.5);

}

.btn-change1 {

    margin-top: 15px;

    height: 50px;

    width: 100px;

    background: #fff;

    font-size: 21px;

    margin: 10px;

    border: 0px;

    color: #58ab28;

    margin-left: 0px !important;

    box-shadow: 0 0 1px #ccc;

    -webkit-transition-duration: 0.5s;

    -webkit-box-shadow: 0px 0px 0 0 #eeeded inset, 0px 0px 0 0 #eeeded inset;

}

  .btn-change1:hover{

     -webkit-box-shadow: 50px 0px 0 0 #eeeded inset , -50px 0px 0 0 #eeeded inset;

}

/*---------------------------------------- tabs  css demo --------------------------------------------------------------*/

  .nav-tabs {

     border-bottom: 2px solid #DDD;

}

 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

     border-width: 0;

}

 .nav-tabs > li > a {

     border: none;

     color: #58ab28;

     font-size: 30px;

}

 .nav-tabs > li.active > a, .nav-tabs > li > a:hover {

     border: none;

     color: #58ab28 !important;

     background: transparent;

     font-weight: 600;

     font-size: 28px;

}

 .nav-tabs > li > a::after {

     content: "";

     background: #58ab28;

     height: 2px;

     position: absolute;

     width: 100%;

     left: 0px;

     bottom: -1px;

     transition: all 250ms ease 0s;

     transform: scale(0);

}

 .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {

     transform: scale(1);

}

 .tab-nav > li > a::after {

     background: #21527d none repeat scroll 0% 0%;

     color: #fff;

}

 .tab-pane {

     padding: 15px 0;

}

 .tab-content{

    padding:20px

}

 .card {

    background: #FFF none repeat scroll 0% 0%;

     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

     margin-top: 100px;

}

 .nav-tabs>li{

    width: 50%;

     text-align: center;

}



.demo-tabe {

    height: 447px;

    width: 100%;

    background:#58ab28;

    margin-top: 58px;

	box-shadow: 0 10px 66px -6px #6f6f6f; 

}

.tab-content{height: 205px;}

  .high_99 {

    border-radius: 0px;

    height: 50px;

	font-size: 18px;

}

   .btn-send {

    width: 100%;

    height: 50px;

    color: #fff;

    border-radius: 0px;

	background: #58ab28;

	border-color: #58ab28;

	font-size: 18px;

}

  .btn-send:hover{

    background: #58ab28;

	border-color: #58ab28;	

}

.hader-question P{font-size: 19px; color: #818181;}

.error1 p{font-size: 16px; color: #ee0b7d !important; margin-top:-30px;}



@media screen and (min-width:320px) and (max-width:767px) {

	.nav-tabs>li{width: 100%;}

	.tab-content {height: auto;}

	.demo-tabe{margin-top: 20px;}

	.mail-table{ padding: 0px;}



}

/*----------------------------------------------------------- radio buttons -----------------------------------------------------------*/

.my-radio1 input[type="radio"]:checked,



.my-radio1 input[type="radio"]:checked + label,

.my-radio1 input[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #666;

	float: left;

	margin-left: 15px;

	font-size: 18px;

	font-weight: normal;

}

.my-radio1 input[type="radio"]:checked + label:before,

.my-radio1 input[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}

.my-radio1 input[type="radio"]:checked + label:after,

.my-radio1 input[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #58ab28;

    position: absolute;

    top: 3px;

    left: 3px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.my-radio1 input[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.my-radio1 input[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.my-radio input[type="radio"]:checked,

.my-radio input[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

.my-radio input[type="radio"]:checked + label,

.my-radio input[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #666;

	float: left;

	margin-left: 15px;

	font-size: 18px;

	font-weight: normal;

}

.my-radio input[type="radio"]:checked + label:before,

.my-radio input[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}

.my-radio input[type="radio"]:checked + label:after,

.my-radio input[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #58ab28;

    position: absolute;

    top: 3px;

    left: 3px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.my-radio input[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.my-radio input[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



	  /*------------------------------progress bar  examples -------------------------------------------------------------*/

/*	  @media screen and (min-width:320px) and (max-width:767px) {

		  .progress{margin-top: 15px !important;}  

		  

	  }

	  .progress{

	margin-top: 150px !important;

    width: 150px;

    height: 150px;

    line-height: 150px;

    background: none;

    margin: 0 auto;

    box-shadow: none;

    position: relative;

}

.progress:after{

    content: "";

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 12px solid #fff;

    position: absolute;

    top: 0;

    left: 0;

}

.progress > span{

    width: 50%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    z-index: 1;

}

.progress .progress-left{

    left: 0;

}

.progress .progress-bar{

    width: 100%;

    height: 100%;

    background: none;

    border-width: 12px;

    border-style: solid;

    position: absolute;

    top: 0;

}

.progress .progress-left .progress-bar{

    left: 100%;

    border-top-right-radius: 80px;

    border-bottom-right-radius: 80px;

    border-left: 0;

    -webkit-transform-origin: center left;

    transform-origin: center left;

}

.progress .progress-right{

    right: 0;

}

.progress .progress-right .progress-bar{

    left: -100%;

    border-top-left-radius: 80px;

    border-bottom-left-radius: 80px;

    border-right: 0;

    -webkit-transform-origin: center right;

    transform-origin: center right;

    animation: loading-1 1.8s linear forwards;

}

.progress .progress-value{

    width: 90%;

    height: 90%;

    border-radius: 50%;

    background: #44484b;

    font-size: 24px;

    color: #fff;

    line-height: 135px;

    text-align: center;

    position: absolute;

    top: 5%;

    left: 5%;

}

.progress.blue .progress-bar{

    border-color: #58ab28;

}

.progress.blue .progress-left .progress-bar{

    animation: loading-2 1.5s linear forwards 1.8s;

}

.progress.yellow .progress-bar{

    border-color: #fdba04;

}

.progress.yellow .progress-left .progress-bar{

    animation: loading-3 1s linear forwards 1.8s;

}

.progress.pink .progress-bar{

    border-color: #ed687c;

}

.progress.pink .progress-left .progress-bar{

    animation: loading-4 0.4s linear forwards 1.8s;

}

.progress.green .progress-bar{

    border-color: #1abc9c;

}

.progress.green .progress-left .progress-bar{

    animation: loading-5 1.2s linear forwards 1.8s;

}

@keyframes loading-1{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@keyframes loading-2{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(144deg);

        transform: rotate(144deg);

    }

}

@keyframes loading-3{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

}

@keyframes loading-4{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(36deg);

        transform: rotate(36deg);

    }

}

@keyframes loading-5{

    0%{

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100%{

        -webkit-transform: rotate(126deg);

        transform: rotate(126deg);

    }

}

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

    .progress{ margin-bottom: 20px; }

}*/

@media screen and (min-width: 320px) and (max-width: 767px) {

    .mail-table{margin-left: 0px !important;}

    .right-table{width: 100% !important;}

}



  .mail-table{margin-top: -260px; background: #fff; box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15); margin-bottom: 25px;4}

.table-demo>thead:first-child>tr:first-child>th {

    text-align: center;

    border-top: 0;

    color: #fff;

    font-weight: unset;

    font-size: 20px;

    background: #ee0b7d;

}

.table-demo>tbody>tr>td{font-size: 17px; border: 1px solid #ad2892;}

.right-table {

    

    width: 70%;

    margin-top: 19px;

}

.button2:hover {

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 15px 50px 0 rgba(0,0,0,0.19);

}

.button {

    background-color: #7c8178;

    border: none;

    color: white;

    padding: 8px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 10px 2px;

    cursor: pointer;

} 

 .change3{background:#ee0b7d !important; }

.change3:hover{color:white;}