.glow{box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);}


.animation{-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

.tilt{-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg); font-weight: 600 }

.text-orange{color: #f88e00}

.service-pointer{ position: absolute; width: 100px; height: 100px; color: #fff; text-align: center; background: #5f99ff; border-radius: 50%; left: 50%; top: -50px; margin-left: -50px; z-index: 1000}
.service-pointer span{font-size: 2rem; line-height: 100px; text-align: center;}


body.static{background: #fff}




header.static{background: #fff;position: relative; z-index: 1000; padding: 20px 0; border: none;}

.navbar-brand{width: 200px}



.dropdown-menu.top-navigation{left: auto;right: 0}
button.navbar-toggler{outline: none}
.left-column{background: #40195e;}
@media (min-width: 992px) {
    .left-column{width: 250px;background: #40195e}
}


@media (min-width: 992px) {
    .second-nav-mask{display: none}
    .second-nav ul{display: block;position: relative}
    .second-nav li{display:inline-block; }
    .second-nav li.active a{background: #40195e; padding: 20px 30px;position: relative; color: #fff}
    .second-nav li.active a:before{content: ""; display: block; width: 0; height: 0; border: solid 8px rgba(0,0,0,0.00); border-top-color: #40195e; position: absolute; top: 100%; left: 50%; z-index: 10; margin-left: -8px}
}






.header-profile-logo{max-height: 60px; display: inline-block; max-width: 60px; padding-right: 10px;}

.header-profile-logo img{border-radius: 4px; overflow: hidden;}

[class^="clip-"], [class*=" clip-"] {position: relative; z-index: 10}
[class^="clip-"]:before, [class*="clip-"]:after {content: ""; display: block;z-index: 100; position: absolute;width: 100%; height: 27px;}

[class^="clip-before"]:before, [class*="clip-before"]:before{left: 0; top: -1px}
[class^="clip-after"]:after, [class*="clip-after"]:after{left: 0; bottom: -1px}


.clip-before-out-up:before{background:url(../images/out-top.svg) no-repeat center top; }
.clip-before-out-down:before{background:url(../images/out-bottom.svg) no-repeat center top; }
.clip-before-in-up:before{background:url(../images/in-top.svg) no-repeat center top;; background-size: auto 27px}
.clip-before-in-down:before{background:url(../images/in-bottom.svg) no-repeat center top; ;background-size: auto 27px}

.clip-after-out-up:after{background:url(../images/out-top.svg) no-repeat center bottom; }
.clip-after-out-down:after{background:url(../images/out-bottom.svg) no-repeat center bottom; }
.clip-after-in-up:after{background:url(../images/in-top.svg) no-repeat center bottom; ;background-size: auto 27px}
.clip-after-in-down:after{background:url(../images/in-bottom.svg) no-repeat center bottom; ;background-size: auto 27px}



.section-padding{padding: 80px 0; position: relative; z-index: 100}


#banner{padding: 40px 0; background: url(../images/banner-bg-01.jpg)no-repeat center center; background-size: cover; color: #fff }

#banner h2{font-size: 2.2rem; font-weight: 900; padding-bottom: 20px; color: #fff}

.banner-slider-wrapper{position: relative; margin-bottom: -320px; z-index: 120; display: none}




.form-group{width: 100%; margin-bottom: 0.4rem}
.form-group + button{width: 100%;}


@media (min-width: 576px) {
  #banner{padding: 140px 0; }
  #banner h2{font-size: 3rem; padding-bottom: 40px;}

    .form-group{width: auto;}
.form-group + button{width: auto;}

}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
  
.banner-slider-wrapper{ display: block;}
}

@media (min-width: 1200px) {
  
}




























#products{background: #f8f9fb}





.service-box{ padding: 20px 20px 20px 60px; margin-left: 40px; border-radius: 5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /* IE6-9 fallback on horizontal gradient */}

.service-icon{width: 80px; position: absolute; left: 10px}
.service-data{}
.service-tag{}
.service-title{font-weight: 600; padding-bottom: 20px;}
.service-text{}

.service-box:hover{background: #fff;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);}


.services-extralist{text-align: center; margin: 0; padding: 0 20px; list-style: none; display: inline-block; border-radius: 30px; padding:20px 30px; background: #fff}
.services-extralist li{display: inline; text-align: center; padding: 0 15px}
.services-extralist li a{font-weight: 600}







@media (min-width: 576px) {

    .service-box{ padding: 60px 40px 60px 100px;}
    .service-icon{width: 100px; position: absolute; left: 10px}

 

}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
  

}

@media (min-width: 1200px) {
  
}




















/* Developers box */

#developers-first.section-padding{padding: 80px 0 0; background: #f3f7fa; margin: 0}
#developers-first{}
#developer-tab{}
#developer-tab a{text-align: right; padding: 20px; border: solid 1px transparent}
#developer-tab a:not(.reflink):after{    content: "\e93e"; font-family: 'kop' !important; color: #e46610; opacity: 0; padding-left: 20px;}

#developer-tab a:not(.reflink):hover, #developer-tab a.active:not(.reflink){border-color: #eef2f7; border-left: solid 5px #e46610;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);}
#developer-tab a:hover:after, #developer-tab a.active:after{opacity: 1;}





.dev-code-box{border-color: #eef2f7; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05); border-radius: 5px; max-width: 700px}
.dev-code-box-title{border-bottom: solid 1px #eef2f7; padding: 15px; background: #fcfcfc}
.dev-code-box-title .span{display: block; width: 20px; height: 20px; background: #eee; position: relative; border-radius: 10px; background: #ff5105 }
.dev-code-box-title .span:before, .dev-code-box-title .span:after{content: "";  display: block; width: 20px; height: 20px; background: #eee; position: absolute; border-radius: 10px}
.dev-code-box-title .span:before{left: 25px; background:#fdc400 }
.dev-code-box-title .span:after{left: 50px; background:#e46610 }


.dev-code-box-data{padding: 30px; min-height: 300px}



.dev-code-image{position: relative;
    margin: -30% 0 0;
    text-align: right;
    z-index: 1000;
}
















/* madeinindia */
#madeinindia{background: url(../images/wordmap.svg) no-repeat center center #40195e; background-size: cover; overflow: hidden; padding: 180px 0; color: #fff}
#madeinindia h2,#madeinindia h5{color: #fff}

#madeinindia:before{content: ""; display: block;    height: 0; width: 0; position: absolute;  top: 0;  left: 0;  border-left: solid 100vw transparent; border-top: solid 70px #fff;}
#madeinindia:after{content: ""; display: block;    height: 0; width: 0; position: absolute;  bottom: 0;  right: 0;  border-right: solid 100vw transparent; border-bottom: solid 70px #fff;}
.madeininda-list{padding: 0;    margin: 0; list-style: none;}
.madeininda-list li{width: 49%; display: inline-block; padding: 4px 0 4px 30px;     position: relative;}
.madeininda-list li:before{content: "\e93e";     font-family: 'kop' !important; position: absolute; left: 0; color: #f88e00}







/* Feature box */



#features{}
.feature-container{border-top:solid 1px #dfe6ed; border-bottom: solid 1px #dfe6ed}
.feature-container> div > .row{}
.feature-container> div > .row > [class^="col-"], .feature-container> div > .row > [class*=" col-"] {background: #f3f7fa}

.feature-container> div > .row > [class^="col-"]:first-child{border-left: solid 1px #dfe6ed}
.feature-container> div > .row > [class^="col-"]:last-child{border-right: solid 1px #dfe6ed}
.feature-container> div > .row > [class^="col-"]:nth-child(2){background: #fff; margin-top: 0; margin-bottom: 0; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05); padding-top: 30px; border: solid 1px #dfe6ed; border-radius: 5px}


.featurebox{padding:50px 30px 30px; min-height: 240px}
.feature-icon{width: 50px; position: absolute; left: 30px;}
.feature-data{padding-left: 60px}
.feature-title{font-weight: 700}
.feature-text{}








@media (min-width: 576px) {
.feature-container> div > .row > [class^="col-"]:nth-child(2){margin-top: -30px; margin-bottom: -30px;  padding-top: 30px;}

   

 

}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
  

}

@media (min-width: 1200px) {
  
}

















/* footer */

footer{background: #340e51; color: #ababc6; }
.footer-linkblock{padding-bottom: 20px; }
.footer-linktitle{padding-bottom: 10px; font-weight: 600; color: #fff}
.footer-linklist{padding: 0; margin: 0; list-style: none}
.footer-linklist li{}
.footer-linklist li a{color: #ababc6}
.footer-linklist li a:hover{color: #fff; }

.footer-logo img{max-width: 120px;}
address strong{color: #fff}





.footer_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0
}

.footer_nav ul li {
    display: block;
    font-size: 14px;
    padding: 5px 10px
}

.footer_nav ul li a {
    color: inherit
}

.footer_nav ul li a:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width:768px) {
    .footer_nav ul li {
        display: inline-block;
        font-size: 14px;
        padding: 5px 10px
    }
}

@media (min-width:992px) {

 
    .footer_nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 0
    }
    .footer_nav ul li {
        display: inline-block;
        font-size: 14px;
        padding: 5px 15px
    }
    .footer_nav ul li a {
        color: inherit
    }
    .footer_nav ul li a:hover {
        color: #fff;
        text-decoration: none
    }
}







#index_payment_tab {
    border: none
}

#index_payment_tab li {
    margin-bottom: 0
}

#index_payment_tab li a.nav-link {
    border: none;
    border-radius: 0;
    border-bottom: solid 4px transparent;
    color: #666;
    padding: 8px;
    font-size: 16px
}

#index_payment_tab li a:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

#index_payment_tab li a.nav-link.active {
    border-bottom-color: #40195e;
    background-color: transparent
}

#index_payment_tab_content {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05)
}

.index_slider_wrapper {
    padding: 20px;
    position: relative
}

.index_slider_control_next,
.index_slider_control_prev {
    position: absolute;
    z-index: 100;
    margin-top: -15px;
    top: 50%
}

.index_slider_control_prev {
    left: 0;
    margin-left: -15px
}

.index_slider_control_next {
    right: 0;
    margin-right: -15px
}

.index_section_title div,
.resources {
    margin: auto
}

#tab_cc_link:before {
    background: url(../images/tab_ico_cc.svg) center center no-repeat
}

#tab_nb_link:before {
    background: url(../images/tab_ico_nb.svg) center center no-repeat
}

#tab_dc_link:before {
    background: url(../images/tab_ico_dc.svg) center center no-repeat
}

#tab_ow_link:before {
    background: url(../images/tab_ico_wallet.svg) center center no-repeat
}






































	
.authentication_box_wrapper{max-width: 620px; margin:180px auto 20px;}
.authentication_box{background: #fff;border-radius: 4px; overflow: hidden}
.authentication_logo{padding-bottom: 40px; text-align: center;max-width: 120px;text-align: center; margin: auto}
.authentication_header{padding: 20px 30px; }

.authentication_header [class^="kop-"], .authentication_header [class*=" kop-"]{font-size: 2rem; color: #c8539e}
.authentication_body{padding: 50px}
.authentication_footer{padding: 20px;}







header{background: #fff; border-bottom: solid 1px #e9e9e9 ;position: relative; z-index: 1000}
.glow{box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);}
.navbar-brand{width: 120px}

.box{border-radius: 3px; background: #FFFFFF}

.dropdown-menu.top-navigation{left: auto;right: 0}
button.navbar-toggler{outline: none}
.left-column{background: #40195e;}
.right-column{padding: 20px !important; }
@media (min-width: 992px) {
    .left-column{width: 200px;background: #40195e}
.right-column{padding: 30px !important; width: calc(100% - 200px)}
}


#leftnavigation  ul{width: 100%; padding: 10px 0}
#leftnavigation  [class^="kop-"]{padding-right: 10px;}
#leftnavigation li{padding:3px 5px}
#leftnavigation li a{color: #aca3c4}

.kop-home{color: #7527cd}
.kop-transaction{color: #e46610}
.kop-settlement{color: #fbb813}
.kop-invoice{color: #eb1e23}
.kop-link{color: #7527cd}
.kop-subscription{color: #ff316f}
.kop-quick{color: #06fc58}
.kop-hand{color: #ecd517}
.kop-book{color: #cc972c}
.kop-userline{color: #dfff3e}
.kop-setting{color: #fb13d8}
.kop-logout{color: #1e44eb}

.account-status{background: rgba(0,0,0,0.2); padding: 25px;color: #fff}
.account-status h4{color: #fff}
.account-status span{right: 0; position: absolute}
.account-process-wrapper{height: 4px; display: block; width: 100%; margin-top: 10px; background:#40195e}
.account-process-bar{background: #e46610; border-radius: 4px; display:block; height:4px}



.second-nav{position: relative;background: #fff; border-bottom: solid 1px #eee}
.second-nav ul{padding: 0; margin: 0;list-style: none; position: absolute;top: 100%; left: 0; font-size: 0;background: #fff; width: 100%;display: none}
.second-nav li{display: block; font-size: 0.9rem;position: relative}
.second-nav li a{padding: 20px; display: block;    color: #9399b0;}
.second-nav li.active a{}

.second-nav-mask{background: #40195e; padding: 20px 30px;position: relative; color: #fff}
.second-nav-mask:before{content: ""; display: block; width: 0; height: 0; border: solid 8px rgba(0,0,0,0.00); border-top-color: #40195e; position: absolute; top: 100%; left: 50%; z-index: 10; margin-left: -8px}

.second-nav:hover ul{display: block}



section{margin-bottom: 30px}
@media (min-width: 992px) {
	.second-nav-mask{display: none}
	.second-nav ul{display: block;position: relative; background: #40195e}
	.second-nav li{display:inline-block; }
    .second-nav li a{ color: #fff}
	.second-nav li.active a{background: #e46610; padding: 20px 30px;position: relative; color: #fff}
	.second-nav li.active a:before{content: ""; display: block; width: 0; height: 0; border: solid 8px rgba(0,0,0,0.00); border-top-color: #e46610; position: absolute; top: 100%; left: 50%; z-index: 10; margin-left: -8px}
}




















#inner_dashboard{background: #40195e; color: #aca3c4}
.dashboard-banner-left{padding: 30px !important }
.dashboard-banner-right{padding: 30px 0 0!important }

#inner_dashboard h3{color: #FFFFFF}
.alertbox{ color: #fff }
#inner_dashboard .account-status{display: inline-block;background: #340e51; border-radius: 2px; min-width: 290px; padding: 15px 20px;}










.payment_box_wrapper{max-width: 620px; margin:60px auto 20px;}
.payment_box{background: #fff;border-radius: 4px; overflow: hidden}
.payment_logo{padding-bottom: 40px; text-align: center;max-width: 120px;text-align: center; margin: auto}
.payment_header{padding: 30px;  text-align: center; background: #3d75ee}

.payment_header_logo{height: 100px; border-radius: 100px; background: #fff; width: 100px; margin: auto; line-height: 100px; font-size: 2rem; font-weight: 700; overflow: hidden;}
.payment_header_logo img{display: block;}

.payment_body{padding: 30px}
.payment_footer{padding: 20px; color: #999}

.payment_details{padding: 20px; border-bottom: solid 1px #f2f4f6; background: #f4f6fa}
.payment_details h4{font-size: 1.3rem; color: #40195e}




.paymentpage-radiogroup-wrapper{position: relative; padding:0 5px 0 0;}
.paymentpage-radiogroup-wrapper input[type=radio]{position: absolute; opacity: 0}
.paymentpage-radiogroup-wrapper label{padding:0 10px; margin: 0; max-width: 80px; border-radius: 4px; background: #fff; border: 1px solid #d5daed; cursor: pointer; box-shadow: 2px  2px 3px 0 rgba(0,0,0,0.1)}


.paymentpage-radiogroup-wrapper input:checked + label{background: #d5daed; border: 1px solid #d5daed; box-shadow: none;}



@media (min-width: 576px) {
.payment_body{padding: 50px}
.paymentpage-radiogroup-wrapper label{padding:0 15px; }
  
}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
  
}

@media (min-width: 1200px) {
  
}
































    .single-formbox-title{padding-bottom: 10px;}
    .single-upload-formbox{border-radius: 4px; border: 1px solid #d5daed; position: relative;}
    .single-upload-formbox input[type=file]{opacity: 0; position: absolute; z-index: 10; top: 0 ; left: 0; width: 100%; height: 100%}
    .single-upload-formbox .label{padding: 50px 0; text-align: center;}
    .doc-uploaded{background: #f5f5f6}

    .profile-logo{padding: 10px; width: 150px;}









.dashboard-profilebox{border-radius: 4px; background: #fff}
.profilebox-body{padding: 20px; text-align: center;}
.profilebox-image{font-size: 2rem}
.profilebox-image img{height: 90px; padding-top: 10px;}
.profilebox-title{font-size: 1.1rem; font-weight: 700}
.profilebox-action{background: #fbfbfd; text-align: center;  padding:15px; border-top: solid 1px #eaedf6}


.security-logos{text-align: center;}
.security-logos img{max-width: 500px}





#inner_banner_wrapper{padding: 80px 0 50px; background: #40195e; color: #fff; text-align: center;}
#inner_banner_wrapper h2{color: #fff}


.information-content {
    font-weight: 600;
    font-size: 14px
}

.information-content h2 {
    font-weight: 600
}

.information-content h3 {
    font-weight: 600
}

.information-content h4 {
    font-weight: 600;
    padding: 20px 0 10px;
    font-size: 20px
}

.information-content h5 {
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 17px
}

.information-content ol,
.information-content ul {
    list-style: none;
    margin-bottom: 20px;
    padding: 0
}

.information-content ol>li:nth-last-child(1n+2),
.information-content ul>li:nth-last-child(1n+2) {
    margin-bottom: 20px
}

.information-content ol>li,
.information-content ul>li {
    position: relative;
    padding-left: 2.14286em
}

.information-content ul.bullet>li:before,
.information-content ul>li:before {
    content: "●"
}

.information-content ol>li:before,
.information-content ul>li:before {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.42857em
}
.information-content p{padding-bottom: 30px;}





.card-header {
    background: #f88e00;
    color: #fff;
    font-size: 18px
}

.card-body {
    border: none;
    padding: 0
}

.job_application_form {
    background: #f7f7f7;
    padding: 40px
}

.card+.card {
    margin-top: 20px
}

.card-body ol,
.card-body ul {
    margin: 0;
    padding: 0 0 30px 20px
}

.card-body li {
    padding: 3px 0
}



#map {
    height: 250px;
    width: 100%
}

.contactbox {
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .07);
    padding: 40px;
    text-align: center;
    display: block;
    height: 100%
}

.contactbox_icon,
.contactbox_text {
    padding-bottom: 20px
}


.contactbox_icon img{max-width: 60px; margin: auto}

.contactbox_title {
    font-size: 20px;
    font-weight: 700; padding-bottom: 10px;
}

.contact_querybox {
    text-align: center;
    padding: 40px 30px 0
}

.comadd,
.comname {
    padding-bottom: 10px
}

.contact_querybox_title {
    font-size: 20px; font-weight: 700;

    padding-bottom: 10px
}

.comname {
    font-size: 17px;
    font-weight: 500;
    color: #16a086
}

.comemail span {
    font-weight: 600;
    text-align: right
}
.fieldbox {
    padding-bottom: 20px;
}



.how-it-wrok-box{padding: 30px; background: #40195e; border-radius: 5px; color: #fff}
    .how-it-work-title{font-size: 1.4rem; font-weight: 700; padding-bottom: 20px; }
    .how-it-wrok-box ol{padding: 0 0 0 20px; margin: 0; }
    .how-it-wrok-box ol li{padding: 5px 0; margin: 0; }



      .price-box{border: solid 1px #eee; margin-bottom: 60px; box-shadow: 3px  3px 10px 0 rgba(0,0,0,0.05); border-radius: 4px;}
  .price-data-box{    background: #ff9b00;
    position: relative;
    margin-right: 20px;
    margin-top: -20px;
    border-radius: 4px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1);
    text-align: center;
    padding: 40px;
    color: #fff;
    height: calc(100% + 40px )!important;
    margin-bottom: -20px; }
  .price-label-box{padding: 40px; font-size: 1.3rem; color: #40195e}
  .pricebox-price-label{font-size: 2rem; font-weight: 700; color: #fff}
  .pricebox-price-data{}


















.table-format{border-collapse: separate; border-spacing: 0 5px ; font-size: 0.85rem}
.table-format .serach-input{border: none; background: transparent; padding: 10px 20px; outline: none}





.table-format .serach-input::-webkit-input-placeholder {  color: #333;}
.table-format .serach-input::-moz-placeholder {  color: #333;}
.table-format .serach-input:-ms-input-placeholder {  color: #333;}
.table-format .serach-input::-ms-input-placeholder {  color: #333;}
.table-format .serach-input::placeholder {  color: #333;}













.table-format  th{background: #40195e; border: none !important; color: #fff; font-size: 0.9rem}
.table-format  th.search-holder{background: #dadada; padding: 0}



.table-format th, .table-format td {border: none; }
.table-format th:first-child, .table-format td:first-child {border-radius: 3px 0 0 3px; }
.table-format th:last-child, .table-format td:last-child {border-radius: 0 3px 3px 0 }






.table-format td{background: #fff; border-top: solid 1px  #dce4ec; border-bottom: solid 1px  #dce4ec}

.table-format td:first-child{border-left: solid 1px  #dce4ec}
.table-format td:last-child{border-right: solid 1px  #dce4ec}
.table-format .pag a, .table-format .pag a:hover{color: #fff}


.table-format.table-orange  th{background: #e46610}






















.invoice-wrapper{ box-shadow: 3px 3px 20px 0 rgba(0,0,0,0.1); font-size: 0.85rem}


.invoice-header{position: relative; padding-top: 60px;}
.invoice-bg{position: absolute; width: 100%; z-index: 1; top: 0}
.invoice-logo{position: relative; z-index: 2; margin: auto; max-width: 120px; background: #fff; border-radius: 5px; padding: 10px;box-shadow: 2px  2px 15px 0 rgba(0,0,0,0.1); font-size: 2rem; color: #999; text-align: center; font-weight: 700; line-height: 100px; text-transform: uppercase;}
.invoice-logo img{width: 100%}
.invoice-profile{padding: 30px; text-align: center;}
.invoice-title{font-size: 1.4rem; font-weight: 600; color: #40195e}
.invoice-no{font-weight: 600; font-size: 1rem}
.invoice-gst{}


.invoice-details{padding-bottom: 30px;}
.invoice-details table{width: 100%; text-align: center;}
.invoice-details table th{font-weight: 700; color: #8c799b}
.invoice-details table td{}
.invoice-details table th, .invoice-details table td{border-left: dotted 1px #8c799b }
.invoice-details table th:first-child, .invoice-details table td:first-child{border-left:none}


.invoice-data{padding: 30px;}

.invoice-table td, .invoice-table th{text-align: right; }
.invoice-table td:first-child, .invoice-table th:first-child{text-align: left; }
.invoice-table tfoot td{ font-size: 1.2rem }

.invoice-extra{padding: 0 30px 30px;}

 .invoice-extra .label{font-weight: 700; color: #40195e}






.about-box{ padding: 20px 20px 20px 60px; margin-left: 40px; border-radius: 5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 ); /* IE6-9 fallback on horizontal gradient */}

.about-icon{width: 80px; position: absolute; left: 10px}
.about-data{}
.about-tag{}
.about-title{font-weight: 600; padding-bottom: 20px;}
.about-text{}

.about-box:hover{background: #fff;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);}






@media (min-width: 576px) {

    .about-box{ padding: 60px 40px 60px 100px;}
    .about-icon{width: 100px; position: absolute; left: 10px}

 

}

@media (min-width: 768px) {
   
}

@media (min-width: 992px) {
  

}

@media (min-width: 1200px) {
  
}

                    .pg_button_strip{}
                    .pg_button_strip label{}
                    .pg_button_strip_icon img{max-width: 40px;}
                    .pg_button_strip_text{font-size: 9px; font-weight: 900; text-transform: uppercase; padding-top: 5px; color: #3d75ee}
                    .pg_button_strip .btn-block + .btn-block{margin: 0;}
                    .pg_button_strip .btn{background: none; border-radius: 0; border-top: solid 1px  #f2f4f6; border-left: solid 1px  #f2f4f6; padding: 0}
                    .pg_button_strip .btn:first-child{border-left: none;}
                    .pg_button_strip .btn:hover, .pg_button_strip .btn:focus{background: #d5daed; box-shadow: none;}


.notice{background: #e46610; color: #fff; padding: 5px;}
.notice>*{padding: 5px }
.notice-header{background: #fff; border-radius: 3px; color: #333; font-weight: 700; text-transform: uppercase;font-size: 0.8rem ;padding: 5px 15px;}
.notice>* + *{margin-left:  5px }