@font-face {
    font-family: OpenSans-Light;
    src: url(../fonts/OpenSans-ExtraBold.ttf)
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf)
}
@font-face {
    font-family: OpenSans-Semibold;
    src: url(../fonts/OpenSans-Semibold.ttf)
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf)
}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans-ExtraBold.ttf)
}

.segoeui {
    font-family: 'Segoe UI'
}

.segoeuib {
    font-family: Segoe-UI-Bold
}

.segoeuil {
    font-family: Segoe-UI-Light
}

.segoeuisb {
    font-family: Segoe-UI-SemiBold
}

.segoeuisl {
    font-family: Segoe-UI-Semilight
}

.font-op {
    font-family: OpenSans-Regular!important
}

.font-roboto {
    font-family: Roboto
}

.font-opb {
    font-family: OpenSans-Bold
}

.font-opsl {
    font-family: OpenSans-Light
}

.font-opsr {
    font-family: OpenSans-Regular
}

.font-opsb {
    font-family: OpenSans-Semibold
}

.font-opsex {
    font-family: OpenSans-ExtraBold
}

body,
html {
    color: #5a5a5a;
    font-family: OpenSans-Regular;
    direction: ltr!important;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important
}

a {
    outline: 0
}

h1 {
    text-transform: uppercase
}

h1 strong {
    font-weight: 900
}

h2 {
    text-transform: uppercase;
    margin: 0
}

h3 {
    font-size: 18px;
    font-weight: 900
}

h5 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px
}

p.intro {
    font-size: 16px;
    margin: 12px 0 0;
    line-height: 32px;
    text-align: justify
}

a {
    color: #80a718
}

a:focus,
a:hover {
    text-decoration: none;
    color: #80a718
}

.section-title hr {
    border-color: #80a718;
    border-width: 4px;
    width: 60px;
    float: left;
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

* {
    outline: 0!important
}

.clearfix {
    display: block
}

ol,
ul {
    padding: 0;
    moz-padding: 0;
    webkit-padding: 0
}

.bg-white {
    background: #fff!important
}

.navbar-nav li {
    margin: 0 7px 5px 0;
    float: left
}

#tf-menu {
    transition: all .8s
}

#tf-menu a.navbar-brand {
    text-transform: uppercase;
    font-size: 22px;
    color: #80a718;
    font-weight: 900
}

#tf-menu.navbar-default .navbar-nav>li>a {
    color: #fff;
    float: left;
    font-size: 13px;
    margin-top: 0;
    line-height: 21px;
    padding: 7px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600
}

#tf-menu.navbar-default .navbar-nav>li>a.active {
    color: #80a718;
    background: #fff
}

.navbar-collapse.collapse.in>ul.navbar-left>li>a,
.navbar-collapse.collapsing>ul.navbar-left>li>a {
    margin-top: 0!important
}

.navbar-nav>li>a:hover {
    color: #fff;
    background: #88ac20
}

.on {
    background-color: #fff!important
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    font-weight: 600;
    background: #fff;
    color: #80a718!important
}

.navbar-toggle {
    border-radius: 0
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    border-color: #80a718;
    background-color: #80a718
}

.navbar-default .navbar-toggle:focus>.icon-bar,
.navbar-default .navbar-toggle:hover>.icon-bar {
    background-color: #181818
}

#tf-home .overlay {
    padding: 55px 0 0
}
.image-1, .image-2, .image-3,
.image-4, .image-5, .image-6{
    background:url(../../img/landing/bgfuel.jpg) no-repeat left bottom !important;
    background-size:cover !important;
    margin-top: 90px;    
}
 
#slider ul li:nth-child(2) {
	padding-top: 10px !important;
    }
#slider ul li:nth-child(3) {
	padding-top:0px !important;
    }
    #slider .banner-run-txt img.lazyload {
	width: 80%;
    }
.banner-img-desktop{
    width:45%;
    float:left;
    display:flex;
    padding:5% 5%;
    align-items: stretch;
    justify-content:start;
}

@media screen and (max-width:1920px){
    .image-1, .image-2, .image-3, .image-4, .image-5, .image-6 {
        background: url(../../img/landing/bgfuel.jpg) no-repeat center bottom !important;
        background-size:cover  !important;
    }
    #slider ul li:nth-child(2) {
	padding-top: 60px !important;
    }
    #slider ul li:nth-child(3) {
	    padding-top: 30px !important;
    }
    .banner-img-desktop {
        padding: 3% 5% !important;
    }
}
@media screen and (max-width:1600px){
    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background-size:contain !important;
	    background:url(../../img/landing/bgfuel.jpg) no-repeat left bottom !important;
    }
     #slider ul li:nth-child(2) {
        padding-top: 60px !important;
    }
    #slider ul li:nth-child(3) {
        padding-top: 30px !important;
    }
     #slider ul li:nth-child(4) {
        padding-top: 30px !important;
    }
    #slider ul li:nth-child(5) {
        padding-top: 30px !important;
    }
    #slider ul li:nth-child(6) {
        padding-top: 30px !important;
    }
    .banner-img-desktop {
        padding: 4% 2% !important;
    }
}

@media screen and (max-width:1440px){
    
    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/bgfuel.jpg) no-repeat center bottom !important;
        background-size:cover !important;
    }
    #slider .banner-run-txt img.lazyload {
	width: 75%;
    }
    
}
    
@media screen and (max-width:1280px){

    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
	background-size:cover !important;
    }
    .banner-img-desktop img{
        width:135% !important;
    }
}
    
@media screen and (max-width:1024px){
    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/bgfuel.jpg) no-repeat center bottom !important; 
        background-size:cover !important;
    }
    .banner-img-desktop{
        width:40% ;
    }
    .banner-img-desktop img{
        width:90% !important;
        height:100%;
    }
    #slider .banner-run-txt img.lazyload {
        width:100%;
    }
    #slider .banner-run-txt {
        padding: 58px 25px 0 !important;
    }
}

@media (max-width:816px){
    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/ramadan_bannern_mobile_2023.jpg) center center !important;
        background-size:100% !important;
    }
    .banner-img-desktop {
        width:100%;
        display:flex;
        align-items:center;
        justify-content: center;
    }
    #slider .banner-run-txt img.lazyload{
        width:auto;
    }
    .banner-img-desktop img {
        width:auto !important;
    }
    .banner-img-desktop {
        display:none !important;
    }
    #slider ul li:nth-child(2) {
	padding-top: 145px !important;

    }
    #slider ul li:nth-child(3) {
	padding-top:111px !important;
    }
    #slider ul li:nth-child(4),#slider ul li:nth-child(5),#slider ul li:nth-child(6) {
	padding-top:120px !important;
    }

	}
@media (max-width:414px){
    .banner-img-desktop img {
        width:70% !important;
    }
}
body#sitehome {
    padding-right: 0!important
}

#tf-home .overlay {
    height: auto;
    overflow: hidden
}

#tf-team .overlay {
    height: auto;
    overflow: hidden;
    background-attachment: fixed;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(17%, rgba(0, 0, 0, .73)), color-stop(35%, rgba(0, 0, 0, .66)), color-stop(62%, rgba(0, 0, 0, .55)), color-stop(100%, rgba(0, 0, 0, .4)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%)
}

#tf-home p.lead {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px
}

.content {
    position: relative;
    text-align: center
}

.color {
    color: #80a718
}

.color-red {
    color: #eb3e3c
}

a.fa.fa-angle-down {
    top: 35px;
    outline: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    padding: 10px 15px;
    border-radius: 50%;
    position: relative;
    transition: all .5s;
    border: 2px solid #b4b4b4
}

a.fa.fa-angle-down:hover {
    color: #fff;
    background: #80a718;
    border: 2px solid #80a718
}

ul.about-list {
    margin: 30px 0 0
}

ul.about-list li {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-family: OpenSans-Regular
}

ul.about-list li span {
    margin-right: 10px
}

#tf-team {
    background: url(../../img/landing/bg.jpg?ver=1);
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #fff;
    color: #fff
}

#tf-team .overlay {
    height: auto;
    background-attachment: fixed;
    overflow: hidden
}

.section-title.center {
    padding: 30px 0
}

.section-title h2,
.section-title.center h2 {
    font-weight: 300
}

.section-title.center .line {
    width: 60px;
    height: 10px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    border-top: 4px solid #80a718
}

.section-title.center hr {
    left: 17%;
    width: 40px;
    margin-top: 10px;
    text-align: center;
    position: relative;
    border-top: 4px solid rgba(252, 172, 69, .34)
}

#team {
    margin: 0 auto
}

#team .item {
    padding: 0;
    color: #fff;
    margin: 15px;
    text-align: center
}

img.img-circle.team-img {
    width: 200px;
    height: 200px;
    transition: all .5s;
    border: 4px solid #fff
}

#tf-team .item .thumbnail:hover>img.img-circle.team-img {
    border: 4px solid #80a718
}

#tf-team .thumbnail {
    border: 0;
    background: 0 0
}

#tf-team .thumbnail .caption {
    padding: 9px;
    color: #f2f2f2
}

.owl-theme .owl-controls .owl-page span {
    opacity: 1;
    width: 10px;
    height: 10px;
    display: block;
    margin: 5px 7px;
    border-radius: 0;
    background: #fff;
    transition: all .5s;
    filter: Alpha(Opacity=1);
    -moz-border-radius: 20px;
    -webkit-border-radius: 0
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #80a718;
    filter: Alpha(Opacity=100)
}

.owl-theme .owl-controls .owl-page.active span {
    background: #80a718
}

label {
    float: left;
    font-size: 12px;
    font-weight: 400;
    font-family: OpenSans-Regular
}

#tf-contact .form-control {
    width: 100%;
    color: #555;
    display: block;
    font-size: 14px;
    transition: none;
    box-shadow: none;
    border-radius: 2px;
    -o-transition: none;
    background-image: none;
    line-height: 1.42857143;
    background: 0 0;
    -webkit-box-shadow: none;
    -webkit-transition: none
}

#tf-contact .form-control:focus {
    outline: 0;
    border-color: inherit;
    box-shadow: transparent;
    -webkit-box-shadow: transparent
}

a.btn.tf-btn.btn-cancel,
a.btn.tf-btn.btn-cancelregister,
a.btn.tf-btn.btn-default,
button.btn.tf-btn.btn-cancel,
button.btn.tf-btn.btn-cancelregister,
button.btn.tf-btn.btn-default {
    border: 0;
    color: #fff;
    border-radius: 6;
    padding: 10px 40px;
    border-radius: 0;
    background: #80a718;
    font-family: OpenSans-Regular;
    text-transform: uppercase
}

.btn {
    margin-right: 10px
}

.btn:last-child {
    margin-right: 0
}

a.btn.tf-btn.btn-cancelregister,
button.btn.tf-btn.btn-cancel,
button.btn.tf-btn.btn-cancelregister {
    background: #999;
    font-family: OpenSans-Regular;
    text-transform: uppercase
}

a.btn.tf-btn.btn-default:hover,
button.btn.tf-btn.btn-default:hover {
    border: 0;
    background: #9bcb1d
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
    outline: thin dotted;
    outline-offset: none
}

nav#footer {
    color: #222;
    font-weight: 400;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 10px 0 0 0;
    border-top: 10px solid #80a718
}

nav#footer .fnav {
    vertical-align: middle
}

ul.footer-social li {
    display: inline-block;
    margin-right: 10px
}

nav#footer p {
    font-size: 13px;
    margin-top: 10px
}

#footer i.fa {
    width: 30px;
    height: 30px;
    color: #8c8c8c;
    font-size: 20px;
    padding: 4px 5px;
    border-radius: 50%;
    transition: all .5s;
    border: 2px solid #8c8c8c
}

#footer i.fa:hover {
    background: #80a718;
    border-color: #80a718;
    color: #fff
}

#slider ul li {
    /*padding: 20px 0 20px;*/
    position: relative;
    height: auto;
    float: left
}

#slider .banner-run-txt div[class*=appstore] a {
    margin-right: 15px
}

#slider .banner-run-txt div[class*=appstore] a:nth-child(2) {
    margin-right: 0
}


.card .body {
    float: left;
    width: 100%;
    margin-top: 15px!important;
    position: relative
}

#contactFormSlider .body,
#verifyForm .body {
    margin-top: 15px!important
}

#login-box .card,
#login-conform .card,
#login-opt .card {
    margin-left: 0;
    left: 0!important;
    width: 100%!important;
    position: relative!important
}

.w-auto {
    width: auto!important
}

.w-auto100 {
    width: 100%!important
}

.h-auto {
    height: auto!important
}

.h-auto100 {
    height: 100%!important
}

.segoeui {
    font-family: 'Segoe UI'!important
}

.segoeuib {
    font-family: Segoe-UI-Bold!important
}

.segoeuil {
    font-family: Segoe-UI-Light!important
}

.segoeuisl {
    font-family: Segoe-UI-Semilight!important
}

.segoeuisb {
    font-family: Segoe-UI-SemiBold!important
}

.font-op {
    font-family: OpenSans-Regular!important
}

.txt-decorl {
    text-decoration: underline!important
}

.txt-decorn {
    text-decoration: none!important
}

.txt-dec-none {
    text-transform: none!important
}

.txt-trans-none {
    text-transform: none!important
}

.txt-upper {
    text-transform: uppercase!important
}

.txt-small {
    text-transform: capitalize!important
}

.txt-capit {
    text-transform: capitalize!important
}

.pull-left {
    float: left!important
}

.txt_right {
    text-align: right !important;
}
.mt_190 {
    margin-top: 50px !important;
}
.mt_120 {
    margin-top: 120px !important;
}
.pull-right {
    float: right!important
}

.pos-abs {
    position: absolute!important
}

.pos-relative {
    position: relative!important
}

.arabicrtl {
    direction: rtl;
    text-align: right
}

.englishltr {
    direction: ltr;
    text-align: left
}

.dirrtl {
    direction: ltr
}

.englishltr label {
    float: left
}

.arabicrtl label {
    float: right
}

.txt-mar5-0 {
    margin: 5px 0 0 0
}

.font-100 {
    font-size: 100px!important
}

.font-95 {
    font-size: 95px!important
}

.font-90 {
    font-size: 90px!important
}

.font-85 {
    font-size: 85px!important
}

.font-80 {
    font-size: 80px!important
}

.font-70 {
    font-size: 70px!important
}

.font-65 {
    font-size: 65px!important
}

.font-62 {
    font-size: 62px!important
}

.font-60 {
    font-size: 60px!important
}

.font-50 {
    font-size: 50px!important
}

.font-44 {
    font-size: 44px!important
}

.font-43 {
    font-size: 43px!important
}

.font-40 {
    font-size: 40px!important
}

.font-35 {
    font-size: 35px!important
}

.font-34 {
    font-size: 34px!important
}

.font-33 {
    font-size: 33px!important
}

.font-32 {
    font-size: 32px!important
}

.font-31 {
    font-size: 31px!important
}

.font-30 {
    font-size: 30px!important
}

.font-29 {
    font-size: 29px!important
}

.font-28 {
    font-size: 28px!important
}

.font-27 {
    font-size: 27px!important
}

.font-26 {
    font-size: 26px!important
}

.font-25 {
    font-size: 25px!important
}

.font-24 {
    font-size: 24px!important
}

.font-23 {
    font-size: 23px!important
}

.font-22 {
    font-size: 22px!important
}

.font-21 {
    font-size: 21px!important
}

.font-20 {
    font-size: 20px!important
}

.font-19 {
    font-size: 19px!important
}

.font-18 {
    font-size: 18px!important
}

.font-17 {
    font-size: 17px!important
}

.font-16 {
    font-size: 16px!important
}

.font-15 {
    font-size: 15px!important
}

.font-14 {
    font-size: 14px!important
}

.font-13 {
    font-size: 13px!important
}

.font-12 {
    font-size: 12px!important
}

.font-11 {
    font-size: 11px!important
}

.font-10 {
    font-size: 10px!important
}

.font-ita {
    font-style: italic!important
}

.f-weightb {
    font-weight: 700!important
}

.f-weight6 {
    font-weight: 600!important
}

.f-weight5 {
    font-weight: 500!important
}

.f-weight4 {
    font-weight: 400!important
}

.f-weight3 {
    font-weight: 300!important
}

.f-weight2 {
    font-weight: 200!important
}

.txt-cent {
    text-align: center!important
}

.txt-left {
    text-align: left!important
}

.txt-right {
    text-align: right!important
}

.txt-just {
    text-align: justify!important
}

.txt-wrap {
    word-wrap: break-word!important
}

.vert-middle {
    vertical-align: middle
}

.txt-seab72 {
    color: #72accb
}

.txt-light_red {
    color: #d98f8c
}

.txt-light_pink88 {
    color: #d188ad
}

.txt-violet88 {
    color: #aa88bf
}

.txt-green80a {
    color: #80a718
}

.txt-greenfss {
    color: #0d8040
}

.txt-green96 {
    color: #96c517
}

.txt-green40 {
    color: #0d8040
}

.txt-green80 {
    color: #80c76a
}

.txt-green81 {
    color: #81a41f
}

.txt-blue80 {
    color: #708ead
}

.txt-blue50 {
    color: #2c3e50!important
}

.txt-blue64 {
    color: #3a4f64
}

.txt-blue45 {
    color: #455b70
}

.txt-blue26 {
    color: #265aaf
}

.txt-bluecf {
    color: #0f8ccf
}

.txt-gray4 {
    color: #aec1d4
}

.txt-graya4 {
    color: #a4a4a4
}

.txt-gray84 {
    color: #849aaf
}

.txt-sblue44 {
    color: #44adf0
}

.txt-gold {
    color: #f1ea80
}

.txt-white {
    color: #fff
}

.txt-gray3 {
    color: #333
}

.txt-red31 {
    color: #e11313
}

.txt-red01 {
    color: #7b3b01
}

.txt-red03 {
    color: #6c0303
}

.txt-red24 {
    color: #ed2a24
}

.txt-rede7 {
    color: #e74c3c
}

.txt-yellow {
    color: #ff0
}

.txt-yellow54 {
    color: #ffb454
}

.txt-yellowfe {
    color: #feef00
}

.txt-orangef5 {
    color: #f58020
}

.txt-orange13 {
    color: #e77713
}

.txt-pink {
    color: #b154a0
}

.txt-bblack {
    color: #131a22
}

.txt-black {
    color: #000!important
}

.txt-dgreen {
    color: #00832f
}

.txt-gray65 {
    color: #656565
}

.line-50 {
    line-height: 40px!important
}

.line-45 {
    line-height: 40px!important
}

.line-40 {
    line-height: 40px!important
}

.line-39 {
    line-height: 39px!important
}

.line-38 {
    line-height: 38px!important
}

.line-37 {
    line-height: 37px!important
}

.line-36 {
    line-height: 36px!important
}

.line-35 {
    line-height: 35px!important
}

.line-34 {
    line-height: 34px!important
}

.line-33 {
    line-height: 33px!important
}

.line-32 {
    line-height: 32px!important
}

.line-31 {
    line-height: 31px!important
}
#policy a{
    color: #80a718 !important;
}
.line-30 {
    line-height: 30px!important
}

.line-25 {
    line-height: 25px!important
}

.line-28 {
    line-height: 28px!important
}

.line-27 {
    line-height: 27px!important
}

.line-25 {
    line-height: 25px!important
}

.line-24 {
    line-height: 24px!important
}

.line-23 {
    line-height: 23px!important
}

.line-22 {
    line-height: 22px!important
}

.line-21 {
    line-height: 21px!important
}

.line-20 {
    line-height: 20px!important
}

.line-19 {
    line-height: 19px!important
}

.line-16 {
    line-height: 16px!important
}

.line-15 {
    line-height: 15px!important
}

.line-14 {
    line-height: 14px!important
}

.line-13 {
    line-height: 13px!important
}

.line-12 {
    line-height: 12px!important
}

.pull-padd-0 {
    padding: 0!important
}

.pull-padd-al {
    padding: 10px!important
}

.off-padding {
    padding: 0!important
}

.pull-padd-lr {
    padding: 0 10px 0
}

.col-push-top-0 {
    margin-top: 0
}

.col-push-top-1 {
    margin-top: 5px
}

.col-push-top-2 {
    margin-top: 10px
}

.col-push-top-3 {
    margin-top: 15px
}

.col-push-top-4 {
    margin-top: 20px
}

.col-push-top-5 {
    margin-top: 25px
}

.col-push-top-6 {
    margin-top: 30px
}

.col-push-top-7 {
    margin-top: 35px
}

.col-push-top-8 {
    margin-top: 40px
}

.col-push-top-9 {
    margin-top: 45px
}

.col-push-top-10 {
    margin-top: 50px
}

.col-push-top-11 {
    margin-top: 55px
}

.col-push-top-12 {
    margin-top: 60px
}

.col-push-top-13 {
    margin-top: 65px
}

.col-push-top-14 {
    margin-top: 70px
}

.col-push-top-15 {
    margin-top: 75px
}

.col-push-top-16 {
    margin-top: 80px
}

.form-group-default {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    overflow: hidden;
    padding: 7px 12px 4px;
    position: relative;
    transition: background-color .2s ease 0s
}

.form-group-default .select_status {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    background: 0 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-group-default .select_status,
    ::i-block-chrome {
	direction: rtl!important
    }
}

.form-group-default.input-group.required::after,
.form-group-default.required::after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 6px
}
.form-group-default label.fade {
    backface-visibility: hidden;
    opacity: .5
}
.form-group label:not(.error) {
    color: #455c6e;
    font-family: "segoe UI";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 3px
}

.radio-success label {
    font-weight: 500!important;
    line-height: 18px
}
.form-group-default label {
    display: block;
    margin: 0;
    opacity: 1;
    transition: opacity .2s ease 0s
}
.form-group-default .form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 25px;
    margin-top: -4px;
    min-height: 25px;
    padding: 0;
    float: left
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    box-shadow: none;
    color: #2c2c2c;
    font-family: Segoe UI;
    font-size: 13px;
    font-weight: 400;
    height: 35px;
    line-height: normal;
    min-height: 35px;
    outline: 0 none;
    padding: 9px 12px;
    transition: background .2s linear 0s;
    vertical-align: middle
}
.custom-file-input {
    display: inline-block;
    position: relative;
    color: #533e00;
    width: 100%;
    height: 115px;
    border: 1px solid silver;
    padding: 10px;
    border-radius: 10px;
    line-height: 90px
}
.custom-file-input input {
    visibility: hidden;
    width: 100px
}
.custom-file-input:before {
    content: 'Id Front Image';
    display: block;
    font-weight: 400;
    text-transform: none
}
.custom-file-input:hover:before {
    border-color: #febf01
}
.custom-file-input:active:before {
    background: #febf01
}
.file-blue:before {
    content: 'Id Back Image';
    color: #333;
    font-weight: 400;
    text-transform: none
}
.file-blue:hover:before {
    border-color: #02b0e6
}
.file-blue:active:before {
    background: #02b0e6
}

.radio input[type=radio] {
    height: 0;
    opacity: 0;
    width: 0
}

.radio.radio-success input[type=radio]:checked+label::before {
    border-color: #80a718
}

.radio input[type=radio]:checked+label::before {
    border-width: 5px
}
.radio label::before {
    border-radius: 99px;
    bottom: 2.5px;
    transition: border .3s cubic-bezier(.455, .03, .215, 1.33) 0s
}

.checkbox label::before,
.radio label::before {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 17px
}

::after,
::before {
    box-sizing: border-box
}
.radio label {
    margin-bottom: 6px
}

.checkbox label,
.radio label {
    margin-right: 5px!important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    float: left
}

.semi-bold {
    font-family: OpenSans-Regular!important
}

.sub-title {
    color: #333;
    font-size: 16px;
    line-height: 35px;
    margin-right: 30px
}

.camera {
    position: absolute;
    right: 15px;
    top: 15px
}

.camera i {
    font-size: 32px;
    color: #3da6e7
}

.relative {
    position: relative!important
}

.camera span {
    color: #fff;
    font-size: 30px;
    line-height: 51px;
    text-align: center
}

.close {
    width: 41px;
    height: 41px;
    -webkit-border-radius: 20px 21px 21px 20px/20px 20px 21px 21px;
    -moz-border-radius: 20px 21px 21px 20px/20px 20px 21px 21px;
    border-radius: 20px 21px 21px 20px/20px 20px 21px 21px;
    position: absolute;
    top: -19px;
    right: -19px;
    background-color: #c71c1c;
    border: 2px solid #fff;
    line-height: 32px;
    opacity: 1!important;
    text-align: center
}

.close i {
    color: #fff;
    font-size: 20px
}

.close:hover {
    opacity: 1!important
}

.back-button {
    background-color: #eee;
    height: 57px;
    left: -51px;
    line-height: 66px;
    margin-top: -27px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 51px;
    cursor: pointer
}

.next-button {
    background-color: #eee;
    height: 57px;
    right: -51px;
    line-height: 66px;
    margin-top: -27px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 51px;
    cursor: pointer;
    transform: rotate(180deg)
}

.fade {
    opacity: .2
}

.back-button span,
.next-button span {
    background: #333 none repeat scroll 0 0;
    border-radius: 100%;
    color: #eee;
    font-size: 22px;
    font-weight: 700;
    padding: 5px
}

.login:after,
.login:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.login:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 17px;
    margin-left: -30px
}

.login:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(136, 172, 32, .8);
    border-width: 25px;
    margin-left: -38px
}

.login form {
    background: #fff none repeat scroll 0 0;
    border-radius: 14px;
    float: left;
    padding-top: 20px
}

.txt-center {
    text-align: center!important
}

.login-popup {
    display: none;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 50%
}

img.btn_close {
    float: right;
    margin: -28px -28px 0 0
}

#mask {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 999;
    display: none;
    position: fixed;
    background: #000
}

.run-text-1 {
    color: #000;
    float: left;
    width: 100%;
    font-size: 13px
}

.col-push-mar-top50 {
    margin-top: 50px
}

.col-push-mar-top60 {
    margin-top: 60px
}

.col-push-top-10 {
    margin-top: 10px!important
}

.col-push-top-20 {
    margin-top: 10px!important
}

.col-push-right-15 {
    margin-right: 15px!important
}

.col-push-bottom-10 {
    margin-bottom: 10px!important
}

#login-opt a.next,
#login-opt button {
    width: 44%;
    padding: 0;
    line-height: 40px;
    text-align: center
}

#login-conform.login-popup,
#login-opt.login-popup {
    top: 50%;
    left: 50%;
    width: 25%;
    float: left;
    display: none;
    z-index: 99999;
    position: fixed;
    font-size: 1.2em
}

#login-conform.login-popup {
    width: 30%!important
}

#loginbutton,
.language-dropdown-toggle {
    background: #f4f5f5 none repeat scroll 0 0;
    border-color: #80a718 #bcc6cd #bcc6cd;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    font-family: OpenSans-Regular;
    border-style: solid;
    border-image: none;
    padding: 7px 15px;
    line-height: 21px;
    border-radius: 0;
    border-width: 0;
    font-size: 13px;
    color: #2c3e50;
    margin-top: 0;
    height: auto
}

.language-dropdown::after,
.setting-dropdown::after {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    display: inline-block;
    position: absolute;
    content: "";
    left: 8px;
    top: -6px
}

.language-dropdown,
.profile-dropdown,
.setting-dropdown {
    background: #fff none repeat scroll 0 0;
    padding: 0
}

.dropdown-menu {
    box-shadow: 0 0 5px rgba(98, 98, 98, .2)!important;
    background: #fafafa!important;
    list-style: outside none none;
    position: absolute!important;
    z-index: 700!important;
    border: medium none;
    border-radius: 3px;
    text-shadow: none;
    margin: 5px 0 0;
    min-width: 50px;
    font-size: 13px;
    display: none;
    float: left;
    left: 0
}

.dropdown-menu>li:first-child {
    padding-top: 9px
}

.dropdown-menu>li {
    position: relative;
    padding-left: 0;
    float: left;
    width: 100%
}

ol>li,
ul>li {
    line-height: 24px;
    padding-left: 0
}

.language-dropdown li>a,
.profile-dropdown li>a,
.setting-dropdown li>a {
    float: left;
    opacity: .5;
    max-width: 100%;
    min-width: 138px;
    padding-left: 17px;
    position: relative;
    padding-right: 20px;
    transition: opacity .3s ease 0s
}

.dropdown-menu>li>a {
    border-radius: 3px;
    line-height: 23px;
    padding: 3px 10px;
    text-align: left;
    color: #626262
}

img.svg,
img[src=svg] {
    height: 15px;
    width: 15px
}

.font-20 {
    font-size: 20px!important
}

.language-dropdown li>a img {
    margin-top: 3px
}

.language-dropdown-toggle i {
    margin: 0 5px 0 8px
}

.language-dropdown-toggle img {
    margin: 3px 5px 0 0
}

.nav>li>a>img {
    vertical-align: text-top;
    margin: 3px 5px 0 5px
}

.txt-red {
    color: red!important
}

.OpenSans-Regular {
    font-family: OpenSans-Regular!important
}

.col-mar-right-10 {
    margin-right: 10px!important
}

.navbar-right>li:first-child {
    margin-right: 10px
}

.segoe-ui-semibold {
    font-family: OpenSans-Regular!important
}

.form-group-default .form-control:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none
}

.checkbox,
.radio {
    margin-bottom: 0!important;
    margin-top: 0!important;
    position: relative;
    display: block
}

#idcardback,
#idcardfront {
    width: 100%;
    min-height: 226px;
    max-height: 226px;
    background-color: #f2f2f2;
    border: 1px solid #959595
}

.qq-upload-button-con {
    width: 100%;
    margin: auto;
    height: 226px;
    position: relative
}

.qq-upload-button-con>span.before-up {
    top: 50%;
    left: 50%;
    height: 60px;
    width: 190px;
    font-size: 14px;
    font-weight: 600;
    margin-top: -30px;
    margin-left: -95px;
    position: absolute;
    text-align: center
}

.qq-upload-button-con span.before-up span {
    font-size: 35px
}

.backUploadDiv,
.frontUploadDiv {
    z-index: 999;
    padding: 10px;
    position: relative;
    margin-bottom: 10px
}

.qq-upload-button {
    top: -29px;
    float: left;
    width: 100%;
    position: relative;
    background: #f2f2f2;
    height: 224px!important
}

.qq-upload-button input {
    width: 100%!important;
    height: 100%!important
}

.idcardpicture {
    width: 328px!important;
    height: 207px
}

.errornote {
    color: red!important
}

label.error {
    width: 100%;
    color: red;
    font-size: 12px;
    text-align: center
}

#captchavalidate-error {
    margin: 0!important
}

#cateogry-error.error,
#cateogry.error,
#g-recaptcha-response-error.error,
#gender-error.error,
#idcardbackHiddenValue-error.error,
#idcardfrontHiddenValue-error.error {
    margin-top: 0!important
}

#gender-error.error {
    float: left;
    width: 100%;
    text-align: left;
    margin-left: 15px
}

.txt-black {
    color: #000
}

iframe .rc-anchor-normal {
    height: 74px;
    width: 300px
}

.txt-right {
    text-align: right!important
}

.category {
    margin-top: 10px
}

.arabic-txt {
    float: right;
    padding-right: 10px
}

.keyboardInputInitiator {
    left: 10px;
    color: #333;
    font-size: 15px;
    position: absolute;
    bottom: 10px!important
}

label.dropdown select,
select {
    padding: 10px 42px 10px 10px;
    -webkit-appearance: none;
    border: 1px solid #aaa;
    -moz-appearance: none;
    display: inline-block;
    background: #f8f8f8;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    height: 40px;
    color: #444;
    width: 87%
}

label.dropdown select:-moz-focusring,
select:-moz-focusring {
    text-shadow: 0 0 0 #444;
    color: transparent
}

label.dropdown select::-ms-expand {
    display: none
}

label.dropdown:before {
    top: 0;
    right: 0;
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background: #d9544f;
    pointer-events: none
}
label.dropdown {
    position: relative;
    width: 100%;
    left: 0
}
label.dropdown:after {
    color: #fff;
    content: '\f0d7';
    text-indent: 14px;
    position: absolute;
    pointer-events: none;
    top: 13px!important;
    right: 14px!important;
    font: 16px FontAwesome
}

#arname {
    font-size: 24px;
    font-weight: 400
}

.labelspan {
    float: left;
    width: 100%;
    color: #455c6e;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    line-height: 20px;
    margin-bottom: 3px;
    font-family: "segoe UI";
    text-transform: uppercase
}

#cateogry-error {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0!important
}

.modal-dialog {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    position: absolute;
    background: #fff;
    padding: 25px;
    width: 100%
}
.modal-content {
    box-shadow: none!important;
    border: none!important
}

.crop-tool {
    float: left;
    border-radius: 0;
    pointer-events: auto;
    margin-right: 0!important
}

.clearValueTrigger {
    cursor: pointer
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: 0 0!important
}

.language-dropdown li>a,
.profile-dropdown li>a,
.setting-dropdown li>a {
    opacity: 1!important
}

#g-recaptcha-response-error {
    transform: scale(1.065);
    text-indent: 7px
}

.steps {
    font-family: OpenSans-Regular!important;
    border: 2px solid #fff;
    border-radius: 50px;
    background: #87ac20;
    position: absolute;
    font-weight: 600;
    font-size: 18px;
    height: 50px;
    width: 50px;
    color: #fff;
    left: 15px;
    top: 15px
}

.steps span {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 13px;
    text-align: center;
    text-transform: uppercase;
    line-height: 8px!important
}

.help {
    border-radius: 25px 0 0 25px;
    padding: 3px 8px 3px 10px;
    font-family: 'Segoe UI';
    background: #80a718;
    line-height: 19px;
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    direction: ltr;
    float: right;
    color: #fff;
    right: 5px;
    top: 5px;
    z-index: 100
}

.help span {
    margin-top: 1px
}

.help i.fa {
    font-size: 20px;
    margin-left: 5px
}

.help:focus,
.help:hover {
    color: #fff
}

.input-group-addon1 {
    background: #efefef none repeat scroll 0 0!important;
    border-color: #aaa -moz-use-text-color #aaa #aaa!important;
    border-style: solid none solid solid!important;
    -moz-border-bottom-colors: none!important;
    -moz-border-right-colors: none!important;
    -moz-border-left-colors: none!important;
    -moz-border-top-colors: none!important;
    border-width: 1px 0 1px 1px!important;
    border-image: none!important;
    border-radius: 0!important;
    position: relative;
    line-height: 40px;
    font-size: 20px;
    height: 40px;
    float: left;
    width: 13%
}

#backImageCropFromQr,
#backImageDeleteFromQr,
#frontImageCropFromQr,
#frontImageDeleteFromQr {
    border: 1px solid #bebebe;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
    font-size: 18px;
    height: 37px;
    color: #333;
    width: 39px
}

#frontImageCropFromQr {
    position: relative;
    width: 39px;
    top: 15px
}

.radiolabel {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-right: 25px;
    font-family: Segoe UI;
    text-transform: uppercase
}

.cat-label {
    text-transform: capitalize!important;
    font-family: segoe ui!important;
    margin-right: 25px!important;
    font-weight: 500!important;
    margin-left: 5px!important;
    font-size: 14px!important;
    color: #333!important
}

.gender-padd {
    padding: 10px 12px 5px !important; margin-left:15px;
    width: 270px
}

.navbar-brand {
    padding: 7px;
    width: 80%
}
#tf-menu.navbar-default {
    -webkit-box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .38);
    -moz-box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .38);
    box-shadow: 0 3px 4px 0 rgba(50, 50, 50, .38);
    background-color: #fff;
    border-color: rgba(231, 231, 231, 0);
    margin-bottom: 0!important;
    vertical-align: middle;
    min-height: auto
}

.navbar-toggle {
    margin-top: 14px
}

.login {
    border: 6px solid #88ac20;
    border-radius: 20px;
    position: relative;
    display: none;
    height: 285px;
    width: 268px;
    float: left;
    top: 23px
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer;
    float: left
}

.navbar-collapse.collapse.in {
    background: #fff
}

.navbar-collapse.collapse.in .navbar-right>li,
.navbar-collapse.collapsing .navbar-right>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0!important;
    padding-left: 15px!important
}

.owl-controls {
    display: inline-block
}

.navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 7px
}

#bs-example-navbar-collapse-1 {
    background: #fff
}

h1 strong {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 25px
}

.padd-none {
    padding: 0!important
}

.banner-run-txt h1 {
    font-size: 30px!important
}

.content h1 {
    font-size: 26px;
    margin: 5px 0
}

.card h2 {
    font-family: OpenSans-Regular;
    padding: 0 50px;
    font-size: 18px;
    color: #202638
}

.card-1 .header {
    padding-top: 15px;
    padding-bottom: 20px
}

.quick-tour .fa-play-circle {
    transform: rotate(0);
    margin: 0 0 0 5px!important;
    font-size: 20px;
    color: #fff
}

.quick-tour span {
    float: left
}

.quick-tour {
    padding: 6px 10px!important
}

.quick-tour-a {
    float: left;
    color: #80a718;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 15px!important
}

.quick-tour-a span {
    float: left;
    width: 90%
}

.quick-tour-a i {
    margin-right: 5px;
    font-size: 20px;
    float: left
}

.data-details {
    float: left;
    width: 100%
}

#demo .data-details {
    float: left;
    width: 100%;
    padding-left: 15px
}

#frontCropBeforeUpload {
    display: none
}

.margin-bottom-20 {
    margin-bottom: 20px!important
}

@media(min-width:768px) {

    .data-details {
	float: left;
	width: 50%
    }
    .captcha-refresh {
	right: 95px
    }
    #demo .data-details {
	width: 50%;
	float: left;
	padding-left: 15px
    }
    #idcardback,
    #idcardfront {
	width: 348px
    }
    .front-card {
	width: 50%!important
    }
    #frontCropBeforeUpload {
	display: block
    }
    .qq-upload-button-con {
	width: 348px!important
    }
}

.front-card {
    float: left;
    width: 100%
}

.data-details .form-group-default {
    border: none;
    padding: 0
}

.data-details .form-group-default .form-control {
    height: 35px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #bebebe
}

.color-3 {
    color: #333!important
}

.data-details .yes {
    float: left;
    width: 165px;
    height: 37px;
    color: #80a718;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #fff;
    font-family: OpenSans-Regular;
    border: 1px solid #80a718
}

.data-details .no {
    border: 1px solid #f95f5f;
    background-color: #fff;
    font-family: OpenSans-Regular;
    margin-top: 50px;
    color: #f95f5f;
    width: 170px;
    height: 37px;
    float: right
}

.crop-title {
    padding-bottom: 15px;
    font-weight: 500;
    text-align: left;
    font-size: 13px;
    float: left;
    width: 100%
}

.note {
    margin-top: 10%;
    color: #dc1c1c;
    float: left;
    width: 100%
}

.step-1-button {
    margin-bottom: 10%;
    margin-top: 10%
}

#captchavalidatedivone {
    width: 100%;
    float: left
}

#verificationOnlyDiv #captchavalidate {
    width: 160px
}

#captchavalidate,
#captchavalidate1 {
    z-index: 4;
    float: left;
    width: 190px;
    height: 53px;
    position: absolute;
    right: 0!important;
    padding: 0 10px 0 20px;
    border: 0 solid #ccc;
    border-left: 1px solid #ccc!important;
    opacity: 1
}

#captchavalidate-image,
#captchavalidatedivone img {
    left: 0;
    float: left;
    width: 125px;
    height: 45px;
    margin-top: 5px;
    position: relative;
    border: 0 solid #ccc!important
}

#captchavalidatediv i {
    top: 6px;
    z-index: 5;
    color: #fff;
    left: -2px;
    width: 32px;
    margin: 4px;
    height: 32px;
    font-size: 20px;
    padding: 0 5px 0;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    border-radius: 50px;
    background: #f58020
}

#captchavalidate-image {
    margin-right: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #captchavalidatediv i {
	left: 5px
    }
}

.captch-form {
    padding: 0;
    height: 54px;
    margin: 0 0;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    transition: background-color .2s ease;
    -webkit-transition: background-color .2s ease
}

.m-t-3 {
    margin-top: 3px!important
}

.m-t-5 {
    margin-top: 5px!important
}

.m-t-10 {
    margin-top: 10px!important
}

.m-t-15 {
    margin-top: 15px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.m-t-25 {
    margin-top: 25px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.m-t-35 {
    margin-top: 35px!important
}

.m-t-90 {
    margin-top: 100px!important
}

.m-l-100 {
    margin-left: 100px!important
}

.m-l-50 {
    margin-left: 50px!important
}

.m-b-70 {
    margin-bottom: 70px!important
}

.m-r-10 {
    margin-right: 10px!important
}

.ref-note-card {
    cursor: pointer
}

.cardclose {
    background-color: #dc3e3e;
    border-radius: 12px;
    position: absolute;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    height: 24px;
    right: -11px;
    color: #fff;
    width: 24px;
    top: -11px
}

.w-200 {
    width: 200px!important
}

.w-180 {
    width: 180px!important
}

.ref-note {
    color: #333;
    right: 20px;
    float: right;
    font-size: 12px;
    position: absolute;
    text-transform: uppercase
}

.ref-note i {
    color: #3da6e7;
    font-size: 18px
}

.run-text-info {
    color: #333;
    font-size: 14px;
    text-align: left
}

#idcardbackHiddenValue-error,
#idcardfrontHiddenValue-error {
    position: absolute;
    left: 30px;
    top: -22px
}

#cateogry {
    border-color: #455c6e!important
}

.banner-run-txt button {
    border-radius: 5px!important
}

#contactform .mobilecode {
    font-size: 14px;
    z-index: 10
}

.txt-justify {
    text-align: justify!important
}

.run-text-info h2 {
    font-family: OpenSans-Regular!important;
    font-size: 13px!important;
    margin: 10px 0 5px;
    font-weight: 600
}

.run-text-info h1 {
    font-family: OpenSans-Regular!important;
    font-size: 14px!important;
    margin-bottom: 5px;
    font-weight: 600;
    margin-top: 0
}

.run-text-info {
    line-height: 22px
}

#errorNoteBackCard,
#errorNoteFrontCard {
    font-size: 13px!important;
    text-transform: none;
    margin-bottom: 5px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 0
}

#afterUploadTextBack,
#frontCropAfterUpload {
    width: 100%
}

.card-4 .note {
    margin-top: 10px
}

.color-white {
    color: #fff!important
}

#verifycode-error {
    color: red;
    width: 100%;
    float: left;
    text-align: center
}

#tf-contact .form-control #captchavalidatedivone {
    width: 50%;
    display: block;
    box-shadow: none;
    transition: none;
    border-radius: 2px;
    -o-transition: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    -webkit-transition: none
}

.card-1 h1 {
    font-size: 35px!important;
    margin-bottom: 20px!important
}

.card-1 h2 {
    font-size: 16px!important;
    margin-bottom: 15px!important
}

.card-1 .run-text-info {
    margin-top: 37px;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 10px
}

.card-1 .note {
    width: 100%;
    float: left;
    color: #dc1c1c;
    margin-top: 15px;
    line-height: 18px
}

@media only screen and (max-width:1280px) {
    .card-1 .note {
	margin-left: -25px
    }
    
}

.run-text-info.mobile {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.image-or {
    top: 45%;
    left: 30px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    position: absolute
}

.fssimage {
    width: 100%;
    margin-top: 30px;
    margin-left: -20px
}

.head-right {
    background-color: #88ac20;
    text-transform: uppercase;
    padding: 0 20px 0 14px;
    margin-left: -12px;
    line-height: 35px;
    font-weight: 600;
    margin-top: 10px;
    text-align: left;
    font-size: 18px;
    height: 35px;
    width: 300px;
    color: #fff;
    float: left
}

.head-left i {
    color: #fff;
    font-size: 30px
}

.head-left {
    float: left;
    width: 54px;
    height: 55px;
    line-height: 68px;
    text-align: center;
    background-color: #88ac20;
    border-radius: 27px/27px 27px 28px 28px;
    -moz-border-radius: 27px/27px 27px 28px 28px;
    -webkit-border-radius: 27px/27px 27px 28px 28px
}

.head-left i.fa-mobile {
    font-size: 32px
}

.head-all {
    float: left;
    margin-bottom: 18px
}

.head-all.left {
    margin-top: 15px;
    float: right
}

.ul-align {
    float: left;
    direction: ltr;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;
    padding-left: 15px
}

ol.ul-align>li {
    line-height: 1.6
}

.close-pop {
    background-color: #dc3e3e;
    border-radius: 12px;
    text-align: center;
    position: absolute;
    line-height: 23px;
    font-weight: 600;
    cursor: pointer;
    height: 24px;
    right: -12px;
    width: 24px;
    color: #fff;
    top: -12px
}

#getCroppedCanvas:not(.disabled):before {
    top: 50%;
    opacity: 0;
    content: '';
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -11px;
    border: 4px solid;
    position: absolute;
    border-radius: 50%;
    border-left-color: transparent;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-name: rotate;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#getCroppedCanvas:not(.disabled):after {
    width: 0;
    content: '';
    height: 100%;
    display: inline-block;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -moz-transition-duration: .75s;
    -o-transition-duration: .75s;
    -webkit-transition-duration: .75s;
    transition-duration: .75s;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width
}

#getCroppedCanvas:not(.disabled).sending {
    pointer-events: none;
    cursor: not-allowed
}

#getCroppedCanvas:not(.disabled).sending:not(.expand) {
    text-align: left
}

#getCroppedCanvas:not(.disabled).sending:before {
    -webkit-transition-delay: 10ms;
    -moz-transition-delay: 10ms;
    -o-transition-delay: 10ms;
    transition-delay: 10ms;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    opacity: 1
}

#getCroppedCanvas:not(.disabled).sending:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    width: 20px
}

@keyframes rotate {
    0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
    }
    100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
    }
}

.gender .data {
    margin: 90px auto auto;
    width: 320px
}

#frontCropBeforeUpload .img-container {
    background-color: transparent
}

.uploadAgain {
    border-color: #80a718!important;
    margin-top: 20px!important;
    color: #80a718!important;
    width: 100%!important;
    text-align: center;
    float: none
}

#errorNoteBackCard {
    font-size: 13px
}

.card-1 .header {
    margin-top: 10px
}

#qrcodediv .banner-head-align {
    text-align: center
}

#contactcaptchadivvalidate .form-group-default {
    padding: 0 0 0
}

#captchavalidatedivone {
    width: 100%;
    float: left;
    position: relative
}

#captchavalidatedivone img {
    margin: 0 0 0!important
}

#captchavalidatedivone a {
    float: left!important;
    position: relative;
    cursor: pointer;
    margin: 0 0 0;
    padding: 7px 0 0;
    left: -5px;
    height: 53px;
    background: #fff
}

#captchavalidatedivone a i {
    float: left!important;
    position: relative;
    z-index: 5;
    left: 20px;
    color: #fff;
    width: 32px;
    margin: 4px;
    height: 32px;
    font-size: 20px;
    padding: 0 5px 0;
    font-weight: 700;
    line-height: 34px;
    position: relative;
    border-radius: 50px;
    background: #f58020
}

#captchavalidate1 {
    z-index: 4;
    float: left;
    left: -5px;
    width: 51%;
    height: 53px;
    position: relative;
    padding: 0 0 0 30px;
    border: 0 solid #ccc;
    background: 0 0;
    border-left: 1px solid #ccc!important
}

.right-logo {
    height: 60px;
    margin: 4px 0 4px
}

.right-logo img {
    float: right
}
.fnav p span,
.fnav span {
    float: left;
    font-size: 13px;
    margin-top: 21px
}

.fnav p span {
    margin-top: 12px!important
}

nav#footer div[class*=w-] {
    margin-top: 25px!important
}

.button-top {
    margin-top: 15px
}

.fnav img {
    margin-left: 5px;
    width: auto;
    height: auto
}

.swal2-modal .swal2-styled {
    float: none!important
}

.has-error .form-control {
    box-shadow: none!important
}

.cancelreg-pop {
    height: auto
}

.swal2-modal .swal2-title {
    color: #0a568a!important;
    padding: 0 30px!important;
    font-size: 20px!important
}

.swal2-icon {
    margin: 20px auto!important
}

.swal2-modal .sweetalt-foot button,
body .swal2-modal .sweetalt-foot button {
    float: none!important
}

@-webkit-keyframes glowing {
    0% {
	background-color: #81a41f
    }
    50% {
	background-color: #668412
    }
    100% {
	background-color: #9abe33
    }
}

@-moz-keyframes glowing {
    0% {
	background-color: #81a41f
    }
    50% {
	background-color: #668412
    }
    100% {
	background-color: #9abe33
    }
}

@-o-keyframes glowing {
    0% {
	background-color: #81a41f
    }
    50% {
	background-color: #668412
    }
    100% {
	background-color: #9abe33
    }
}

@keyframes glowing {
    0% {
	background-color: #81a41f
    }
    50% {
	background-color: #668412
    }
    100% {
	background-color: #9abe33
    }
}

body .swal2-modal .swal2-confirm {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

:focus {
    outline: 0
}

.pop-padd-none {
    padding: 0
}

.f-weight7 {
    font-weight: 700!important
}

.pop-padd-right-none {
    padding-right: 0
}

.swal2-title:empty {
    display: none!important
}

body .swal2-icon {
    margin: 20px auto!important;
    float: none
}

body #modalContentId {
    margin-bottom: 10px!important
}

body .swal2-show .swal2-title {
    padding: 0 30px!important
}

#contactcaptchadivvalidate label[for=captchavalidate1] {
    margin-top: 0
}

.img-size {
    float: left;
    width: 100%;
    color: #dc1c1c;
    text-align: center;
    white-space: nowrap;
    font-size: 11px!important
}

.mar-right-5 {
    margin-right: 5px!important
}

.color-omgreen {
    color: #0b7f3e!important
}

.color-omred {
    color: #e01c1f!important
}

.adjustment-gen {
    width: 250px;
    margin-left: 25px;
    padding-top: 15px!important
}

.adjustment-gen span {
    font-size: 15px!important;
    line-height: 19px!important
}

input[type=checkbox],
input[type=radio] {
    margin-top: 4px!important
}

button,
input,
label,
select,
textarea {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer;
    margin-top: 1px;
    line-height: normal;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

select[multiple],
select[size] {
    height: auto!important
}

input:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
select:focus,
textarea:focus {
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

form legend {
    margin: 15px 0 10px 0
}

.form-control#verifycode {
    padding: 0 12px;
    line-height: 40px
}

.form-control {
    -webkit-transition: background .2s linear 0s;
    transition: background .2s linear 0s;
    border: 1px solid rgba(0, 0, 0, .07);
    -webkit-transition: all .12s ease;
    font-family: Arial, sans-serif;
    transition: all .12s ease;
    -webkit-border-radius: 2px;
    background-color: #fff;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-border-radius: 2px;
    background-image: none;
    vertical-align: middle;
    line-height: normal;
    font-weight: 400;
    border-radius: 2px;
    padding: 9px 12px;
    min-height: 35px;
    box-shadow: none;
    font-size: 13px;
    color: #2c2c2c;
    height: 40px;
    outline: 0
}

.form-control:focus {
    border-color: rgba(0, 0, 0, .1);
    background-color: #f0f0f0;
    -webkit-box-shadow: none;
    outline: 0!important;
    box-shadow: none
}

.form-control:focus::-moz-placeholder {
    color: inherit;
    opacity: .7
}

.form-control:focus:-ms-input-placeholder {
    color: inherit;
    opacity: .7
}

.form-control:focus::-webkit-input-placeholder {
    color: inherit;
    opacity: .7
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: .33
}

.form-control:-ms-input-placeholder {
    color: inherit;
    opacity: .33
}

.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: .33
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #626262;
    background: #f8f8f8
}

.form-horizontal .form-group-sm .form-control,
.input-sm {
    min-height: 32px;
    padding: 8px 9px;
    font-size: 13px;
    height: 32px
}

.form-horizontal .form-group-lg .form-control,
.input-lg {
    border-radius: 3px;
    padding: 11px 13px;
    font-size: 18px;
    height: 45px
}

.input-xlg {
    height: 51px;
    font-size: 18px;
    line-height: 22px
}

.checkbox,
.radio {
    margin-bottom: 10px;
    padding-left: 0;
    margin-top: 10px
}

.checkbox label,
.radio label {
    margin-right: 10px!important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px
}

.checkbox label:before,
.radio label:before {
    left: 0;
    content: "";
    width: 17px;
    height: 17px;
    margin-left: 0;
    margin-right: 10px;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #d0d0d0
}

.radio label {
    margin-bottom: 6px
}

.radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    -webkit-transition: border .3s 0s cubic-bezier(.455, .03, .215, 1.33);
    transition: border .3s 0s cubic-bezier(.455, .03, .215, 1.33)
}

.radio input[type=radio]:focus+label:before {
    background-color: #e6e6e6
}

.radio input[type=radio]:checked+label:before {
    border-width: 5px
}

.radio input[type=radio]:focus+label {
    color: #2c2c2c
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0
}

.radio input[type=radio][disabled]+label {
    opacity: .65
}

.radio.radio-complete input[type=radio]:checked+label:before {
    border-color: #48b0f7
}

.radio.radio-success input[type=radio]:checked+label:before {
    border-color: #80a718
}

.radio.radio-primary input[type=radio]:checked+label:before {
    border-color: #6d5cae
}

.radio.radio-warning input[type=radio]:checked+label:before {
    border-color: #f8d053
}

.radio.radio-danger input[type=radio]:checked+label:before {
    border-color: #f55753
}

.radio.radio-info input[type=radio]:checked+label:before {
    border-color: #3b4752
}

.checkbox input[type=radio][disabled]+label:after {
    background-color: #e6e6e6
}

.checkbox label {
    transition: border .2s linear 0s, color .2s linear 0s;
    white-space: nowrap
}

.checkbox label:before {
    top: 0;
    border-radius: 0;
    transition: border .2s linear 0s, color .2s linear 0s
}

.checkbox label::after {
    transition: border .2s linear 0s, color .2s linear 0s;
    display: inline-block;
    position: absolute;
    font-size: 11px;
    padding: 0 3px;
    height: 17px;
    width: 17px;
    top: 0;
    left: 0
}

.checkbox label:after {
    border-radius: 0;
    border: 1px solid #d0d0d0
}

.checkbox input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.checkbox.checkbox-circle label:after,
.checkbox.checkbox-circle label:before {
    border-radius: 99px
}

.checkbox input[type=checkbox]:checked+label::after {
    font-family: FontAwesome;
    content: "\F00C";
    color: #fff
}

.checkbox input[type=checkbox]:focus+label {
    color: #2c2c2c
}

.checkbox input[type=checkbox]:focus+label:before {
    background-color: #fff
}

.checkbox input[type=checkbox][disabled]+label {
    opacity: .65;
    cursor: not-allowed
}

.checkbox input[type=checkbox][disabled]+label:before {
    background-color: #eceff3
}

.checkbox.right label {
    margin-right: 35px;
    padding-left: 0!important
}

.checkbox.right label:before {
    right: -35px;
    left: auto
}

.checkbox.right input[type=checkbox]:checked+label {
    position: relative
}

.checkbox.right input[type=checkbox]:checked+label::after {
    font-family: FontAwesome;
    position: absolute;
    content: "\F00C";
    right: -27px;
    left: auto
}

body.rtl .checkbox label::after {
    left: -1.2px
}

.checkbox.check-success input[type=checkbox]:checked+label:before {
    border-color: #fff;
    background: #fff
}

.checkbox.check-primary input[type=checkbox]:checked+label:before {
    border-color: #455b70;
    background-color: #455b70
}

.checkbox.check-complete input[type=checkbox]:checked+label:before {
    border-color: #48b0f7
}

.checkbox.check-warning input[type=checkbox]:checked+label:before {
    border-color: #f8d053
}

.checkbox.check-danger input[type=checkbox]:checked+label:before {
    border-color: #f55753
}

.checkbox.check-info input[type=checkbox]:checked+label:before {
    border-color: #3b4752
}

.checkbox.check-complete input[type=checkbox]:checked+label::after,
.checkbox.check-danger input[type=checkbox]:checked+label::after,
.checkbox.check-info input[type=checkbox]:checked+label::after,
.checkbox.check-primary input[type=checkbox]:checked+label::after,
.checkbox.check-success input[type=checkbox]:checked+label::after,
.checkbox.check-warning input[type=checkbox]:checked+label::after {
    color: #80a718
}

.input-group-addon:first-child {
    border-left: 1px solid rgba(0, 0, 0, .07);
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.input-group-addon:last-child {
    border-right: 1px solid rgba(0, 0, 0, .07);
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0
}

.input-group .form-control:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.input-group.transparent .input-group-addon {
    border-color: rgba(0, 0, 0, .07);
    background-color: transparent
}

@media only screen and (min-width:768px) {
    .formfield .row,
    form #extendedSearchDiv .row,
    form .row {
	margin-left: 0;
	margin-right: 0
    }
    .formfield .row [class*=col-]:not(:first-child),
    .formfield .row [class*=col-]:not(:last-child),
    form #extendedSearchDiv .row [class*=col-]:not(:first-child),
    form #extendedSearchDiv .row [class*=col-]:not(:last-child),
    form .row [class*=col-]:not(:first-child),
    form .row [class*=col-]:not(:last-child) {
	padding-left: 7px;
	padding-right: 0
    }
    form #extendedSearchDiv .row [class*=col-]:not(:first-child),
    form #extendedSearchDiv .row [class*=col-]:not(:last-child) {
	padding-left: 35px
    }
    .formfield .row [class*=col-]:first-child,
    form #extendedSearchDiv .row [class*=col-]:first-child,
    form .row [class*=col-]:first-child {
	padding-left: 0
    }
    .formfield .row [class*=col-]:flast-child,
    form #extendedSearchDiv .row [class*=col-]:last-child,
    form .row [class*=col-]:last-child {
	padding-right: 0
    }
}

.form-horizontal .form-group {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 19px;
    padding-top: 19px;
    margin-bottom: 0
}

.form-horizontal .form-group:last-child {
    border-bottom: none
}

.form-horizontal .form-group:hover .control-label {
    opacity: .6
}

.form-horizontal .form-group.focused .control-label {
    opacity: 1
}

.form-horizontal .form-group .control-label {
    opacity: .42;
    text-align: left;
    transition: opacity ease .3s;
    -webkit-transition: opacity ease .3s
}

.form-group-attached .form-group.form-group-default {
    border-radius: 0;
    margin-bottom: 0
}

.form-group-attached>div {
    margin: 0
}

.form-group-attached>div:first-child.row>[class*=col-]:first-child .form-group-default {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px
}

.form-group-attached>div:first-child.row>[class*=col-]:last-child .form-group-default {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px
}

.form-group-attached>div:first-child.form-group-default {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px
}

.form-group-attached>div:last-child.row>[class*=col-]:first-child .form-group-default {
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px
}

.form-group-attached>div:last-child.row>[class*=col-]:last-child .form-group-default {
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.form-group-attached>div:last-child.form-group-default {
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.form-group-attached>div.row>[class*=col-] {
    padding-right: 0!important;
    padding-left: 0!important
}

.form-group-attached>div.row>[class*=col-]:not(:only-child):not(:last-child)>.form-group-default {
    border-right-color: transparent
}

.form-group-attached>div:not(:last-child) .form-group-default,
.form-group-attached>div:not(:last-child).form-group-default {
    border-bottom-color: transparent
}

@media (max-width:767px) {
    .form-group-attached .form-group-default {
	border-right-color: rgba(0, 0, 0, .07)!important
    }
}

@media only screen and (min-width:768px) {
    .form-group-attached>div.row>[class*=col-] .form-group {
	height: 100%;
	width: 100%
    }
}

#verificationForm div[class*=col-] {
    margin-bottom: 10px
}

#slider .form-group {
    margin-bottom: 0!important
}

.form-group {
    margin-bottom: 10px
}

#contactFormSlider .form-group,
#verifyForm .form-group {
    margin-bottom: 5px!important
}

.form-group label:not(.error) {
    font-family: 'segoe UI'!important;
    text-transform: uppercase;
    color: #455b70!important;
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 12px
}

.form-group label .help {
    margin-left: 8px
}

.form-group .help {
    font-size: 12px;
    color: rgba(98, 98, 98, .55)
}

.form-group-default {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff;
    padding-right: 12px;
    padding-bottom: 4px;
    position: relative;
    border-radius: 2px;
    padding-left: 12px;
    padding-top: 7px;
    overflow: hidden
}

#slider .form-group-default {
    padding-top: 4px;
    height: 55px
}

#slider .form-group-default.input-group {
    padding-top: 0;
    height: 50px
}

#slider .form-group-default span.form-control {
    margin-top: 5px
}

#slider .form-group-default .form-control {
    color: #333;
    height: auto;
    margin-top: 0;
    font-size: 14px;
    min-height: 20px;
    line-height: -12px;
    font-family: Segoe UI
}

.form-group-default.select_field,
.form-group-default.select_status {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: auto;
    background: 0 0;
    position: relative
}

.form-group-default .select_status i.select,
.form-group-default-select2 i.select,
.form-group-default.select_field i.select {
    top: 25px;
    z-index: 4;
    right: 0;
    width: 22px;
    height: 22px;
    float: right;
    color: #959ea7;
    font-size: 15px;
    padding: 2px 3px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    border: #dcdcdc solid 0
}

.form-group-default .select_status i.select,
.form-group-default-select2 i.select,
.form-group-default.select_field i.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group a.attach,
a.attach,
div.uploadprev {
    background: #e9e9e9;
    position: relative;
    border-radius: 3px;
    margin-right: 20px;
    font-weight: 500;
    font-size: 15px;
    color: #2c3e50;
    padding: 8px;
    float: left;
    width: 90%
}

select::-ms-expand {
    display: none!important
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    .form-group-default .select_status i.select,
    .form-group-default-select2 i.select,
    .form-group-default.select_field i.select {
	display: none!important
    }
}

.form-group a.attach i.icon,
.form-group a.attach img,
.form-group a.attach span {
    float: left
}

.form-group a.attach span {
    margin: 7px 25px 0 10px
}

.form-group a.attach i.icon,
.form-group a.attach i:last-child {
    float: right;
    margin-top: 5px
}

.dirrtl label.required:after,
.form-group-default.input-group.required:after,
.form-group-default.required:after {
    font-family: arial;
    position: absolute;
    font-size: 20px;
    color: #f55753;
    content: "*";
    right: 12px;
    top: 6px
}

.dirrtl.required:after {
    left: 12px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff
}

#duration .form-group-default.input-group.required:after {
    right: 15px
}

.form-group-default.input-group.required:after {
    right: 55px
}

label.required:after {
    position: relative;
    right: -15px
}

.form-group-default.disabled {
    background: #f8f8f8;
    color: rgba(98, 98, 98, .23);
    cursor: not-allowed
}

.form-group-default.disabled input {
    opacity: .6
}

.form-group-default.disabled.focused label {
    opacity: 1
}

.form-group-default:focus {
    background: #f8f8f8!important
}

.form-group-default.disabled.focused {
    background: #eaebef;
    cursor: not-allowed
}

.form-group-default.focused {
    border-color: rgba(0, 0, 0, .1)!important;
    background-color: #f0f0f0
}

.form-group-default.focused label {
    opacity: .9;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.form-group-default.has-error {
    background-color: rgba(245, 87, 83, .1);
    margin-bottom: 0
}

.form-group-default.has-error .form-control-feedback,
.form-group-default.has-success .form-control-feedback {
    display: none!important
}

.form-group-default.has-error .form-control,
.form-group-default.has-error .form-control:focus,
.form-group-default.has-success .form-control,
.form-group-default.has-success .form-control:focus {
    border: none;
    box-shadow: none
}

.form-group-default.input-group {
    padding: 0;
    height: 58px
}

.form-group-default.input-group>label {
    margin-top: 6px;
    padding-left: 12px
}

.form-group-default.input-group>label.inline {
    float: left;
    margin-top: 16px
}

.form-group-default.input-group>.form-control {
    margin-top: -2px;
    margin-bottom: 3px;
    padding-left: 12px
}

.form-group-default.input-group .input-group-addon,
.form-group-default.input-group button.input-group-addon {
    min-width: calc(50px);
    height: calc(50px);
    border-radius: 0;
    border: none
}

.form-group-default.input-group.focused .input-group-addon,
.form-group-default.input-group.focused button.input-group-addon {
    border-color: rgba(0, 0, 0, .1)
}

.form-group-default .form-control {
    position: relative;
    min-height: 25px;
    margin-top: -4px;
    background: 0 0;
    outline: 0;
    border: none;
    height: 25px;
    padding: 0;
    z-index: 5
}

.form-group-default textarea.form-control {
    padding-top: 5px
}

.form-group-default select.form-control {
    margin-left: -4px
}

.form-group-default .form-control:focus {
    background: 0 0
}

.form-group-default .form-control.error {
    color: #2c2c2c
}

.form-group-default label {
    margin: 0;
    opacity: 1;
    display: block;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease
}

.form-group-default label.label-lg {
    font-size: 13px;
    left: 13px;
    top: 9px
}

.form-group-default label.label-sm {
    font-size: 11px;
    left: 11px;
    top: 6px
}

.form-group-default label.highlight {
    opacity: 1
}

.form-group-default label.fade {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .5
}

.form-group-default>.input-lg {
    height: 29px;
    min-height: 29px;
    padding-left: 1px
}

.form-group-default>.input-sm {
    min-height: 18px;
    height: 18px
}

.form-group-default.form-group-default-select {
    overflow: visible
}

.form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match {
    padding-top: 6px;
    height: 23px
}

.form-group-default.form-group-default-select .ui-select-container .select2-choices {
    border: 0
}

.form-group-default.form-group-default-select2 {
    padding: 0
}

.form-group-default.form-group-default-select2>label {
    padding: 7px 12px 0 12px;
    position: absolute;
    z-index: 10;
    left: 0
}

.form-group-default.form-group-default-select2>label.label-lg,
.form-group-default.form-group-default-select2>label.label-sm {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice {
    padding-top: 20px;
    height: 52px
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-arrow b:before {
    top: 20px
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice .select2-chosen {
    padding-left: 3px;
    padding-top: 1px
}

.form-group-default.form-group-default-select2 .select2-container .select2-choices {
    padding-top: 25px;
    height: 52px;
    border: 0
}

.form-group-default.form-group-default-select2>.input-lg {
    height: auto;
    padding: 0
}

.form-group-default.form-group-default-select2>.input-lg .select2-choice {
    padding-top: 20px;
    height: 56px
}

.form-group-default.form-group-default-select2>.input-sm {
    height: auto;
    padding: 0
}

.form-group-default.form-group-default-select2>.input-sm .select2-choice {
    padding-top: 20px;
    height: 46px
}

.form-group-default.form-group-default-selectFx {
    padding: 0
}

.form-group-default.form-group-default-selectFx>label {
    padding: 7px 12px 0 12px;
    position: absolute;
    z-index: 10
}

.form-group-default.form-group-default-selectFx>label.label-lg,
.form-group-default.form-group-default-selectFx>label.label-sm {
    left: 0;
    top: 0
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
    padding-left: 12px;
    padding-top: 32px;
    height: 60px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
    height: auto
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after,
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select>span:after {
    top: 39px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
    height: 60px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
    height: 50px
}

.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder {
    vertical-align: top
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline {
    color: #0da899
}

.has-success .form-control {
    -webkit-box-shadow: none;
    border-color: #0da899;
    box-shadow: none
}

.has-success .form-control:focus {
    -webkit-box-shadow: none;
    border-color: #09786e;
    box-shadow: none
}

.has-success .input-group-addon {
    background: #f0f0f0;
    color: rgba(98, 98, 98, .47);
    border: 1px solid rgba(0, 0, 0, .07)
}

.has-success .form-control-feedback {
    color: #0da899
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
    color: #c9a843
}

.has-warning .form-control {
    -webkit-box-shadow: none;
    border-color: #c9a843;
    box-shadow: none
}

.has-warning .form-control:focus {
    -webkit-box-shadow: none;
    border-color: #a98b31;
    box-shadow: none
}

.has-warning .input-group-addon {
    border: 1px solid rgba(0, 0, 0, .07);
    color: rgba(98, 98, 98, .47);
    background: #f0f0f0
}

.has-warning .form-control-feedback {
    color: #c9a843
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
    color: #f55753
}

.has-error .form-control {
    -webkit-box-shadow: none;
    border-color: #f55753;
    box-shadow: none
}

.has-error .form-control:focus {
    -webkit-box-shadow: none;
    border-color: #f22823;
    box-shadow: none
}

.has-error .input-group-addon {
    border: 1px solid rgba(0, 0, 0, .07);
    color: rgba(98, 98, 98, .47);
    background: #f0f0f0
}

.has-error .form-control-feedback {
    color: #f55753
}

.error {
    font-size: 12px;
    color: #f55753;
    display: block
}

#slider label.error {
    margin-bottom: 0!important
}

.input-group-addon {
    transition: border .2s linear 0s, box-shadow .2s linear 0s, color .2s linear 0s, box-shadow .2s linear 0s, background .2s linear 0s;
    border: 1px solid rgba(0, 0, 0, .07);
    color: rgba(98, 98, 98, .47);
    display: table-cell;
    background: #f0f0f0;
    border-radius: 3px;
    padding: 6px 9px;
    font-size: 14px
}

.input-group-addon i {
    position: relative;
    top: 1px
}

.input-group-addon.primary {
    background-color: #6d5cae;
    border: 1px solid #6d5cae;
    color: #fff
}

.input-group-addon.primary .arrow {
    color: #6d5cae
}

.input-group-addon.success {
    background-color: #0090d9;
    color: #fff
}

.input-group-addon.success .arrow {
    color: #0090d9
}

.input-group-addon.info {
    background-color: #1f3853;
    color: #fff
}

.input-group-addon.info .arrow {
    color: #1f3853
}

.input-group-addon.warning {
    background-color: #fbb05e;
    color: #fff
}

.input-group-addon.warning .arrow {
    color: #fbb05e
}

.input-group-addon.danger {
    background-color: #f35958;
    color: #fff
}

.input-group-addon.danger .arrow {
    color: #f35958
}

.input-group-addon .arrow {
    position: relative;
    right: -6px;
    color: #d1dade;
    z-index: 100
}

.input-group-addon .arrow:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f0da";
    font-size: 23px;
    left: 17px;
    top: -2px
}

.input-group-addon:last-child .arrow:before {
    font-family: FontAwesome;
    position: absolute;
    content: "\f0d9";
    font-size: 23px;
    left: -23px;
    top: -2px
}

.input-group-addon:last-child input {
    border-left: 0
}

.datepicker {
    padding: 16px 25px!important;
    border-radius: 2px;
    font-size: 12px
}

.datepicker:after {
    border-bottom-color: #fafafa
}

.datepicker thead tr .datepicker-switch {
    color: #6f7b8a;
    font-size: 13px
}

.datepicker thead tr .next,
.datepicker thead tr .prev {
    color: #6d5cae;
    font-size: 0;
    content: ''
}

.datepicker thead tr .next:before,
.datepicker thead tr .prev:before {
    font-family: FontAwesome;
    color: #6d5cae;
    font-size: 10px
}

.datepicker thead tr .prev:before {
    content: "\f053"
}

.datepicker thead tr .next:before {
    content: "\f054"
}

.datepicker thead tr .dow {
    text-transform: uppercase;
    font-size: 11px;
    color: #6d5cae
}

.datepicker thead tr th {
    height: 29px;
    width: 31px
}

.datepicker tbody tr .odd {
    color: #d0d3d8
}

.datepicker table tr td {
    width: 31px;
    height: 29px
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #e6e6e6
}

.datepicker table tr td.day:hover {
    background: #f0f0f0
}

.datepicker table tr td.active {
    background-color: #6d5cae!important
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-image: none;
    text-shadow: none;
    font-weight: 600
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #f0f0f0;
    background-image: none;
    color: #fff
}

.datepicker table tr td span {
    border-radius: 4px;
    line-height: 42px;
    height: 42px;
    width: 42px
}

.datepicker table tr td span.active {
    background-color: #6d5cae!important
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-image: none;
    text-shadow: none;
    border: none
}

.datepicker.dropdown-menu {
    border-color: #e6e6e6;
    color: #626262
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
    border-color: #e6e6e6
}

.datepicker-inline {
    width: auto
}

.input-daterange .input-group-addon {
    text-shadow: none;
    border: 0
}

.bootstrap-timepicker-widget table td a i {
    font-size: 12px
}

.bootstrap-timepicker-widget .bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget a.btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.bootstrap-timepicker-widget.dropdown-menu {
    background: #fff
}

.daterangepicker {
    background: #fff
}

.daterangepicker .calendar .calendar-date {
    border: 1px solid rgba(0, 0, 0, .07)
}

.daterangepicker .calendar .next,
.daterangepicker .calendar .prev,
.daterangepicker .calendar th {
    text-transform: uppercase;
    font-size: 11px;
    color: #6d5cae
}

.daterangepicker .calendar .month {
    color: #6f7b8a;
    font-size: 13px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #6d5cae;
    border-color: #6d5cae
}

.form-group-default.input-group .input-group-addon {
    min-width: calc(50px);
    height: calc(50px);
    border-radius: 0;
    border: none
}

.input-group-addon {
    transition: border .2s linear 0s, box-shadow .2s linear 0s, color .2s linear 0s, box-shadow .2s linear 0s, background .2s linear 0s;
    border: 1px solid rgba(0, 0, 0, .07);
    color: rgba(98, 98, 98, .47);
    display: table-cell;
    background: #f0f0f0;
    border-radius: 3px;
    padding: 6px 9px;
    font-size: 14px
}

nav.navbar-fixed-top {
    border-width: 0 0 0
}

.navbar-collapse,
.navbar-header {
    width: 100%!important;
    position: relative;
    float: left
}

.navbar-header {
    padding-bottom: 10px
}

nav #bs-example-navbar-collapse-1,
nav .navbar-collapse {
    background: #80a718;
    padding: 10px 0;
    max-height: none!important
}

#tf-team .stakholder div[class*=w-] img {
    width: auto!important
}

#tf-team .stakholder>div[class*=w-] {
    margin: 55px 0 20px!important
}

form#contactform .row:nth-child(4) div[class*=col-] {
    width: 100%;
    padding-right: 0
}

.ui-datepicker {
    z-index: 9999999!important
}

#captchavalidate1-image {
    height: 53px!important
}

#captchavalidate.error {
    color: #455b70!important
}

.fmclist {
    padding: 0;
    float: left;
    position: relative;
    margin: 10px 0 0 35px
}

.fmclist li {
    float: left;
    width: 33.33333333%;
    margin: 20px 0 20px;
    list-style-type: none
}

.fmclist li:nth-child(1),
.fmclist li:nth-child(2) {
    width: 50%;
    padding: 0 0 0 70px;
    min-height: 130px
}

.fmclist li:nth-child(1) {
    padding-left: 135px
}

.fmclist li .usercircle {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 100%;
    border: 0 solid #fff
}

.fmclist li .usercircle img {
    width: 100%;
    height: 100%
}

.fmclist li .usernameweb {
    width: 70%;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 20px 20px 10px 0
}

.fmclist li .usernameweb a {
    color: #96c517;
    text-decoration: none
}

a.info {
    text-decoration: none;
    display: inline-block;
    position: absolute;
    font-weight: 700;
    background: 0 0;
    cursor: default;
    font-size: 18px;
    color: #999;
    outline: 0;
    height: 18px;
    float: right;
    width: 18px;
    z-index: 99
}

a.info>i {
    color: #80a718
}

a.info>i .popover {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    background-color: #e6f0ce;
    border: 1px solid #80a71a;
    font-family: 'Segoe UI';
    text-transform: lowercase;
    position: absolute;
    border-radius: 2px;
    padding: 5px 10px;
    line-height: 18px;
    font-size: 13px;
    display: block!important;
    bottom: -15px;
    width: 270px;
    height: 65px;
    color: #333;
    z-index: 4;
    left: 30px;
    top: -20px
}

#preferredContactDiv .popover.right>.arrow::after {
    border-right-color: #80a71a
}

#preferredContactDiv .popover.bottom>.arrow::after {
    border-bottom-color: #80a71a
}

#preferredContactDiv .popover.top>.arrow::after {
    border-top-color: #80a71a
}

#preferredContactDiv .popover.left>.arrow::after {
    border-left-color: #80a71a
}

#slider {
    overflow: visible!important
}

div[class*=col-]>.popover {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    max-width: 380px!important;
    width: 380px!important;
    background-color: #e6f0ce;
    border: 1px solid #80a71a;
    font-family: 'Segoe UI';
    position: absolute;
    border-radius: 2px;
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px;
    z-index: 9999;
    display: none;
    color: #333;
    left: 347px;
    top: 0
}

div[class*=col-]:hover>.popover {
    display: block
}

div[class*=col-]>.popover:before {
    width: 0;
    height: 0;
    top: 20px;
    left: -20px;
    content: '';
    display: block;
    border-width: 10px;
    position: absolute;
    border-style: solid;
    border-color: transparent #80a718 transparent transparent
}

div[class*=col-]>.popover ul {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0;
    line-height: 19px;
    position: relative
}

div[class*=col-]>.popover ul li {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 19px;
    position: relative;
    list-style-type: none
}

div[class*=col-]>.popover ul li:before {
    top: 0;
    left: 0;
    float: left;
    color: #759e16;
    font-size: 10px;
    content: "\f0a3";
    position: absolute;
    font-family: FontAwesome
}

.mobilecode {
    color: #333;
    font-size: 14px;
    line-height: 1.9;
    position: relative;
    font-family: Segoe UI
}

.form-group-default div[class*=mobno] div span {
    float: left
}

#slider .form-group-default div[class*=mobno] div[class*=w-]>.form-control,
.form-group-default div[class*=mobno] div>.form-control {
    margin: 0 0 0 10px!important;
    height: auto!important;
    width: auto!important;
    min-height: 22px;
    line-height: 1.9!important;
    text-align: left;
    float: left
}
#sitefaq .table-data {
    border: 1px solid #333;
}
#sitefaq .table-data td, #sitefaq .table-data th {
    padding: 10px;
    border: 1px solid #333;
    vertical-align: top;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #slider .form-group-default div[class*=mobno] div[class*=w-]>.form-control {
	margin: 0 0 0 10px!important
    }
}

#otp-align {
    width: 150px;
    margin: auto
}

#contactform .mobno span {
    margin-top: -3px;
    font-family: Arial;
    color: #555
}

#contactform .mobno #cmobileno {
    margin-top: -3px!important
}

#contactform .mobno {
    height: 21px
}

#cmessage {
    resize: none
}

h1#welcomeIdTrigger {
    font-family: 'open sans'!important;
    font-weight: 700!important;
    font-size: 35px!important;
    margin-bottom: 5px!important;
    margin-top: 12px
}

#slider .run-text-info {
    float: left
}

.captcha-refresh {
    position: absolute;
    right: 137px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .captcha-refresh {
	position: absolute;
	right: 145px
    }
}

.card-3 #confemail-error,
.card-3 #confmobile-error,
.card-3 #email-error,
.card-3 #mobile-error {
    margin-top: -2px
}

.card-3 #confemail-error,
.card-3 #email-error {
    margin-bottom: 0
}

.nowrap {
    white-space: nowrap!important
}

.intro+ul {
    list-style: outside none none;
    margin: 15px 0 0 30px;
    padding: 0
}

.intro+ul li {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px
}

.intro+ul li:before {
    content: "\f043";
    font-family: FontAwesome;
    color: #80a718;
    font-size: 16px;
    margin-right: 7px
}

.about-text {
    color: #333
}

#tf-contact .form-control#cmobileno {
    padding: 0 5px;
    width: 85%!important;
    margin-left: 0!important
}

#tf-about .abtlst,
#tf-about .abtlst ul,
.abtlst,
.abtlst ul,
.fs-info,
.fs-info ul {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0;
    position: relative
}

#tf-about abtlst li,
.abtlst li,
.fs-info ul li {
    float: left;
    margin: 0 0 0;
    width: 33.333333%;
    padding: 0 20px 0;
    position: relative;
    list-style-type: none
}

.fs-info ul li .subisdy-cir {
    width: 115px;
    margin: 15px auto
}

.fs-info ul li .subisdy-cir .green-circle {
    float: left;
    width: 115px;
    height: 115px;
    text-align: center;
    position: relative;
    border-radius: 100%;
    background: #80a718;
    padding: 20px 20px 20px
}

.fs-info ul li .subisdy-cir .green-circle i {
    font-size: 70px;
    color: #fff
}

#tf-about .abtlst li,
.abtlst li {
    width: 46%;
    float: left;
    padding: 0 0 0;
    position: relative;
    margin-right: 30px;
    list-style-type: none
}

.abtlst li {
    width: 46%!important
}

#tf-about .abtlst li:last-child,
.abtlst li:last-child {
    margin-right: 0
}

#tf-about .abtlst li .green-squ,
.abtlst li .green-squ {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    position: relative;
    padding: 10px 10px;
    background: #759e16;
    text-align: center
}

#tf-about .abtlst li .green-squ i,
.abtlst li .green-squ i {
    color: #fff;
    font-size: 35px
}

#tf-about .abtlst li .green-squ+div[class*=w-],
.abtlst li .green-squ+div[class*=w-] {
    width: 70%!important
}

#sitemediacenter .media-centerlst,
#sitemediacenter .media-centerlst ul,
#tf-media .media-center-list,
#tf-media .media-center-list ul {
    width: 100%;
    float: left;
    margin: 0 0 0;
    position: relative;
    background: #f2f2f2;
    padding: 20px 20px 0
}

#sitemediacenter .media-centerlst,
#sitemediacenter .media-centerlst div[class*=w-] ul {
    padding: 0 0 0;
    border: 0 solid #fff;
    background: none transparent
}

#tf-media .media-center-list div[class*=w-] ul {
    padding: 40px 20px 40px
}

#sitemediacenter .media-centerlst,
#tf-media .media-center-list {
    background: 0 0
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li,
#tf-media .media-center-list li {
    font-family: OpenSans-Regular!important;
    list-style-type: none;
    margin-bottom: 35px;
    position: relative;
    padding: 0 15px 0;
    width: 100%;
    float: left
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li {
    margin-bottom: 30px;
    min-height: 380px
}

#tf-media .media-center-list ul.twocolumn li {
    width: 50%;
    float: left
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li,
#tf-media .media-center-list ul.threecolumn li {
    width: 33.33333%;
    float: left
}

#sitemediacenter .media-centerlst div[class*=w-]>ul div:first-child li,
#tf-media .media-center-list ul.threecolumn li:first-child,
#tf-media .media-center-list ul.twocolumn li:first-child {
    padding-left: 0
}

#sitemediacenter .media-centerlst div[class*=w-]>ul div:last-child li,
#tf-media .media-center-list ul.threecolumn li:last-child,
#tf-media .media-center-list ul.twocolumn li:last-child {
    padding-right: 0
}

#sitemediacenter .media-centerlst div[class*=w-]>ul div:nth-child(3n+2) li,
#tf-media .media-center-list ul.threecolumn li:nth-child(3n+2) {
    border-right: 1px dotted #999;
    border-left: 1px dotted #999
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li div[class*=w-]:nth-child(2),
#tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
    height: auto
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li div[class*=w-]:nth-child(2) img,
#tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) img {
    width: 100%;
    height: auto
}

#sitemediacenter .media-centerlst ul li .date,
#tf-media .media-center-list li .date {
    width: 45px;
    color: #fff;
    float: left;
    height: 50px;
    padding: 5px 6px;
    line-height: 14px;
    margin-right: 10px;
    text-align: center;
    border-radius: 6px;
    position: relative;
    background: #759e16
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li .header-name,
#tf-media .media-center-list li .header-name {
    width: 78%;
    color: #333;
    float: left;
    height: 75px;
    overflow-y: hidden;
    padding: 0 0 0;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    line-height: 19px;
    position: relative;
    font-family: OpenSans-Regular!important
}

#tf-media .media-center-list li .header-name {
    padding-top: 20px
}

#tf-media .media-center-list ul.threecolumn li .header-name,
#tf-media .media-center-list ul.twocolumn li .header-name {
    padding-top: 0
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li .header-name {
    width: 76%;
    font-size: 15px;
    font-weight: 500
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li.cent-border {
    border-left: 1px dotted #a9a9a9;
    border-right: 1px dotted #a9a9a9
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li div[class*=pos-]:nth-child(2)>div[class*=col-],
#tf-media .media-center-list li>div[class*=pos-]:nth-child(2)>div[class*=col-]:nth-child(2) {
    padding: 0 0 0 15px!important
}

#tf-media .media-center-list li>div[class*=pos-]:nth-child(2)>div[class*=col-]:nth-child(1) {
    padding: 0 0 0!important
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li div[class*=pos-]:nth-child(2)>div[class*=col-]>img,
#tf-media .media-center-list li div[class*=pos-]:nth-child(2)>div[class*=col-]>img {
    width: 100%
}

#sitemediacenter .media-centerlst div[class*=w-]>ul li div[class*=pos-]:nth-child(2)>div[class*=col-]>.sample-txt,
#tf-media .media-center-list li div[class*=pos-]:nth-child(2)>div[class*=col-]>.sample-txt {
    top: 35%;
    float: left;
    left: 17%;
    width: auto;
    height: auto;
    color: #d63d38;
    font-size: 40px;
    line-height: 21px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    padding: 15px 35px 15px;
    border: 5px solid #d63d38;
    transform: rotate(-17deg);
    font-family: OpenSans-Regular!important
}

#tf-download .overlay {
    border: #8fb037 2px solid;
    background: #f6f6f6;
    border-right: 0;
    border-left: 0
}

#tf-download .mobile-app .mobile-thumb {
    float: left;
    width: 100px;
    padding: 0 0 0;
    margin-right: 15px;
    position: relative
}

#tf-download .mobile-app .mobile-name {
    width: 75%;
    float: left;
    padding: 0 0 0;
    position: relative
}

.fuelreg-info {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    position: relative;
    border: solid 0 #333
}

.fuelreg-info>.info-title {
    background: #e02327;
    position: relative;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    float: left;
    width: 100%
}

.fuelreg-info table {
    position: relative;
    display: table;
    width: 100%;
    float: left
}

.fuelreg-info table thead tr th {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background: #80a718;
    padding: 10px 8px 10px;
    text-transform: initial;
    font-family: 'open sans';
    border: 1px solid #7fa719
}

.fuelreg-info table tbody tr td {
    color: #2c3e50;
    font-size: 22px;
    background: #fff;
    text-align: center;
    font-weight: 400;
    padding: 15px 10px 15px;
    border: 1px solid #959595;
    font-family: OpenSans-Semibold
}

.visitor-count,
.visitor-count ul {
    float: right;
    width: 100%;
    padding: 0;
    position: relative
}

.visitor-count ul {
    margin: 0;
    padding: 0 0 0;
    text-align: center
}

.visitor-count ul li {
    float: left;
    color: #fff;
    width: 40px;
    height: 50px;
    padding: 12px 6px;
    font-size: 38px;
    font-weight: 700;
    margin-right: 5px;
    text-align: center;
    background: #333;
    list-style-type: none;
    font-family: OpenSans-Regular!important;
    display: inline-block
}

.visitor-count ul li:last-child {
    margin-right: 0
}

iframe {
    border: solid 0 #fff
}

.video-content {
    left: 0;
    width: 95%;
    top: 200px;
    float: left;
    margin: 0 0 0;
    text-align: center;
    padding: 0 20px 0;
    position: absolute
}

.contact-info {
    width: 350px;
    height: 175px;
    float: left;
    padding: 15px;
    background: #f9fbf3;
    border: 1px solid #c2c2c2
}

.rig-bor {
    position: relative;
    padding-left: 22px
}

.rig-bor:before {
    top: 0;
    left: 10px;
    content: "";
    height: 60px;
    position: absolute;
    border-left: 1px solid #959595
}

#contactform {
    position: relative
}

#contactform:after {
    content: "";
    position: absolute;
    right: -30px;
    height: 334px;
    border-left: 1px dotted #959596;
    top: 0
}

#marquee>.content {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin: 0 auto
}

#marquee>.content>.containers {
    width: 100%;
    background: #fff;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 35px;
    position: relative;
    border: 2px solid #80a718
}

.marquee-sibling {
    padding: 0;
    background: #80a718;
    width: 130px;
    height: 35px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 500
}

.marquee,
[class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    text-align: center
}

.marquee {
    margin-left: 25%
}

.marquee-content-items {
    display: inline-block;
    padding: 7px;
    margin: 0;
    height: 35px;
    position: relative
}

.marquee-content-items li {
    display: inline-block;
    line-height: 20px;
    color: #333
}

.marquee-content-items li {
    color: #010101;
    font-weight: 500;
    font-family: OpenSans-Regular
}

.marquee-content-items li span {
    color: #333;
    font-weight: 700;
    font-size: 12px;
    padding-left: 10px
}

.marquee-content-items li:after {
    content: "|";
    margin: 0 1em
}

.green-box {
    width: 58px;
    height: 58px;
    background-color: #759e16;
    float: left;
    text-align: center
}

.green-box i {
    color: #fff;
    font-size: 35px;
    line-height: 58px
}

.read-more {
    width: 112px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #759e16;
    display: inline-block;
    color: #fff!important;
    text-align: center;
    line-height: 34px
}

.read-more:hover {
    color: #fff
}

#siteabout .overlay,
#siteelectricity_water .overlay,
#sitefuelsubsidy .overlay,
#sitemediacenter .overlay {
    margin: 150px 0 50px;
    padding: 20px 0 0
}

#siteabout .overlay ul.abtlist-dtls {
    width: 100%;
    float: left;
    padding: 0 0 0;
    margin: 0 0 0 35px;
    position: relative
}

#siteabout .overlay ul.abtlist-dtls li {
    font-family: OpenSans-Regular!important;
    list-style-type: none;
    padding: 0 0 0 25px;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    margin: 0 0 0;
    width: 100%;
    color: #333;
    float: left
}

#siteabout .overlay ul.abtlist-dtls li:before {
    top: 0;
    left: 0;
    float: left;
    color: #759e16;
    font-size: 14px;
    content: "\f043";
    position: absolute;
    font-family: FontAwesome
}

#sitemediacenter .media-center-list {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    position: relative;
    background: #f2f2f2;
    padding: 0 0 0;
    border: 1px solid #c2c2c2
}

#sitemediacenter .media-center-list .media-inner {
    padding: 0 0 30px
}

#sitemediacenter .media-center-list .date {
    font-family: OpenSans-Regular!important;
    background: #80a718;
    padding: 1px 6px;
    font-size: 14px;
    color: #fff;
    width: auto;
    float: left
}

.media-tab {
    width: 100%;
    float: left;
    margin: 0 0 0;
    padding: 0 0 0;
    position: relative;
    background: #fbfbfb
}

.media-tab ul.tabs {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #9a9a9a
}

.media-tab ul.tabs li {
    font-family: OpenSans-Regular!important;
    border-right: 1px solid #9a9a9a;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    background: 0 0;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    color: #9a9a9a;
    float: left;
    width: auto
}

.media-tab ul.tabs li i.icon {
    margin-right: 6px
}

.media-tab ul.tabs li span {
    padding: 4px 0 0
}

.media-tab ul.tabs li.current {
    background: 0 0;
    position: relative;
    color: #333;
    float: left;
    width: auto
}

.media-tab ul.tabs li.current::after {
    border: solid #fff 1px;
    position: absolute;
    content: "";
    width: 100%;
    top: 100%;
    left: 0
}

.media-tab .tab-content {
    padding: 30px 30px 30px;
    background: #fbfbfb;
    position: relative;
    display: none;
    margin: 0 0 0;
    float: left;
    width: 100%
}

.media-tab .tab-content.current {
    display: inherit
}

.media-single>img {
    margin: 0 20px 20px 0
}

.media-single ul {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0;
    position: relative
}

.media-single li {
    list-style-type: none;
    padding: 0 0 0;
    line-height: 23px;
    float: left;
    width: 100%
}

#sitetraffic {
    background: url(../../img/landing/swirl_pattern.png) top left repeat
}

#sitetraffic .navbar-default {
    border-bottom: 5px solid #e02327;
    min-height: 100px;
    float: left
}

#sitetraffic .bg-blue50 {
    background: url(../../img/landing/traffic-blue-bg.jpg) bottom left repeat-x;
    width: 100%;
    float: left;
    height: auto;
    margin-top: 85px;
    padding: 50px 0;
    position: relative
}

#sitetraffic .bg-blue50 .trafficinfo {
    width: 65%;
    padding: 0 0 0;
    margin: 0 auto;
    position: relative
}

#sitetraffic .bg-blue50 .trafficinfo>.trafficbox-white {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 35px 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    font-family: OpenSans-Regular!important
}

#sitetraffic .bg-blue50 .trafficinfo>.trafficbox-white .btn-try {
    font-family: OpenSans-Regular!important;
    border: 0 solid #fff;
    background: #88ac20;
    padding: 10px 45px;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    color: #fff
}

#sitetraffic nav#footer {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 0 0;
    border-top: 10px solid #80a718;
    float: left;
    width: 100%
}


#tf-contact .overlay {
    padding: 125px 0
}
#tf-team .overlay {
    padding: 50px 0 60px
}
#tf-info .overlay {
    padding: 100px 0 0
}
#tf-about .overlay {
    padding: 96px 0 30px
}
#tf-media .overlay {
    padding: 82px 0 0
}
#tf-download {
    padding: 121px 0 0
}

.m-l-30 {
    margin-left: 30px!important
}

.m-l-60 {
    margin-left: 60px!important
}

.swal2-modal .sweetalt-foot>div button.swal2-styled:nth-child(2) {
    margin-right: 10px
}

#tf-contact .contact-info+div {
    padding-left: 65px
}

#slider .banner-run-txt img[class*=ramadan] {
    display: none
}
@media screen and (max-width:1280px) {
    #tf-team .stakholder div[class*=w-] img {
	width: auto!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 50px 0 20px!important
    }
    form#contactform .row:nth-child(4) div[class*=col-] {
	width: 100%;
	padding-right: 0
    }
    .popover,
    div[class*=col-]>.popover {
	left: 47%;
	height: 200px;
	top: 0!important;
	width: 420px!important;
	bottom: 30px!important;
	margin: -15px 15px 0 0;
	max-width: 420px!important
    }
    div[class*=col-]>.popover {
	left: 330px
    }
    .banner-img-desktop {
        padding: 12% 5% 10% 5% !important;
    }
}

@media (max-width:1170px) {
    .container {
	width: 1130px
    }
    #tf-contact .overlay {
	padding: 120px 0
    }
    #tf-team .overlay {
	padding: 100px 0 60px
    }
    #tf-info .overlay {
	padding: 100px 0 0
    }
    #tf-about .overlay {
	padding: 120px 0 60px
    }
    #tf-media .overlay {
	padding: 100px 0 0
    }
    #tf-download {
	padding: 130px 0 0
    }
    .visitor-count {
	padding: 0 20px 0
    }
    form#contactform .row:nth-child(4) div[class*=col-] {
	width: 100%;
	padding-right: 0
    }
    #tf-download .overlay .app-download a img {
	width: 100%
    }
    #tf-download .overlay .app-download {
	text-align: center
    }
    #tf-download .overlay .app-download a {
	width: 150px!important;
	float: none
    }
    .fmclist li:nth-child(1) {
	padding-left: 115px
    }
    .fmclist li .usercircle {
	width: 85px;
	height: 85px
    }
}

@media screen and (max-width:1152px) {
    .visitor-count {
	padding: 0 25px 0
    }
    #tf-info .nssinfo-dtls>div[class*=col-] {
	padding: 0 25px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] {
	padding: 0 35px!important
    }
}

@media (max-width:1024px) {
    .m-l-100 {
	margin-left: 35px!important
    }
    .container {
	width: 996px
    }
    #tf-contact .overlay {
	padding: 110px 0
    }
    #tf-home .overlay {
	/*padding: 80px 0*/
    }
    #tf-info .overlay {
	padding: 100px 0 0
    }
    #tf-team .overlay {
	padding: 100px 0 50px
    }
    #tf-about .overlay {
	padding: 102px 0 60px
    }
    .visitor-count {
	padding: 0 6px 0
    }
    .section-title.center h2 {
	font-size: 25px
    }
    #footer .font-13 {
	font-size: 12px!important
    }
    .fmclist li .usernameweb {
	width: 66%!important
    }
    div[class*=col-]>.popover {
	left: 280px
    }
    .abtlst li,
    .fs-info ul li {
	padding: 0 10px 0!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-] {
	padding: 0 25px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] {
	padding: 0 35px!important
    }
    #tf-about .abtlst li {
	width: 48%;
	margin-right: 15px;
	padding: 0 0 0!important
    }
    #tf-about iframe {
	width: 100%;
	height: 350px
    }
    #tf-about .aboutdtls>div[class*=col-]>img {
	width: 100%
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content {
	width: 98%
    }
    #tf-about .abtlst li .green-squ+div[class*=w-],
    .abtlst li .green-squ+div[class*=w-] {
	width: 68%!important;
	font-size: 15px
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 40px 0 20px!important
    }
    #tf-download .mobile-app {
	width: 45%!important
    }
    #tf-download .mobile-app .mobile-name {
	width: 70%!important
    }
    #tf-download .mobile-app+div[class*=col-] {
	width: 55%!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 28px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 20px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 45px!important
    }
    #tf-download a.qrcode img {
	width: 100%!important
    }
    #tf-contact .overlay .contact-tab>div[class*=col-xs-push] {
	left: 0
    }
    #sitemediacenter .media-centerlst>ul>li .header-name {
	width: 78%;
	font-size: 14px
    }
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	padding: 0 0 0 35px
    }
    .fmclist li:nth-child(1) {
	padding-left: 27px
    }
    nav#footer .fnav {
	float: none!important;
	margin: auto;
	height: auto;
	text-align: center;
	display: table;
    }
/*    #slider ul li{
	padding: 50px 0 20px;
    }*/
 
	#tf-menu.navbar-default .navbar-nav>li>a
	{
	    font-size:12px;
	    padding:7px 7px ;
	}
    .banner-img-desktop {
        width: 60% !important;
        padding: 10% 5% !important;
    }    
}

@media (max-width:979px) {
    
    
    .container {
	width: 97%;
	padding:0px 20px;
	    
    }
    #tf-team .overlay {
	padding: 110px 0 60px
    }
    #tf-contact .overlay {
	padding: 125px 0 60px
    }
    #tf-about .overlay {
	padding: 130px 0 60px
    }
    #tf-about .abtlst li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	padding: 0 0 0!important
    }
    .visitor-count {
	padding: 0 0 0
    }
    #tf-about iframe {
	width: 100%;
	height: 300px
    }
    .fs-info ul li span:nth-child(1) {
	font-size: 15px!important
    }
    .fs-info ul li span:nth-child(3) {
	font-size: 17px!important
    }
    .visitor-count ul {
	margin: 0 0 0
    }
    .visitor-count ul li {
	margin-right: 4px
    }
    #tf-team .stakholder div[class*=w-] img {
	width: auto!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 70px 0 20px!important
    }
    form#contactform .row:nth-child(4) div[class*=col-] {
	width: 100%;
	padding-right: 0
    }
    #captchavalidate1 {
	width: 50%
    }
    #sitemediacenter .media-centerlst>ul>li .header-name {
	width: 75%;
	font-size: 13px
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    .fmclist li .usernameweb {
	padding: 20px 5px 10px 0
    }
    .fmclist li:nth-child(1) {
	padding-left: 26px
    }
    
}

@media (max-width:860px) {
    #tf-home .overlay {
	height: auto
    }
    #slider ul li {
	padding: 60px 0 40px
    }
    #slider ul li:nth-child(2) {
	padding-top: 80px
    }
    #tf-team .overlay {
	padding: 150px 0 50px
    }
    #tf-media .overlay {
	padding: 160px 0 0
    }
    #tf-contact .overlay {
	padding: 155px 0
    }
    #tf-about .overlay {
	padding: 180px 0 60px
    }
    .container {
	width: 830px;
        max-width: 100%;
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav {
	margin: 0 0 10px!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav:nth-child(2) {
	margin-bottom: 0!important
    }
    .card a[class*=next-] {
	right: -25px
    }
    .card a[class*=back-button] {
	left: -25px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) {
	margin-top: 25px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info {
	width: 48%;
	float: none;
	margin: 0 auto
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info:nth-child(2) {
	margin: 0 0 0 15px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 33% 0
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(1) {
	padding: 0 0
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(2) {
	width: 100%
    }
    #tf-about .abtlst li {
	width: 40%
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 350px;
	position: relative;
	border: 0 solid #fff
    }
    #contactform:after {
	display: none
    }
    form#contactform .row>div[class*=col-] {
	width: 50%
    }
    form#contactform .row:nth-child(4) div[class*=col-] {
	width: 100%;
	padding-right: 0
    }
    form#contactform .row:nth-child(5)>div[class*=col-] {
	width: 100%
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(1) {
	padding-right: 10px!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) {
	padding-left: 10px!important
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-] {
	width: 50%
    }
    #captchavalidate1 {
	width: 44%
    }
    .container>.navbar-header>.left-logo {
	margin: 5px 0 0!important
    }
    .fmclist {
	margin: 10px 0 0 150px!important
    }
    #tf-download .mobile-app .mobile-name {
	width: 67%!important;
	line-height: 15px
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 24px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 17px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 35px!important
    }
    #tf-download .overlay .app-download a {
	width: 135px!important
    }
    #tf-team .stakholder div[class*=w-] img {
	width: auto!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 0 0 40px!important
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist {
	margin: 10px 0 0 30px!important
    }
    .media-tab .tab-content {
	padding: 30px 10px 30px
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul li .header-name,
    #tf-media .media-center-list li .header-name {
	width: 74%;
	font-size: 14px
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    .fmclist li {
	width: 50%
    }
    .fmclist li .usernameweb {
	padding: 20px 5px 10px 0;
	width: 73%!important
    }
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	padding: 0 0 0
    }
    .fmclist li:last-child {
	width: 100%;
	margin: 0 0 0;
	padding: 0 25% 0
    }
    #slider .banner-run-txt img[class*=ramadan] {
	display: block;
	margin: 0%!important;
    width: 100% !important;
	
    }
/*    #slider ul li:nth-child(2)
    {
	padding-top: 120px !important;
    }
    #slider ul li:nth-child(3)
    {
	padding-top:90px !important;
    }
     .image-1,
    .image-2,
    .image-3,
    .image-4,
    .image-5,
    .image-6 {
	background: url(../../img/landing/rama-mobile.jpg?ver=1) left center !important;
	background-size: cover!important
    }*/
}

@media (max-width:768px) {
    .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/ramadan_bannern_mobile_2023.jpg) center center !important;
        background-size: cover !important;
    }
    .container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
    }
    .navbar-nav li {
	margin: 0 3px 0 0
    }
    #tf-menu a.navbar-brand {
	width: 40%;
	float: left;
	margin: 15px 15px 0 0!important
    }
    #tf-home .overlay {
	padding: 100px 0 0!important
    }
    #tf-about .overlay {
	padding: 180px 0 60px
    }
    #tf-team .overlay {
	padding: 50px 0 60px
    }
    #tf-download {
	padding: 180px 0 0
    }
    #tf-contact .overlay {
	padding: 165px 0 20px
    }
    .card a[class*=next-] {
	right: -25px
    }
    .card a[class*=back-] {
	left: -25px
    }
    .img-responsive {
	width: 100%!important
    }
    .navbar-right {
	margin-right: 0!important
    }
    nav#footer p {
	text-align: center
    }
    nav#footer p span {
	width: 100%
    }
    nav#footer p img {
	float: none!important
    }
    #tf-home .back-button {
	left: -25px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info {
	width: 100%;
	margin-right: 15px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 30% 0
    }
    #slider #unauthorizedOTPConfirmPage .form-group-default {
	margin: 0 0 0!important
    }
    #tf-download .mobile-app {
	width: 45%
    }
    #tf-download .mobile-app+div[class*=col-] {
	width: 55%!important;
	margin-top: 20px
    }
    #tf-download .mobile-app .mobile-name {
	width: 64%!important;
	line-height: 15px
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 20px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 14px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 25px!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]>span {
	margin-top: 0!important;
	font-size: 16px
    }
    #tf-download .overlay .app-download a {
	width: 125px!important;
	margin-right: 20px
    }
    #tf-download .overlay .app-download a:last-child {
	margin-right: 0
    }
    #captchavalidate1 {
	width: 50%
    }
    #contactform:after {
	display: none
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(1) {
	padding-right: 10px!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) {
	padding-left: 10px!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info {
	width: 100%!important
    }
    .media-tab .tab-content {
	padding: 30px 6px 30px
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul li,
    #tf-media .media-center-list ul.threecolumn li,
    #tf-media .media-center-list ul.twocolumn li {
	width: 50%
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul div:first-child li,
    #sitemediacenter .media-centerlst div[class*=w-]>ul div:last-child li,
    #tf-media .media-center-list ul.threecolumn li:first-child,
    #tf-media .media-center-list ul.threecolumn li:last-child,
    #tf-media .media-center-list ul.twocolumn li:first-child,
    #tf-media .media-center-list ul.twocolumn li:last-child {
	padding: 0 15px 0
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul div:nth-child(3n+2) li,
    #tf-media .media-center-list ul.threecolumn li:nth-child(3n+2) {
	border-right: 0 solid
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul li .header-name,
    #sitemediacenter .media-centerlst>ul>li .header-name {
	width: 73%;
	font-size: 14px
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    #sitemediacenter .media-centerlst>ul>li.cent-border {
	border: solid #fff 0
    }
    #nssMobile .modal-dialog {
	width: 75%;
	margin: 0 auto!important
    }
    .fmclist li,
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	width: 50%
    }
    .fmclist li .usernameweb {
	font-size: 14px
    }
    #slider .banner-run-txt {
	padding-top: 0px!important;
    }
	
    #slider .banner-run-txt div[class*=appstore] a img,
    #slider .banner-run-txt img.lazyload {
	width: inherit;
    }
    #slider .banner-run-txt div[class*=appstore] a {
	width: auto;
	float: none
    }
    #slider .banner-run-txt img[class*=ramadan].nationalday {
	width: 100%!important
    }

    .banner-run-txt {
        width: calc(50%) !important;
    }
    #registrationTrigger {
        width: 100% !important;
    }
}

@media (max-width:767px) {
    #tf-menu.navbar-default {
	min-height: 95px
    }
    nav .navbar-header {
	padding-bottom: 15px
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 350px;
	position: relative;
	border: 0 solid #fff
    }
    nav .navbar-collapse.in {
	overflow-y: initial
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	float: left;
	width: 43%!important;
	height: auto!important;
	margin: 15px 0 0 5px!important
    }
    nav .navbar-collapse div[class*=container]>ul,
    nav .navbar-collapse div[class*=container]>ul li {
	width: auto;
	float: left
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav {
	margin: 0 0 10px!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right {
	float: right
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav .open .dropdown-menu {
	margin-top: 7px
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right li:first-child {
	margin-left: 0
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right li {
	margin-bottom: 0!important
    }
    #tf-home {
	padding-top: 0;
	position: relative
    }
    #tf-home p.lead {
	font-size: 15px
    }
    #tf-home .content {
	padding: 0 0 30px!important;
	position: relative;
	text-align: center
    }
    #slider .banner-run-txt {
	top: 0;
	width: 100%;
	float: left;
	position: relative
    }
    .container-fluid>.navbar-header,
    .container>.navbar-header {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px
    }
    #tf-about .overlay {
	padding: 30px 0 40px
    }
    #tf-team .overlay {
	padding: 70px 0 50px
    }
    #tf-media .overlay {
	padding: 80px 0 0
    }
    #tf-download {
	padding: 110px 0 0
    }
    #tf-contact .overlay {
	padding: 95px 0 0
    }
    .navbar-toggle {
	margin: 12px 8px!important
    }
    #tf-menu a.navbar-brand {
	width: 60%
    }
    .img-responsive {
	width: 100%!important
    }
    #verificationOnlyDiv #captchavalidate {
	width: 71.5%
    }
    .captcha-refresh {
	left: 137px;
	right: inherit
    }
    #slider ul li:nth-child(2) .card-1 .body div[class*=row]>div[class*=col-] {
	width: 100%
    }
    form#contactform .row:nth-child(5) div[class*=col-] {
	width: 50%
    }
    #tf-download .mobile-app {
	width: 100%!important;
	padding: 0 15%
    }
    #tf-download .mobile-app .mobile-name {
	width: 75%!important;
	line-height: 35px
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 44px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 27px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 65px!important
    }
    #tf-download .mobile-app+div[class*=col-] {
	width: 100%!important;
	padding: 0 10%;
	margin-top: 50px
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(1) {
	width: 75%!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(2) {
	width: 25%!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]>span {
	margin-top: 0!important;
	font-size: 22px
    }
    #tf-download .overlay .app-download {
	padding: 0 0
    }
    #tf-download .overlay .app-download a img {
	width: auto
    }
    #tf-download .overlay .app-download a {
	width: auto!important;
	margin-right: 40px
    }
    #tf-download a.qrcode img {
	width: auto!important
    }
    form#contactform .row:nth-child(5) div[class*=col-] {
	width: 100%
    }
    form#contactform .row:nth-child(4) div[class*=col-] {
	width: 100%;
	padding-right: 10px
    }
    
    #slider .banner-run-txt img[class*=ramadan] {
        display: block;
        margin-top: 7%!important;
        margin-bottom: 0%!important;
        
    }    
    #slider .banner-run-txt img.lazyload {
        width: auto;
    }
    #slider .banner-run-txt {
        padding-top: 20px!important;
    }
    .banner-run-txt {
        width: calc(100%) !important;
    }

}

@media screen and (min-width:979px) and (max-width:2048px) {
        #slider .banner-run-txt img[class*=ramadan] {
	display: none
    }
}
@media screen and (min-width:768px) and (max-width:2048px) {
    #nssMobile {
	display: none!important
    }

}
@media screen and (min-width:1000px) and (max-width:1024px) {
    .banner-img-desktop {
        padding: 15% 5% 10% 5% !important;
    }

}

@media screen and (max-width:736px) {
    #nssMobile {
	display: block
    }
    .subsidyinfobox {
	/*float: left;*/
	width: 100%;
	margin:0px auto;
    }
    .header
	{
	    padding:20px 20px 0px 20px;
	}
}

@media (max-width:736px) {
   .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/fuelbg.png) left center !important;
    }
    .card .fssimage {
	width: 140%;
	margin-top: 60px;
	margin-left: -20px
    }
    .navbar-nav {
	margin-bottom: 10px
    }
    #slider ul li {
	padding: 0 0 40px
    }
    #slider ul li:nth-child(2) {
	padding-top: 20px
    }
    #tf-menu.navbar-default {
	min-height: auto
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav {
	margin: 0 0 10px!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-nav:nth-child(2) {
	margin-bottom: 0!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info {
	width: 100%;
	margin-right: 15px
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 320px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 34px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 24px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 55px!important
    }
    #verificationOnlyDiv #captchavalidate {
	width: 70%;
	padding-left: 35px
    }
    #siteabout .overlay,
    #sitemediacenter .overlay {
	margin: 100px 0 50px;
	padding: 20px 0 0
    }
    #siteabout .overlay .container,
    #sitemediacenter .overlay .container {
	padding: 0 25px 0!important
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=pos-]:nth-child(2)>div[class*=col-],
    #tf-media .media-center-list li>div[class*=pos-]:nth-child(2)>div[class*=col-]:nth-child(2) {
	padding: 15px 0 0!important
    }
    .fmclist li,
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	width: 100%;
	padding: 0 20% 0
    }
    .fmclist li .usernameweb {
	font-size: 16px
    }
    #nssMobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1050;
	padding: 0 0 0!important
    }
    #nssMobile .modal-dialog {
	float: left;
	height: auto;
	margin: 0!important;
	padding: 0 0 0;
	position: relative;
	width: 100%!important;
	padding-right: 0!important;
	top: 0!important;
	left: 0!important;
	background: #fff
    }
    #nssMobile .modal-backdrop.in {
	opacity: 1
    }
    #nssMobile .modal-dialog-inner {
	height: auto;
	float: left;
	margin: 0!important;
	padding: 0 0 0;
	position: relative;
	width: 100%!important;
	top: 0!important;
	left: 0!important;
	background: url(../../img/landing/popup/popup-bg-min.jpg?ver=1);
	background-size: cover
    }
    #nssMobile .modal-body,
    #nssMobile .modal-content {
	float: left;
	position: relative;
	background: none transparent;
	width: 100%!important
    }
    #nssMobile .modal-body {
	padding-bottom: 0
    }
    #nssMobile .modal-body a.nothanks {
	position: absolute;
	background: #e02327;
	font-family: lato;
	padding: 10px 25px;
	text-align: center;
	line-height: 23px;
	font-size: 25px;
	float: right;
	width: auto;
	right: 0;
	top: 20px;
	color: #fff
    }
    #nssMobile .downloadapp {
	padding: 20px 50px 20px;
	background: #fff;
	position: fixed;
	height: 210px;
	float: left;
	width: 100%;
	bottom: 0
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(3) img {
	width: 55%
    }
    #nssMobile .downloadapp a img {
	margin-right: 0!important;
	margin-left: 0!important
    }
    #registrationTrigger
    {
	margin-top:0px;
	padding-top:0px !important
    }
}

@media screen and (max-width:640px) {
   .image-1, .image-2, .image-3,
    .image-4, .image-5, .image-6{
        background:url(../../img/landing/ramadan_bannern_mobile_2023.jpg) center center !important;
    }
    .card .fssimage {
	width: 140%;
	margin-top: 100px;
	margin-left: -20px
    }
    .card.welcome {
	padding: 30px 20px
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info {
	width: 100%;
	margin-right: 0
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 26% 0
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(1) {
	padding: 0 8%
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 280px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-team .stakholder div[class*=w-] img {
	width: auto!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 10px 0 40px!important
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist {
	margin: 10px 0 0 70px!important
    }
    form#contactform .row:nth-child(5) div[class*=col-] {
	width: 70%
    }
    #tf-download .mobile-app {
	width: 100%!important;
	padding: 0 8%
    }
    #tf-download .mobile-app+div[class*=col-] {
	padding: 0 4%
    }
    form#contactform .row:nth-child(5) div[class*=col-] {
	width: 100%
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-] {
	width: 60%
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-]:nth-child(2) {
	width: 40%
    }
    #siteabout .overlay,
    #sitemediacenter .overlay {
	margin: 100px 0 50px;
	padding: 20px 0 0
    }
    .media-single>img {
	width: 100%;
	margin-right: 0
    }
    #sitemediacenter .media-center-list .media-inner {
	padding: 15px 15px 15px
    }
    #tf-media .media-center-list ul.threecolumn li,
    #tf-media .media-center-list ul.twocolumn li {
	min-height: 396px
    }
    #sitemediacenter .media-centerlst>ul>li .header-name {
	width: 74%;
	font-size: 14px
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    #tf-media .media-center-list ul.threecolumn li:last-child {
	width: 100%;
	min-height: auto
    }
    #sitemediacenter .media-centerlst>ul>li iframe,
    #tf-media .media-center-list ul.threecolumn li iframe {
	width: 100%;
	height: auto
    }
    .popover,
    div[class*=col-]>.popover {
	left: 20px;
	min-height: 200px;
	top: 85px!important;
	width: 420px!important;
	bottom: 30px!important;
	margin: -15px 15px 0 0;
	max-width: 420px!important
    }
    div[class*=col-]>.popover:before {
	width: 0;
	height: 0;
	left: 20%;
	top: -20px;
	content: '';
	display: block;
	border-width: 10px;
	position: absolute;
	border-style: solid;
	border-color: transparent transparent #80a718 transparent
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 23px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 18px!important
    }
    #nssMobile .downloadapp a {
	height: auto;
	float: left
    }
    .fmclist li,
    .fmclist li:last-child,
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	width: 100%;
	padding: 0 5% 0
    }
/*    #slider ul li:nth-child(2)
    {
	padding-top:0px !important;
    }
    #slider ul li:nth-child(3)
    {
	padding-top:0px !important;
    }*/
}

@media screen and (max-width:568px) {
    .captcha-refresh {
	left: 123px;
	right: inherit
    }
    #verificationOnlyDiv #captchavalidate {
	width: 61%;
	padding-right: 35px
    }
    #tf-info .nssinfo-dtls>div[class*=col-] {
	padding: 0 8px!important
    }
/*    #slider .welcmtxt {
	font-size: 40px!important;
	margin-top:0px !important;
	margin-bottom:0px !important;
    }*/
    
    #slider .banner-run-txt div[class*=w-] img {
	width: 100%;
    }
    #slider .banner-run-txt div[class*=appstore] a {
	margin-bottom: 0px
    }
    #slider .banner-run-txt div[class*=appstore] a>img {
	width: auto!important;
	padding-bottom: 0
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l],
    .fs-info ul li {
	padding: 0 15px!important
    }
    #tf-info .nssinfo-dtls .fs-info ul li {
	padding: 0 5px 0!important
    }
    .welcome div[class*=row]>div[class*=col-] {
	width: 100%!important
    }
    .card .fssimage {
	width: 30%;
	margin-top: 0;
	margin-left: -20px
    }
    #tf-about .abtlst li {
	width: 48%
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(1) {
	padding: 0 2%
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 23% 0
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 250px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-team .stakholder div[class*=w-] img {
	width: auto!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 10px 0 40px!important
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist {
	margin: 10px 0 0 70px!important
    }
    #tf-download .overlay .app-download a {
	width: 160PX!important;
	margin-right: 35px
    }
    #tf-download .overlay .app-download a img {
	width: 100%
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-] {
	width: 75%
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-]:nth-child(2) {
	width: 25%
    }
    form#contactform .row:nth-child(1)>div[class*=col-] {
	width: 100%
    }
    .popover,
    div[class*=col-]>.popover {
	left: 0;
	min-height: 200px;
	top: 85px!important;
	width: 100%!important;
	bottom: 30px!important;
	margin: -15px 15px 0 0;
	max-width: 100%!important
    }
    div[class*=col-]>.popover:before {
	width: 0;
	height: 0;
	left: 20%;
	top: -20px;
	content: '';
	display: block;
	border-width: 10px;
	position: absolute;
	border-style: solid;
	border-color: transparent transparent #80a718 transparent
    }
    #sitemediacenter .media-centerlst>ul>li .header-name,
    #tf-media .media-center-list ul.threecolumn li .header-name,
    #tf-media .media-center-list ul.twocolumn li .header-name {
	width: 75%;
	font-size: 15px;
	padding-top: 5px
    }
    #tf-media .media-center-list ul.threecolumn li .header-name,
    #tf-media .media-center-list ul.twocolumn li .header-name {
	padding-top: 15px
    }
    #sitemediacenter .media-centerlst>ul li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul li,
    #tf-media .media-center-list ul.threecolumn li,
    #tf-media .media-center-list ul.twocolumn li {
	width: 100%;
	min-height: auto
    }
    .media-tab ul.tabs li {
	padding: 10px 15px
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul div:nth-child(3n+2) li,
    #tf-media .media-center-list ul.threecolumn li:nth-child(3n+2) {
	border-right: 0 dotted #999;
	border-left: 0 dotted #999
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 23px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 18px!important
    }
    #nssMobile .downloadapp a {
	width: 225px!important;
	height: auto;
	float: left
    }
    #nssMobile .downloadapp a:nth-child(1) {
	margin-right: 10px!important
    }
    #nssMobile .downloadapp a img {
	width: 100%!important
    }
    #tf-download a.qrcode img {
	width: 100%!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(2) {
	padding: 0 0 0
    }
   
    #slider .banner-run-txt img[class*=ramadan] {
	display: block;
	margin-top: 0%!important;
	margin-bottom: 0%!important;
	width:100% !important;
    }
    /*
    
    #slider .banner-run-txt div[class*=appstore]
    {

    margin-top: 10%;
    margin-bottom: 82%;

    }
    #registrationTrigger
    {
	margin-top:0px;
    }*/
/*    img.playstore
    {
	margin-top:40px !important;
	margin-bottom:40px !important;
    }
    
    #slider .banner-run-txt div[class*=appstore] {
	margin-top: 10%;
	    margin-bottom: 170px;
    padding-bottom: 70px !important;
    }*/
}

@media screen and (min-width:480px) and (max-width:767px) {
    .card a[class*=next-] {
	right: -20px!important
    }
    .card a[class*=back-] {
	left: -20px!important
    }
    .navbar-toggle {
	top: 20px;
	margin: 7px 0!important
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	float: left;
	width: 43%!important;
	margin: 15px 0 0 5px!important
    }
    #tf-menu .navbar-header .right-logo img,
    #tf-menu .navbar-header a.navbar-brand img {
	width: auto
    }
}

@media (max-width:480px) {
    .row {
	margin-right: -5px;
	margin-left: -5px
    }
    .container {
	padding-left: 15px;
	padding-right: 15px
    }
    .container.termcondi {
	padding-left: 15px!important;
	padding-right: 15px!important
    }
    .navbar-toggle {
	top: 15px;
	margin: 7px 0!important
    }
    #tf-download {
	padding: 70px 0 0
    }
    #tf-contact .overlay {
	padding: 75px 0 0
    }
    .navbar-header {
	padding-bottom: 5px
    }
    #slider .banner-run-txt div[class*=w-] img {
	width:100% !important;
    }
    #slider .banner-run-txt div[class*=appstore] {
	padding: 0 15px
    }
    #slider .banner-run-txt div[class*=appstore] a {
	width: 190px!important
    }
  
    #slider .banner-run-txt div[class*=appstore] a>img {
	width: auto!important;
	padding-bottom: 0;
	margin-bottom:20px;
    }
    #captchavalidate {
	width: 100%;
	margin-bottom: 10px
    }
    #captchavalidate-image {
	margin-left: 0
    }
    .card a[class*=back-] {
	left: -20px!important
    }
    .card a[class*=next-] {
	right: -20px!important
    }
    nav .navbar-collapse div[class*=container]>ul:first-child li a {
	padding: 7px 8px!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right {
	margin-top: 10px!important
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	float: left;
	width: 44%!important;
	margin: 15px 0 0 5px!important
    }
    #tf-menu .navbar-header .right-logo {
	text-align: center
    }
    #tf-menu .navbar-header .right-logo {
	margin: 10px 0 0 0!important
    }
    #tf-menu .navbar-header .right-logo img {
	width: 100%;
	float: none
    }
    #tf-menu .navbar-header a.navbar-brand img {
	width: 100%
    }
    #tf-info .nssinfo-dtls .fs-info ul li {
	width: 50%
    }
    #tf-info .nssinfo-dtls .fs-info ul li:nth-child(3) {
	width: 100%;
	margin-top: 15px
    }
    #tf-info .nssinfo-dtls .fs-info ul li span:nth-child(1) {
	font-size: 15px!important
    }
    #tf-info .nssinfo-dtls .fs-info ul li:nth-child(3) span:nth-child(1) {
	font-size: 20px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] span {
	font-size: 24px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .fuelreg-info {
	width: 100%;
	margin: 0 0 15px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 20% 0
    }
    #tf-about .video-content {
	top: 160px
    }
    tf-about .abtlst li {
	width: 50%
    }
    #tf-about .abtlst li .green-squ+div[class*=w-],
    .abtlst li .green-squ+div[class*=w-] {
	width: 68%!important;
	font-size: 15px!important
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 245px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-team .stakholder div[class*=w-] img {
	width: 100%!important
    }
    #tf-team .stakholder>div[class*=w-] {
	margin: 10px 0 40px!important
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist {
	margin: 10px 0 0 30px!important
    }
    #tf-contact form#contactform .row div[class*=col-] {
	width: 100%
    }
    #tf-media .media-center-list li .header-name {
	padding-top: 0!important
    }
    #tf-download .mobile-app,
    #tf-download .mobile-app+div[class*=col-] {
	padding: 0 0
    }
    #tf-download .overlay .app-download a {
	width: 132px!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]>span {
	font-size: 18px
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(1) {
	width: 70%!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(2) {
	width: 30%!important;
	padding-top: 0!important
    }
    #tf-download a.qrcode img {
	width: 100%!important
    }
    #sitemediacenter .media-centerlst>ul>li div[class*=w-]:nth-child(2),
    #tf-media .media-center-list ul.threecolumn li div[class*=w-]:nth-child(2) {
	height: auto
    }
    #sitemediacenter .media-centerlst>ul>li,
    #tf-media .media-center-list ul.threecolumn li {
	width: 100%
    }
    .media-tab ul.tabs li {
	padding: 5px 10px
    }
    .media-tab ul.tabs li i.icon {
	font-size: 20px!important
    }
    .media-tab ul.tabs li span {
	padding: 0 0 0;
	font-size: 12px
    }
    .popover,
    div[class*=col-]>.popover {
	left: 0;
	min-height: 200px;
	top: 85px!important;
	width: 100%!important;
	bottom: 30px!important;
	margin: -15px 15px 0 0;
	max-width: 100%!important
    }
    div[class*=col-]>.popover:before {
	width: 0;
	height: 0;
	left: 20%;
	top: -20px;
	content: '';
	display: block;
	border-width: 10px;
	position: absolute;
	border-style: solid;
	border-color: transparent transparent #80a718 transparent
    }
    form#contactform .row:nth-child(5)>div[class*=col-]:nth-child(1) div[class*=col-]:nth-child(2) {
	width: 100%;
	padding: 0 0 0!important
    }
    #nssMobile .downloadapp {
	padding: 20px 20px 20px
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 23px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 18px!important
    }
    #nssMobile .downloadapp a {
	width: 208px!important;
	height: auto;
	float: left
    }
    #nssMobile .downloadapp a img {
	width: 100%!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(2) img {
	width: 70%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-] img,
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(1) img {
	width: 80%
    }
   
}

@media (max-width:414px) {
/*    #slider .card h2 {
	margin-top: 40px
    }
    #slider button {
	padding: 10px 25px!important
    }
    #slider ul li {
	padding: 0px 0 40px
    }
    #slider ul li:nth-child(2) {
	padding-top: 80px
    }
    .content #slider h1 {
	font-size: 20px!important
    }
    .content #slider .welcmtxt {
	font-size: 28px!important
    }*/
     #slider ul li {padding: 0px 0 0px;}
    #slider ul li:nth-child(2){padding-top:50px;}
    .content #slider h1{font-size:20px !important;}
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	width: 43%!important
    }
    #tf-menu .navbar-header .right-logo {
	margin: 15px 0 0
    }
    #tf-home {
	padding-top: 0;
	position: relative
    }
    #tf-about .overlay {
	padding: 60px 0 20px
    }
    #tf-team .overlay {
	padding: 60px 0 40px
    }
    #tf-media .overlay {
	padding: 85px 0 0
    }
    #marquee>.content>.containers {
	height: 70px;
	overflow: visible
    }
    #marquee>.content>.containers>.marquee-sibling {
	top: 0;
	width: 100%;
	height: 35px;
	text-align: left;
	position: relative
    }
    [class^=marquee] {
	top: 17px;
	float: left
    }
    .captch-form {
	overflow: visible;
	height: auto!important
    }
    #captchavalidate-image {
	margin: 0 auto;
	width: 150px;
	float: none
    }
    .captcha-refresh {
	top: 21%;
	left: inherit;
	right: -22px!important
    }
    #tf-home .slide-move {
	height: auto;
	background-position: center center
    }
    a.btn.tf-btn,
    button.btn.tf-btn {
	margin-top: 15px
    }
    #verificationOnlyDiv #captchavalidate {
	width: 100%;
	padding: 0 20px;
	margin-bottom: 0;
	position: relative;
	border-left: 0!important;
	border-top: 1px solid #ccc!important
    }
    #verificationForm div[class*=col-] {
	margin-bottom: 10px
    }
    .card a[class*=back-] {
	left: -15px!important
    }
    .card a[class*=next-] {
	right: -15px!important
    }
    #slider .banner-run-txt div[class*=appstore] {
	padding: 0 22% 0
    }
    #slider .banner-run-txt div[class*=appstore] a {
	width: 190px!important;
	float: left;
	/*height: 70px*/
    }
   
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 13% 0
    }
    #tf-info .nssinfo-dtls .fs-info ul li span:nth-child(1) {
	font-size: 15px!important
    }
    #tf-info .nssinfo-dtls .fs-info ul li:nth-child(3) span:nth-child(1) {
	font-size: 17px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] span {
	font-size: 24px!important
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content {
	width: 98%;
	top: 130px
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(2)>div[class*=w-] h2 {
	text-align: left;
	font-size: 25px
    }
    #tf-about .abtlst li {
	width: 100%
    }
    #tf-about .abtlst li .green-squ+div[class*=w-] {
	font-size: 16px!important
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 225px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist {
	margin: 10px 0 0!important
    }
    #tf-team .fmclist li .usernameweb {
	width: 64%!important
    }
    #tf-media .media-center-list {
	padding: 0 10px 0
    }
    #tf-media .media-center-list ul {
	padding: 40px 10px 40px
    }
    #tf-download .mobile-app .mobile-name {
	width: 70%!important;
	line-height: 20px
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 28px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 20px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 40px!important
    }
    #tf-download a.qrcode {
	float: none!important
    }
    #tf-download a.qrcode img {
	width: auto!important
    }
    #tf-download .overlay .app-download a {
	width: 168px!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]>span {
	font-size: 20px
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(2) {
	text-align: center;
	width: 100%!important;
	padding-top: 30px!important
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]:nth-child(1) {
	width: 100%!important
    }
    #siteabout .overlay .container,
    #sitemediacenter .overlay .container {
	padding: 0 15px 0!important
    }
    #tf-contact .contact-info+div {
	width: 100%!important;
	padding-left: 0!important
    }
    .media-tab ul.tabs li {
	padding: 5px 6px
    }
    #tf-media .media-center-list li .header-name {
	width: 80%
    }
    .popover,
    div[class*=col-]>.popover {
	left: 0;
	min-height: 225px
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(1),
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(2) {
	margin-top: 0!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-] img {
	width: 50%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(3) img {
	width: 72%
    }
    #nssMobile .downloadapp {
	padding: 10px 20px 10px
    }
    #nssMobile .modal-body a.nothanks {
	font-size: 16px;
	padding: 5px 25px
    }
    #nssMobile .downloadapp {
	padding: 20px 20px 20px
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 19px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 0!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 16px!important
    }
    #nssMobile .downloadapp {
	height: 185px
    }
    #nssMobile .downloadapp a {
	width: 175px!important;
	height: auto;
	float: left
    }
    #nssMobile .downloadapp a img {
	width: 100%!important
    }
    #tf-home .overlay {
	padding-bottom: 90px
    }
/*    .image-1, .image-2, .image-3, .image-4, .image-5, .image-6 {
	background: url(../../img/landing/rama-mobile.jpg?ver=1) left 50%!important;
	margin-top: 0!important;
    }*/
}

@media (max-width:375px) {
    a.btn.tf-btn.btn-cancel,
    a.btn.tf-btn.btn-cancelregister,
    a.btn.tf-btn.btn-default,
    button.btn.tf-btn.btn-cancel,
    button.btn.tf-btn.btn-cancelregister,
    button.btn.tf-btn.btn-default {
	padding: 10px 30px!important
    }
    .swal2-modal .sweetalt-foot {
	padding: 15px 8% 15px
    }
    .swal2-modal .sweetalt-foot button {
	margin-bottom: 10px!important
    }
    #slider ul li {
	padding: 0 0 40px
    }
    #slider ul li:nth-child(2) {
	padding-top: 100px
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	width: 40%!important;
	margin-top: 10px!important
    }
    #tf-menu .navbar-header .right-logo {
	text-align: center
    }
    #tf-menu .navbar-header .right-logo img {
	width: 100%!important
    }
    .navbar-default .navbar-toggle {
	top: 8px;
	margin: 7px 0!important
    }
    #tf-about .overlay {
	padding: 60px 0 40px
    }
    #tf-team .overlay {
	padding: 60px 0 40px
    }
    #tf-media .overlay {
	padding: 39px 0 0
    }
    #tf-download {
	padding: 70px 0 0
    }
    #tf-contact .overlay {
	padding: 50px 0 60px
    }
    #tf-home .content {
	padding: 0 0 30px!important
    }
    #marquee>.content {
	padding: 0 0 30px!important
    }
    #tf-home .slide-move {
	height: auto;
	background-position: center center
    }
    .card h2 {
	padding: 0 45px;
	font-size: 13px
    }
    .back-button span,
    .next-button span {
	font-size: 15px
    }
    .card a[class*=back-button],
    .card a[class*=next-button] {
	height: 41px!important;
	width: 41px!important;
	line-height: 52px
    }
    .card {
	padding: 30px 25px
    }
    nav .navbar-collapse div[class*=container]>ul,
    nav .navbar-collapse div[class*=container]>ul li {
	width: 100%;
	float: left
    }
    nav .navbar-collapse div[class*=container]>ul li,
    nav .navbar-collapse div[class*=container]>ul li .dropdown,
    nav .navbar-collapse div[class*=container]>ul li a {
	width: 100%
    }
    nav .navbar-collapse div[class*=container]>ul li .dropdown {
	margin: 10px 0
    }
    .banner-run-txt {
	padding: 0 0px!important;
	height: auto!important
    }
    #slider .banner-run-txt div[class*=appstore] {
	padding: 0 20% 0;
	padding-bottom: 140px!important
    }
    #slider .banner-run-txt div[class*=appstore] a {
	float: left;
	height: 45px;
	padding: 0
    }
    #slider .banner-run-txt div[class*=appstore] a:last-child {
	margin: 0!important;
	padding-left: 0
    }
    #slider .banner-run-txt div[class*=appstore] a>img {
	width: 65%!important;
	padding-bottom: 0
    }
    #tf-info .nssinfo-dtls .fs-info ul li {
	width: 100%;
	margin-top: 0;
	margin-bottom: 15px
    }
    #tf-info .nssinfo-dtls .fs-info ul li {
	width: 100%
    }
    #tf-info .nssinfo-dtls .fs-info ul li span:nth-child(1) {
	font-size: 17px!important;
	margin-top: 0!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] {
	padding: 0 0!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] span {
	font-size: 18px!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 10% 0
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content {
	top: 110px
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content span:nth-child(1) {
	font-size: 22px!important
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content span:nth-child(2) {
	font-size: 30px!important
    }
    #tf-about .aboutdtls div[class*=col-]:nth-child(2)>div[class*=w-] h2 {
	font-size: 23px
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 220px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-team .fmclist li .usercircle {
	margin-right: 10px
    }
    #tf-team .fmclist li .usernameweb {
	width: 64%!important
    }
    #tf-team .fmclist li .usernameweb {
	padding: 15px 5px 10px 0
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul div li,
    #tf-media .media-center-list ul.threecolumn li,
    #tf-media .media-center-list ul.twocolumn li {
	padding: 0 10px 0!important
    }
    #tf-media .media-center-list li .header-name {
	width: 78%
    }
    #sitemediacenter .media-centerlst>ul>li,
    #tf-media .media-center-list li {
	margin-bottom: 35px
    }
    #tf-download .mobile-app .mobile-name {
	width: 67%!important;
	padding-top: 30px;
	line-height: 10px
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 24px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 16px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 28px!important
    }
    #tf-download .mobile-app+div[class*=col-] {
	margin-top: 30px
    }
    #tf-download .overlay .app-download a {
	width: 150px!important
    }
    #tf-contact #captchavalidatedivone img {
	float: none;
	width: 100%;
	left: inherit;
	background: #fff;
	margin: 0 auto!important;
	padding: 0 85px
    }
    #tf-contact #contactcaptchadivvalidate .form-group {
	float: left;
	overflow: visible;
	position: relative
    }
    #tf-contact #captchavalidatedivone a {
	top: 24%;
	left: inherit;
	background: 0 0;
	position: absolute;
	float: right!important;
	right: -20px!important
    }
    #tf-contact #captchavalidatedivone a i {
	left: inherit
    }
    #tf-contact #captchavalidate1 {
	left: 0;
	width: 100%;
	padding: 0 25px;
	border-top: 1px solid #ccc!important;
	border-left: 0 solid #ccc!important
    }
    #tf-contact #captchavalidatedivone a i {
	left: inherit!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(1) {
	padding: 0 0 0!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info {
	width: 100%;
	height: auto!important;
	padding: 15px 8px;
	position: relative
    }
    #sitemediacenter .media-centerlst>ul>li .header-name {
	padding-top: 0
    }
    .media-tab ul.tabs {
	border-bottom: 0 solid #9a9a9a
    }
    .media-tab ul.tabs li {
	padding: 10px 10px 5px;
	width: 100%;
	float: left!important;
	position: relative;
	border-right: 0 solid #fff;
	border-bottom: 1px solid #9a9a9a
    }
    .media-tab ul.tabs li.current {
	float: left!important;
	padding: 10px 10px 5px;
	background: #75a013;
	position: relative;
	color: #fff;
	width: 100%
    }
    .media-tab ul.tabs li.current::after {
	display: none
    }
    .media-tab .tab-content {
	padding: 15px 15px 15px
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(1),
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(2) {
	margin-top: 0!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-] img {
	width: 50%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(3) img {
	width: 85%
    }
    #nssMobile .downloadapp {
	padding: 10px 20px 10px
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 19px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-] {
	margin-top: 0!important
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 15px!important
    }
    #nssMobile .downloadapp {
	height: 160px
    }
    #nssMobile .downloadapp a {
	width: 150px!important;
	height: auto;
	float: left
    }
    #nssMobile .downloadapp a img {
	width: 100%!important
    }
/*    #slider .banner-run-txt {
	padding-top: 40px!important
    }*/
    
}

@media (max-width:360px) {
    .row {
	margin-right: -5px;
	margin-left: -5px
    }
    #captchavalidate1 {
	left: 0;
	z-index: 4;
	float: left;
	width: 100%;
	height: 53px;
	position: relative;
	padding: 0 15px 0;
	border: 0 solid #ccc;
	border-left: 0 solid #ccc!important
    }
    #tf-home .overlay {
	padding-bottom: 60px
    }
    #tf-about .overlay {
	padding: 100px 0 60px
    }
    #tf-team .overlay {
	padding: 130px 0 60px
    }
    #tf-download {
	padding: 70px 0 0
    }
    #tf-contact .overlay {
	padding: 67px 0 60px
    }
    #captchavalidate {
	width: 100%;
	margin-bottom: 10px
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	width: 40%!important;
	margin-top: 15px!important
    }
    #tf-menu .navbar-header .right-logo {
	text-align: center
    }
    .navbar-header .navbar-toggle {
	top: 8px;
	margin: 10px 0!important
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	width: 100%
    }
    #captchavalidate-image {
	margin-left: 0
    }
    nav .navbar-collapse div[class*=container]>ul,
    nav .navbar-collapse div[class*=container]>ul li {
	width: 100%;
	float: left
    }
    .card a[class*=back-],
    .card a[class*=next-] {
	top: 50%;
	right: 0;
	width: 25px;
	height: 25px;
	cursor: pointer;
	line-height: 37px;
	margin-top: -30px;
	position: absolute;
	text-align: center;
	background-color: #eee;
	transform: rotate(180deg)
    }
    .card a[class*=back-] {
	left: 0;
	transform: rotate(0)
    }
    .card a[class*=back-] span,
    .card a[class*=next-] span {
	color: #eee;
	float: left;
	width: 25px;
	height: 25px;
	font-size: 10px;
	padding: 2px 0 0;
	font-weight: 700;
	line-height: 21px;
	position: relative;
	border-radius: 100%;
	background: #333 none repeat scroll 0 0
    }
    .card a[class*=back-] {
	left: 0!important
    }
    .card a[class*=next-] {
	right: 0!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right {
	margin-top: 10px!important
    }
    nav .navbar-collapse div[class*=container]>ul.navbar-right li {
	width: auto
    }
    nav .navbar-collapse div[class*=container]>ul li,
    nav .navbar-collapse div[class*=container]>ul li .dropdown,
    nav .navbar-collapse div[class*=container]>ul li a {
	width: 100%
    }
    nav .navbar-collapse div[class*=container]>ul li .dropdown {
	margin: 10px 0
    }
    nav#footer {
	margin-top: 20px
    }
    nav#footer .fnav {
	width: 100%;
	text-align: center;
	float: left!important
    }
    nav#footer div[class*=w-] {
	text-align: center;
	width: 100%!important;
	margin: 0 0 15px!important
    }
    nav#footer .fnav p img,
    nav#footer div:nth-child(3) span {
	float: none!important
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 9% 0
    }
    #slider .banner-run-txt div[class*=w-] a img {
	padding-bottom: 0
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist li .usercircle {
	width: 90px;
	height: 90px;
	margin: 0 30%
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist li .usernameweb {
	line-height: 21px;
	padding: 0 0 0;
	width: 100%!important;
	text-align: center!important;
	font-size: 15px!important;
	font-weight: 600!important
    }
    #tf-team .fuelmark>div[class*=w-] ul.fmclist li .usernameweb a {
	width: 100%!important
    }
    .fmclist li,
    .fmclist li:last-child,
    .fmclist li:nth-child(1),
    .fmclist li:nth-child(2) {
	margin: 0 0 20px
    }
    form#contactform .row div[class*=col-] {
	width: 100%
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 200px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-media .media-center-list li .header-name {
	height: auto;
	font-size: 15px
    }
    #tf-download .mobile-app .mobile-name {
	width: 66%!important
    }
    #tf-download .overlay .app-download a {
	width: 140px!important
    }
    .popover,
    div[class*=col-]>.popover {
	min-height: 230px
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info>.rig-bor {
	width: 240px!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-] img {
	width: 40%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(3) img {
	width: 72%
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 0!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp {
	height: auto
    }

}

@media (max-width:320px) {
    #tf-contact .overlay {
	padding: 70px 0 60px
    }
    #tf-team .overlay {
	padding: 43px 0 0
    }
    .navbar-header .navbar-toggle {
	top: 5px;
	margin: 10px 0!important
    }
    #tf-menu .navbar-header .right-logo,
    #tf-menu .navbar-header a.navbar-brand {
	float: left;
	width: 40%!important;
	margin: 15px 0 0 5px!important
    }
    #tf-menu .navbar-header .right-logo img,
    #tf-menu .navbar-header a.navbar-brand img {
	width: 100%
    }
    .btn {
	padding: 10px 30px!important;
	margin-right: 10px!important
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content {
	top: 95px;
	line-height: 21px!important
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content span:nth-child(1) {
	font-size: 14px!important
    }
    #tf-about .aboutdtls>div[class*=col-]>.video-content span:nth-child(2) {
	font-size: 20px!important
    }
    #tf-about .aboutdtls iframe {
	width: 100%;
	float: left;
	height: 200px;
	position: relative;
	border: 0 solid #fff
    }
    #tf-info .nssinfo-dtls>div[class*=col-]:nth-child(2) .visitor-count {
	padding: 0 3% 0
    }
    #tf-info .nssinfo-dtls>div[class*=col-]>div[class*=p-l] span {
	font-size: 15px!important
    }
    #tf-media .media-center-list li {
	padding: 0 0 0
    }
    #tf-media .media-center-list li .header-name {
	width: 77%;
	height: auto;
	font-size: 12px;
	font-weight: 700
    }
    #tf-download .mobile-app .mobile-name {
	width: 60%!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(1) {
	font-size: 18px!important
    }
    #tf-download .mobile-app>.mobile-name>div:nth-child(2) {
	font-size: 12px!important
    }
    #tf-download .mobile-app>.mobile-name>span:nth-child(3) {
	font-size: 23px!important;
	margin-top: 0
    }
    #tf-download .mobile-app+div[class*=col-]>div[class*=col-]>span {
	font-size: 18px
    }
    #tf-download .overlay .app-download>div[class*=col-] a {
	float: none!important;
	width: auto!important;
	margin: 0 auto
    }
    #tf-download .overlay .app-download>div[class*=col-] {
	width: 100%!important;
	margin-bottom: 15px;
	padding: 0 0 0!important
    }
    #tf-download .overlay .app-download>div[class*=col-] a img {
	width: auto
    }
    #tf-download .overlay .app-download>div[class*=col-] a+span {
	width: 100%;
	text-align: center!important;
	line-height: 23px!important
    }
    .popover,
    div[class*=col-]>.popover {
	left: 0;
	min-height: 265px
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info img {
	width: 60px!important;
	float: none!important;
	margin: 0 auto
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info+div>a>img {
	width: 100%;
	height: auto!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info>.rig-bor {
	width: 100%!important;
	padding-left: 0;
	text-align: center!important
    }
    #tf-contact .contact-tab>div[class*=col-]:nth-child(2) .contact-info>.rig-bor:before {
	display: none
    }
    #sitemediacenter .media-centerlst>ul>li,
    #tf-media .media-center-list ul.threecolumn li {
	padding: 0 0 0
    }
    #sitemediacenter .media-centerlst div[class*=w-]>ul li .header-name {
	width: 73%
    }
    #sitemediacenter .media-centerlst>ul>li .header-name,
    #tf-media .media-center-list ul.threecolumn li .header-name,
    #tf-media .media-center-list ul.twocolumn li .header-name {
	width: 100%;
	font-size: 13px
    }
    nav#footer p img {
	width: 100%;
	margin: 0 0 0!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(1),
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(2) {
	margin-top: 5px!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-] img {
	width: 93.8%
    }
    #nssMobile .downloadapp {
	padding: 10px 20px 15px
    }
    #nssMobile .downloadapp span:nth-child(1) {
	font-size: 19px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(2) {
	margin-top: 0!important;
	line-height: 15px!important
    }
    #nssMobile .downloadapp div[class*=w-]:nth-child(3) {
	margin-top: 5px!important
    }
    #nssMobile .downloadapp div[class*=w-] {
	margin-top: 0!important
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(1) img {
	width: 65%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(2) img {
	width: 50%
    }
    #nssMobile .modal-body div[class*=eng-language] div[class*=w-]:nth-child(3) img {
	width: 67%
    }
    #nssMobile .downloadapp div[class*=w-] span {
	font-size: 15px!important
    }
    #nssMobile .downloadapp {
	height: auto
    }
    #nssMobile .downloadapp a {
	width: 130px!important;
	height: auto;
	float: left
    }
    #nssMobile .downloadapp a img {
	width: 100%!important
    }
}

#slider label.error {
    text-align: left
}

label#unauthorized_otp-error,
label#verifycode-error {
    text-align: center!important
}

#homeRegisterFirstTrigger {
    position: relative;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .2);
    animation: beat 1.5s ease 0s infinite;
    padding: 10px 25px!important
}

#homeRegisterFirstTrigger:after,
#homeRegisterFirstTrigger:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #80a718;
    opacity: .4;
    border-radius: inherit
}

#homeRegisterFirstTrigger:before {
    z-index: -2;
    animation: beat-before 1.5s ease .1s infinite
}

#homeRegisterFirstTrigger:after {
    z-index: -1;
    animation: beat-after 1.5s ease .2s infinite
}

@keyframes beat {
    0% {
	transform: scale(1)
    }
    50% {
	transform: scale(1.1)
    }
}

@keyframes beat-before {
    0% {
	transform: scale(1)
    }
    50% {
	transform: scale(1)
    }
}

@keyframes beat-after {
    0% {
	transform: scale(1)
    }
    50% {
	transform: scale(1)
    }
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .list-view .dataTables_paginate {
    float: right
}

.dataTables_wrapper .dataTables_paginate ul,
.dataTables_wrapper .list-view .dataTables_paginate ul {
    border-bottom: 0 solid #fff;
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0
}

.dataTables_wrapper .dataTables_paginate ul>div>li>a,
.dataTables_wrapper .dataTables_paginate ul>div>li>span,
.dataTables_wrapper .dataTables_paginate ul>li>a,
.dataTables_wrapper .dataTables_paginate ul>li>span,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li>span,
.dataTables_wrapper .list-view .dataTables_paginate ul>li>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li>span {
    padding: 5px 11px;
    color: #18569d;
    float: right;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    line-height: 19px
}

.dataTables_wrapper .dataTables_paginate ul>div>li.next>a,
.dataTables_wrapper .dataTables_paginate ul>div>li.prev>a,
.dataTables_wrapper .dataTables_paginate ul>li.next>a,
.dataTables_wrapper .dataTables_paginate ul>li.prev>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.next>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.prev>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.next>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.prev>a {
    opacity: 1
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .list-view .dataTables_info,
.dataTables_wrapper .list-view .dataTables_paginate {
    margin-top: 25px!important
}

.dataTables_paginate.paging_bootstrap.pagination {
    padding-top: 0;
    padding-right: 20px
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .list-view .dataTables_info {
    clear: none;
    font-size: 12px;
    padding: 0 15px;
    color: #626262
}

.dataTables_wrapper .dataTables_paginate ul>div>li,
.dataTables_wrapper .dataTables_paginate ul>li,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li,
.dataTables_wrapper .list-view .dataTables_paginate ul>li {
    float: left;
    display: inline-block;
    padding-left: 0;
    font-size: 11px;
    width: auto!important;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-right: 0 solid #cfcfcf
}

.dataTables_wrapper .dataTables_paginate ul>div>li:last-child,
.dataTables_wrapper .dataTables_paginate ul>li:last-child,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li:last-child,
.dataTables_wrapper .list-view .dataTables_paginate ul>li:last-child {
    border-right: 1px solid #cfcfcf
}

.dataTables_wrapper .dataTables_paginate ul>div>li.prev,
.dataTables_wrapper .dataTables_paginate ul>li.prev,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.prev,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.prev {
    border-radius: 3px 0 0 3px
}

.dataTables_wrapper .dataTables_paginate ul>div>li.next,
.dataTables_wrapper .dataTables_paginate ul>li.next,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.next,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.next {
    border-radius: 0 3px 3px 0
}

.dataTables_wrapper .dataTables_paginate ul>div>li.next a,
.dataTables_wrapper .dataTables_paginate ul>div>li.next span,
.dataTables_wrapper .dataTables_paginate ul>div>li.prev a,
.dataTables_wrapper .dataTables_paginate ul>div>li.prev span,
.dataTables_wrapper .dataTables_paginate ul>li.next a,
.dataTables_wrapper .dataTables_paginate ul>li.next span,
.dataTables_wrapper .dataTables_paginate ul>li.prev a,
.dataTables_wrapper .dataTables_paginate ul>li.prev span,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>il.next span,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.next a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.prev a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.prev span,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.next a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.next span,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.prev a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.prev span {
    font-size: 15px;
    direction: ltr
}

.dataTables_wrapper .dataTables_paginate ul>div>li.active,
.dataTables_wrapper .dataTables_paginate ul>div>li.active:hover,
.dataTables_wrapper .dataTables_paginate ul>li.active,
.dataTables_wrapper .dataTables_paginate ul>li.active:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.active,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.active:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.active,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.active:hover {
    background: #2e496a;
    border: 1px solid #2e496a
}

.dataTables_wrapper .dataTables_paginate ul>div>li.active:hover a,
.dataTables_wrapper .dataTables_paginate ul>div>li.active>a,
.dataTables_wrapper .dataTables_paginate ul>li.active:hover a,
.dataTables_wrapper .dataTables_paginate ul>li.active>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.active:hover a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.active>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.active:hover a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.active>a {
    font-weight: 700;
    color: #fff;
    opacity: 1;
    padding: 5px 11px;
    float: left;
    width: auto;
    line-height: 19px;
    margin-right: 0
}

.dataTables_wrapper .dataTables_paginate ul>div>li:hover,
.dataTables_wrapper .dataTables_paginate ul>li:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>li:hover {
    color: #2c3e50;
    background: #f1f4f7
}

.dataTables_wrapper .dataTables_paginate ul>div>li:hover>a,
.dataTables_wrapper .dataTables_paginate ul>li:hover>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li:hover>a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li:hover>a {
    color: #18569d
}

.dataTables_wrapper .dataTa1bles_paginate ul>div>li.disabled,
.dataTables_wrapper .dataTa1bles_paginate ul>li.disabled,
.dataTables_wrapper .dataTables_paginate ul>div>li.disabled:hover,
.dataTables_wrapper .dataTables_paginate ul>li.disabled:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled:hover,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled:hover {
    background: #fff
}

.dataTables_wrapper .dataTables_paginate ul>div>li.disabled a,
.dataTables_wrapper .dataTables_paginate ul>div>li.disabled span,
.dataTables_wrapper .dataTables_paginate ul>div>li.disabled:hover a,
.dataTables_wrapper .dataTables_paginate ul>div>li.disabled:hover span,
.dataTables_wrapper .dataTables_paginate ul>li.disabled a,
.dataTables_wrapper .dataTables_paginate ul>li.disabled span,
.dataTables_wrapper .dataTables_paginate ul>li.disabled:hover a,
.dataTables_wrapper .dataTables_paginate ul>li.disabled:hover span,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled span,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled:hover a,
.dataTables_wrapper .list-view .dataTables_paginate ul>div>li.disabled:hover span,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled span,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled:hover a,
.dataTables_wrapper .list-view .dataTables_paginate ul>li.disabled:hover span {
    opacity: .3
}

#nssMobile.fade {
    opacity: 1
}

@media (min-width:413px) and (max-width:768px) {
    nav#footer .fnav {
	float: none!important;
	margin: auto;
	height: auto;
	text-align: center;
	display: table
    }
    
   
}

@media (max-width:413px) {
    nav#footer .fnav p img,
    nav#footer div:nth-child(3) span {
	float: left!important;
	padding-left: 20px
    }
    .footcopy span {
	padding-right: 30px!important
    }
/*     #slider .banner-run-txt div[class*=appstore] a>img
    {
	width:100% !important;
    }*/
    
}

.subsuderysection .row {
    margin: 0
}

.subsuderysection .regcounts {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebebeb;
    min-height: 90px
}

.regcounts span {
    color: #333!important;
    font-size: 26px!important;
    font-weight: 700!important;
    padding-right: 15px
}

.aboutusheader h2 {
    color: #5a5a5a;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    padding-bottom: 7px
}

.aboutusheader .line {
    margin-top: 10px!important
}

.aboutusheader {
    padding-bottom: 0
}

.aboutusheader .section-title {
    padding: 0!important
}

.nationalsubsidyheader {
    color: #333;
    font-family: Roboto;
    font-size: 30px!important;
    font-weight: 400
}

.fuelsubsidy .header {
    background: #759e16;
    display: flex;
    min-height: 110px;
    align-items: center
}

.electricitysubsidy .header {
    background: #ca292d;
    display: flex;
    min-height: 110px;
    align-items: center
}

.subsideryregistrations .header img {
    padding-left: 40px
}

.subsideryregistrations .subsidycontent {
    background: #f7f7f7;
    display: flex;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.subsideryregistrations .header h2 {
    padding-left: 30px;
    color: #fff;
    font-size: 30px
}

#subsidysystems ul li {
    width: auto;
    display: flex
}

.subsidycontent .red-squ {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    position: relative;
    padding: 10px 10px;
    background: #ca292d
}

.electricitysubsidy .subsidycontent ul li {
    width: 100%!important
}

.red-squ img {
    max-width: 100%!important
}

.veichlemodel span {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.modelprice {
    padding-left: 30px;
    width: calc(100% - 75px);
    display: flex;
    align-items: center;
    border-right: 1px solid #cbcbcb
}

.modelprice p {
    margin-bottom: 0
}

.veichlemodelwithprice {
    display: flex;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #cbcbcb
}

.veichlemodelwithprice span {
    height: 80px;
    width: 75px;
    font-size: 18px;
    font-weight: 700;
    background: #2c3e50;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.fuelpriceformonth .priceheader {
    color: #7fa718
}

.fuelandelectricityprices {
    padding-top: 50px;
    padding-bottom: 100px
}

.modelprice h2 {
    color: #2c3d4f;
    font-size: 26px;
    font-weight: 700
}

.modelprice p {
    color: #2c3d4f;
    font-size: 14px
}

.fuelsubsidysection .priceheader {
    color: #7fa718
}

.fuelpriceandsubsidy {
    display: flex
}

.fuelpriceformonth {
    width: 50%;
    padding-right: 7px
}

.fuelsubsidysection {
    width: 50%;
    padding-left: 7px
}

.veichlemodelwithprice .firstchild {
    border-top: 1px solid #cbcbcb
}

.fuelquantitiyinfo {
    display: flex;
    background: #80a718!important
}

.fuelquantitiyinfo span {
    background: 0 0!important;
    border: none;
    min-width: 65px;
    width: auto
}

.fuelsubsidysection .modelprice {
    width: 95px;
    padding: 0;
    justify-content: center
}

.fuelsubsidysection .fuelquantitiyinfo {
    width: calc(100% - 95px);
    display: flex;
    align-items: center;
    padding-right: 10px
}

.fuelquantitiyinfo .titletext {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #fff
}

.fuelquantitiyinfo span i {
    font-size: 35px
}

.electricitysubsidysection .fuelquantitiyinfo {
    width: 50%;
    background: #ca292d!important;
    display: flex;
    align-items: center
}

.electricitysubsidysection .modelprice {
    width: 50%
}

.fuelandelectricityprices .priceheader {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px
}

.electricitysubsidysection .priceheader {
    color: #ca292d
}

.electricitysubsidystakehilders {
    width: 100%
}

.fuelsubsidystakehilders {
    width: 100%;
    margin-top: 20px
}

.hearparttitle {
    text-align: left;
    color: #000;
    margin-bottom: 20px
}

.electricitysubsidystakehilders .row {
    margin: 0
}

.stakeholderslistsection {
    display: flex
}

.stakeholderslistsection .headerpart {
    background: #fff;
    margin: 0;
    border-top: 2px solid #80a718;
    border-bottom: 2px solid #80a718;
    padding: 10px 0;
    text-align: left
}

.stakeholderslistsection .headerpart h2 {
    color: #2b2f19;
    font-size: 21px;
    font-weight: 700
}

.stakeholderslists .row {
    padding-bottom: 45px
}

.stakeholderslists {
    padding-top: 30px
}

.fuelsubsidystakehilders .row {
    margin: 0
}

.stakeholderslists .usercircle {
    width: 100px;
    height: 100px;
    overflow: inherit;
    margin-right: 10px;
    border: 0 solid #fff
}

.eachstakeholder .usernameweb .ministryname {
    color: #000;
    font-size: 17px;
    font-weight: 700
}

.tawasuntitle {
    color: #95c517;
    font-size: 27px!important;
    font-weight: 700!important
}

.stakeholderslists .eachstakeholder {
    display: flex;
    align-items: center
}

.electricitysubsidystakehilders .tawasunlogo img {
    max-width: 100%;
    background: #fff!important;
    max-height: 130px
}

.subsideryregistrations .header span {
    padding-left: 20px
}

.subsideryregistrations .header span i {
    font-size: 50px;
    color: #fff
}

.subsidycontent .red-squ i {
    font-size: 35px;
    color: #fff
}

.medialists {
    display: flex
}

.medialists li {
    border: none!important
}

#subsidysystems ul li {
    display: block
}

@media screen and (max-width:600px) {
    .fuelpriceandsubsidy {
	display: block
    }
    .fuelpriceformonth {
	width: 100%
    }
    .fuelsubsidysection {
	width: 100%;
	padding-top: 35px
    }
    #subsidysystems ul li {
	width: auto;
	margin-bottom:0px;
	display: block
    }
}

@media(max-width:1024px) {
    .stakeholderslists .usercircle {
	height: auto!important
    }
   #slider .banner-run-txt div[class*=appstore] a>img,#slider .banner-run-txt div[class*=playstore] a>img{
	width:30%;
}
}

@media(max-width:991px) {
    .stakeholderslistsection {
	display: block
    }
    .fuelsubsidystakehilders {
	width: 100%;
	margin-bottom: 20px
    }
    .electricitysubsidystakehilders {
	width: 100%
    }
}

@media(max-width:620px) {
    .subsuderysection .regcounts {
	display: block
    }
    .subsuderysection .visitor-count {
	width: 100%!important
    }
    .subsuderysection .visitor-count ul {
	display: flex;
	justify-content: center;
	width: 100%
    }
    .regcounts span {
	width: 100%;
	display: block;
	text-align: center
    }
}

@media(max-width:767px) {
    .medialists {
	display: block!important
    }
}

@media(max-width:560px) {
    #tf-download .mobile-app .mobile-name {
	width: 100%!important;
	line-height: 35px
    }
}

@media(max-width:959px) {
    .electricitysubsidy {
	margin-top: 15px
    }
}

@media(min-width:960px) and (max-width:1024px) {
    .fuelandelectricityprices .priceheader {
	font-size: 15px!important
    }
}

@media(max-width:768px) {
    .electricitysubsidysection {
	padding-top: 35px
    }
}

.covid_19_en {
    float: none;
    position: relative;    
    margin-top: 18px
}

.covid_19_en h2 {
    text-align: center;
    font-size: 14px;
    color: red;
    font-weight: 600;
    text-transform: none
}

.covid_19_doc_en {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px
}

.covid_19_doc_en a {
    color: red;
    text-decoration: underline
}

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

    .firstrowstakeholders {
	margin-top: 0
    }
    .abtlst {
	margin-bottom: 40px
    }
}

@media (min-width:320px) and (max-width:480px) {
    #homeRegisterFirstTrigger {
	margin-bottom: 20px
    }
}

.ui-datepicker .ui-datepicker-title select option,
.ui-datepicker td a,
.ui-datepicker th {
    font-family: OpenSans-Regular!important
}

.run-text-info .wel-content {
    position: relative;
    padding-left: 20px
}

.run-text-info .wel-content>div:before {
    position: absolute;
    left: 0;
    content: '\2022';
    font-size: 25px
}

.sub-bul-wereg {
    padding-left: 20px
}

.run-text-info .wel-content>div.sub-bul-wereg:before {
    left: 20px
}

.subsideryregistrations .nav-tabs>li {
    padding-left: 0;
    padding-right: 0
}

.subsideryregistrations .nav-tabs>li.active>a,
.subsideryregistrations .nav-tabs>li.active>a:focus,
.subsideryregistrations .nav-tabs>li.active>a:hover {
    border-color: #e6e6e6;
    color: #626262;
    background-color: #e6e6e6
}

.subsideryregistrations .nav-tabs>li>a {
    padding: 10px 20px;
    margin-right: 0;
    font-weight: 400;
    color: rgba(98, 98, 98, .7);
    font-size: 12px;
    min-width: 70px;
    text-transform: uppercase;
    border-color: transparent;
    width: 100%
}

.subsideryregistrations .nav-tabs>li>a:focus,
.subsideryregistrations .nav-tabs>li>a:hover {
    background: 0 0;
    border-color: transparent;
    color: #626262
}

.subsideryregistrations .nav-tabs-simple,
.subsideryregistrations .nav-tabs.nav-tabs-left:after,
.subsideryregistrations .nav-tabs.nav-tabs-right:after {
    border-bottom: 0
}

.subsideryregistrations .nav-tabs>li>a .tab-icon {
    margin-right: 6px
}

.subsideryregistrations .nav-tabs~.tab-content {
    overflow: hidden;
    padding: 15px
}

.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-left,
.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-right {
    -webkit-transition: all .3s ease!important;
    transition: all .3s ease!important
}

.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-left.sliding,
.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-right.sliding {
    opacity: 0!important
}

.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-left.active,
.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-right.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
    opacity: 1
}

.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-left.sliding {
    -webkit-transform: translate3d(10%, 0, 0)!important;
    transform: translate3d(10%, 0, 0)!important;
    -ms-transform: translate(10%, 0)!important
}

.subsideryregistrations .nav-tabs~.tab-content>.tab-pane.slide-right.sliding {
    -webkit-transform: translate3d(-10%, 0, 0)!important;
    transform: translate3d(-10%, 0, 0)!important;
    -ms-transform: translate(-10%, 0)!important
}

.subsideryregistrations .nav-tabs.nav-tabs-left>li,
.subsideryregistrations .nav-tabs.nav-tabs-right>li {
    float: none
}

.subsideryregistrations .nav-tabs.nav-tabs-left {
    float: left;
    padding-right: 0
}

.subsideryregistrations .nav-tabs.nav-tabs-left~.tab-content {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.subsideryregistrations .nav-tabs.nav-tabs-right {
    float: right;
    padding-right: 0
}

.subsideryregistrations .nav-tabs.nav-tabs-right~.tab-content {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.subsideryregistrations .nav-tabs-simple:after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    position: relative;
    bottom: 3px;
    z-index: 120
}

.subsideryregistrations .nav-tabs-simple>li {
    margin-bottom: 0
}

.subsideryregistrations .nav-tabs-simple>li:after {
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    width: 100%;
    display: block;
    background-color: #f55753;
    height: 0;
    content: '';
    z-index: 125
}

.subsideryregistrations .nav-tabs-primary.nav-tabs-simple>li:after {
    background-color: #6d5cae
}

.subsideryregistrations .nav-tabs-success.nav-tabs-simple>li:after {
    background-color: #10cfbd
}

.subsideryregistrations .nav-tabs-complete.nav-tabs-simple>li:after {
    background-color: #48b0f7
}

.subsideryregistrations .nav-tabs-danger.nav-tabs-simple>li:after {
    background-color: #f55753
}

.subsideryregistrations .nav-tabs-warning.nav-tabs-simple>li:after {
    background-color: #f8d053
}

.subsideryregistrations .nav-tabs-info.nav-tabs-simple>li:after {
    background-color: #3b4752
}

.subsideryregistrations .nav-tabs-simple>li.active a,
.subsideryregistrations .nav-tabs-simple>li.active a:focus,
.subsideryregistrations .nav-tabs-simple>li.active a:hover {
    background-color: transparent;
    border-color: transparent
}

.subsideryregistrations .nav-tabs-simple>li.active:after,
.subsideryregistrations .nav-tabs-simple>li:hover:after {
    height: 3px
}

.subsideryregistrations .nav-tabs-simple.nav-tabs-left:after,
.subsideryregistrations .nav-tabs-simple.nav-tabs-right:after {
    border-bottom: 0
}

.subsideryregistrations .nav-tabs-simple.nav-tabs-left>li:after,
.subsideryregistrations .nav-tabs-simple.nav-tabs-right>li:after {
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

.subsideryregistrations .nav-tabs-simple.nav-tabs-left>li.active:after,
.subsideryregistrations .nav-tabs-simple.nav-tabs-left>li:hover:after,
.subsideryregistrations .nav-tabs-simple.nav-tabs-right>li.active:after,
.subsideryregistrations .nav-tabs-simple.nav-tabs-right>li:hover:after {
    width: 3px
}

.subsideryregistrations .nav-tabs-simple.nav-tabs-left>li:after {
    right: 0
}

.subsideryregistrations .nav-tabs-simple.nav-tabs-right>li:after {
    left: 0
}

.subsideryregistrations .nav-tabs-linetriangle {
    padding-left: 0;
    border-bottom: 4px solid #81a41f
}

.subsideryregistrations .nav-tabs-linetriangle.fueltabs {
    padding-left: 27%
}

.subsideryregistrations .nav-tabs-linetriangle li {
    margin-right: 2px;
    border-top: 5px solid transparent
}

.subsideryregistrations .nav-tabs-linetriangle:after {
    border-bottom: 1px solid transparent;
    width: 100%;
    position: relative;
    bottom: 0
}

.subsideryregistrations .nav-tabs-linetriangle>li>a,
.subsideryregistrations .nav-tabs-linetriangle>li>a:focus,
.subsideryregistrations .nav-tabs-linetriangle>li>a:hover {
    color: #fff;
    background: #2c3e50;
    float: left;
    position: relative;
    overflow: visible;
    -webkit-transition: color .2s ease 0s;
    transition: color .2s ease 0s
}

.subsideryregistrations .nav-tabs-linetriangle>li>a:focus,
.subsideryregistrations .nav-tabs-linetriangle>li>a:hover {
    background: #455d41;
    position: relative;
    color: #fff
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a {
    background: #81a41f;
    border-color: transparent;
    color: #fff;
    float: left;
    position: relative
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a i,
.subsideryregistrations .nav-tabs-linetriangle>li>a i {
    margin-right: 10px
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a:active,
.subsideryregistrations .nav-tabs-linetriangle>li.active>a:focus,
.subsideryregistrations .nav-tabs-linetriangle>li.active>a:hover {
    color: #fff;
    border-color: #81a41f;
    background-color: #81a41f
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a:after,
.subsideryregistrations .nav-tabs-linetriangle>li.active>a:before {
    border: solid transparent;
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 1;
    top: 100%
}

.noAccess a,
.no_access,
.owngovernorate select {
    pointer-events: none!important
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a:after {
    border-top-color: #81a41f;
    border-width: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.subsideryregistrations .nav-tabs-linetriangle>li.active>a:before {
    border-top-color: transparent;
    border-width: 11px;
    margin-left: -11px
}

.subsideryregistrations .nav-tabs-linetriangle>li>a span {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px
}

.subsideryregistrations .nav-tabs-linetriangle~.tab-content {
    background: #fff
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after {
    border-bottom: none
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li.active>a:before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid rgba(0, 0, 0, .2)
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li.active>a:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fafafa;
    margin-top: 1px;
    margin-right: 2px
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li.active>a:after,
.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-left.nav-tabs>li.active>a:before {
    top: auto;
    right: -23px;
    left: auto
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after {
    border-bottom: none
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li.active>a:before {
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid rgba(0, 0, 0, .2)
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li.active>a:after {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fafafa;
    margin-top: 1px;
    margin-left: -9px
}

.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li.active>a:after,
.subsideryregistrations .nav-tabs-linetriangle.nav-tabs-right.nav-tabs>li.active>a:before {
    top: auto;
    left: -12px;
    right: auto
}

@media screen and (max-width:58em) {
    .subsideryregistrations .nav-tabs-linetriangle {
	font-size: .6em
    }
}

.subsideryregistrations .nav-tabs-fillup {
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-perspective: 1000;
    perspective: 1000
}

.subsideryregistrations .nav-tabs-fillup>li>a,
.subsideryregistrations .nav-tabs-fillup>li>a:after {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.subsideryregistrations .nav-tabs-fillup>li {
    overflow: hidden
}

.subsideryregistrations .nav-tabs-fillup>li>a {
    backface-visibility: hidden;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    background: 0 0
}

.subsideryregistrations .nav-tabs-fillup>li>a:after {
    backface-visibility: hidden;
    background: #10cfbd;
    border: 1px solid #10cfbd;
    content: "";
    height: calc(100% + 1px);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    width: 100%;
    z-index: -1
}

.subsideryregistrations .form-group-default label.fade,
.subsideryregistrations .nav-tabs-fillup>li>a span {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

.subsideryregistrations .nav-tabs-primary.nav-tabs-fillup>li>a:after {
    background: #6d5cae;
    border: 1px solid #6d5cae
}

.subsideryregistrations .nav-tabs-success.nav-tabs-fillup>li>a:after {
    background: #10cfbd;
    border: 1px solid #10cfbd
}

.subsideryregistrations .nav-tabs-complete.nav-tabs-fillup>li>a:after {
    background: #48b0f7;
    border: 1px solid #48b0f7
}

.subsideryregistrations .nav-tabs-warning.nav-tabs-fillup>li>a:after {
    background: #f8d053;
    border: 1px solid #f8d053
}

.subsideryregistrations .nav-tabs-danger.nav-tabs-fillup>li>a:after {
    background: #f55753;
    border: 1px solid #f55753
}

.subsideryregistrations .nav-tabs-info.nav-tabs-fillup>li>a:after {
    background: #3b4752;
    border: 1px solid #3b4752
}

.subsideryregistrations .nav-tabs-fillup>li>a span {
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    display: block;
    font-weight: 700;
    line-height: 1.5
}

.subsideryregistrations .nav-tabs-fillup>li.active {
    z-index: 100
}

.subsideryregistrations .nav-tabs-fillup>li.active>a,
.subsideryregistrations .nav-tabs-fillup>li.active>a:focus,
.subsideryregistrations .nav-tabs-fillup>li.active>a:hover {
    border-color: transparent;
    background: 0 0;
    color: #fff
}

.subsideryregistrations .nav-tabs-fillup>li.active>a:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0)
}

.subsideryregistrations .nav-tabs-fillup>li.active .icon:before,
.subsideryregistrations .nav-tabs-fillup>li.active>a span {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    -ms-transform: translate(0, -5px)
}

.subsideryregistrations .nav-tabs-fillup .icon:before {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -ms-transform: translate(0, 5px);
    -webkit-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
    display: block;
    margin: 0
}

.subsideryregistrations .nav-tabs-fillup~.tab-content {
    background: #fff
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-left:after,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-right,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-right:after {
    border-bottom: none
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li>a:after,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li>a:after {
    width: calc(100% + 1px);
    height: 100%
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li.active a:after,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li.active a:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0)
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li>a:after {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0)
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li>a span {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    -ms-transform: translate(5px, 0)
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li.active .icon:before,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-left>li.active a span {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    -ms-transform: translate(-5px, 0)
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li>a:after {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    left: -1px
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li>a span {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    -ms-transform: translate(-5px, 0)
}

.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li.active .icon:before,
.subsideryregistrations .nav-tabs-fillup.nav-tabs-right>li.active a span {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
    -ms-transform: translate(5px, 0)
}

.subsideryregistrations .nav-tabs-header {
    overflow: scroll;
    width: 100%
}

.subsideryregistrations .nav-tabs-header .nav-tabs {
    width: auto;
    white-space: nowrap
}

.subsideryregistrations .nav-tabs-header .nav-tabs>li {
    display: inline-block;
    float: inherit
}

.subsideryregistrations .nav-tabs-header.nav-tabs-linetriangle {
    height: 61px;
    overflow-y: hidden
}

.subsideryregistrations .nav-tabs-header.nav-tabs-linetriangle:after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    position: relative;
    bottom: 3px;
    z-index: 120;
    content: "";
    clear: both
}

.subsideryregistrations .nav-tabs-header.nav-tabs-linetriangle~.tab-content {
    position: relative;
    top: -12px
}

.subsideryregistrations .nav-tabs-header~.tab-content {
    overflow: hidden;
    padding: 15px
}

.subsideryregistrations .nav-tab-dropdown .cs-select {
    width: 100%!important;
    max-width: 100%
}

.subsideryregistrations {
    margin-bottom: 30px
}

.green-bg {
    background-color: #759e16
}

.red-bg {
    background-color: #e12227!important
}

.listnone {
    list-style: none
}

.listnone li {
    line-height: 30px;
    margin-left: 5%
}

.listnone li i {
    font-size: 7px;
    padding: 3px;
    margin-top: -3px;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 600
}

.boaticon,
.caricon {
    color: #fff;
    padding: 5px;
    text-align: center
}

.boaticon i,
.caricon i {
    font-size: 42px;
    text-align: center;
    font-weight: lighter
}

.flex-div {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-div .fuelsubsidyicon p {
    padding-bottom: 0
}

.subsidyinfobox {
    border: 2px solid #d7d7d7;
    position: relative
}
.subsidyinfobox table{
    /*border: 2px solid #d7d7d7;*/
}
.subsidyinfobox table,
.subsidyinfobox th,
.subsidyinfobox tr {
    border: none
}

.fuelsudsidyheading {
    background-color: #e02327;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.fuelsudsidyheading h3 {
    color: #fff;
    margin-top: 10px;
    font-weight: 400;
    font-size: 20px
}

.fuelsubsidytitle p {
    padding: 20px 0 10px 0;
    font-weight: 600;
    text-align: center
}

.subsidyinfobox .hr {
    border-top: 1px solid #d7d7d7
}

.fuelsubsidyvalue {
    margin-top: 10px
}

.fuelsubsidyvalue p {
    text-align: center;
    font-size: 20px
}

.subsideryregistrations .landingpage {
    padding-top: 35px!important
}

.fuelpricebox {
    border: 2px solid #d7d7d7;
    position: relative;
    margin-top: 20px
}

.fuelpricebox .hr {
    border-top: 2px solid #d7d7d7
}

.fuelpricesubsidytitle {
    background-color: #80a718;
    padding: 10px 0 5px 0;
    font-weight: 600;
    text-align: center
}

.fuelpricesubsidytitle p {
    color: #fff;
    font-size: 19px
}

.fuelspriceudsidyheading {
    background-color: #e02327;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    text-align: center
}

.fuelspriceudsidyheading h3 {
    text-decoration: none;
    font-size: 17px;
    margin-top: 10px
}

.fuelpricesubsidyvalue {
    padding: 0
}

.fuelpricesubsidyvalue p {
    text-align: center;
    font-size: 20px
}

.fuelpricesubsidyvalue .no {
    border-right: 2px solid #d7d7d7;
    padding: 10px 0
}

.fuelpricesubsidyvalue div:last-child {
    border: none
}

.visitor-count.forfuelprice ul {
    border: 1px solid #333
}

.visitor-count.forfuelprice ul li {
    color: #333;
    background-color: #fff;
    border-right: 1px solid #333
}

.visitor-count.forfuelprice ul li:last-child {
    border-right: none
}

.fuelpricesubsidycount {
    display: flex;
    justify-content: center;
    align-item: center
}

.vulnerabilitybox {
    border: 1px solid #6d6d6d
}
.vulnerabilityboxhm table {
    border: 1px solid #6d6d6d
}

.vulnerabilityheading {
    background-color: #81a41f;
    text-align: left
}

.vulnerabilityheading h3 {
    font-size: 13px;
    color: #fff
}

.vulnerabilityboxhm div:nth-child(3rd) {
    background-color: #f0f0f0;
    color: #000;
    font-size: 13px;
    text-align: left
}

.vulnerabilitylist {
    color: #000;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 5px 0
}

.vulnerabilitylist ul li {
    text-align: left
}

.vulnerabilitylist div:nth-child(3n) {

    color: #80a718;
    display: flex
}

.grey-bg {
    background-color: #f0f0f0
}

.red {
    color: red
}

.tf-team-bg {
    background-color: #f9f9f9;
    border-bottom: 2px solid #80a718;
    padding-bottom: 50px;
    height: 100% !important;
}

.firstrowstakeholders {
    margin: 0px 0 30px;
    margin-top: 50px
}

.secondrowstakeholders {
    margin: 0px 0 0px 0;
    padding-top: 40px;
    padding-bottom: 40px
}
#tab1 .secondrowstakeholders .eachstakeholder .usercircle,#tab1 .firstrowstakeholders .eachstakeholder .usercircle,
#tab2 .secondrowstakeholders .eachstakeholder .usercircle,#tab2 .firstrowstakeholders .eachstakeholder .usercircle
{
    width: 150px;
    height: 150px;
}

.stakeholderslists .usercircle {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 100%;
    border: 1px solid #4f24ab
}

.eachstakeholder {
    display: flex;
    justify-content: center;
    align-items: center
}
.eachstakeholder.electricity .usercircle,
.eachstakeholder .usercircle {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 10px;
    border: 2px solid #80a718;
    border-radius: 100%!important;
    min-width: 100px;
    min-height: 100px
}
.eachstakeholder.electricity .usercircle{
    width: auto !important;
    height: auto !important;    
    min-width: inherit !important;
    min-height: inherit !important;
    border-radius: 60px !important;
}
.eachstakeholder .usercircle img {
    width: 100%;
    height: 100%
}

.eachstakeholderdetail .usernameweb .ministryname {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 15px
}

.eachstakeholderdetail .usernameweb .ministrylink {
    color: red;
    font-size: 17px;
    font-weight: 700;
    text-align: center
}

#tf-imp {
    border-bottom: 3px solid #80a718;
    border-top: 3px solid #80a718
}

#tf-imp {
    background: url(../../img/landing/03.jpg);
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff
}

#tf-imp .overlay {
    padding: 50px 0 60px
}

#tf-imp .overlay {
    height: auto;
    background-attachment: fixed;
    overflow: hidden
}

#tf-imp .overlay {
    height: auto;
    overflow: hidden;
    background-attachment: fixed;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .8)), color-stop(17%, rgba(0, 0, 0, .73)), color-stop(35%, rgba(0, 0, 0, .66)), color-stop(62%, rgba(0, 0, 0, .55)), color-stop(100%, rgba(0, 0, 0, .4)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .73) 17%, rgba(0, 0, 0, .66) 35%, rgba(0, 0, 0, .55) 62%, rgba(0, 0, 0, .4) 100%)
}

#tf-about .fuellst,
#tf-about .fuellst ul,
.fs-info,
.fs-info ul,
.fuellst,
.fuellst ul {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0;
    position: relative
}

#tf-about fuellst li,
.fs-info ul li,
.fuellst li {
    float: left;
    margin: 0 0 0;
    width: 33.333333%;
    padding: 0 20px 0;
    position: relative;
    list-style-type: none
}

.fs-info ul li .subisdy-cir {
    width: 115px;
    margin: 15px auto
}

.fs-info ul li .subisdy-cir .green-circle {
    float: left;
    width: 115px;
    height: 115px;
    text-align: center;
    position: relative;
    border-radius: 100%;
    background: #80a718;
    padding: 20px 20px 20px
}

.fs-info ul li .subisdy-cir .green-circle i {
    font-size: 70px;
    color: #fff
}

#tf-about .fuellst li,
.fuellst li {
    width: 46%;
    float: left;
    padding: 0 0 0;
    position: relative;
    margin-right: 30px;
    list-style-type: none
}

.fuellst li {
    width: 40%
}

#tf-about .fuellst li:last-child,
.fuellst li:last-child {
    margin-right: 0
}

#tf-about .fuellst li .green-squ,
.fuellst li .green-squ {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    position: relative;
    padding: 10px 10px;
    background: #759e16
}

#tf-about .fuellst li .green-squ i,
.fuellst li .green-squ i {
    color: #fff;
    font-size: 35px
}

#tf-about .fuellst li .green-squ+div[class*=w-],
.fuellst li .green-squ+div[class*=w-] {
    width: 70%!important
}

.aboutdtls ul.abtlist-dtls,
.landingpage ul.abtlist-dtls,
ul.abtlist-dtls {
    width: 100%;
    float: left;
    padding: 0 0 0;
    margin: 0 0 0 35px;
    position: relative
}

.aboutdtls ul.abtlist-dtls li,
.landingpage ul.abtlist-dtls li,
ul.abtlist-dtls li {
    font-family: OpenSans-Regular!important;
    list-style-type: none;
    padding: 0 0 0 25px;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    margin: 0 0 0;
    width: 100%;
    color: #333;
    float: left
}

.aboutdtls ul.abtlist-dtls li:before,
.landingpage ul.abtlist-dtls li:before,
ul.abtlist-dtls li:before {
    top: 0;
    left: 0;
    float: left;
    color: #759e16;
    font-size: 14px;
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome
}

.fuelcompany {
    border-top: 2px solid #80a718;
    border-bottom: 2px solid #80a718;
    margin-top: 40px;
    margin-bottom: 20px
}

.landingpage .regcounts span {
    color: #333!important;
    font-size: 21px!important;
    font-weight: 500!important;
    padding-right: 15px
}

.liststylenone {
    list-style: none
}

#fuelsubsid.overlay {
    padding-top: 140px
}

.stakeholdertitle {
    margin: 10px 0 30px 0;
    padding-bottom: 30px
}

.stakeholdertitle span {
    border-top: 2px solid #80a718;
    border-bottom: 2px solid #80a718;
    width: auto;
    color: #000;
    font-size: 18px;
    padding: 10px 50px
}

.fuelcompany img {
    width: 100%;
    margin-top: 20px
}

.fuelcompany .fuelcardtext {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.fsscomingsoon {
    width: 100%
}

#tf-about .fuellst li .red-squ,
.fuellst li .red-squ {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    position: relative;
    padding: 10px 10px;
    background: #e02327
}

#tf-about .fuellst li .red-squ i,
.fuellst li .red-squ i {
    color: #fff;
    font-size: 35px
}

.electricitycriteria-box {
    border: 2px solid #888
}

.criteria-heading,
.salarycriteria-heading {
    background-color: #6d6d6d;
    color: #fff
}

.criteria-heading h4,
.salarycriteria-heading h4 {
    font-size: 14px;
    text-decoration: none
}

.vulnerabilitysubheading {
    background-color: #e2e2e2
}

.vulnerabilitysubheading h3 {
    font-size: 11px;
    margin-top: 10px
}

.vulnerpagelist h3 {
    font-size: 11px
}

.vulnerabilitylist li {
    width: 47%;
    display: flex
}

.vulnerabilitylistcms {
    width: 90%;
    margin-top: 40px;
    text-align: right;
    float: right
}

.vulnerabilitylistcms img {
    text-align: right
}

.stakeholdermobile {
    display: none
}

.subsidyinfobox table {
    font-size: 18px;
    width: 100%
}

.subsidyinfobox th,
.subsidyinfobox tr {
    text-align: center;
    padding-left: 10px;
    border: none;
    padding-bottom: 15px;
    padding-top: 15px
}

#sitestakeholder .overlay {
    padding-top: 160px
}

.abtlist-dtls b {
    margin: 0 0px
}

.abtlist-dtls .red {
    margin-left: 5px
}

.ltrb {
    font-size: 12px;
    color: #fcff00;
    font-weight: 100;
    position: absolute;
    right: 5px;
    top: 20px;
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.firstrowstakeholders .eachstakeholder .usercircle img {
    margin-top: -3px
}

#verificationForm .form-group-default .select_status i.select {
    right: 16px
}

.watsub table,
.watsub table th,
.watsub table th td {
    padding: 5px 16px
}

#videoTutorialforFuelSubsidySystem3 {
    width: 68%
}

.content-area .fsscomingsoon {
    width: 68%
}

.eligible {
    color: #67ad88
}

.subsidyheadstyle {
    background-color: #80a718;
    color: #fff
}

.fuelinfotd td {
    border-right: 2px solid #d7d7d7;
    padding-top: 10px;
    padding-bottom: 10px
}

.fuelinfotd td:last-child {
    border-right: none
}

#landTopMenu li a {
    color: #fff
}

ul#landTopMenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

#landTopMenu .dropdown {
    background-color: #80a718;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all .5s ease;
    margin-top: 1rem;
    left: 0;
    display: none;
    overflow: hidden;
    padding: 15px 10px 5px 10px;
    margin-top: 35px;
    list-style: none;
    width: 215px;
    margin-left: -10px
}

#landTopMenu .dropdown li {
    padding: 10px
}

ul#landTopMenu li ul:hover,
ul#landTopMenu li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block;
    overflow: hidden
}

#landTopMenu .dropdown li:hover {
    background-color: #fff;
    color: #80a718!important;
    width: 100%
}

#landTopMenu .dropdown li:hover>a {
    color: #80a718!important
}

#landTopMenu .dropdown li a:hover {
    color: #80a718;
    width: 100%
}

ul#landTopMenu li ul li {
    clear: both;
    width: 100%
}

.electricityinfobox table{
    border:1px solid #6d6d6d;
    width:100%;
}
.electricityinfobox table th{ 
    font-size:13px;
    color:#fff;
    text-align: left;
}
.electricityinfobox table tr{
    border-bottom:1px solid #6d6d6d;
    padding: 5px 0px;
    color: #000;
    font-size: 13px;
}
.electricityinfobox table tr td{
    padding:8px 12px;
    color: #000;
    font-size: 13px;
    text-align: left;
}
.electricityinfobox table tr td:nth-child(3)
{
    border-right:1px solid #6d6d6d;
}
.electricityinfobox .electricitysudsidyheading h3{
    color:#5a5a5a;
    font-size:16px;
}
.elchead
{
    width:100%;
}
.electricityinfobox .elchead div:nth-child(1)
{
    text-align: left;
    padding-left:0px;
}
.electricityinfobox .elchead div:nth-child(2)
{
    text-align: right;
    padding-right:0px;
}
.vulnerabilitytitle
{
    text-align: left;
}
.vulnerabilitytitle h3
{
    font-size: 16px;
}
.vulnerabilityboxhm table th{
    font-size: 13px;
    text-align: left;

}
.vulnerabilityboxhm table tr td{
    font-size: 13px;
    padding: 8px 12px;
    text-align: left;
    color:#000;
}
.vulnerabilityboxhm table tr
{
    padding:5px 0px;
}

.mobile-order{
        display: flex;
        flex-flow: wrap;
        align-items:center;
    }
    .m-w-100{
        max-width: 100%;
    }
    @media screen and (max-width: 959px) {
    .mobile-order{
        display: flex;
        flex-flow: wrap;
    }   
    .mo-item-1 {
        order: 1;
        /*width: 50%;*/
     }
    .mo-item-2 {
        order: 3;      
     }
    .mo-item-3 {
        order: 2;
        /*width: 50%;*/
     }   
    .navbar-brand {
        float: none;
    }
    .navbar-brand>img {
        display: inline-block;
        max-width: 100%;
     }
     .covid_19_en h2 {        
        font-size: 12px;        
     }
     .covid_19_doc_en a {        
        font-size: 12px;
     }
    .covid_19_doc_en {       
        margin-bottom: 10px;
     }
}
@media (min-width:1366px) {

    #tf-about .overlay {
	padding: 145px 0 30px
    }
    #footer .fnav  .footerbgilogo{
	width: 180px !important;
	margin-top: 8px;
    }
}

@media (min-width:1024px) {
    #tf-about .overlay {
	padding: 105px 0 30px
    }
    #tf-contact .contact-info+div {
	padding-left: 0
    }
}

@media (max-width:1024px) {
    .overlay .iframe iframe {
	width: 100%
    }
    .fuellst li {
	width: 46%
    }
    .aboutdtls ul.abtlist-dtls,
    .landingpage ul.abtlist-dtls,
    ul.abtlist-dtls {
	margin-left: 0
    }
    .contact-info {
	width: 100%!important;
	height: 100%!important
    }
    .rig-bor {
	width: 197px!important
    }
    .subsidyinfobox table {
	font-size: 18px;
	width: 100%
    }
    .subsidyinfobox th,
    .subsidyinfobox tr {
	text-align: center;
	padding-left: 10px;
	padding-top: 15px
    }
    #landTopMenu .dropdown {
	display: none!important
    }
    .electricityinfobox table th{ 
	padding:10px;
    }
}

@media (max-width:768px) {
    .fuelcompany .fuelcardtext {
	font-size: 21px
    }
    .fsscomingsoon {
	width: 80%;
	margin: 0 auto;
	display: flex;
	padding-top: 50px
    }
    #siteabout .overlay,
    #siteelectricity_water .overlay,
    #sitefuelsubsidy .overlay,
    #sitemediacenter .overlay {
	padding: 125px 0 0
    }
    #sitestakeholder .overlay {
	padding-top: 264px!important
    }
    .overlay .iframe {
	margin-top: 40px;
	text-align: center
    }
    .subsidyinfobox {
	width: 81%;
	padding: 0px 0 0 0;
	margin: 0px auto;
    }
    .watsub table {
	margin: 0 auto
    }
    .fuelsudsidyheading {
	padding: 10px 0
    }
    .fuelsudsidyheading h3 {
	padding: 0;
	margin: 0
    }
    .fuelpricebox {
	width: 81%;
	margin: 30px auto
    }
    .fuelspriceudsidyheading {
	padding: 10px 0
    }
    .fuelspriceudsidyheading h3 {
	margin: 0
    }
    .fuelpricesubsidytitle {
	padding: 20px 0 35px 0
    }
    .firstrowstakeholders {
	padding-top: 40px
    }
    .usernameweb {
	width: 100%
    }
    .firstrowstakeholders div {
	margin-bottom: 40px
    }
    .secondrowstakeholders {
	margin-top: 0;
	padding-top: 0
    }
    .secondrowstakeholders div {
	margin-bottom: 40px
    }
    .vulnerabilitybox {
	width: 75%;
	margin: 0 auto
    }
    .vulnerabilityboxhm {
	width: 75%;
	margin: 0 auto
    }
    .fuelsubsidyvalue b {
	font-size: 12px
    }
    .ltrb {
	font-size: 8px!important;
	top: 28px!important
    }
    .aboutdtls ul.abtlist-dtls,
    .landingpage ul.abtlist-dtls,
    ul.abtlist-dtls {
	width: 97%!important
    }
    .stakeholdermobile {
	display: none
    }
    .firstrowstakeholders {
	margin-top: 0!important
    }
    .section-bg .container {
	width: 95%
    }
    .subsidyinfobox table {
	font-size: 16px;
	width: 100%
    }
    .subsidyinfobox table {
	font-size: 18px;
	width: 100%
    }
    .subsidyinfobox th,
    .subsidyinfobox tr {
	text-align: center;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-top: 15px
    }
    .subsideryregistrations {
	margin-bottom: 0
    }
    .container.forfuelsubsidy {
	width: 96%
    }
    .arres {
	margin-left: 15px;
	margin-right: 15px
    }
    .electricityinfobox table {
	border: 1px solid #6d6d6d;
	width: 70%;
	margin: 0px auto;
    }
    .elchead
    {
	width:70%;
	margin:0px auto;
    }
    .vulnerabilityboxhm table
    {
	width:100%;
    }
}

@media (min-width:735px) and (max-width:736px) {
        .fuelcompany {
	margin-left: 19%
    }
    .fsscomingsoon {
	width: 50%!important
    }
    .watsub table {
	width: 96%;
	margin-left: 2%
    }
   
    .elchead
    {
	width:72%;
    }
}

@media (max-width:736px) {
    #siteabout .overlay,
    #siteelectricity_water .overlay,
    #sitefuelsubsidy .overlay,
    #sitemediacenter .overlay {
	padding: 107px 0 0;
	margin-top: 0
    }
    .fuelcompany .fuelcardtext {
	font-size: 15px
    }
    .vulnerabilitylist li {
	width: 100%;
	margin-top: 10px;
	margin-right: 0
    }
    .vulnerabilitylistcms {
	width: 100%
    }
    .fsscomingsoon {
	width: 100%;
	padding-top: 0
    }
    .vulnerabilitylist {
	font-size: 11px
    }
    .stakeholderslists .row {
	padding-bottom: 0
    }
    .stakeholderslists .eachstakeholder {
	margin-bottom: 40px
    }
    .stakeholderimg .lazyload {
	width: 45%
    }
    .stakeholderslists .usercircle {
	height: 100px!important
    }
    .fuellst li .green-squ+div[class*=w-] {
	width: 68%!important;
	margin-bottom: 30px
    }
    .abtlst li,
    .fuellst li {
	width: 100%!important
    }
    #tf-about .abtlst li .green-squ+div[class*=w-],
    .abtlst li .green-squ+div[class*=w-] {
	width: 54%!important;
	margin-bottom: 30px
    }
    .abtlst li {
	width: 46%!important
    }
    .abtlst li span {
	text-align: left
    }
    .overlay .iframe {
	width: 100%;
	height: 100%
    }
    .overlay .iframe iframe {
	width: 100%;
	height: 100%
    }
    .subsidyinfobox {
	/*float: left;*/
	width: 100%;
	/*padding-bottom: 20px*/
    }
    .fuelspriceudsidyheading,
    .fuelsudsidyheading {
	padding: 10px 0
    }
    .fuelsudsidyheading h3 {
	margin: 0
    }
    .fuelpricesubsidytitle {
	padding: 20px 0 35px 0
    }
    .firstrowstakeholders {
	padding-top: 0px
    }
    .firstrowstakeholders div {
	margin-bottom: 30px
    }
    .secondrowstakeholders {
	margin: 0;
	padding: 0
    }
    .secondrowstakeholders div {
	margin-bottom: 30px
    }
    .aboutdtls ul.abtlist-dtls li,
    .landingpage ul.abtlist-dtls li,
    ul.abtlist-dtls li {
	width: 90%
    }
    .abtlist-dtls li {
	width: 90%!important
    }
    .subsideryregistrations .nav-tabs-linetriangle>li>a span {
	font-size: 12px
    }
    .visitor-count ul li {
	margin-bottom: 0!important;
	width: auto!important
    }
    .subsidyinfobox {
	width: 70%;
	margin-left: 0;
	padding-top: 0;
	margin:0px auto;

    }

    #sitestakeholder .overlay {
	padding-top: 100px!important
    }
    .stakeholderdesktop {
	display: none
    }
    .stakeholdermobile {
	display: block
    }
    .vulnerpagelist p {
	padding-left: 5px;
	padding-right: 5px
    }
    .col-xs-offset-8 {
	margin-left: 66.66666667%!important
    }
    .vulnerabilitysubheading {
	padding-right: 3px
    }
    .subsidyinfobox table {
	font-size: 18px;
	width: 100%
    }
    .subsidyinfobox th,
    .subsidyinfobox tr {
	text-align: center;
	padding-left: 10px;
	font-size: 14px;
	padding-bottom: 15px;
	padding-top: 15px
    }
    .fuelpricebox {
	margin-left: 0;
	width: 100%
    }
    .subsidyinfobox th,
    .subsidyinfobox tr {
	text-align: center;
	padding-left: 10px;
	font-size: 14px;
	padding-bottom: 15px;
	padding-top: 15px
    }
    .fuelpricebox {
	margin-left: 0;
	width: 70%;
	margin:0px auto;
	margin-top:40px;
    }
    #tf-team .overlay .lazyload {
	margin-bottom: 30px
    }
    #tf-home .overlay {
	padding: 97px 0 0
    }
    .aboutusheader {
	text-align: center
    }
    .tf-menu .overlay .container {
	width: 100%
    }
    #landTopMenu .dropdown {
	display: none
    }
    .electricityinfobox table {
	width:73%;
	margin:0px auto;
    }
    .stakeholdermobile .row
    {
	margin-left:20px !important;
    }

}

@media (max-width:480px) {
    .stakeholderimg .lazyload {
	width: 100%
    }
    .subsideryregistrations .nav-tabs-linetriangle>li>a span {
	font-size: 9px!important
    }
    .subsideryregistrations .nav-tabs>li>a {
	padding: 10px 10px
    }
    #tf-team .lazyload {
	width: 100%
    }
    .fuelsubsidytitle p {
	font-size: 12px
    }
    .vulnerabilitylist {
	font-size: 9px
    }
    .vulnerabilitysubheading h3 {
	font-size: 8px
    }
    .vulnerabilitybox {
	width:100%;
    }
    .vulnerabilityboxhm {
	width:100%;
    }
    .vulnerabilityheading h3 {
	font-size: 10px
    }
    .vulnerabilityheading div {
	padding: 0;
	margin: 0
    }
    .vulnerabilitylist {
	padding-left: 5px
    }
    .vulnerabilitylist div {
	padding: 0;
	margin: 0;
	padding-right: 3px
    }
    .vulnerabilitylist div p {
	margin-bottom: 0
    }
    #tf-about .abtlst li .green-squ+div[class*=w-],
    .abtlst li .green-squ+div[class*=w-] {
	width: 62%!important
    }
    .abtlst li {
	width: 100%!important
    }
    .aboutusheader {
	text-align: center
    }
    .fuelcompany {
	padding-left: 5%
    }
    .watsub table,
    .watsub table td,
    .watsub table th {
	padding: 1px 9px
    }
    .subsidyinfobox table {
	font-size: 18px;
	width: 100%
    }
    #slider .banner-run-txt {
	padding-top: 0!important
    }
    #homeRegisterFirstTrigger {
	margin-top: 0;
	margin-bottom: 0
    }
    
    #registrationTrigger .lazyload {
	margin-top: 10px;
	margin-bottom: 1px
    }
    #tf-home .overlay {
	padding: 75px 0 0!important
    }
    .image-1,
    .image-2,
    .image-3,
    .image-4,
    .image-5,
    .image-6 {
	margin-top: 0
    }
    .electricityinfobox table th {
	font-size: 10px;
	color: #fff;
	padding: 10px 4px;
    }
    .electricityinfobox table tr td {
	padding: 5px 4px;
	color: #000;
	font-size: 13px;
    }
    .electricityinfobox .electricitysudsidyheading h3
    {
	font-size:13px;
    }
    .electricityinfobox table{
	width:100%;
    }
    .fuelpricebox{
	width:100%;
	margin-top:40px;
    }
    .subsidyinfobox {
	width: 100%;

	margin: 0px auto;
    }
    .elchead {
	width: 100%;
	margin: 0px auto;
    }
    .vulnerabilityboxhm table th {
	font-size: 10px;
    }
    .vulnerabilitytitle h3 {
	font-size: 13px;
    }
}

@media (max-width:414px) {
    .fuelsubsidytitle p {
	font-size: 9px
    }
    .fuelsubsidyvalue p {
	font-size: 14px
    }
}
@media (max-width:320px){
    #slider .banner-run-txt div[class*=appstore] {
        padding: 0 13% 0 !important;
    }
}

.watsub .table-bordered {
    border: 1px solid #ddd
}

.watsub table,
.watsub td,
th {
    border-collapse: collapse;
    padding: 12px 12px;
    text-align: center
}

.watsub table {
    border: 1px solid #6d6d6d
}

.vulnerpagelist div {
    border-right: 1px solid #6d6d6d
}

.watsub table tr:first-child {
    color: #fff;
    text-align: center
}

.vulnerabilitysubheading .bnone {
    border: 0
}

.watsub table tr td p {
    font-size: 13px;
    margin-bottom: 5px
}

.watsub caption {
    padding-top: 0;
    padding-bottom: 0
}

.vulnerabilityheading h3 {
    margin-top: 10px;
    padding-right: 3px;
    text-align:center;
}

.vulnerabilitysubheading.sub th {
    padding-top: 0;
    padding-bottom: 0
}

.vulnerable-water-table td {
    border-top: 0;
    border-bottom: 0
}

.vulnerable-water-table.lasttd td {
    border-top: 0
}
.vulnerabilitylist li .red-squ + div[class*=w-]{
    width:70% !important;
} 
.notfytxt
{
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    font-style: italic;
    color:#000;
}
.marafiq_img{
    width: 90% !important;
    height:auto !important;
    margin-left: auto;
    margin-right: auto;
    display:block;
}

.textstake{
    text-align: center !important;
    padding-top:30px !important;
    padding-bottom: 20px !important;
}
.stkLine{
    border-bottom: 0px solid #cacaca !important;
    
}
@media (max-width:414px){
    .tf-team-bg{
        border-bottom: 0px solid !important;
        background-color: #f9f9f9 !important;
      
    }
}

@media (max-width:768px){
    .tf-team-bg{
        border-bottom: 0px solid !important;
        background-color: #f9f9f9 !important;
      
    }
    .bor_btmline {
        border-bottom: 2px solid #80a718 !important;
    }
    .eachstakeholderdetail .usernameweb .ministryname {
        margin-top: 0px !important;
    }
}


.bg_watersub{
 background-color: #f9f9f9 !important;
}