/************************ CUSTOM STYLESHEET ************************/


@font-face{font-family:'Fonts Awesome';src:url(../fonts/fontawesome-webfont.eot);src:url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype"),url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");font-weight:400;font-style:normal}



/***** General CSS *****/

@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
    url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
    url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
    url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
    url('../fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
    url('../fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
    url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
    url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body {word-break: break-word;font:13px/20px 'latoregular';color:#a3a3a3;}.
                                                                         a {text-decoration:none;color:#2988c9;}
a:hover, a:focus {text-decoration:none;outline: none;}
a:hover {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
button:hover, a:focus {text-decoration:none;outline: none;}
button:hover {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

img {max-width:100%;}

ul {padding:0;list-style-type:none;}

.section-one-bg {
    float: left;
    width: 100%;
    background: url(public/front/images/banner-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 60px 0;
}
h1 {font-size: 24px; margin:0 0 20px;}
h2 {font-size:26px;line-height:30px;margin:0 0 18px;}
h3 {font-size:22px;line-height:27px;margin:0 0 16px;}
h4 {font-size:18px;line-height:23px;margin:0 0 14px;}
h5 {font-size:14px;line-height:20px;margin:0 0 12px;}
h6 {font-size:10px;line-height:15px;margin:0 0 10px;}
h1, h2, h3, h4, h5, h6 {color:#808080;}


header{
    padding: 16px 0;
    background: #16395f;
    float: left;
    width: 100%;
    background: url(public/front/images/menuBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background: #fff;
}
.navbar-header{
    width: 16%;
}
.cool-link {
    display: inline-block;
    color: #ff0000;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #008ac0;
    transition: width .3s;
    margin-top: 3px;
}

.cool-link:hover::after {
    width: 100%;
    transition: width .3s;
}
nav{
    float: right;
}
nav ul{
    display: inline-block;
    margin: 0;
    padding: 8px 0px;
}
nav ul li{
    display: inline-block;
    padding: 0 20px;
    font-weight: 600;
    border-right: 1px solid #dbdada;
}
nav ul li a{
    display: inline-block;
    color: #fff;
}
.login {
    float: right;
    margin: -8px 0;
}
.logo{
    display: inline-block;

}
.login a {
    float: right;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
}
.login a i{
    margin-right: 10px;
}
.login a:hover {
    background: #000;
}
.loginRegis {
    float: right;
    margin: -8px 0;
}
.loginRegis a {
    float: right;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #000;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    margin-right: 4px;
}
.loginRegis a i{
    margin-right: 10px;
}
.loginRegis a:hover {
    background: #34aa65;
}
.border-right{
    border-right: none !important;
}
.logo a{
    display: inline-block;

}
.callus{
    display: inline-block;
}
.callus a{
    display: inline-block;
    font-size: 20px;
    color: #f20008;
    font-weight: bold;
}
.callus a i{
    border: 1px solid #cdcdcd;
    border-radius: 50px;
    font-size: 15px;
    padding: 4px;
    margin: 0 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 1px;
    background-color: #ce120d;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 50px;
}
.social-icon a:hover i {
    color: #333333;
}
/* salers group */

.salesgroupimg{
    display: inline-block;
    width: 100%;

}
.salesgroupimg img{
    display: inline-block;
    padding: 6px;
    border-radius: 4px;
    border:1px solid #f4f4f4;
}
.salesgroupsec{
    display: inline-block;
    width: 100%;
    padding:60px 0;
}
.salesgrouptext p{
    text-align: justify;
    line-height: 26px;
}
.salegroupheading{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e0e0e1;
    margin: 0 0 20px;
}
.salegroupheading h1{
    display: inline-block;
    /* width: 100%; */
    color: #232020;
    font-size: 24px;
    border-bottom: 1px solid #ff0000;
    padding-bottom: 10px;
    margin: 0;
}

.salegroupheading h1 span{
    color:#ff0000;
}

/* product and serivces */
.productsec{
    display: inline-block;
    width: 100%;
}

.productheading{
    display: inline-block;
    width: 100%;
    padding:20px 0;
    background: #f7f7f7;
}
.productheading h1{
    display: inline-block;
    width: 100%;
    padding:20px 0;
    color: #232020;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Montserrat-Bold';
}
.productservices{
    display: inline-block;
    width: 100%;
    padding:10px 0;
}
.services{
    display: inline-block;
    width: 100%;
    margin:20px 0;
}
.services img{
    height: 214px;
    width: 360px;
}
.services h4{
    display: inline-block;
    width: 100%;
    padding:16px 0;
    color: #232020;
    margin-bottom: 0
}

.services p{
    display: inline-block;
    color: #a3a3a3;
}
.services a{
    padding: 8px 16px;
    color: #fff;
    background: #ff0000;
    border-radius: 50px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

/* new letter */

.news-letter {
    display: block;
    width: 100%;
    padding: 40px 0;
    background: #f7f7f7;
    background: url(public/front/images/newsletterBg.png);
    background-position: center;
    background-repeat: no-repeat;
}
.subscribe-text {
    display: block;
}
.subscribe-text h1 {
    display: inline-block;
    margin: 0;
    width:100%;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat-Bold';
}
.subscribe-text p {
    display: inline-block;
    margin: 0;
    color: #fff;
    margin: 0;
    width:100%;
}
.subscribe {
    /* float: right; */
    /* width: 70%; */
    display: inline-block;
    margin: 0 auto;
    display: inline;
}
.subscribe form {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 7px 0;
}
.subscribe input {
    height: 50px;
    width: 100%;
    padding: 10px 35% 10px 20px;
    outline: none;
    color: #2f2f2f;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 50px;
    border: 1px solid #e4e4e4;
    font-weight: 100;
    background: transparent;
}
.subscribe button {
    border: 1px solid #0c74bb;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    background-color: #0c74bb;
    font-size: 12px;
    color: #fff;
    outline: none;
    line-height: 40px;
    padding: 0px 30px;
    border-left: 1px solid #0c74bb;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    border-radius:50px;
    font-family: 'Montserrat-Light';
    font-size: 14px;
}

/* client sec */

.clientsec{
    display: inline-block;
    width: 100%;
    padding: 40px 0;
    background: #fff;
}

.client{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.copyright{
    display: inline-block;
    width: 100%;
    margin: 7px 0;
}

.copyright p{display: inline-block;width: 100%;color: #4c4c4c;margin: 0;    text-align: left;}

.copyright p span{
    color: #ff0f02;}

footer{
    float: left;
    width: 100%;
    margin: 0;
}
.footerLogo img{
    float: right;
}
.footerIcon{
    display: inline-block;
}
.footerIcon a{
    display: inline-block;
    padding: 0 6px;
    color: #bebebe;
}
.footerIcon a:hover{
    color: #34aa65;
}

.privacy{
    display: block;
    width: 40%;
    margin: 0 auto;
}
.privacy ul{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.privacy ul li{
    display: inline-block;
    padding: 6px 0;
    width: 32%;
    text-align: center;
}
.privacy ul li a{color: #fff;display: inline-block;font-size: 15px;width: 100%;}

.privacy ul li a:hover{
    color: #ff0000;
}
.padding0{
    padding: 0
}
.border-right {
    border-right: none;
}
.border-bottom {
    border-bottom: none;
}

/* product page*/

.bgWhite{
    background: #fff !important;
}
.homeproduct{
    display: inline-block;
    width: 100%;
    background: #f7f7f7;
    padding:20px 0;
}
.homeproduct h5{
    display: inline-block;
    width: 100%;
    color: #9a9a9a;
    font-size: 13px;
}
.homeproduct h5 span{
    color: #232020;
    font-size: 14px;
}
.section-product-bg {
    float: left;
    width: 100%;
    background: url(public/front/images/productBg.png);
    /*background-position: center;*/
    background-repeat: no-repeat;
}
.cntr-aling-product {
    height: 350px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    text-align: center;
}


/* product detail page */

.proimg{
    display: inline-block;
}
.proimg img{
    display: inline-block;
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #f4f4f4;
    margin:30px 0;
}

/* tabs section */

.tabsec{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.tab .nav-tabs{
    position: relative;
    border-bottom: 0 none;
    background: #fff;
    margin: 0;
}
.tab .nav-tabs li{
    text-align: center;
    margin-right: 10px;
}
.tab .nav-tabs li a{
    font-size: 15px;
    color: #232020;
    text-transform: uppercase;
    padding: 15px 30px;
    background: #fff;
    margin-right: 0;
    border-radius: 0;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    position: relative;
    transition: all 0.5s ease 0s;
    font-family: 'Montserrat-Medium';
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.tab .nav-tabs li:last-child a,
.tab .nav-tabs li:last-child.active a,
.tab .nav-tabs li:last-child a:hover{
    border-right: 1px solid #ddd;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
}
.tab .tab-content{
    font-size: 14px;
    color: #6f6c6c;
    line-height: 26px;
    padding: 20px 10px;
    /*margin-top: 10px;*/
    border: 1px solid #ddd;
}
.tab .tab-content h3{
    font-size: 20px;
    margin-top: 0;
    color: #232020;
    font-family: 'Montserrat-Bold';
}
@media only screen and (max-width: 480px){
    .tab .nav-tabs li{
        width: 100%;
        border-right: 1px solid #ddd;
        margin-bottom: 8px;
    }
}

.tab .tab-content a{
    padding: 8px 20px;
    color: #fff;
    background: #ff0000;
    border-radius: 50px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}
.bgGray{
    background: #f7f7f7;
}

/* publication sec */
.publicationsec{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.publicationheading {
    display: inline-block;
    width: 100%;
}
.publicationheading h1 {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #232020;
    margin: 0;
    font-family: 'Montserrat-Bold';
}
.publicationheading h2 {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #ff0000;
    margin: 0;
    font-size: 16px;
}
.truckvideosec{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.truckscale {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}
.truckscale h4 {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    color: #ff0000;
    margin-bottom: 0;
    font-size: 16px;
}
.truckimg{
    position: relative;
}
.truckimg img{
    width: 262px;
    height: 156px;
}
.truckimg .playicon img{
    width: 40px;
    height: 40px;
}
.playicon{
    position: absolute;
    right: 4px;
    bottom: -20px;

}

.faqs {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
/* plus minus panel */

.panel-group .panel{
    cursor: pointer;
    margin: 14px 0;
}
.right-arrow{
    display: inline-block;
    margin-right: 10px;
    background: #04284e;
    color: #fff;
    padding: 10px 16px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.panel-heading{
    padding: 0;
}
.panel-heading a{
    font-size: 14px;
}

/* packages*/

/* pricing section */
.secHead{
    display: inline-block;
    width: 100%;
}
.secHead h1 {
    display: inline-block;
    width: 100%;
    color: #3d3d3d;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Montserrat-Bold';
    text-align: center;
    font-size: 30px;
}
.secHead p {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.priceSec {
    padding: 60px 0;
    background-color: #fff;
    float: left;
    width: 100%;
}
.priceBox {background-color:#f4f5f9;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;margin-top: 50px;box-shadow: 0 4px 13px -2px #ddd;-webkit-box-shadow: 0 4px 13px -2px #ddd;-moz-box-shadow: 0 4px 13px -2px #ddd;padding-bottom: 20px;}
.priceBox:hover {position: relative;z-index: 100;transform: scale(1.12);-webkit-transform: scale(1.12);-moz-transform: scale(1.12);}
.priceBox:hover ul {font-size:16px;}
.priceBox h1 {font-weight:400;font-size:30px;line-height:35px;margin:0 0 28px;}
.starter{
    background: #333333;
    padding: 40px 0 50px 24px;
    border: 6px solid #2a2a2a;
}
.borderRed{
    border: 6px solid #d90b00 !important;
}
.starter h1 {
    margin-bottom: 0;
    color: #fff;
    float: left;
    width: 70%;
    text-align: left;
    font-size: 22px;
    font-family: 'Montserrat-Bold';
}
.starter p {
    color: #fff;
    float: left;
    width: 70%;
    text-align: left;
    font-size: 10px;
    line-height: 15px;
}
.starter img {

    width: 30%;
}
.popular h1 {color:#1b1219;}
.business h1 {color:#03c684;}
.priceList{
    display: inline-block;
    width: 100%;
}
.priceList p{
    text-align: center;
    font-size: 18px;
    width: 100%;
    color: #3d3d3d;
    margin-bottom: 0;
    font-weight: bold;
}
.priceList span{
    text-align: center;
    width: 100%;
    color: #000;
    margin-bottom: 0;
}
.priceList {
    font-weight: 400;
    color: #0a0f0d;
    font-size: 14px;
    background: #fff;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    padding: 38px 0;
    border: 8px solid #f4f5f9;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -45px;
}
.priceList sup {font-size:30px;line-height:35px;top: -1em;left:-6px;}
.priceList sub {font-size:24px;line-height:30px;bottom: -.9em;}
.priceBox ul {margin:60px 0 40px;font-size:14px;line-height:20px;color:#747575;}
.priceBox ul li {margin-bottom:44px;}
.priceBox ul li:last-child {margin-bottom:0px;}
.priceBox .btn-price {border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;padding: 12px 40px;text-transform:capitalize;font-size:18px;line-height:23px;font-weight:400;color: #fff;}
.starter .btn-price {background-color: #cd2127;}
.popular .btn-price {background-color: #1b1219;}
.business .btn-price {background-color: #03c684;}

.cpn{
    display: inline-block;
    width: 100%;
    padding: 8px 30px;
    margin: -40px;
}
.cpn h1{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    width: 100%;
    text-align: center;
    color:#333333;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
    margin-bottom: 0;
}
.cpn h2{
    display: inline-block;
    width: 100%;
    font-size: 22px;
    width: 100%;
    text-align: center;
    color:#333333;
    font-family: 'Montserrat-Bold';
    text-transform: uppercase;
    margin-bottom: 0;
}
.cpn p{
    display: inline-block;
    width: 100%;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #333333;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 0;
    padding: 12px 0;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
.cpn p i{
    color: #333333;;
    font-size: 14px;
}
/*Disclaimer Sec*/

.disHead{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.disHead h1 {
    display: inline-block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Montserrat-Bold';
    text-align: center;
    font-size: 30px;
}
.disclaimerSec {
    float: left;
    width: 100%;
    background: url(../images/disclaimerBg.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
    background-size: 100% 100%;
}
.disclaimerText{
    display: inline-block;
    width: 100%;
}
.disclaimerText p{
    display: inline-block;
    width: 100%;
    color: #fff;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
/* contactus page */

.contact {
    padding: 60px 0;
}

.form-group {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.form-group textarea {
    display: inline-block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    width: 100%;
    color: #4f4f4f;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    resize: none;
    outline: none;
    margin-top: 15px;
    height: 34px;
    border-bottom: 1px solid #d9dee0;
    border-radius: 0;
    font-size: 12px;
    line-height: 30px;
}
/*.form-group input{
    display: inline-block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    width: 100%;
    color: #4f4f4f;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    resize: none;
    outline: none;
    margin-top: 15px;
    font-size: 12px;
}*/
.form-group .control-label {
    position: absolute;
    top: 0rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    left: 0px;
    font-size: 12px;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.form-group .bar {
    position: relative;
    border-bottom: 1px solid #d9dee0;
    display: block;
}
.form-group .bar::before {
    content: '';
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #337ab7;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}
.process-btn-fill {
    background-color: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    min-width: 140px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    margin: 14px 0;
    text-align: left;
}
.process-btn-fill i{
    float: right;
    margin: 3px 0;

}
.form-control:focus{
    box-shadow: none;
}
.form-group {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.form-group input:focus, .form-group textarea:focus{
    border-bottom: 1px solid #ff0000;
    border-radius: 0;
    transition: all 0.28s ease;
}
.form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
    color: #ff0000;
    font-weight: 600;
}
.color-text{
    color: #ff0000;
}
.aboutussec {
    display: inline-block;
    width: 100%;
}
.aboutpadding{
    padding: 40px 0;
}
/* nav bar */

.navbar-header{
    padding-left: 4px;
}
.navbar-default{
    width: 100%;
    background-color: transparent;
    border-color: transparent;
}

.navbar-default ul li a:hover, .navbar-default ul li a:focus{
    /* color: #008ac0 !important;*/
}
.navbar-toggle{
    margin: 4px 4px;
}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
/*.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }*/

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: rgb(111, 84, 153);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar:focus, .navbar-default .navbar-toggle .icon-bar:hover,{
    background-color: #fff;
}
.nav>li>a {
    padding: 0;

}
.navbar-default .navbar-nav>li>a {
    color: #333333;
    text-transform: uppercase;
}
/* nav bar end */

@media screen and (max-width: 767px) {
    /*.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } */

    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }

}
@media only screen and (min-width: 300px) and (max-width: 479px)
{
    .login{
        margin: 0 0;
    }
    .banner-heading h3{
        font-size: 14px !important;
    }
    .banner-heading h1{
        font-size: 18px !important;
    }
    .banner-heading h2{
        font-size: 18px !important;
    }
    .starter h1{
        font-size: 14px;
    }
    .starter p{
        font-size: 8px;
    }
    .starter {
        background: #333333;
        padding: 20px 0 64px 24px;
    }
    .navbar-header{
        width: 100%;
    }
    header {
        padding: 16px 0;
        background: #fff;
        float: left;
        width: 100%;
        /*background: url(../images/menuBg.png);*/
        background-position: center;
        background-repeat: no-repeat;
        /*position: absolute;*/
        z-index: 1;
        top: 112px;
    }
    .expressBtmHead li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .expressBtmHead li a{
        margin: 6px 0;
    }
    .logo{
        width: 34%;
        margin: 13px 0;

    }
    .news-letter {
        display: block;
        width: 100%;
        padding: 40px 0;
        background: #0c3157;
        /*background: url(../images/newsletterBg.png);*/
        background-position: center;
        background-repeat: no-repeat;
    }
    .privacy ul {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .privacy ul li {
        display: inline-block;
        padding: 6px 0;
        width: 100%;
        text-align: center;
    }
    .social-icon {
        float: left !important;
    }
    .social-icon a {
        display: inline-block;
        margin: 0 2px 1!important
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    header {
        padding: 10px 0;
        background: #fff;
        float: left;
        width: 100%;
        /*background: url(../images/menuBg.png);*/
        background-position: center;
        background-repeat: no-repeat;
        /*position: absolute;*/
        z-index: 1;
        top: 88px;
    }
    .expressBtmHead li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .expressBtmHead li a{
        margin: 6px 0;
    }
    .login{
        margin: 0 0;
    }
    .banner-heading h3{
        font-size: 14px !important;
    }
    .banner-heading h1{
        font-size: 18px !important;
    }
    .banner-heading h2{
        font-size: 18px !important;
    }
    .navbar-header{
        width: 100%;
    }
    .logo{
        width: 34%;
        margin: 13px 0;
    }
    .news-letter {
        display: block;
        width: 100%;
        padding: 40px 0;
        background: #0c3157;
        /*background: url(../images/newsletterBg.png);*/
        background-position: center;
        background-repeat: no-repeat;
    }
    .privacy ul {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .privacy ul li {
        display: inline-block;
        padding: 6px 0;
        width: 100%;
        text-align: center;
    }
    .social-icon {
        float: left  !important;
    }
    .social-icon a {
        display: inline-block;
        margin: 0 2px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 966px)
{
    .footerList {
        width: 94% !important;

    }
    .logo{
        width: 90%;
    }
    .cpn h1{
        font-size: 14px;
    }
    .cpn p{
        font-size: 13px;
    }
    .cpn h2{
        font-size: 16px;
    }
    .starter h1{
        font-size: 12px;
    }
    .starter p{
        font-size: 8px;
    }
    .starter {
        background: #333333;
        padding: 20px 0 90px 24px;
    }
    nav ul li {
        display: inline-block;
        padding: 0 0px;
        font-weight: 600;
    }
    .nav>li>a {
        padding: 3px 8px;
        font-size: 12px;
    }
    .navbar-header{
        width: 22%;
    }
    .news-letter {
        display: block;
        width: 100%;
        padding: 40px 0;
        background: #0c3157;
        /*background: url(../images/newsletterBg.png);*/
        background-position: center;
        background-repeat: no-repeat;
    }
    .privacy ul {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .privacy ul li {
        display: inline-block;
        padding: 6px 0;
        width: 100%;
        text-align: center;
    }
}
@media only screen and (min-width: 967px) and (max-width: 1024px)
{
    .logo{
        width: 90%;
    }
    nav ul li {
        display: inline-block;
        padding: 0 0px;
        font-weight: 600;
    }
    .nav>li>a {
        padding: 5px 14px;
        font-size: 12px;
    }
    .navbar-header{
        width: 22%;
    }
}

































.slider{
    display: inline-block;
    width: 100%
}
.tcs-hazir{
    display: inline-block;
    background: #f8f8f8;
    padding: 60px;
}
.tcs-hazir p{
    text-align: center;
    width: 80%;
    margin: 20px auto;
    font-weight: bold;
    font-size: 16px;
}
.tcs-hazir img{
    display: block;
    margin: 0 auto;
}
.track-order{
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.track-order a{
    display: inline-block;
    width: 24%;
}
.track-order a img{
    display: inline-block;
    width: 50%;
    margin: 0 25%;
}
.latest-news{
    display: inline-block;

    padding:59px;
}
.bg-gray{
    background: #e4e4e4;
}
.padding-right{
    padding-right: 0;
}
.latest-news span{
    color: #cc0000;
    display: block;
    margin-bottom: 10px;
}
.latest-news p{
    color: #767676;
    display: block;
}
.carousel-control.left {
    background-image: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: -10px;
    font-size: 20px;
    color: #34aa65;
    opacity: 1;
    top: 9px;
    text-shadow: none;
}
.carousel-control.right {
    background-image: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 0;
    opacity: 1;
    top: 9px;
    color: #34aa65;
    text-shadow: none;
}
.arrow{
    display: inline-block;
    position: absolute;
    bottom: 32px;
    right: 17px;
}



.cntr-aling {
    height: 540px;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    /* text-align: center; */
}
.banner-heading {
    display: inline-block;
    align-items: center;
    float: left;
    width: 100%;

}
.banner-heading h1 {
    width: 100%;
    float: left;
    margin: 0;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    /* text-align: center; */
    margin: 0 0 15px 0;
    font-family: 'Montserrat-Bold';
}
.banner-heading h2 {
    float: left;
    margin: 0;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    /* text-align: center; */
    margin: 0 0 15px 0;
    border-bottom: 2px solid #ff0f02;
}
.banner-heading h3 {
    float: left;
    margin: 0;
    color: #fe0000;
    font-size: 26px;
    text-transform: uppercase;
    /* text-align: center; */
    margin: 0 0 15px 0;
    background: #fff;
    border-radius: 50px;
    padding: 10px 16px;
    font-family: 'Montserrat-Bold';
}
.banner-heading h1 span{
    color: #fe0000;
}
.banner-heading p {
    width: 100%;
    margin: 0;
    /* text-align: center; */
    color: #fff;
    font-size: 20px;
    display: inline-block;
    line-height: 30px;
}
.banner-heading a{
    background: #fe0000;
    color: #fff;
    border-radius: 10px;
    padding: 10px 40px;
    margin: 10px 0;
    display: inline-block;
    text-transform: uppercase;
    border:2px solid #fff;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
}
.banner-heading a:hover{
    background: #3d3d3d;
}
.scaneMerge{
    display: inline-block;
    width: 100%;
}
.banner-heading a i{
    font-size: 20px;

}
.banner-heading h4 {
    float: left;
    margin-right: 10px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.contact-email {
    display: inline-block;
    margin-right: 30px;
}
.contact-email h1{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin:0;
}
.contact-email i{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-right: 4px;
}
.top-header{
    float: left;
    width: 100%;
    padding: 10px 0;
    background: #008ac0;
}
.social-icon {
    float: right;
    margin: 7px 0;
}
.social-icon label{
    color: #fff;
    margin: 0;
    font-size: 16px;
}
.social-icon a{
    display: inline-block;
    margin:0 6px;
}
.social-icon i{
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.buyBtn{
    display: block;
    width: 50%;
    margin: 20px auto;
}

.buyBtn a{
    display: block;
    width: 70%;
    margin: 0 auto;
    background: #3d3d3d;
    color: #fff;
    border-radius: 3px;
    padding: 8px 0;
}
.bgRed{
    background: #ff0f02 !important;
}
.colorRed{
    color: #ff0f02 !important;
}

/* bottom Header */

.bottom-header{
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 18px 0;
    border-top: 1px solid #dbdada;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.11);
}
.expressBtmHead{
    display: inline-block;
    color: #fff;

    text-transform: uppercase;
    margin:0;
}
.expressBtmHead li{
    display: inline-block;
    border-right: 1px solid #dbdada;
}
.expressBtmHead li a{
    display: inline-block;
    color: #4c4c4c;
    font-family: 'latobold';
    padding: 0 20px;
    text-transform: capitalize;
    font-size: 16px;
}
.expressBtmHead li a:hover{
    color: #34aa65;
}
.expressBtmHead li a i{
    margin-right: 8px;
    color:#79909e;
}

.panelBox{
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 3px solid #ff7002;
    margin: 20px 0;
}
.panelBox i{
    font-size: 70px;
    color: #5e5e5e;
    width: 100%;
    text-align: center;
    padding: 50px 0;
}
.panelBox h1{
    float: left;
    width: 100%;
    background: #ff7002;
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
    padding: 4px 0;
    text-transform: uppercase;
}
.panelBox a:hover i{
    color: #008ac0;

}
.footerCopyright{
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
    border-top: 1px solid #c6c6c6;
}
.footeraddress{
    display: inline-block;
    background: #008ac0;
    width: 100%;
    padding: 30px 0;
}
.footer-email{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.footer-email i{
    font-size: 40px;
    color:#fff;
}
.footer-email h1{
    font-family: 'Montserrat-SemiBold';
    font-size: 18px;
    color: #fff;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.social-icon-footer{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.social-icon-footer a i{
    color: #fff;
    font-size: 20px;
    margin: 0 8px;
}
.social-icon-footer a:hover i{
    color: #333333;
}
.footerList{
    display: block;
    width: 60%;
    margin: 14px auto;
}
.footerList li{
    float: left;
}
.footerList li a{
    float: left;
    color: #fff;
    font-size:10px;
    border-right: 1px solid #fff;
    padding: 0 15px;
}
.footerList li a:hover{
    color: #333333;
}
.margin10{
    margin: 16px 0;
}
.topsearch{
    width: 100%;
    margin: 0 auto;
    height: 50px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 0px 13px -2px #ddd;
    -webkit-box-shadow: 0 0px 13px -2px #ddd;
    -moz-box-shadow: 0 0px 13px -2px #ddd;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    font-size: 14px;
    color: #919191;
    padding: 0px 52px 0 15px;
    outline: none;
    margin: 12px 0;
}
.drop-noti{
    float: left;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 100%;
    right: 100px;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.drop-noti ul{
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 6px;
}
.drop-noti ul li{
    float: left;
    width:100%;
    border-bottom:1px solid #eee;
    padding: 10px 0;
}
.drop-noti ul li a{
    float: left;
    width:100%;
}
.drop-noti ul li a img{
    float: left;
    width: 14%
}
.drop-noti ul li a h5{
    float: left;
    width: 86%;
    margin-bottom:0;
    padding-left: 6px;
}
.drop-noti ul li a p{
    float: left;
    width: 86%;
    margin-bottom:0;
    padding-left: 6px;
    color: #34aa65 ;
}
.position-relative{
    position: relative;
}
.sub-menu{
    display: none;
}
.drop-noti h2{
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0px 10px;
    font-size: 16px;
    margin: 0;
    color: #4c4c4c;
    font-family: 'latobold';
}




#message-holder {
    margin-top:18px;
    width:300px;
    background: #fff;
    /*position:relative;*/
    /*border:1px solid #edb2b7;*/
}

#message-holder:before,#message-holder:after{
    content:"";
    position:absolute;
    top:-14px;
    right: 25px;
    border-bottom:14px solid #fff;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
#message-holder:before{
    top:-15px;
    border-bottom-color:#ccc;
}
ul.menuList {margin: 20px 0 0;font-size:15px;}
ul.menuList li, ul.menuList li a {display:inline-block;}
ul.menuList li a  {color:#79919d;font-size: 18px;}
ul.menuList li {position:relative;padding: 0px 24px;border-right:1px solid #79919d;}

ul.menuList .badge, .dashboardSec .badge {position:absolute;top: -4px;right: 8px;line-height: 14px;width: 14px;height: 14px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:0px;text-align:center;background-color: #34aa65;font-size: 8px;}
.profilesec{display: inline-block;width: 100%;margin: 12px 0;}
.pro-btn {
    border: none;
    border-radius: 0px;
    text-align: left;
    padding: 0px !important;
    font-size: 15px !important;
    line-height: 20px !important;
    background: transparent !important;
    color: #fff;
}

.pro-btn img {
    margin: 0 5px 0 0;
    height: 42px;
    width: 42px;
}
.pro-btn span{
    color: #34aa65;
}
.pro-btn p{
    color: #4c4c4c;
    font-size: 14px;
    font-family: 'latobold';
}
.prvyPolicy{
    display: inline-block;

}
.prvyPolicy a{
    display: inline-block;
    color:#4c4c4c;
    margin: 7px 4px;
}
.prvyPolicy :hover{
    color:#34aa65;
}

.featureSec{
    display: inline-block;
    width: 100%;
    margin-top: 60px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.featureUse:hover .hvrImg{
    margin: 0 0;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    /* margin: 0 auto; */
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.featureUse:hover .featureImgHover01{
    display: block;
}
.featureUse:hover .featureImg01{
    display: none;
}
.featureUse:hover .featureImgHover02{
    display: block;
}
.featureUse:hover .featureImg02{
    display: none;
}
.featureUse:hover .featureImgHover03{
    display: block;
}
.featureUse:hover .featureImg03{
    display: none;
}
.featureUse:hover .featureImgHover04{
    display: block;
}
.featureUse:hover .featureImg04{
    display: none;
}
.featureUse:hover h3{
    color: #4c4c4c;
}
.featureUse:hover p{
    color: #4c4c4c;
}
.featureUse:hover .learnmore a{
    color: #fff;
    border-top: 1px solid #e8e8e8;
}
.featureUse:hover .learnmore a i{
    color: #fff;
}
.hvrImg img{
    width: 100% !important;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;

}
.hvrImg{
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
    background: #fff;
    border-top: 2px solid #34aa65;
}
.featureImgHover01, .featureImgHover02, .featureImgHover03, .featureImgHover04{
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s!important;
}
.featureHeading{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.featureHeading h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #ff8806;

    font-style: italic;
    font-size: 30px;
    line-height: 40px;
}
.featureHeading h2{
    display: inline-block;
    width: 100%;
    text-align: center;
    color:#000;
    font-size: 22px;
}
.featureHeading p{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #4d6075;

}
.featureUse{
    margin: 4px auto;
    display: block;
    text-align: left;
    width: 100%;
    height: 256px;
    box-shadow: 0px 3px 20px -6px rgba(0,0,0,0.25);
    position: relative;
    z-index: 9;
    background: #fff;
}
.featureboxPading{
    padding: 36px 36px 36px 36px;
}
.featureUse img{
    margin:14px 0;
    width: 50px;
    margin: 0;
}
.featureUse h3{
    /*color: #2e2d61;*/
    /* text-align: center; */
    color:#fff;

    /*color: #4c4c4c;*/
    font-family: 'latobold';
    margin: 16px 0;
}
.featureUse p{
    /*color: #4d6075;*/
    color:#fff;
    text-align: justify;
    /* text-align: center; */
}
.learnmore{
    display: inline-block;
    width: 100%;
    font-size: 16px;
}
.learnmore{
    display: inline-block;
    width: 100%;
    font-size: 16px;
}
.learnmore .learnmore{
    border-top: 1px solid #e8e8e8;
    display: inline-block;
    width: 100%;
    color:#4d6075;
    padding: 20px 36px;
    font-family: 'latobold';
}
.learnmore a i{
    color:#34aa65;
    margin-right: 10px;
}
.heading{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.heading h1{
    display: inline-block;
    width: 100%;
    color: #3e3e3e;
    font-family: 'latoblack';
    text-align: center;
    letter-spacing: 2px;
    font-size: 36px;
}

.contentSec{
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #f8f8f8;
    min-height: 550px;
}
.registrationBg{
    display: inline-block;
    width: 100%;
    background-color: #34aa65;
    padding: 80px 0;
    height: 100vh;
}
.box{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding-top: 20px;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
}
.box-content{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    position: relative;

}
.logo-reg{
    display: inline-block;
    width: 100%;
    text-align: center;
    /* position: relative; */
}
.logo-reg a{
    display: inline-block;
}
.logo-reg a img{
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    margin: 0 auto;
    width: 120px;
}
.loginbtn {
    /* float: right; */
    margin: 0 30px;
}
.loginbtn a {
    float: right;
    color: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    width: 90px;
    text-align: center;
}
.loginbtn a:hover{
    background: #4c4b49;
}
.loginbtnBack {
    float: left;
    margin: 0 30px;
}
.loginbtnBack a {
    float: right;
    color: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    background: #4b4a48;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    width: 90px;
    text-align: center;
}
.loginbtnBack a:hover{
    background: #34aa65;
}

.registrationInput{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.registrationInput input{
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #ecebeb;
    outline: none;
    color: #4f4f6f;
    font-family: 'latolight';
    border-radius: 4px;
    font-size: 15px;
}
.registrationInput select{
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #ecebeb;
    outline: none;
    font-family: 'latolight';
    color: #4f4f6f;
    border-radius: 4px;
    font-size: 15px;
}
.chosen-choices {
    display: inline-block;
    width: 100% !important;
    height: 50px !important;
    padding: 10px 10px !important;
    border: none !important;
    outline: none;
    font-family: 'latolight';
    color: #a9aab6;
    border-radius: 4px;
    background-image: none !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{
    color: #4f4f6f !important;
    font-family: 'latolight' !important;
    font-size: 15px;
}

.chosen-container{
    font-size: 15px !important;
}
.chosen-container {
    font-size: 15px !important;
    height: 50px;
    border: 1px solid #ecebeb !important;
    border-radius: 4px;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: none !important;
}
.registrationInput textarea{
    display: inline-block;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #ecebeb;
    outline: none;
    font-family: 'latolight';
    color: #a9aab6;
    border-radius: 4px;
    resize: none;
}
.registrationInput a{
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #4c4b49;
    outline: none;
    color: #fff;
    font-family: 'latobold';
    border-radius: 4px;
    font-size: 16px;
    line-height: 50px;
}
.registrationInput a:hover{
    background-color: #32a764;
}
.registrationInput button{
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #4c4b49;
    outline: none;
    color: #fff;
    font-family: 'latobold';
    border-radius: 4px;
    font-size: 16px;
    line-height: 50px;
    border: none;
}
.registrationInput button:hover{
    background-color: #32a764;
}
.paddingBox{
    display: inline-block;
    width: 100%;
    padding: 20px 60px;
}
.heading-reg{
    display: inline-block;
    width: 100%;
}
.heading-reg p{
    font-family: 'latolight';
    color: #a4a5b8;
    font-size: 18px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.heading-reg h1{
    display: inline-block;
    width: 100%;
    color: #3e3e3e;
    font-family: 'latobold';
    text-align: center;
    letter-spacing: 2px;
    font-size: 22px;
    /* margin: 14px 0; */
}
/*radio button*/
.radiobtn {
    display: block;
    /*width: 70%;*/
    margin: 0 auto;
    text-align: center;
}

.radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 20px 0 20px;
}

.radio-item input[type='radio'] {
    display: none;
}

.radio-item label {
    color: #a4a5b8;
    font-size: 20px;
    font-family: 'latoblack';
}

.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 6px 0 0;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    border: 1px solid #abacbd;
    background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: #34aa65;
}
.radio-item input[type=radio]:checked + label {
    color: #3e3e3e;
}




..radiobtnslot {
    display: block;
    /*width: 70%;*/
    margin: 0 auto;
    text-align: center;
}

.radio-item-slot {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 4px 0;
    float: left;
}

.radio-item-slot input[type='radio'] {
    display: none;
}

.radio-item-slot label {
    color: #a4a5b8;
    font-size: 16px;
    font-weight: normal;
}

.radio-item-slot label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 6px 2px 0;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    border: 1px solid #abacbd;
    background-color: transparent;
}

.radio-item-slot input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: 9px;
    content: " ";
    display: block;
    background: #34aa65;
}
.radio-item-slot input[type=radio]:checked + label {
    color: #3e3e3e;
}
/*radio button end*/

.pakagesSec{
    display: inline-block;
    width: 100%;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
    border-top: 4px solid #34aa65;
}
.price{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #f8f8f8;
}
.price h1{
    display: inline-block;
    width: 100%;
    text-align:center;
    color:#00a364;
    font-size: 24px;
    margin: 0;
    font-family: 'latobold';
}
.price p{
    display: inline-block;
    width: 100%;
    text-align:center;
    color: #3e3e3e;
    font-size: 14px;
    margin: 0;
}
.pakages{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 14px 0;
}
.pakages img{
    width: 80px;
}
.pakages h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #3e3e3e;
    font-size: 18px;
    margin: 0;
    font-family: 'latobold';
    margin: 12px 0;
}
.subBtn{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.subBtn a{
    background-color: #00a364;
    color: #fff;
    padding: 14px 20px;
    font-size: 16px;
    border-radius: 4px;
}
.subBtn a:hover{
    background: #4c4b49 !important;
}
.orangeColor{
    color: #ff8257 !important;
}
.bgOrangeColor{
    background-color: #ff8257 !important;
}
.innerHeading{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.innerHeading h1 {
    display: inline-block;
    width: 100%;
    color: #3e3e3e;
    font-family: 'latobold';
    letter-spacing: 2px;
    font-size: 30px;
    margin-bottom: 6px;
}
.innerHeading p {
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    margin: 0;
}
.loginInput {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.loginInput button {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    padding: 12px 0;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    border: none;
}
.loginInput .getstrtBtn {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    padding: 12px 0;
    background: #4b4a48;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
}
.loginInput button:hover {
    background-color: #4b4a48;
}
.loginInput .getstrtBtn:hover {
    background-color: #34aa65;
}

.custom-file-input {
    color: transparent;
    outline: none !important;
    margin-top: 20px;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: '+ Upload Image';
    font-family: 'latobold';
    color: #34aa65;
    font-size: 18px;
    display: inline-block;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
}

.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active {
    outline: 0;
}
.custom-file-input:active::before {
    background: transparent;
}
.paddingright0{
    padding-right: 0;
}

/* tab section start */

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #34aa65;
    border-radius: 3px;
}

.tabsAnchor {
    color: #8499a6;
    font-size: 14px;
    font-family: 'latobold';
    padding: 8px 13px !important;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    background: #34aa65;
    border: 1px solid transparent;
    border-radius: 3px;
}
.nav-tabs{
    background-color: #ededed;
    border:1px solid #e1e1e1;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #f8f8f8;
}
.nav-tabs>li{
    margin: 10px;
}

/* tab section end */

.headingtab{
    display: inline-block;
    width: 100%;
    margin: 11px 0;
}
.headingtab h1{
    display: inline-block;
    color:#8ea0ac;
    font-family: 'latobold';
    margin: 0;
    font-size: 18px;
    padding: 3px 0;
}
.headingtab h4{
    float: right;
    color:#f53737;
    font-family: 'latobold';
    margin: 0;
    font-size: 18px;
}
.headingtab h2{
    float: right;
    color:#34aa65;
    font-family: 'latobold';
    margin: 0;
    font-size: 18px;
    line-height: 20px;
}
.search-bar-2 a {
    position: absolute;
    right: 0;
    padding: 0 12px;
    background: #34aa65;
    color: #fff;
    font-size: 16px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 46px;
    line-height: 46px;
}
.search-bar-2 input {
    float: right;
    padding: 7px 40px 8px 10px;
    /* margin-top: 8px; */
    /* margin-right: 16px; */
    background: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    color: #a3a3a3;
    border: 1px solid #cacbcc;
    outline: none;
    display: inline-block;
    width: 100%;
    height: 46px;
}
.search-bar-2{
    position: relative;
    display: inline-block;
    width: 100%;
}
.addEventBtn{
    display: inline-block;
    width: 100%;
}
.addEventBtn a{
    display: inline-block;
    width: 100%;
    height: 46px;
    text-align: center;
    background-color: #4c4b49;
    outline: none;
    color: #fff;
    font-family: 'latobold';
    border-radius: 4px;
    font-size: 16px;
    line-height: 46px;
}
.addEventBtn a:hover{
    background-color: #34aa65;
}
.addEventBtn a i{
    margin-right: 10px;
}
.mtbtm{
    margin: 13px 0;
}
.product-info{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    min-height: 300px;
}

/* events */

.eventBox{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    padding: 16px 0px;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.06);
    margin: 0 0 10px 0;
}
.eventDetailImg{
    display: inline-block;
    width: 100%;
    margin-bottom:10px;
}
.eventDetailImg img{
    display: inline-block;
    width: 100%;
}
.eventImg{
    display: inline-block;
    width: 100%;
    margin-bottom:10px;
}
.eventImg img{
    display: inline-block;
    width: 100%;
    height: 58px;
    border-radius: 6px;
}
.eventDetailImg{
    display: inline-block;
    width: 100%;
    margin-bottom:10px;
}
.eventDetailImg img{
    display: inline-block;
    width: 100%;
    border-radius: 6px;
}
.eventDes{
    display: inline-block;
    width: 100%;
}
.eventDes h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
}
.eventDesDelt h1{
    display: inline-block;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
}
.eventDesDelt p{
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
}
.eventDesDelt p i {
    margin-right: 5px;
}
.eventDes p{
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
}
.eventMatches{
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e7efea;
}
.eventMatches h5{
    float: left;
    color: #888888;
    margin: 0;
    padding-top: 6px;
}
.eventMatches span{
    color: #34aa65;
}
.eventMatches h3{
    float: right;
    color: #34aa65;
    margin: 0;
    padding-top: 6px;
    font-size: 14px;
    line-height: 20px;
}
.eventMatches h4{
    float: right;
    color: #f53737;
    margin: 0;
    padding-top: 6px;
    font-size: 14px;
    line-height: 20px;
}
.eventDetaiText{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.eventDetaiText h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 20px;
    margin-bottom: 6px;
}
.eventDetaiText h6 {
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
    font-size: 14px;
    margin: 0;
}
.eventDetaiText h6 span{
    color: #34aa65;
}
.eventDetaiDes{
    display: inline-block;
    width: 100%;
}
.eventDetaiDes p {
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
}
.eventDetailEditSmall {
    float: right;
    /* width: 100%; */
    text-align: center;
}
.eventDetailEditSmall a {
    font-size: 18px;
    color: #34aa65;
    display: inline-block;
    font-family: 'latobold';
    margin: 0px 4px;
}
.eventDetailEditSmall .dlt {
    font-size: 18px;
    color: #ec1919;
    display: inline-block;
    font-family: 'latobold';
    margin: 0px 4px;
}
.eventDetaiEdit{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.eventDetaiEdit p{
    color: #34aa65;
    margin: 0;
}
.eventDetaiEdit a{
    font-size: 18px;
    color: #34aa65;
    display: inline-block;
    font-family: 'latobold';
    margin: 0px 4px;
}
.eventDetaiEdit .dlt{
    font-size: 18px;
    color: #ec1919;
    display: inline-block;
    font-family: 'latobold';
    margin: 0px 4px;
}
.eventDetaiEdit a:hover{
    color: #4c4c4c;
}
.eventDetailMatches{
    display: inline-block;
    /*width: 100%;*/
    margin-top: 10px;
}
.eventDetailMatches h5{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    margin: 0;
    font-size: 16px;
    border-right: 2px solid #c4c7c8;
    padding: 0 14px;
}
.eventDetailMatches span{
    color: #34aa65;
}
.eventDetailMatches .time{
    color:#8888888c;
}
.boxEventDetail {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 24px 0;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
}
.boxWhite {
    padding: 20px 20px 0px 20px;
    background-color:#fff;
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.11);
    border-radius: 6px;
    margin-bottom: 12px;
}
.boxWhite h5, .calendar-top-selector .calendar-curr-month {
    color:#000000;
}
.calendar-top-selector .calendar-curr-month {
    width:auto;
    height:auto;
    border:none;
    font-size:16px;
    line-height:20px;
    position: absolute;
    top: -58px;
    left: 0px;
    right: 0;
    color: #4c4c4c;
    font-family: 'latobold';
}
.calendar-head-card {
    display:none;
}
.calendar-next {
    position:absolute;
    right:0px;
    top: -66px;
    z-index: 99;
}
.calendar-prev {
    position:absolute;
    top: -66px;
    left: 0;
    z-index: 99;
}
.mt44{
    margin-top: 44px;
}
.colorRed{
    color: #f00112 !important;
}
.colorBrwn{
    color: #bc8e14 !important;
}
.colorBlue{
    color: #5195d2 !important;
}
.coloryellow{
    color: #ecc90f !important;
}
.colorGreen{
    color: #34aa65 !important
}

/* table */

.tablebody table.table th{
    /* font-weight: 500; */
    font-size: 14px;
    padding: 15px 20px;
    border: 0;
    color: #4c4c4c;
    font-family: 'latobold';
}
.tablebody table.table td{
    color: #474b52;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
    padding: 20px;
    border-top: none;
    max-width: 146px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* background: #fff; */
    /* box-shadow: 0 4px 2px -2px grey; */
    font-family: 'latobold';
}
.tablebody table.table td.tablephone{
    color: #e54340;
}
.tablebody table.table td.tableemail{
    color: #5f97ff;
}
.tablebody table.table td .gradefilter{
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    /*-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;*/
    padding: 5px 16px;
    min-width: 87px;
    display: inline-block;
    text-align: center;
}
.tablebody table.table td .activegrade{
    background:#5f97ff;
}
.tablebody table.table td .inactivegrade{
    background:#e54340;
}
.tablebody table.table td .pendinggrade{
    background:#dfd702;
}
.tablebody table.table td .completedgrade{
    background:#01ca78;
}
.tablebody table.table td .donegrade{
    background:#eceff1;
    color: #78909c;
}
.tablebody table.table td .notdonegrade{
    background:#e54340;
}
.tablebody table.table{
    margin: 0;
}
.tablebody table.table td:last-child,.tablebody table.table th:last-child{
    /*text-align: center;*/
}
.tablebody table.table td.marksheetotal.text-right {
    text-align: right;
    color: #e54340;
}
.tablebody{
    /* padding: 20px; */
    background: #fff;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.table thead tr{
    background: #fff;
    box-shadow: 0 4px 2px -2px #edf2f5;
}
.tablebody table.table tr{
    /* background: #fff; */
    box-shadow: 0 4px 2px -2px #edf2f5;
}
.tableProImg{
    width: 50px;
    height: 42px;
    border-radius: 6px
}
.tableText{
    color: #a9a9a9 !important;
}
.tableTextPrice{

    color: #34aa65 !important;
}
.btntable{
    padding: 8px 14px;
    border: 1px solid #888888;
    color: #fff;
    border-radius: 10px;
    background-color: #79909e;
}
.btntable:hover{
    color: #79909e;
    background-color: #fff;
}
.tableAmount{
    color: #4c4c4c!important;
}

/* table end */

.aboutText{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.aboutText h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 18px;
    margin-bottom: 6px;
}
.aboutText p{
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
    text-align: justify;
}
.boxAbout{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
}
.map{
    display: inline-block;
    width: 100%;
}
.map img{
    display: inline-block;
    width: 100%;
    height: 220px;
}
.address{
    margin: 16px 0 0 30px;
    display: inline-block;
    width: 100%;
}
.address h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 16px;
    margin-bottom: 10px;
}
.address p{
    display: inline-block;
    width: 100%;
    color: #8ea0ac;
    margin-bottom: 10px;
}
.address h1 i{
    margin-right: 10px;
}
.address p i{
    margin-right: 10px;
}
.payment{
    padding: 20px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    margin: 10px 0;
}
.payment h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-size: 22px;
    margin: 8px 0;
    font-family: 'latobold';
}
.payment p {
    display: inline-block;
    width: 100%;
    color: #b1b1b1;
    margin-bottom: 8px;
    font-size: 20px;
    font-family: 'latobold';
}
.paymentTotal{
    padding: 81px 0;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    margin: 10px 0;
}
.paymentTotal h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-size: 28px;
    margin: 8px 0;
    font-family: 'latobold';
}
.paymentTotal p {
    display: inline-block;
    width: 100%;
    color: #b1b1b1;
    margin-bottom: 8px;
    font-size: 24px;
    font-family: 'latobold';
}
.eventMatches p {
    float: right;
    color: #a1a1a1;
    margin: 0;
    padding-top: 6px;
    font-size: 14px;
    line-height: 20px;
}








.chatBox{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message {
    float: left;
    margin: 0 0 0 20px;
    max-width: 77%;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #616161;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
    background: #FCFBF6 none repeat scroll 0 0;
    color: #000000;
}
.open-btn {
    border: 2px solid #189d0e;
    border-radius: 32px;
    color: #189d0e !important;
    display: inline-block;
    margin: 10px 0 0;
    padding: 9px 16px;
    text-decoration: none !important;
    text-transform: uppercase;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 4px;
    clear: both;
    color: #212121;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
    word-break: break-all;
}
.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {
    list-style: outside none none;
    padding: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    margin: 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li p {
    margin: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
    color: rgba(185, 186, 180, 0.9);
}
.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
    color: #727272;
    display: block;
    font-size: 11px;
    padding-top: 2px;
    text-transform: uppercase;
}
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
    float: right;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
    float: right;
    margin-left: 0 !important;
    margin-right: 24px !important;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-left-color: #E8FFD4;
}
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-right-color: #FCFBF6;
}
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {
    border-color: transparent transparent transparent #ededed;
    border-width: 0 0 29px 29px;
    left: auto;
    right: -14px;
}
.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 0 29px 29px 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    top: 0;
    width: 0;
}
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
    background: #E8FFD4 none repeat scroll 0 0;
}
.chat_box .chat_message_wrapper ul.chat_message > li {
    background: #ededed none repeat scroll 0 0;
    border-radius: 12px;
    clear: both;
    color: #212121;
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 16px;
    position: relative;
}
.gurdeep-chat-box {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    padding: 3px;
}
#submit_message {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 4px;
}
.gurdeep-chat-box i {
    color: #333;
    font-size: 21px;
    line-height: 1px;
}
.chat_submit_box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 100%;
}

*/

/* chat message */

.chat_window {
    position: absolute;
    width: calc(100% - 20px);
    max-width: 800px;
    height: 500px;
    border-radius: 10px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    background-color: #f8f8f8;
    overflow: hidden;
}

.top_menu {
    background-color: #fff;
    width: 100%;
    padding: 20px 0 15px;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}
.top_menu .buttons {
    margin: 3px 0 0 20px;
    position: absolute;
}
.top_menu .buttons .button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.top_menu .buttons .button.close {
    background-color: #f5886e;
}
.top_menu .buttons .button.minimize {
    background-color: #fdbf68;
}
.top_menu .buttons .button.maximize {
    background-color: #a3d063;
}
.top_menu .title {
    text-align: center;
    color: #bcbdc0;
    font-size: 20px;
}

.messages {
    /* position: relative; */
    list-style: none;
    padding: 20px 10px 0 10px;
    margin: 0;
    height: 350px;
    overflow-y: scroll;
}
.messages .message {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.5s linear;
    opacity: 0;
}
.messages .message.left .avatar {
    /* background-color: #f5886e; */
    float: left;
}
.messages .message.left .text_wrapper {
    background-color: #ccd1e2;
    margin-left: 30px;
}
.messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before {
    right: 99%;
    border-right-color: #ccd1e2;
}
.messages .message.left .text {
    color: #5c6880;
}
.messages .message.right .avatar {
    /* background-color: #fdbf68; */
    float: right;
}
.messages .message.right .text_wrapper {
    background-color: #f5f6fa;
    margin-right: 20px;
    float: right;
}
.messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
    left: 99%;
    border-left-color: #f5f6fa;
}
.messages .message.right .text {
    color: #5c6880;
}
.messages .message.appeared {
    opacity: 1;
}
.messages .message .avatar img{
    width: 60px;
    height: 60px;
    display: inline-block;
    border: 4px solid #dadeea;
    border-radius: 10px;
}
.messages .message .text_wrapper {
    display: inline-block;
    padding: 20px;
    border-radius: 6px;
    width: calc(100% - 90px);
    min-width: 100px;
    position: relative;
}
.messages .message .text_wrapper::after, .messages .message .text_wrapper:before {
    top: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.messages .message .text_wrapper::after {
    border-width: 13px;
    margin-top: 0px;
}
.messages .message .text_wrapper::before {
    border-width: 15px;
    margin-top: -2px;
}
.messages .message .text_wrapper .text {
    font-size: 14px;
    font-weight: 300;
}

.bottom_wrapper {
    /* position: relative; */
    width: 100%;
    background-color: #f2f2f2;
    padding: 14px 20px;
    /* position: absolute; */
    /* bottom: 0; */
}
.bottom_wrapper .message_input_wrapper {
    display: inline-block;
    height: 44px;
    border-radius: 25px;
    /* border: 1px solid #bcbdc0; */
    width: calc(100% - 60px);
    position: relative;
    padding: 0 20px;
    background: #fff;
}
.bottom_wrapper .message_input_wrapper .message_input {
    border: none;
    height: 100%;
    box-sizing: border-box;
    width: calc(100% - 60px);
    position: absolute;
    outline-width: 0;
    color: gray;
    background: transparent;
    font-size: 14px;
}
.bottom_wrapper .send_message {
    width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s linear;
    text-align: center;
    float: right;
}
.bottom_wrapper .send_message:hover {
    color: #a3d063;
    background-color: #fff;
}
.bottom_wrapper .send_message .text {
    display: inline-block;
    /* font-size: 18px;
     font-weight: 300;
     line-height: 48px;*/
}

.message_template {
    display: none;
}
.online{
    background-color: #34aa65;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    float: right;
}

.chat_message_time {
    color: #727272;
    display: block;
    font-size: 11px;
    padding-top: 3px;
    text-transform: uppercase;
    display: inline-block;
    /* padding: 20px; */
    /* width: calc(100% - 90px); */
    /* min-width: 100px; */
    margin-left: 90px;
}
.chat_message_time-right {
    color: #727272;
    display: block;
    font-size: 11px;
    padding-top: 3px;
    text-transform: uppercase;
    display: inline-block;
    /* padding: 20px; */
    /* width: calc(100% - 90px); */
    /* min-width: 100px; */
    margin-right: 90px;
    float: right;
}
.imgFile {
    position: relative;
    /* overflow: hidden; */
    cursor: pointer;
}
.imgFile img {
    position: absolute;
    /* font-size: 50px; */
    right: 0;
    top: 12px;
    cursor: pointer;
}
.imgUpload{
    display: inline-block;
    opacity: 0;
    position: absolute;
    right: -10px;
    width: 38px;
    height: 21px;
    top: 10px;
    cursor: pointer;
}
.eventImg .notiImg{
    display: block;
    width: 80px;
    margin: 0 auto;
}
/* profile */
.profileHeading{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.profileHeading h1 {
    display: inline-block;
    color: #3e3e3e;
    font-family: 'latobold';
    letter-spacing: 2px;
    font-size: 30px;
    margin-bottom: 6px;
    width: 100%;
}
.profileHeading p {
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    margin: 0;
}
.profileHeading a{
    float: right;
    color: #34aa65;
    margin: 0;
    padding-top: 6px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'latobold';
    border-bottom: 1px solid #34aa65;
}
.profileHeading a:hover{
    color: #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
}
.profileHeading a i{
    margin-right: 4px;
}
.profile{
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
}
.profile h1{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 20px;
    margin-right: 4px;
    margin-bottom: 10px;
}
.profile h1 span{
    display: inline-block;
    color: #34aa65;
    font-size: 16px;

}
.profile h1 .review{
    display: inline-block;
    color: #4c4c4c;
    font-family: 'latobold';
    color: 16px;
    margin-left: 4px;
}

.profile h2 span{
    display: inline-block;
    color: #34aa65;
    font-size: 16px;

}
.profile h2 .review{
    display: inline-block;
    color: #4c4c4c;
    font-family: 'latobold';
    color: 16px;
    margin-left: 4px;
}

.proLocation{
    display: inline-block;
    width: 100%;
}
.proLocation h5{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 15px;
    margin-bottom: 10px;
}
.proLocation h5 span{
    color: #34aa65;
}
.profile a{
    display: inline-block;
    padding: 4px 16px;
    border: 1px solid #888888;
    color: #fff;
    border-radius: 8px;
    color: #79909e;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 10px;
}
.profile a:hover{
    color: #fff;
    background-color: #79909e;
}
.founder{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dedcdc;
    border-bottom: 1px solid #dedcdc;
    padding:20px 0;
}
.founder h5 {
    display: inline-block;
    color: #3e3e3e;
    font-family: 'latobold';
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0;
}
.founder a {
    float: right;
    color: #34aa65;
    margin: 0;
    padding-top: 6px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'latobold';
    border-bottom: 1px solid #34aa65;
}
.founder a:hover{
    color: #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
}
.founder a i{
    margin-left: 4px;
}
.addmoreImg{
    display: inline-block;
    height: 70px;
    width: 130px;
    position: relative;
}
.addmoreImg img {
    /* width: 100%; */
    display: inline-block !important;
    text-align: center;
    display: block;
    margin: 0 auto;
    height: 68px !important;
    width: 87px !important;
}
.addmoreImg .crossFounder{
    width: 20px;
    height: 20px;
    border: 1px solid #34aa65;
    color: #fff;
    background-color: #34aa65;
    display: inline-block;
    border-radius: 50px;
    float: right;
    text-align: center;
    line-height: 17px;
    position: absolute;
    right: 8px;
    top: -12px;
    cursor: pointer;
}
.crossBtn{
    width: 20px;
    height: 20px;
    border: 1px solid #34aa65;
    color: #fff;
    background-color: #34aa65;
    display: inline-block;
    border-radius: 50px;
    float: right;
    text-align: center;
    line-height: 17px;
    position: absolute;
    right: 8px;
    top: -12px;
    cursor: pointer;
}
.headingtab a{
    float: right;
    color: #34aa65;
    margin: 0;
    padding-top: 6px;
    font-size: 18px;
    line-height: 18px;
    font-family: 'latobold';
    border-bottom: 1px solid #34aa65;
}
.headingtab a:hover {
    color: #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
}
.addmoreImg img{
    /* width: 100%; */
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 88px;
    height: 68px;
    border-radius: 6px;
    border: 1px solid #dedcdc;
}
.addmoreImg h1{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin: 10px 0;
    color:#9fabb8;
    font-family: 'latobold';
}
.addmore{
    display: inline-block;
    /*width: 100%;*/
    padding:20px 0;
    margin: 0;
}
.addmore li{
    padding: 0;
}
.ratingREviews{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #dedcdc;
}
.ratingREviews h1{
    display: inline-block;
    color: #3e3e3e;
    font-family: 'latobold';
    letter-spacing: 2px;
    font-size: 18px;
    margin-bottom: 18px;
}
.ratingREviews p{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-family: 'latobold';
    color: #9fabb8;
}
.ratingREviews h2{
    display: inline-block;
    color: #34aa65;
    font-size: 18px;
    margin: 0;
}
.venuesHome{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 10px;
    margin-bottom: 12px;
}
.addVenue {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.addVenue a {
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #79909e;
    outline: none;
    color: #fff;
    font-family: 'latobold';
    border-radius: 4px;
    font-size: 16px;
    line-height: 50px;
}
.addVenue a:hover {
    background-color: #4c4b49;
}
.addVenueSearch{
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.addVenueSearch input {
    float: right;
    padding: 7px 60px 8px 10px;
    /* margin-top: 8px; */
    /* margin-right: 16px; */
    background: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    color: #a3a3a3;
    border: 1px solid #ecebeb;
    outline: none;
    display: inline-block;
    width: 100%;
    height: 50px;
}
.addVenueSearch a {
    position: absolute;
    right: 0;
    padding: 0 30px;
    background: transparent;
    color: #79919d;
    font-size: 16px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 50px;
    line-height: 50px;
}
.eventDes p i{
    margin-right: 5px;
}
.venueBooking{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e7efea;
}
.venueBooking h5{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    margin: 0;
    font-size: 14px;
    padding-top: 6px;
}
.venueBooking .time {
    color: #8888888c;
}
.eventDes p span{
    color: #34aa65;
}
.time {
    color: #8888888c !important;
}
.closebookingbtn{
    display: inline-block;
    margin:10px 0;
    margin-right: 6px;
}
.closebookingbtn a{
    display: inline-block;
    padding: 10px 16px;
    background-color: #79909e;
    color: #fff;
    border-radius: 4px;
}
.closebookingbtn a:hover{
    background-color: #4c4b49;
}
.closeditbtn{
    display: inline-block;
    margin:10px 0;
}
.closeditbtn a{
    display: inline-block;
    padding: 10px 16px;
    background-color: #4c4b49;
    color: #fff;
    border-radius: 4px;
}
.closeditbtn a:hover{
    background-color: #79909e;
}
.tableText img{
    margin-right: 10px;
    width: 60px;
}
.hideDiv{
    display: none;
}
.registrationInput label{
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    color: #3e3e3e;
    font-family: 'latobold';
    letter-spacing: 2px;
    line-height: 20px;
}
.eventImgUpload{
    display: none;
    width: 200px;
    /* height: 200px; */
    position: relative;
    border: 1px solid #ecebeb;
}
.eventImgUpload img{
    display: inline-block;
    width: 100%;
}
.eventImgUpload .crossPic {
    width: 20px;
    height: 20px;
    border: 1px solid #34aa65;
    color: #fff;
    background-color: #34aa65;
    display: inline-block;
    border-radius: 50px;
    float: right;
    text-align: center;
    line-height: 17px;
    position: absolute;
    right: -10px;
    top: -12px;
    cursor: pointer;
}

.addmatchbtn{
    float: right;
}
.addmatchbtn a {
    float: right;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
}
.addmatchbtn a:hover {
    background: #000;
}
.eventprofileImg{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.eventprofileImg img{
    display: inline-block;
    width: 100%;
    border-radius: 6px;
}
.founderSeeAllBtn{
    float: right;
    padding: 20px 0;
}
.founderSeeAllBtn a {
    float: right;
    color: #34aa65;
    margin: 0;
    padding-top: 6px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'latobold';
    border-bottom: 1px solid #34aa65;
}
.founderSeeAllBtn a:hover {
    color: #3e3e3e;
    border-bottom: 1px solid #3e3e3e;
}

/* modal start */
/*.modal-dialog{*/
/*margin: 0 auto;*/
/*}*/
.modal-text{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.modal-text h1{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'latoblack';
    color: #4f4f6f;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
}
.modal-text  p{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-bottom: 4px;
}
.modal-content{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.modal-header {
    border-bottom: none;
}
.pymntBtn{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 14px 0;
}
.pymntBtn button{
    background: #34aa65;
    color: #fff;
    padding: 12px 50px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    border:none;
}
.pymntBtn button:hover {
    background: #000000;
}
.modal-footer{
    border-top: none;
}
.closePop {
    float: right;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    border: 1px solid #fff !important;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    line-height: 24px;
    background-color: #4f4f6f !important;
    outline: none;
    position: absolute;
    right: -10px;
    top: -10px;
}
.closePop:focus, .closePop:hover {
    color: #fff;
}
.modal-dialog {
    /*height: 100%;*/
    /*width: 100%;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*}*/
    /*.modal-content {*/
    /*width: 400px;*/
    /*margin: 0 auto;*/
    /*padding: 0 30px;*/
}
.inputLog{
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #cacbcc;
    outline: none;
    color: #a9aab6;
    font-family: 'latolight';
    border-radius: 6px;
    background-color: transparent;
    margin: 14px 0;
}
.inputLog label{
    display: inline-block;
    font-family: 'latobold';
    color: #000;
    font-size: 18px;
    margin: 0;
    line-height: 46px;
    padding: 0px 3px;
}
.inputLog input{
    display: inline-block;
    border: none;
    font-size: 18px;
    font-family: 'latobold';
    outline: none;
}
.inputmodal{
    display: inline-block;
    width: 100%;
}
.inputmodal input{
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #cacbcc;
    outline: none;
    color: #4f4f6f;
    font-family: 'latolight';
    border-radius: 6px;
    background-color: transparent;
    margin: 14px 0;
    font-size: 16px;
}
.inputmodal label{
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    margin: 0;
    font-size: 16px;
    padding: 0 14px;
}
.modal-new {
    max-width: 1000px;
}
.modal-small{
    max-width: 400px;
}
/* modal end */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4f4f6f;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #4f4f6f;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #4f4f6f;
}
:-moz-placeholder { /* Firefox 18- */
    color: #4f4f6f;
}

.venueDetailImg{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.venueDetailImg Img{
    display: inline-block;
    width: 100%;
    height: 300px;
    border: 1px solid #f3f1f1;
}
.searchEventImg{
    display: inline-block;
    width: 100%;
}
.searchEventImg img {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
}
.searchListBox{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 3px 0px;
    /* box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.06); */
    margin: 0 0 4px 0;
    border-bottom: 1px solid #dedede;
}
.searchEventDes{
    display: inline-block;
    width: 100%;
    padding: 11px 0;
}
.searchEventDes h1{
    display: inline-block;
    /* width: 100%; */
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}
.paddingleft0{
    padding-left: 0;
}

/* slider */

.galleryBtn {
    float: right;
    margin: -8px 0;
}
.galleryBtn{
    display: inline-block;
    margin: 10px 0;

}
.galleryBtn a {
    float: right;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
}

.galleryBtn a:hover {
    background: #000;
}
.portfolio-slides{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.slick-slide {
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}


.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    bottom: 0;
    color: #34aa65;
    border: 0;
    background: none;
    z-index: 1;
    top: 0;
    outline: none;
}

.slick-prev {
    left: -7px;
}

.slick-prev:after {
    content: "\f104";
    font: 30px/1 'FontAwesome';
}

.slick-next {
    right: -7px;
    text-align: right;
}

.slick-next:after {
    content: "\f105";
    font: 30px/1 'FontAwesome';
}

.slick-prev:hover:after,
.slick-next:hover:after {
    color: #7e7e7e;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: 100px;
    border: 1px solid #f3f1f1;
}

.searchListBox:hover{
    background: #34aa65;
    cursor: pointer;
}
.calendar{
    display: inline-block;
    width: 100%;
}

.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    color: #ccc !important;
}
.registrationInput .nextBtn{
    background: #34aa65;
    display: inline-block;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #34aa65;
    outline: none;
    color: #fff;
    font-family: 'latobold';
    border-radius: 4px;
    font-size: 16px;
}
.nextBtn:hover {
    background-color: #4c4b49;
    border: 1px solid #4c4b49;
}

.nodata{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.nodata img {
    display: inline-block;
    width: 100%;
    height: 58px;
    border: 1px solid #efeeee;
}
.nodataDes {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.nodataDes h1 {
    display: inline-block;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
}
.appliedReferBox {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    padding-bottom: 16px;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.06);
    margin: 0 0 10px 0;
}
.appliedReferImg {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 16px;
}
.appliedReferImg img{
    display: inline-block;
    width: 60px;
    height: 48px;
    border-radius: 6px;
}
.appliedReferDes{
    display: inline-block;
    width: 100%;
    margin-top: 16px;
}
.appliedReferDes h1 {
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    font-family: 'latobold';
    font-size: 17px;
    margin-bottom: 4px;
    text-transform: capitalize;
}
.appliedReferDes p {
    display: inline-block;
    width: 100%;
    color: #888888;
    margin: 0;
}
.appliedReferDes p span {
    color: #34aa65;
}
.appliedReferDes .review{
    color: #8ea0ac;
    margin-left: 3px;
}
.grpButton{
    display: inline-block;
}
.grpButton{
    display: inline-block;
    margin-top: 8px;
}
.grpButton .counterOffer{
    display: inline-block;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #34aa65;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    min-width: 90px;
    text-align: center;
    margin-right: 6px;
}
.grpButton .acceptBtn{
    display: inline-block;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #4c4b49;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    min-width: 90px;
    text-align: center;
    margin-right: 6px;
}
.grpButton .chat{
    display: inline-block;
    color: #fff;
    border-radius: 6px;
    padding: 6px 18px;
    background: #a6a7ad;
    text-transform: capitalize;
    font-family: 'latobold';
    font-size: 14px;
    min-width: 90px;
    text-align: center;
    margin-right: 6px;
}
.grpStarImg{
    display: inline-block;
    margin-top: 16px;
}
.grpStarImg span {
    font-size: 30px;
    color: #e8710d
}
.purpleStarColor{
    color: #7c659b !important;
}
.yellowStarColor{
    color: #f9b32d !important;
}
.blueStarColor{
    color: #38899d !important;
}
.offer{
    display: inline-block;
    width: 100%;
    background-color: #ccd1e2;
    border-top-right-radius: 6px;
    padding:13px 0;
}
.offer p{
    display: inline-block;
    width: 100%;
    color: #fff;
    font-family: 'latobold';
    margin-bottom: 4px;
    text-align: center;
    font-size: 16px;
}
.paddingRight0{
    padding-right: 0;
}
.appliedReferMatches{
    float: left;
    width: 100%;
    border-top: 1px solid #e7efea;
}
.checkbox{
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    border-radius: 8px;
    margin: 4px 0;
    font-size: 14px;
}
.checkbox label{
    padding-left: 30px;
    color: #4c4c4c;
    font-family: 'latobold';
}
.check-input {
    width: 20px;
    padding: 0;
    border: 1px solid;
    height: 20px;
    list-style: none;
    text-decoration: none;
    position: absolute;
    margin-right: 10px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 4px;
    left: 12px;
    outline: none !important;
    margin: 0 !important;
}
.check-input:checked:before {
    content: '\2713';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: -1px;
    background: #34aa65;
    padding: 0px 5px;
    border-radius: 4px;
    line-height: 20px;
    color: white !important;
}
.checkbox p{
    color: #34aa65;
    font-family: 'latobold';
    float: right;
    margin: 0;
}
.videoTabText{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 16px 0;
    margin-bottom: 24px;
}
.videoTabText h4 i{
    margin-right: 8px;
}
.videoTabText a i{
    margin-right: 8px;
}
.videoTabText a:hover{
    color: #34aa65;
    cursor: pointer;
}
.videoTabTextTitle{
    display: inline-block;
    font-size: 18px;
    margin-bottom: 8px;
    color: #4c4c4c;
    font-family: 'latobold';
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    float: right;
    margin: 0;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #34aa65;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.loginInput {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.loginInput label {
    display: inline-block;
    width: 100%;
    color: #4f4f6f;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'latobold';
    margin-bottom: 8px;
}
.loginInput input {
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #cacbcc;
    outline: none;
    color: #a9aab6;
    font-family: 'latolight';
    border-radius: 4px;
    background-color: transparent;
}
.edit-profile-Btn {
    float: right;
    padding: 7px 0;
}
.edit-profile-Btn {
    float: right;
    padding: 7px 0;
    position: absolute;
    right: -12px;
    top: 0;
}
.edit-profile-Btn .dlt {
    font-size: 18px;
    color: #ec1919;
    display: inline-block;
    font-family: 'latobold';
    margin: 0px 4px;
}
.edit-profile-Btn a:hover {
    color: #3e3e3e;
}
.addGrpMem {
    display: inline-block;
    width: 100%;
}
.addGrpMemImg {
    float: left;
    width: 50px;
    margin-right: 6px;
}
.addGrpMemImg img {
    float: left;
    width: 100%;
    height: 40px;
    border-radius: 6px;
}
.addGrpMem h1 {
    display: inline-block;
    /* width: 100%; */
    font-size: 16px;
    margin: 10px 0;
    color: #3e3e3e;
    font-family: 'latobold';
    text-align: left;
    float: left;
}
.addGrpMem h1 {
    display: inline-block;
    /* width: 100%; */
    font-size: 16px;
    margin: 10px 0;
    color: #3e3e3e;
    font-family: 'latobold';
    text-align: left;
    float: left;
}
.checkBx-Btn {
    float: right;
}
.educationList {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 40px 3px rgba(0, 0, 0, 0.06);
    margin: 0 0 10px 0;
    /* border-top: 1px solid #dedcdc; */
    padding: 10px 8px;
    border-radius: 6px;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.headingAddBtn a {
    background: #34aa65;
    color: #fff;
    padding: 15px 50px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    float: right;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.headingAddBtn2 a {
    background: #34aa65;
    color: #fff;
    padding: 15px 50px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    float: right;
    width: 100%;
    text-align: center;
}

.btntable {
    padding: 8px 14px;
    border: 1px solid #3a3939;
    color: #fff;
    border-radius: 10px;
    background-color: #3a3939;
}

.validation_color{
    color: red !important;
    font-weight: bold;
}

.detailsworking{
    color:#34aa65 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}
.panel-title a i{
    margin-top: 4px !important;
}
.panel-title > a {
    display: block;
    padding: 10px 10px !important;
    text-decoration: none;
}
.panel-heading {
    background-color: #fafafa69 !important;
}