@font-face {
  font-family: 'icomoon_process';
  src:  url('../fonts/icomoon_new.eot?vf40h6');
  src:  url('../fonts/icomoon_new.eot?vf40h6#iefix') format('embedded-opentype'),
    url('../fonts/icomoon_new.ttf?vf40h6') format('truetype'),
    url('../fonts/icomoon_new.woff?vf40h6') format('woff'),
    url('../fonts/icomoon_new.svg?vf40h6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.services-processes-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

    height: 100px;
    width: 100px;
    font-size: 70px;
    color: #145db1; 
}


body {
    overflow-x: hidden;
}


.icon-analysis-back-end-process::before{ content: "\e900"; }
.icon-brief-collateral-process::before{ content: "\e901"; }
.icon-concept-collateral-process::before{ content: "\e902"; }
.icon-conceptualizing-logo-process::before{ content: "\e903"; }
.icon-copy-copywriting-process::before{ content: "\e904"; }
.icon-delivery-app-process::before{ content: "\e905"; }
.icon-delivery-copywriting-process::before{ content: "\e906"; }
.icon-delivery-illustration-process::before{ content: "\e907"; }
.icon-delivery-logo-process::before{ content: "\e908"; }
.icon-design-logo-process::before{ content: "\e909"; }
.icon-design-web-process::before{ content: "\e90a"; }
.icon-dev-app-process::before{ content: "\e90b"; }
.icon-develop-back-end-process::before{ content: "\e90c"; }
.icon-development-web-process::before{ content: "\e90d"; }
.icon-discover-digital-process::before{ content: "\e90e"; }
.icon-discovery-brand-process::before{ content: "\e90f"; }
.icon-idea-app-process::before{ content: "\e910"; }
.icon-illustrate-illustration-process::before{ content: "\e911"; }
.icon-measure-digital-process::before{ content: "\e912"; }
.icon-measurement-brand-process::before{ content: "\e913"; }
.icon-motion-motion-process::before{ content: "\e914"; }
.icon-plan-digital-process::before{ content: "\e915"; }
.icon-plan-web-manegement-process::before{ content: "\e916"; }
.icon-quality-web-process::before{ content: "\e917"; }
.icon-reports-web-manegement-process::before{ content: "\e918"; }
.icon-research-copywriting-process::before{ content: "\e919"; }
.icon-result-collateral-process::before{ content: "\e91a"; }
.icon-schedule-web-manegement-process::before{ content: "\e91b"; }
.icon-script-motion-process::before{ content: "\e91c"; }
.icon-sketch-illustration-process::before{ content: "\e91d"; }
.icon-story-motion-process::before{ content: "\e91e"; }
.icon-targeting-brand-process::before{ content: "\e91f"; }
.icon-testing-back-end-process::before{ content: "\e920"; }

.book-domain-process::before{ content: "\e921"; }
.brief-domain-process::before{ content: "\e922"; }
.transfer-domain-process::before{ content: "\e923"; }


.is-table{
    display: table;
}

.is-colcell{
    display: table-cell;
    float: none;
    vertical-align: top;
}

.active{ color:#145db1 !important; }
.disable_element{ color:#888888 !important; opacity: 0.4; pointer-events: none; }

.only-xs{
    display: none !important;
}

.portfolio_drop-xs .cbp-l-filters-dropdownWrap{
    background: transparent;
    color: #2c2c2c;
}

.portfolio_drop-xs .cbp-l-filters-dropdownHeader {
    color: #aeaeae;
}

.portfolio_drop-xs .cbp-l-filters-dropdownHeader:after {
    border-color: #aeaeae transparent;
}


.portfolio_drop-xs .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active,
.portfolio_drop-xs .cbp-l-filters-dropdownList .cbp-filter-item{
    border-radius: 0px;
    padding: 10px 10px;
}

.portfolio_drop-xs .cbp-l-filters-dropdownList{
    background: rgba(255,255,255,0.9);    
}


.is-colcell p{ line-height: 34px; }


section.pricing{
    text-align: center;
    padding-top: 20px;
    
}

section.pricing h4,
section.testimonials h4{
    color: #16a085;
    margin: 0;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 14px;
}

section.pricing h2,
section.testimonials h2{
    padding: 0;
    font-size: 38px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}

section.pricing .sensation-prev,
section.pricing .sensation-next{
    /*opacity: 0 !important;*/
}

section.singles{
    padding: 0px 0px 0px 0px;
}

section.pricing .single,
.package-detail .single{
    padding: 25px 15px;
    min-height: 500px;
    border: 1px solid #e8e8e8;
    border-radius:25px;
    background:#fff;
    margin-top:20px;
}

.package-detail p{
    font-size: 20px;
}

.package-detail,
.package-detail .is-table,
.package-detail .single,
.package-detail .best-seller-wrapper{
    
}

.package-detail .single ul{
    height: 280px;
}

.package-detail div.single ul li{
    line-height: 26px;
}

span.old-price {
    display: inherit;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 0px auto 7px;
    color: #b7b7b7;
}

i.cut::before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    background: #9e9c9c;
    position: absolute;
    left: 41%;
    top: 44%;
}


div.single h6{
    
    text-transform: uppercase;
    font-size: 12px;
    color: #16a085;
    margin: 0px;
}

div.single h3{
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    color: #2d2b25;
/*        max-width: 290px;*/
    margin:15px auto;

}
.cbp-l-filters-buttonCenter div{ font-weight: 500; }

div.single p{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #7b7b7b ;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2;
}

div.single p:first-of-type {
    padding-bottom: 20px;
    margin: 0;
    color: #7b7b7b;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

div.single span.price{
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    font-weight: bold;
    color: #145db1;
    margin: 0;
    line-height: 36px;
}
.sensation-current .single.gre-border {
    padding:30px 15px;
}
/*div.single ul{
    margin-top: 10px;
    margin-bottom: 0px !important;
    height: auto !important;
    overflow-x: hidden;
    overflow-y: auto; 
}*/
div.single ul {
    margin-top: 4px;
    margin-bottom: 0px !important;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
}
div.single ul.no-scroll{
    height: 120px;
}


div.single ul li{
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0px;
    opacity: 1;
    color: #7b7b7b;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

div.single input[type=submit].btn,
section.testimonials input[type=submit].btn{
    border-radius: 0px;
    height: auto;
    margin-bottom: 22px;
    margin-top: 22px;
    width: 190px;
    text-align: center;
    outline: none;
}

div.single p span {
    color: #145db1;
    font-weight: normal;
}

section.pricing .single.best-seller{
    padding: 40px 15px;
    margin-top: -15px;
    overflow: hidden;
    position: relative;
    background:#fff;
}

.best-seller ul {
    height: 90px !important;
    margin-bottom: 0;
}

.best-seller::before{
    content: "BEST SELLER";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding:7px 10px;
    text-indent: -15px;
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 35px;
    width: 180px;
    background-color: red;
    position: absolute;
    border: 2px solid #b70000;
    box-shadow: 2px 1px 7px -1px #b70000;
    right: -65px;
    top: 20px;

}

.video-frame{
    position: relative;
    height: 100%;
    background: url(../img/video-fram.png);
    max-width: 100%;
    top: 0px;
    background-size: 100%;
    min-width: 620px;
    min-height: 465px;
}

.testimonial_wrap{background-color: #f9f9f9;
    position: relative;
    z-index: 2;}

section.testimonials{
    background-color: #f9f9f9;
    position: relative;
    z-index: 2;
}



section.testimonials h2{
    text-transform: inherit;
}

.ipad_frame video{
    background: #000;
    position: absolute;
    width: 80%;
    height: 80%;
    left: 80px;
    top: 44px;
}




/*  Services section  */


section.services h3{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    margin: 0 0 10px 0;
    color: #2e2e2e;
}


section.services span{
    font-family: 'Roboto', sans-serif;
    font-size: 64px;
    line-height: 50px;
    color: #e0e0e0;
}

section.services a{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.service-row{
    margin-bottom: 60px;
}

div.talk-anchor a{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2e2e2e;
}
section.count{
    
    background-color:#fff;
    background-position: right;
    position: relative;
    z-index: 2;
}

.book-area{
    background: url('../img/book.png') no-repeat;
}

/*section.count{ background: url('../img/project-highlights.png') no-repeat; background-size: cover; }*/

section.count span{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 62px;
    color: #145db1;
    line-height: 72px;
}
section.count h6{
  font-family: 'Roboto', sans-serif;
  font-weight: bold;    
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  color: #2e2e2e;
  margin: 0px;
}

section.count .count-area{
    padding: 20px 0px 0px 0px;
}

.maps-section{ overflow: hidden; min-height: 500px; }
.maps {
    position: relative;
    padding-top: 64px;
}

.maps .map {
    background-color: #000;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.contact .address{ background-color: #fff; }

div.single-address{
    width: 100%;
    padding-left: 40px;
        margin: 40px;
}

section.maps div {
    padding-left: 0;
    padding-right: 0;
}

.single-address a{
    color: #2e2e2e;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: block;
}

.single-address a.btn-fill {
    color: #fff;
    margin: 10px 0px 0px 0px;
    padding: 15px;
    display: inline-block;
    font-size: 11px;
    min-width: 230px;
    font-weight: bold;
    text-shadow: none;
}

.single-address a i{
    color: #8c8c8c;
    margin-left: -20px;
    padding-right: 20px;
}
.single-address a:hover{
    text-decoration: none;
}

.about-img {
    
    background-size: cover;
}

section.about .dt{
    display: table;
    min-height: 600px;
    width: 100%;
}
section.about .dc{
    display: table-cell;
    vertical-align: middle;
    padding-left: 90px;
}

.full-width{
    position: relative;
    width: 100%;
}

.no-pad-right{
    padding-right: 0;
}

.no-pad-left{
    padding-left: 0;
}

.no-overflow{
    overflow: hidden;
}

.hero-subservices h3, .hero-subservices h4, .hero-subservices p{ text-align: left; }

.hero-subservices p{ font-size: 22px; }



section.breakdown h5{
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #4c4c4c;
}

section.breakdown ul li {
    font-size: 12px;
    list-style-type: none;
    margin-top: 10px;
    color: #4f4f4f;
    font-weight: bold;
}
section.breakdown ul li .fa {
    margin-right: 5px;
    color: #145db1;
    font-size: 15px;
}

section.breakdown .company_profile{
    margin: 0 auto;
}

.tab-wrap{
    margin-top: 24px;
}

.quality-img{}
/*
.quality-img img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}
.quality-img img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}
*/
section.qualities .quality-img,
section.awards .awards-img,
section.process .process-img{
    text-align: center;
    padding: 16px 0px;
    display: inline-block;
}

section.process h4 {
    font-size: 18px;
    line-height: 22px;
    padding-top: 5px;
    /*color: #2e2e2e;*/
}

section.process p {
    padding: 0px 10px;
}

section.call-actions .fa{
    font-size: 34px;
    float: left;
    color: #145db1;
    margin-left: 15px;
    margin-top: 23px;
}

section.call-actions .fa-mobile-phone {
    font-size: 50px;
    margin-top: 20px;
}

div.slash::after{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 349px;
    width: 1px;
    height: 70px;
    background: #e6e6e6;
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    transform: rotate(14deg);
}

div.slash2::after{
    left: 287px;
}

section.call-actions{
    border: 1px solid #e6e6e6;
    margin-top: 20px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 20px;
}    

section.call-actions h3{
    font-size:  24px;
    margin-top: 23px;
        padding-left: 65px;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
            text-transform: none;
}
section.call-actions h3 span{ text-transform: uppercase; }

section.call-actions .phone-div h3{ padding-left: 55px; }

.phone-div{ padding-left: 48px; }

section.call-actions h3 span{display: block;
    font-size: 14px; color: #145db1; font-family: 'Roboto', sans-serif; font-weight: 200;}

section.call-actions h4{
    padding-top: 26px;
}

section.call-actions h2{
    font-size: 16px;
    margin: 0px;
    line-height: 22px;
    text-transform: none;
    padding: 11px 11px 11px 30px;
    color: #2c2c2c;
}

section.awards .awards-img img{
    margin: 0 auto;
}

.has-border {
    /*border-right: 1px solid #dedede;*/
}


/* PROGESS BAR SECTION */



.wrapper{
        width: 400px;
        font-family: 'Roboto', sans-serif;
    margin:0 auto;
    }
    .skill {
    margin-bottom: 28px;
    position: relative;
    overflow-x: hidden;
    padding: 0 5px 0 0;
}
    .skill > p {
        font-size: 18px;
        font-weight: 700;
        color: #1a1716;
        margin: 0;
    }
    .skill:before{
        width: 100%;
        height: 12px;
        content: "";
        display: block;
        position: absolute;
        background: #e8e8e8;
        bottom: 0;
        border-radius: 10px;
    }
    .skill-bar {
        width: 100%;
        height: 8px;
        background: #145db1;
        display: block;
        position: relative;
        top: -2px;
        margin: 0px 2px;
    }

    /* SKILL 1 */
    .skill1{
        width: 95%;
            
    }

    .skill h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
    .skill-bar span{
        color: #145db1;
        position: absolute;
        border-top: 5px solid #f4392f;
        top: -30px;
        padding: 0;
        font-size: 14px;
        padding: 3px 0;
        font-weight: 500;
    }
    .skill-bar {
        position: relative;
        border-radius: 10px;
            
    }

    .skill1 .skill-count1 {
        right: 0;
    }
    /* SKILL 2 */
    .skill2{
        width: 85%;
    }

    .skill2 .skill-count2 {
        right: 0;
    }
    /* SKILL 3 */
    .skill3{
        width: 99%;
    }
    .skill3 .skill-count3 {
        right: 0;
    }

    /* SKILL 4 */
    .skill4{
        width: 65%
    }

    .skill4 .skill-count4 {
        right: 0;
    }

    /* SKILL 5 */
    .skill5{
        width: 80%;
    }

    .skill5 .skill-count5 {
        right: 0;
    }

    /* SKILL 6 */
    .skill6{
        width: 100%
    }

    .skill6 .skill-count6 {
        right: 0;
    }

section.progress-area{
    background-color: #f8f8f8;
}

.progress-area p{ margin-bottom: 0px; }

section.progress-bars h4{
    color: #333;
}

.marg-btm{
    margin-bottom: 20px;
}



#quoteForm textarea.form-control {
    resize: none;
    min-height: 105px;
    padding-top: 14px;
}



/* Packages tabs style rules */

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 20px 0px 40px 0px;
}
ul.tabs li{
 font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: none;
    text-transform: uppercase;
    color: #145db1;
    border-radius:10px;
    background:none;
    display: inline-block;
    font-size: 14px;
    /*min-width: 118px;*/
    margin-right:15px;
    padding: 10px 15px;
    cursor: pointer;
    line-height: 23px;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*border:1px solid rgb(35,74,153);*/
}

li.tab-link:nth-child(8) {
    margin-right: 0;
}
ul.tabs li:hover{    
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */
background: rgb(20,93,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */
    }

ul.tabs li.current{
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */
background: rgb(20,93,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */
}

.tab-content{
    display: none;
}

.tab-content.current{
    display: inherit;
}
.user_profile nav li a:hover {
    background: #145db1;
    color: #fff;
}

.user_profile nav li a {
    color: #acacac;
}

/* Thank you page style rules */

.thankyou-services {
    background-color:#dcdcdc; 
    height: 450px;
    position: relative;
    background-attachment: fixed;
    padding-top: 0px;
    background-size: cover;
    overflow: hidden;
}

section.thankyou .actions{
    margin-top: 20px;
}


.btn-line-active{
    border-top-color: #c0392b;
    border-right-color: #c0392b;
    border-bottom-color: #db0a58;
    border-left-color: #db0a58;
}


.orderNowQuote{
    min-width: 100%;
    margin: 8px 0px;
    background-color: #fff;
    color: #16a085;
    text-decoration: none;
    height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 16px 15px;
    outline: none;
    border: none;
    min-width: 175px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user_profile .profile-sidenav nav ul a:hover, .tab-box:hover, #recentOrders_wrapper a{
    color: #a9a9a9;
}
.user_profile .profile-sidenav nav ul a:hover, .tab-box:hover, #recentOrders_wrapper a:hover {
    background-color: #145db1;
    color: #fff;
    color: #fff;
}
.user_profile .profile-sidenav nav ul a {
    line-height: 49px;
    font-weight: normal;
}
.tab-box-2 h2 {
    font-size: 18px;
    margin: 10px 0 0 0;
    line-height: 25px;
    color: #7b7b7b;
    font-weight: 500;
}
.tab-box-2:hover h2 {
    color:#145db1;
}
.tab-box-2:hover img {
    color:#145db1;
}
.tab-box-2:hover .fa {
    color:#145db1;
}
.tab-box-2 p {
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}
.packages-tabs-content {
    border: 1px solid #ccc;
}
.tab-box-2 {
    cursor: pointer;
    padding: 20px;
    text-align: center;
    transition: all 300ms ease-in-out;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    text-transform: uppercase;
    border-redius:5px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}
.tab-box-2:hover {
    border-radius: 5px;
}
.main-hd h1 {
    font-size: 24px;
    color: #2a2a2a;
}
.right-mid-nav li {
    float: left;
    margin-left: 5px;
}

.right-mid-nav li a{
    color:#9b9b9b;
}
.right-mid-nav li a:hover{
    color:#145db1;
    text-decoration:none;
}
.main-hd h1 {
    font-size: 24px;
    margin: 10px 0;
    color: #2a2a2a;
}
ul.right-mid-nav {
    margin: 18px 0;
    margin-right: 0;
    line-height: 1;
}
.right-mid-nav li {
    float: left;
    margin: 0 5px;
}
.right-mid-nav li:after {
    content:"/";
}
.right-mid-nav li:after {
    content: "/";
}
.right-panel .right-mid-nav li:after {
    content: "/";
    color: #9b9b9b;
}
.right-mid-nav :last-child:after  {
    display:none;
}
.right-mid-nav li a{
    font-size:14px;
    font-family: 'Roboto', sans-serif;
}
#listing th {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    background: #f9f9f9;
}
/*.mdl-data-table tbody tr:hover {
    background-color: #f9f9f9 !important;
}*/
#listing th:focus {
    outline:none;
}
#listing td {
    font-size:14px;
    font-family: 'Roboto', sans-serif;
}
.dataTables_length select.form-control.input-sm {
    width: 170px;
}
.mdl-button.mdl-button--disabled.mdl-button--disabled, .mdl-button[disabled][disabled] {
    text-transform: capitalize;
}
div#listing_length label {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
div#listing_wrapper {
    border: 1px solid #e8e8e8;
}
.arrow_box-active {
    position: relative;
    background: #fff;
    border: 1px solid #145db1;
    cursor: auto;
}
tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }
tr.highlight {
    background-color: blue !important;
}
.dash-menu nav>div {
    margin-top: 14px;
}
a.min-menu {
    color: #e8e8e8;
    font-size: 30px;
}
a.min-menu:hover{
    color: #145db1;    
}
.search {
    display: inline-block;
    margin: -3px 15px;
    width: 300px;
}
.arrow_box-active:after, .arrow_box-active:before {
    top: 100%;
    left:33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box-active:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 19px;
    margin-left: -58px;
}
.arrow_box-active:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #145db1;
    border-width: 20px;
    margin-left: -59px;
}
.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
    content: url(../img/build-hover.png);
}

.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
}
.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
    content: url(../img/build-hover.png);
}

.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
}.arrow_box-active .dash-con img.dash-ach {
    width: 43px;
    height: 42px;
    content: url(../img/ach-hover.png);
}

.arrow_box-active .dash-con img.dash-msg {
    width: 43px;
    height: 42px;
}
.arrow_box-active .dash-con img.dash-msg {
    width: 43px;
    height: 42px;
    content: url(../img/msg-hover.png);
}

.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
}
.right-mid-nav .active a{
    color:#145db1;
}
.dash-footer ul{
    margin-top: 30px;
}
.dash-footer li {
    float: left;
    margin-right: 10px;
}
.dash-footer li a{
  color:#818181;
  font-size:13px;

}
.dash-footer li {
    float: left;
    margin-right: 7px;
}
.dash-footer li a:hover{
  color: #145db1;
  text-decoration:none;
}

p.copy-dash {
    color: #145db1;
}
p.copy-dash a{
    color: #145db1;
}
p.copy-dash a:hover{
    color: #145db1;
    text-decoration:none;
}
.app {
    margin-top: 30px;
    float: right;
}
.play {
    float:left;
}
.main-footer{
    background:#fff;
}
.store {
    float:left;
    margin-right:15px;
}
.tp-cust, .tp-cust .col-md-9 {
    padding-right: 0;
}
/* user dashboard rules */









.user_profile{
    background: #f7f7f7;
}
.cust-cont {
    background: #f7f7f7;
    padding: 0;
}
.dash-con .fa {
    font-size: 40px;
    color: #cccccc;
    margin-bottom: 15px;
}
.arrow_box-active .dash-con .fa {
    color: #000;
}
.site-panel{
   background:#fff;
}
.right-panel{

}
.right-panel #recentOrders_wrapper {
    margin-top: 20px;
    padding: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.tp-cust .site-panel {
    min-height: 1048px;
    margin-bottom: 30px;
}
.right-panel #recentOrders_wrapper th {
    background: #f0f0f0;
    color: #249b44;
    border-radius: 5px;
}
.right-panel #recentOrders_wrapper td {
    border:none;
}
.right-panel #recentOrders{
    border:none;
}
.user-info {
    height: 155px;
    padding: 20px 15px;
}
.admin-image {
    float: left;
    margin-right: 10px;
}
.bell ul.dropdown-menu {
    left: -120px;
}
button.btn.btn-default.dropdown-toggle:focus {
    background: #fff;
}
.listing-rd h4.text-left.title {
    line-height: 18px;
    margin: 20px 0;
}
.admin-drop .bell ul.dropdown-menu {
    left: 0px;
}
.admin-image img {
    border-radius: 100px;
    width: 48px;
}
.user-info a.logo {
    display: inline-block;
    margin-bottom: 15px;
}
.admin-drop select {
    font-size: 16px;
    border: none;
    color: #000;
    width: 150px;
    margin-top: 6px;
    cursor:pointer;
    
    
    
    
    left: 0;
    
  
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;

}



.profile_sphere{
      background-color: #145db1;
      display: block;
      height: 40px;
      padding: 18px 14px;
      width: 40px;
      font-size: 20px;
      border-radius: 20px;
      position: relative;
      margin-top: 4px;
      color: #fff;
}



.dataTables_wrapper {
    top: 30px;
}
/*.admin-drop select {
    padding:3px;
    width: 150px;
    margin-top: 6px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #000;;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-size: 16px;
}*/
.les-spc {
    padding: 0;
}
.dash-footer {
    background: #fff;
    position: relative;
    top: 30px;
    border-top:1px solid #e8e8e8;
}
.side-bar > div {
    min-height: 960px;
    border-top:none;
    /*border-right:1px solid #e8e8e8;*/
    border-left:none;
    border-bottom:1px solid #e8e8e8;
}
#example_wrapper th {
    background: #f0f0f0;
    color: #249b44;
    border: none;
    padding: 10px;
}
.title-section {
    float: left;
    margin-bottom: 15px;
}

.title-email{
    color: #145db1;
    margin-left: 3px;
    font-size:12px;
    text-transform: lowercase;
}

.title-email:hover{
    color:#145db1;
    text-decoration:none;
}
.admin-drop select:focus{
    outline:none;
}
.admin-drop {

}
.profile-sidenav nav ul a {
    display: block;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 49px;
    width: 100%;
    padding: 2px 20px;
    margin-bottom: 0px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    border-radius: 0 30px 30px 0;
}

.profile-sidenav nav ul a:hover,
.tab-box:hover,
#recentOrders_wrapper a:hover{
    background-color: #145db1;
    color: #fff;
    text-decoration: none; 
    cursor: pointer;
}
.mdl-data-table {
    border: 1px solid #e8e8e8;
}
.packages-tabs .mdl-data-table td {
    border-top: 1px solid  #e8e8e8;
    border-bottom: 1px solid  #e8e8e8;
}

.profile-sidenav nav ul li{
    margin-bottom: 0px;
    /*border-top: 1px solid #e8e8e8;*/
    border-bottom: 1px solid #e8e8e8;
}
.profile-sidenav nav ul li:hover {
    background: #f7f7f7;
}

.profile-sidenav nav ul li a i.fa{
    margin-right: 10px;
    font-size:13px;
}
.profile-sidenav nav ul li a i.fa img{
    width: 14px;
    height: 11px;
}
.profile-sidenav nav ul li:hover a i.fa img{
    width: 14px;
    height: 11px;
    content:url(../img/bus-icon-hover.png);
}
.profile-sidenav{
    background-color: #fff;
}


.top-nav nav{
    height: 61px;
    background-color: #fff;
}

.user-info span {
    display: block;
    line-height: 5px;
    font-size: 14px;
    position: relative;
    left: 2px;
}

.tab-box{
    padding: 70px 40px;
    text-align: center;
    transition: all 300ms ease-in-out;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    text-transform: uppercase;
}

.tab-box span{
    vertical-align: middle;
}

#recentOrders_wrapper{
    margin-top: 20px;
}
.search input[type="search"] {
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    padding: 7px 15px;
    width: 100%;
}
.bell a {
    color: #ccc;
}
.bell {
    float: left;
}
.bell button.btn.btn-default.dropdown-toggle {
    border: none;
    color:#cdcdcd;
}
.bell button.btn.btn-default.dropdown-toggle:hover {
    color: #145db1;
    background: none;
}
.bell li a {
    font-size: 12px;
}
.bell .btn-default.active, .bell .btn-default:active, .bell .btn-default:hover, .bell .open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: transparent;
    box-shadow: none;
}
.bell .dropdown-menu>.active>a, .bell .dropdown-menu>.active>a:focus, .bell .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #33a250;
}

.admin-drop .bell a {
    color: #acacac;
}
.admin-drop .bell {
    float: left;
}
.admin-drop .bell button.btn.btn-default.dropdown-toggle {
    border: none;
    color: #145db1;
    padding: 5px 3px;
    width: 155px;
    padding-bottom: 0px;
    text-align: left;
    font-size:16px;
}
.admin-drop .bell button.btn.btn-default.dropdown-toggle:hover {
    color: #145db1;
    background: none;
}
.admin-drop span.caret {
    float: right;
    top: 9px;
    right: 56px;    
    position: relative;
}
.admin-drop button:focus {
    background: none !important;
}
.admin-drop .bell li a {
    font-size: 12px;
}
.admin-drop .bell .btn-default.active, .bell .btn-default:active, .bell .btn-default:hover, .bell .open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: transparent;
    box-shadow: none;
}
.admin-drop .bell .dropdown-menu>.active>a, .bell .dropdown-menu>.active>a:focus, .bell .dropdown-menu>.active>a:hover {
    background-color: #145db1;
}

.desh-log button.btn.btn-default.dropdown-toggle {
    border: none;
    padding: 0;
}
.desh-log button.btn.btn-default.dropdown-toggle:hover{
    background:none;
}
.desh-log .btn-default.active, .desh-log .btn-default:active, .desh-log .btn-default:hover, .desh-log .open>.btn-default.dropdown-toggle {
    color: #636b6f;
    background-color: transparent;
    border-color: #adadad;
}
.desh-log img {
    border-radius: 100px;
    width: 32px;
}
.desh-log .btn-default.focus, .desh-log .btn-default:focus {
    background-color: #fff;
}
.desh-log.dropdown {
    float: left;
}
.dash-menu .btn-default.active, .dash-menu .btn-default:active, .dash-menu .btn-default:hover, .dash-menu .open>.btn-default.dropdown-toggle {
    color: #636b6f;
    background-color: #fff !important;
    border-color: #adadad;
    box-shadow:none;
}
.desh-log .dropdown-menu>.active>a, .desh-log .dropdown-menu>.active>a:focus, .desh-log .dropdown-menu>.active>a:hover {
    background-color: #145db1;
}
.desh-log li a {
    font-size: 12px;
}
.bell .btn-default.active.focus {
    color: #333 !important;
    background-color: transparent !important;
    border-color: #8c8c8c;
}
.bell .dropdown-menu>li>a:hover {
    font-weight: 500;
    color: #fff;
    background-color: #145db1;
}
#recentOrders_wrapper a{
    background: none;
    border: 0;
    height: 45px;
    box-sizing: border-box;
    padding: 13px 15px;
    font-family: 'Roboto', sans-serif;
    color: #ba6199;
    font-size: 12px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    min-width: 80px;
    margin: 0px 10px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #145db1;
    border-radius: 50px;
}
#example_wrapper th {
    background: #f0f0f0;
}
.dataTables_wrapper {
    top: 30px;
    padding: 30px;
    background: #fff;
    margin-top: 15px;
}
.main-body .dataTables_wrapper {
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-radius: 0 0 5px 5px;
}
.main-body .mdl-grid {
    padding: 0px;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even{
    background-color: #fff;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
}
/*div#columnChart {
    margin-bottom: 40px;
}
div#pieChart {
    margin-bottom: 40px;
}*/
.mdl-button--raised.mdl-button--colored {
    background: #145db1 !important;
    color: #fff;
}
#example_wrapper table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fff !important;
}
#example_wrapper table.dataTable.hover tbody tr:hover {
    background: #fff !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #fff !important;
}
#example_wrapper th {
    background: #f0f0f0;
    color: #145db1;
    border: none;
}
.dataTables_wrapper .ui-toolbar {
    padding: 8px;
    display: none;
}
.subscribe-now input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}

.subscribe-now input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.subscribe-now input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.subscribe-now input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#quoteForm input::-webkit-input-placeholder, #quoteForm textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #6b6b6b !important;
}
#quoteForm input::-moz-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* Firefox 19+ */
  color: #6b6b6b !important;
}
#quoteForm input:-ms-input-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* IE 10+ */
  color: #6b6b6b !important;
}
#quoteForm input:-moz-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* Firefox 18- */
  color: #6b6b6b !important;
}

.formwrap #quoteForm input::-webkit-input-placeholder, #quoteForm textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff !important;
  opacity: 0.5;
}
.formwrap #quoteForm input::-moz-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 0.5;
}
.formwrap #quoteForm input:-ms-input-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* IE 10+ */
  color: #fff !important;
  opacity: 0.5;
}
.formwrap #quoteForm input:-moz-placeholder, #quoteForm textarea::-webkit-input-placeholder { /* Firefox 18- */
  color: #fff !important;
  opacity: 0.5;
}


.right-panel h2::before{
    display: none;
}
















/*  Login page style rules  */


.login input,
.register input {
    border: 1px solid #fff;
    width: 100%;
}
.form-signin {
  max-width: 360px;
  padding: 10px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.login h2,
.register h2{
    color:#fff;
}
.login p,
.register p {
    color: #fff;
    font-size: 16px;
    margin: 15px 0;
}
.main-privacy {
    float: right;
    margin: 20px 0;
    line-height: 1;
}
.register{
    width: 100%;    
}
.header-content .call-action span {
    color: #fff;
    cursor: pointer;    
}
.header-content .call-action span small {
    color: #fff;
}
.register .table {
    display: table;
    position: fixed;
    height: 100%;
}

.register .cell{
    display: table-cell;
    vertical-align: middle;    
}

.login input#inputEmail, .login input#inputPassword, .register input#inputEmail, .register input#inputPassword, .register input.form-control {
    margin-bottom: 20px;
    border-radius: 30px;
    background: none;
    padding: 15px 18px;
    font-size: 12px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color:#fff;
}
.login .checkbox,
.register .checkbox {
    color:#fff;
    font-size:12px;
    margin: 20px 0px;
}
input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    width: auto;
    margin-top: 4px;
}
.forget a {
    font-size: 12px;
    float: right;
    color:rgb(35,74,153);
}
.forget a:hover {
    color:#fff;
}
.register p {
    margin-top: 15px !important;
}
p.reg-inner {
    margin: 0px 0 5px!important;
}
.register-plus p {
    margin: 5px 0 0 !important;
}
.login button {
    background:rgb(35,74,153);
    color:#fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.login button {
    background: rgb(35,74,153);
    color: #fff;
    padding: 15px 18px;
    border-radius: 25px;
    font-size: 12px;
    border:none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.login button:hover, .login button:focus {
    background-color: #fff;
    color: rgb(35,74,153);
}
.register p {
    margin-top: 10px;
    font-size: 12px;
}
.register p a{
    color: rgb(35,74,153);
}
.login{
    width: 100%;
}
.checkbox label {
    font-size: 12px;
}
.login .table{
    display: table;
    position: fixed;
    height:100%;
}
.login .cell{
    display: table-cell;
    vertical-align: middle;
}
footer.login {
    position: fixed;
    bottom: 0px;
    z-index: 81;
    width: 100%;
    background: rgba(0,0,0,0.2);
}
.login footer p {
    font-size: 12px;
    line-height: 1;
    margin: 20px 0 0;
    text-align: left;
}
.privacy, .term {
    color: rgb(35,74,153);
    float: left;
    font-size: 12px;
    margin-right: 10px;
}
.privacy:hover, .term:hover{
    text-decoration:none;
    color: #fff;
}
.cust-cont .top-nav nav {
    margin-left: 45px;
    border-top:none;
    border-bottom:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    border-right:none;
}
.small-nav{display:none;}
button.small-nav {
    background: none;
    color: #145db1;
    border: none;
    font-size: 32px;
    margin-bottom: 13px;
}


@media only screen and (max-width:1024px) {
.custom-package h3 {font-size: 24px;}
.custom-package input.cost_calc_button {min-width: auto;}
.box-custom {top: 120px !important;}    
.logo {padding-top: 10px;}   
.tp-caption.mediumlarge_light_white_center.fade.start {padding: 0 15px !important;}
.tp-caption.medium_light_black.fade.start {padding: 0px 15px !important;}
.tp-banner-container {height: auto;} 
/*span.icon-phone-call {display: none;}
span.icon-placeholder {display: none;}
span.icon-mail {display: none;}*/
.mult-contact-form h3 {padding-bottom: 10px;padding-top: 10px;}
.awards h4 {font-size: 18px;line-height: 30px;}
 /*.mult-contact-form .container {width: 100%;}*/
.testimonial_bg-inner {width: 100%;}
.testimonial_radius {right: -40px;}
.testimonial_radius {top: 110px;}
.testimonial-sec-tab {margin-top: 5px;}
.testimonial_bg-inner {padding: 0 15px;}
.main-privacy {display: table;float: none;margin: 10px auto;}
.login footer p {float: none;text-align: center;}
.login .table {height: auto;}
.login footer p {text-align: center;}
.search {margin: 10px 15px;}
.app {margin-top: 0;margin-bottom: 30px;}
.app {float:left;}
.cust-cont .top-nav nav {margin-left: 0;}
.top-nav nav {height: 80px}
ul#parent {padding: 0;}
#parent li { padding-left: 0px;}
section p {line-height: 30px;font-size: 18px;}
.actions-port {display: none;}  
.cbp-l-filters-buttonCenter {\margin-bottom: 15px;}
section.count span {font-size: 48px;line-height: 50px;}
section.count h6 {font-size: 16px;line-height: 24px;}
.sensation-slide { padding: 0 15px;}
.actions.slide-btn {display: block !important;margin: 0;}


}


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

 .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {display: block !important;}
.box-custom {top: 0  !important;position: relative !important;}       
section.count span {font-size: 28px;line-height: 36px;}
section.count h6 {font-size: 14px;line-height: 20px;}    
.sensation-slide {padding: 0 15px;} 
footer a.collapsed {display: block;}
footer .panel-heading h3 {display: none;}
.spacing { padding: 0 15px;}
.custom-package #cost_calc_breakdown_item {width:100%;}
#cost_calc_breakdown_price {width:100%;}
.site-panel nav {display: none;}
.small-nav{display:block;}
.user_profile nav {display: none;}
.profile-fields a.btn-fill.cancel-btn {background: #145db1 ;margin-bottom: 10px;}
.top-nav nav {height: 80px;}
.dataTables_length select.form-control.input-sm { margin-bottom: 5px;width:100%;}
.mdl-cell--6-col div#listing_filter {text-align: left;}
#listing_filter input.form-control.input-sm { margin: 0;}
.img-responsive, .img-thumbnail, .table, label { width: 100%;}
ul.tabs-profile li { padding: 12px 30px;}
a.ellips.pull-right { padding: 15px 10px;margin-top: -52px;}
.privacy, .term { margin: 5px 5px;}
.login p { margin: 5px 0;}
.cust-cont .top-nav nav {margin-left: 0}
ul.right-mid-nav {margin-top: 0;}
.right-panel h4 { margin: 16px 0 0;}
.main-body .dataTables_wrapper {margin-bottom: 30px;}
.main-body section.pricing {padding-bottom: 0;}
.main-body .contest {margin: 0 15px 0px 0;}
/*#pieChart svg {width: 100% !important;}*/
.tab-box-2 {margin-bottom: 15px;}
.margin-0{margin-bottom:0;}
section.side-bar .col-md-4 {min-height: auto;}
.dash-footer { top: 0px;}
.packages-tabs-margin-media {margin-bottom: 30px;}
}
/*.app {display: table;margin: 0 auto 30px;float: none !important;}*/


.top-nav .profile_sphere {padding: 9px 14px;font-size: 14px;color:#fff;}
.bell a.top-nav .profile_sphere:hover {color:#fff;}
.desh-log .btn .caret, .btn-group>.btn:first-child{margin-top: 12px;}
.top-nav .admin-image {float: left;margin-right: 10px;margin-top: 0px;position: relative;top: -9px;}

/* Login page style rules ends */


































 @media only screen and (min-width:0px) and (max-width:480px) {
 section.about h4,section.about h3,section.about p,section.breakdown h5{text-align: center !important;}
 section.about .dc{     padding: 8px; }
 section.about .no-pad-left{ padding-right: 0; }
section.about .about-img { height: 300px; background-size: cover; }
.maps {display: grid;height: 600px;}
.addresses{display: grid;}
.get_quote *,section.testimonials *,.service-row * {text-align: center !important;}
.xs-padding { padding: 20px;}
.cup,.cam,.hand,.flower{display: none;}
.portfolio-jump {bottom: 40px}
}


.contest-list.contest-list--scrollable .contest-list__item .contest .single, .contest .package-detail .single{

padding:30px;
margin:0px;
border:none;
overflow: inherit;
min-height: inherit;  
border-radius: 0px; 

}


.contest-list.contest-list--scrollable .contest-list__item .contest .single
{
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: none; 
    -ms-transition: all 200ms ease-in;
    -ms-transform: none; 
    -moz-transition: all 200ms ease-in;
    -moz-transform: none;
    transition: all 200ms ease-in;
    transform: none;   

}
.contest-list.contest-list--scrollable .contest-list__item .contest .single:hover
{
    box-shadow: none;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: none;
    -ms-transition: all 200ms ease-in;
    -ms-transform: none;   
    -moz-transition: all 200ms ease-in;
    -moz-transform: none;
    transition: all 200ms ease-in;
    transform: none;
    overflow: hidden;
}


.contest-list.contest-list--scrollable .contest-list__item .contest .best-seller::before {
    font-size: 10px;
    padding: 6px 10px;
    text-indent: 23px;
    height: 30px;
    width: 120px;
    right: -30px;
    top: 8px;}

.contest-list.contest-list--scrollable .contest-list__item .contest div.single h3{ text-align: left; text-transform: none; 
    margin-top: 0px; margin-bottom: 5px; text-transform: capitalize; }

.contest-list.contest-list--scrollable .contest-list__item .contest i.cut::before {
    width: 50px;
    height: 1px;
    background: #b7b7b7;
    left: 0px;
    top: 11px;
}


.contest-list.contest-list--scrollable .contest-list__item .contest .best-seller span.old-price{color: #b7b7b7;}
/*.contest-list.contest-list--scrollable .contest-list__item .contest .best-seller span.old-price small{ font-size: 16px; }*/


.contest-list.contest-list--scrollable .contest-list__item .contest div.single span.price {
    font-size: 32px;
    display: block;
    margin-bottom:8px;
}

.contest-list.contest-list--scrollable .contest-list__item .contest div.single span.price small{font-size: 24px;}

.contest-list.contest-list--scrollable .contest-list__item .contest div.single p {
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 15px;
    color: #000!important;
    line-height: 18px;
}

.contest-list.contest-list--scrollable .contest-list__item .contest div.single p span {
    font-weight:bold;
}

input{ outline: none; }

.order-action{ text-align: center;    margin-top: 15px;
    margin-bottom: 15px; }

.contest-list.contest-list--scrollable .contest-list__item .contest span.inclusive-black {
    font-size: 12px;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.contest-list.contest-list--scrollable .contest-list__item .contest span.inclusive-black a{
    color: #8e8e8e;
}

.contest-list.contest-list--scrollable .contest-list__item .contest span.inclusive-black a:hover{
    color: #000;
}



.contest-list.contest-list--scrollable .contest-list__item .contest .actions{
    border-top: 1px solid #eeeeee;
           padding-top: 15px;
    margin-top: 15px;

}


.contest-list.contest-list--scrollable .contest-list__item .contest .actions a{
    vertical-align: top;
    min-width: inherit;
    margin: 0px;
    

}

.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span{ font-size: 13px; float: left; font-weight: bold; color: #7b7b7b; }
.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small{     display: block;
    font-size: 12px;
    line-height: normal;
    color: #145db1;

     }


.contest-list.contest-list--scrollable .contest-list__item .contest .slimScrollDiv{padding-bottom: 0px;margin-bottom:  42px;}    

.packages_fold{
    overflow: hidden;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,ffffff+100 */
background: rgb(248,248,248); /* Old browsers */
background: -moz-linear-gradient(top, rgb(248,248,248) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(248,248,248) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(248,248,248) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 border-top: 1px solid #e8e8e8;
 }   


 .contest-list.contest-list--scrollable .contest-list__item .contest div.single h3::before, .hero-home h3::before {
    display: none;
 }

.clients-answer .bell {width: 100%;}
.clients-answer .bell button.btn.btn-default.dropdown-toggle {color: #fff !important;width: 100%;background: #145db1 !important;}
.clients-answer ul.dropdown-menu {width: 100%;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #145db1;
}


/* Talha's style rules */


.membership-box{
    padding: 20px;
    border: 10px solid #dd8903;
    position: relative;
    border-radius: 20px;
}

.methodology h2{
    font-size: 32px;
    font-weight: bold;
    margin-top: 0px;
}

.methodology h2::before{
    display: none;
}


.methodology .membership-box span.price{
    display: block;
    width: 100%;
    text-align: right;
    font-size: 34px;
    font-weight: bold;
    padding-top: 20px;
    line-height: 100%;
}

.membership-detail{
    padding: 20px 0px 0px 0px;
}

.methodology .single{
    
}


.methodology .single>div{
    width: 100% !important;
}

.methodology .single:hover{
    box-shadow: none;
    z-index: 20;
    transform: scale(1);
}

.methodology-slider .sensation-prev {
    left: -40px;
}

.methodology-slider .sensation-next {
    right: -40px;
}

span.more{
    padding-top: 0px !important;
    position: absolute;
    padding-top: 0px !important;
    right: 20px;
}

.methodology .single ul li{
    color: #8c8b8b;
    padding: 4px;
    border-bottom: 2px solid #dcdcdc;
    font-size: 16px;
}

.methodology .single ul li:last-child{
    border-bottom: none;
}

span.more{
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    background: url(../img/collapse-icons.png);
    background-position: center 26px;
    height: 26px;
    display: block;
    cursor: pointer;
    width: 24px;
}

span.more[aria-expanded="true"]{
    opacity: 0;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    background: url(../img/collapse-icons.png);
    background-position: center 48px;
    height: 23px;
    display: block;
    width: 24px;
    opacity: 1;
}


.methodology-slider .single p {
    text-align: left !important;
    min-height: 48px;
}

.single.bronze{ color: #e0b48c;   }
.single.bronze p{ color: #e0b48c;   }
.single.bronze .membership-box { border-color: #e0b48c;  }

.single.silver{ color: #b2b2b2;  }
.single.silver p{ color: #b2b2b2;  }
.single.silver .membership-box { border-color: #b2b2b2;  }

.single.gold{ color: #e8b954;  }
.single.gold p{ color: #e8b954;  }
.single.gold .membership-box { border-color: #e8b954;  }

.single.platinum{ color: #555;  }
.single.platinum p{ color: #555;  }
.single.platinum .membership-box { border-color: #555;  }




/* sections improvement styles */

/* portfolio section */

.filter-wrapper{
    max-width: 236px;
    float: right;
}

section.actions-port .chat span,
section.actions-port .no span{
    height: 40px;
    width: 40px;
}

section.actions-port .no .info small:hover,
section.actions-port .chat .info small:hover{
    font-weight: bold;
    color: #aeaeae;
}


section.actions-port .no .info small,
section.actions-port .chat .info small{
    display: block;
    color: #aeaeae;
}

section.actions-port .no .info small:hover,
section.actions-port .chat .info small:hover{
    color: #145db1;
}

section.actions-port .no{
    padding-bottom: 10px;
}

section.actions-port .no .info span,
section.actions-port .chat .info a{
    color: #aeaeae;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;  
}

section.actions-port .no .info span:hover,
section.actions-port .chat .info a:hover{
    color: #2c2c2c;
}

section.actions-port .chat .info a{
    text-decoration: none;
    display: block;
     color: #aeaeae ;
     line-height: 100%;    
}


section.actions-port .chat .info a:hover{
     color: #2c2c2c;
}



/* packages section */

.single ul li i.fa.fa-check-circle-o{
    color: #145db1;
        margin-left: -20px;
    margin-right: 7px;
}

/* branding section */

.branding-package .single span{
    color: #fff;
    font-size: 15px;
    position: relative; 
}

.branding-package>div{
    display: table;
}
.sec-combo-two .actions a span{ display: block; position: relative; text-decoration: none;}
.sec-combo-two .actions a span.icon-chat{     font-size: 50px;
    position: relative;
    left: -6px;
    top: -10px;}


.branding-package span.icon-support, .branding-package span.icon-chat
{display: none!important;

}





.sec-combo-two .actions a span small{ text-decoration: none; }
.sec-combo-two .actions a:hover{ text-decoration: none; }

.branding-package .icon-support{
    float: left;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 50px !important;
    padding-right: 3px;
    margin-right: 9px;
    padding-top: 0px;
    margin-top: -4px;
}


.branding-package .icon-chat{
    float: left;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 28px;
    padding-right: 6px;
    margin-right: 4px;
    padding-top: 6px;
}





.branding-package>div > div{
    /*display: table-cell;
    float: none;*/
    vertical-align: top;
}
.branding-package>div > div:first-child{
    vertical-align: middle;
}

.branding-package .single ul li i.fa.fa-check-circle-o{
    color: #fff;
    margin-right: 4px;
    margin-left: 4px;
}


section.actions-port .no span.icon,
section.actions-port .chat span.icon{
    display: block;
    color: #145db1;
    float: left;
    font-size: 32px;
    vertical-align: middle;
    padding-bottom: 5px;
}

section.actions-port .no span.icon::before,
section.actions-port .chat span.icon::before{
    position: relative;
    bottom: 4px;
}


section.actions-port .no span.icon::before,
section.actions-port .chat span.icon::before{
    display: none;
}

section.actions-port .no span.icon{
    background: url('../img/chat.png');
    overflow: hidden;
    height: 35px;
    width: 38px;
    margin-right: 10px;
}

section.actions-port .chat span.icon{
    background: url('../img/call-support.png');
    overflow: hidden;
    height: 35px;
    width: 35px;
    margin-right: 12px;
}




section.actions-port .chat span.icon{
    display: block;
    color: #145db1;
    float: left;
}

.service-inner-edit-img {
    margin-top: 15px;
}
.service-edit-site-count .stat {
    margin-bottom: 50px;
    text-align: left;
}




/* ********************************************************** */
/*  Contact page style rules start */
/* ********************************************************** */

.contact-topinfo{
    padding-top: 150px;
    background-color: #fff;
}

.in-touch{
    background-color: #fff;
}

div.map{
    height: 400px;
    width: 100%;
}

section.addresses > div div{
    margin: 10px 0px;
}

section.addresses h3::before {
    display: none;
}

.is_table{
    display: table;
}

.is_cell{
    display: table-cell;
}

section.addresses .is_cell{
    float: none;
    vertical-align: top;
}

section.in-touch{ padding-bottom: 0px;  }
section.in-touch .actions{
    padding-bottom: 10px;
}

section.in-touch .actions p{
    margin-bottom: 0px;
}

section.in-touch h4{
    padding-bottom: 10px;
}

section.in-touch .actions a{
    color: #2e2e2e;
}

.single-address a{
    padding-bottom: 0px;
    line-height: 125%;
}

.single-address p{
    padding: 20px 0px;
}
.single-address h4,
.single-address h3{
    text-transform: uppercase;
    margin-top: 0px;
}

section.in-touch .actions i,
.single-address a i{
    color: #145db1;
    padding-right: 10px;    
}

section.addresses .is_table{
    margin-bottom: 60px;
}

/* ********************************************************** */
/* Contact page style rules end */
/* ********************************************************** */


/* ********************************************************** */
/* Portfolio Style rules */
/* ********************************************************** */

.portfolio_page{
    background-color: #fff;
}

.portfolio_page {
    padding-top: 120px;
}


.portfolio_page .cbp-l-filters-buttonCenter{
     margin-bottom: 0px;
     display: inline-block;

 }


.portfolio_page .cbp-l-filters-dropdown-floated{
    float: left;
}
.portfolio_page .cbp-l-filters-dropdownWrap{
    background: transparent;
}
.portfolio_page  .cbp-l-filters-dropdownHeader{
    color:#aeaeae;
}

.portfolio_page .cbp-l-filters-dropdownList{
    z-index: 9999;
    /*background: #fff;*/
    padding: 0px 20px;
}

.portfolio_page .cbp-l-filters-buttonCenter .cbp-filter-item{
    border-radius: 0px;
    background: transparent;
    font-size: 18px;
    text-transform: none;
    color: #aeaeae;
    padding-bottom: 5px;
}

.portfolio_page .cbp-l-filters-buttonCenter .cbp-filter-item:hover{ color: #000; }

.portfolio_page .cbp-l-filters-dropdownHeader:after{
    border-color: #aeaeae transparent;
}

.portfolio_page .cbp-filter-item.cbp-filter-item-active{
    color: #145db1;
}

#cover{
    position: fixed;
    width:100%;
    height: 100%;
    background-color: #fff;
    display: none;
    opacity: 0.9;
    z-index: 2;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}



.portfolio_page .cbp {
    min-height: 400px !important;
}

/* ********************************************************** */
/* Portfolio style rules end */
/* ********************************************************** */



/* ********************************************************** */
/* login style rules starts */
/* ********************************************************** */

.form-signup {
    max-width: 360px;
    padding: 30 15px 40px;
    margin: 0 auto;
}

/* ********************************************************** */
/* login style rules end */
/* ********************************************************** */



/* ********************************************************** */
/* profile style rules */
/* ********************************************************** */

table.dataTable thead th div.DataTables_sort_wrapper span{  display: none;  }

.mdl-button--raised.mdl-button--colored:active, .mdl-button--raised.mdl-button--colored:hover,
.mdl-button--raised.mdl-button--colored{
/*    background: rgb(35,74,153) !important;
    background: -moz-linear-gradient(left, rgb(35,74,153) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%)  !important;
    background: -webkit-linear-gradient(left, rgb(35,74,153) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    background: linear-gradient(to right, rgb(35,74,153) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#90298b',GradientType=1 );*/
    background-color: #145db1  !important;
}

.mdl-data-table__cell--non-numeric .fa{
    color:#145db1 ;
}
i.fa.fa-download {
    color:#145db1 ;
}

/* ********************************************************** */
/* profile style rules ends */
/* ********************************************************** */


#listing {
    margin-top: 0px;    
}

#columnChart, #pieChart {
    height: 240px;
    margin-bottom: 40px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

#columnChart svg {
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
}
#pieChart svg {
    overflow: hidden;
/*    width: 178px;*/
    border-radius: 3px;
}
div#listing_info {
    color: #145db1;
    margin-top: 10px;
}
button#listing_previous:hover, button#listing_next:hover{
    color: #145db1;
}
.pagination button.mdl-button.mdl-button--raised.mdl-button--colored {
    margin: 0 15px;
}
#veiw-toggle:hover, #veiw-toggle:focus{
    color:#fff;
    background:#145db1;
}
.dataTables_paginate .pagination {
    margin: 10px 0 0;
}

.main-hd h4 {
    margin: 16px 0;
}
.right-panel h4 {
    margin: 0 0 10px;
}
.right-panel h4.title {
    margin: 14px 0 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    font-size: 24px;
}
.main-body section.pricing {
    padding-top: 0;
}
.main-body .contest {
    margin: 0 15px 45px 0;
}
.tab-content {
    border-radius: 0 0 3px 3px;
}
.right-panel .packages-tabs-content {
    border: 1px solid #e8e8e8;
    border-radius: 0 0 3px 3px;
}
.right-panel .listing-rd .dataTables_wrapper{
    border-radius: 3px;
}

.user_profile{
      background-color: #fafafa;
      color: #fff;      
    }

.sub-option .well {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding:10px;
}
.custom-field {
    float: left;
    width: 50%;
}
.custom-field input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: transparent;
    height: 50px;
    color: #6b6b6b
    font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 50px !important;
}

.custom-field select {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: transparent;
    height: 50px;
    color: #6b6b6b
    font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 50px !important;
}
.custom-qoute {
    margin-top: 30px;
}
.custom-package .field-blank-clr {
    border:1px solid #ccc;
    background:#fff;
    width:100%;
    font-size:14px;
    color:#636b6f;
    text-align:left;
    text-transform:capitalize;
}
.custom-package .field-blank-clr:hover {
    border:1px solid #ccc;
    background:#fff;
    box-shadow: none;
    z-index: 2; 
    -webkit-transition: none;
    -webkit-transform: none;
    -ms-transition: none;
    -ms-transform: none;
    -moz-transition: none;
    -moz-transform: none;
    transition: none; 
    transform: none;
}

.custom-package p {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 100%;
    vertical-align: top;
}


.custom-package input.cost_calc_row-2 {
    width: 100%;
    background: #f0f3f5;
    color: #5c6468;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 15px 10px;
    text-align:left;
}
.custom-checkbox {
    background: #000;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
}
.custom-package .box-custom-package {
    padding: 30px 30px 20px;
}
.custom-package span {
    float: right;
    margin-top: -46px;
    display: inline-block;
    z-index: 99;
    position: relative;
    color: #5c6468;
    font-size: 14px;
    padding-right: 15px;
}
.custom-package input.cost_calc_row-2.cost_calc_calculate.single.cost_calc_active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */
background: rgb(20,93,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */
}
.custom-package input.cost_calc_button {
    border-radius: 50px;
    color: rgb(255, 255, 255)!important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */
background: rgb(20,93,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */
}
.custom-package #cost_calc_total_cost{
    color:#333;
}
.custom-package input.cost_calc_row-2:hover {
    box-shadow: none;
    -webkit-transition: none;
    -webkit-transform:  none;
    -ms-transition:  none;
    -ms-transform:  none;
    -moz-transition:  none;
    -moz-transform:  none;
    transition:  none;
    transform:  none;
}
.custom-package #cost_calc_breakdown_container {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid rgb(215, 215, 215);
    margin-top: 65px;
    width: 360px;
}
.box-custom-package {
    /*box-shadow: 0 1px 2px #ccc;*/
    padding: 15px 15px;
    border: 1px solid #d1dfe9;
}
.box-custom-package-2 {
    /*box-shadow: 0 1px 3px #ccc;*/
    padding: 30px 30px 0px;
    border: 1px solid #d1dfe9;
}
.box-custom-package h4 {
    margin-top: 5px;
}
/* https://css-tricks.com/snippets/css/clear-fix/ */
/*.group:after { content: ""; display: table; clear: both; }

body { font: 15px/20px sans-serif; color: #444; }
p { margin-bottom: 30px; }*/

.wrapper { width: 100%; max-width: 700px; padding: 3%; }

.content, .sidebar { float: left; }

.content { width: 68%; margin-right: 5%; }

.sidebar { width: 27%; }

.box-custom { background: #fff !important; border: 1px solid #d1dfe9; padding: 10px; margin-bottom: 20px; 
    background: #fdfcfc;
    border: 1px solid #d1dfe9;
    padding: 20px;
    margin-bottom: 20px;
    position: absolute;
    top: 135px;
    width: 100%;
    }

.table-cell-no-float{
    display: table-cell;
    float: none;
    position: relative;
}    

/*.custom-package #cost_calc_breakdown_item {
    font-size: 14px;
    display: inline-block;
    border:none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    min-width: 80%;
}
*/

.custom-package .item-detail-cart {
    font-size: 14px;
    display: inline-block;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 80%;
    min-width: 80%;
}


.custom-package .item-price-cart {
    text-align: right;
    color: #145db1;
    width: 20%;   
}


#cost_calc_breakdown_price {
    color: #145db1;
    font-size: 12px;
    border:none;
    width:35%;
}
.bell ul.dropdown-menu {
    left: -110px;
}
.site-panel-custom-dp ul.dropdown-menu {
    left: 0;
}
.top-bar-login {
    margin-right: 25px;
}
.top-bar-login span.label {
    top: -13px;
    left: -9px;
    border-radius: 50px;
    padding: 10px 0 0 0;
    line-height: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}
button.btn.btn-default.dropdown-toggle:focus {
    background: #fff;
}
#quoteForm .form-control{
    border-radius:10px;
}
#quoteForm textarea.form-control {
    border-radius: 15px;
}
.height-for-quote  span.cs-placeholder {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
}
.height-for-quote .cs-options > ul::before {
    background: #fff;
}
.order-web p{
    font-size:12px;
}

.spacing {
    padding: 0 15px 0 0;
}

.custom-package input.form-control {
    border-radius: 30px;
}

/* checkbox start */
.parent input[type=checkbox] {
    float: none;    
    position: relative;
    z-index: 999;
    height: 50px;
    opacity: 0;
}
.parent span {
    background: #fff;
    border: 1px solid #d1dfe9;
    width: 100%;
}

.parent small {
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-right: 15px;
    font-size: 13px;
}
.parent input[type=checkbox]:checked + span {
    border-color: #a32974;
    color: #a32974;
}

.parent input[type=checkbox]:checked + small {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */
background: rgb(20,93,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */
}
/* checkbox end */


.contest-list__item .d_t {
    height: 0px;
}
/*ul#navigation li.active a {
    color: #145db1;
}*/

.actions.slide-btn{display:inline-block;}

/******************************************************************/
/* fixes starts */
/******************************************************************/



/******************************/
/* portfolio fixes */
/******************************/

.cbp-l-caption-title small{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

/******************************/
/* portfolio fixes ends */
/******************************/



/******************************************************************/
/* fixes ends */
/******************************************************************/


/******************************************************************/
/* Custom package page style rules */
/******************************************************************/


.addons{
    position: relative;
    padding-top: 30px;
    border-radius: 20px;
}

.addon-close{
    float: none;
    position: absolute;
    right: 12px;
    top: 6px;
}

.box-custom-package h4{
    text-align: left;
}

#custom-item-list aside{
    line-height: 100%;
    display: block;
    font-size: 12px;
    vertical-align: top;
    padding-left: 4px;
    padding-right: 10px;
    padding-right: 10px;
    padding-top: 8px;
    color: rgb(154, 154, 154);
}


.custom-package span {
    z-index: 99;
    position: relative;
    color: #5c6468;
    font-size: 14px;
    padding: 25px 15px;
    border-radius: 50px;
    line-height: 0;
    top: -15px;
}

div.quantity input[type=text]{
    width: 100%;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #d1dfe9;
    text-align: center;
    font-size: 12px;
}

div#custom-item-list div {
    border-bottom: 1px solid #d1dfe9;
    padding: 10px 0px;
}

.addons input[type=checkbox]:checked + span {
    border-color: #d1dfe9;
    background: transparent;
    color: #a32974;
}


/*subsrvice page fixes and updates*/

div.subservice-packages{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0px;    
}

div.parent{
    position: relative;
}

a[data-toggle=tooltip]{
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    left: -23px;
    color: #808080;
    height: 16px;
    width: 16px;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 50%;
    font-size: 10px;
    display: none;
    line-height: 18px;
}

a[data-toggle=tooltip]:hover,
a[data-toggle=tooltip]:focus,
a[data-toggle=tooltip]:active{
    text-decoration: none;
}

a[data-toggle=tooltip] + .tooltip.left .tooltip-inner { background-color: #eaeaea; color: #808080; }
a[data-toggle=tooltip] + .tooltip.left .tooltip-arrow { border-left-color: #eaeaea; }  



/* checkbox styles */
/* .squaredThree */

.squaredThree label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredThree */

.addons span {
    border: none;
    padding-left: 20px;
    border-bottom: 1px solid #d1dfe9;
    border-radius: 0px;
}

.addons input[type=checkbox] {
    opacity: 1;
    width: auto;
    padding-right: 10px;
}

.addons a[data-toggle=tooltip]{
    top:40%;
}


.box-custom-package h4 .glyphicon{
    font-size: 12px;
}    

.box-custom-package h4[aria-expanded="true"] .glyphicon-plus{
    display: none;
}

.box-custom-package h4[aria-expanded="true"] .glyphicon-minus{
    display: block;
}


.box-custom-package h4[aria-expanded="false"] .glyphicon-plus{
    display: block;
}

.box-custom-package h4[aria-expanded="false"] .glyphicon-minus{
    display: none;
}

/* ends */


/* quote service dropdown rules */

div.services .cs-options{
    height: 300px;
    z-index: 2;
}
div.services .cs-select ul {
    overflow: hidden;
    width: 100%;
    height: 275px;
}

.services .slimScrollBar{ visibility: hidden; }
.cs-active.services .slimScrollBar{ visibility: visible; }

.services .slimScrollDiv ul li{ background: #2e2e2e; }

div.services .cs-options .slimScrollDiv{
    width: 100%;
    height:256px !important;
    padding-right: 0px;
    overflow-y: hidden !important;
}

/*ends*/


/* nav rules */

a.reg_top{ position: relative; margin-left: 10px; }

/*a.reg_top::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 2px;
    background: #fff;
    position: absolute;
    top: -5px;
    left: -5px;
    transform: rotate(14deg);
    margin-right: 10px;
}

#header-sroll:hover a.reg_top::before,
#header-sroll.small a.reg_top::before{
    background: #888888;
}
*/
/*ends*/


/* two step form styling */

.tabs-form{
    display: flex;
    margin-bottom: 40px;
    text-align: center;
}

.step-form .tabs-form {
    width: 390px;
    margin: 0 auto 40px;
}
/*.step-form .field-mergedleft {
    padding-left: 15px;
}*/

.tabs-form div{
    display: inline-block;
    width: 48%;
    margin: 0px 10px;
    text-align: center;
    padding: 14px 0px;
    background: #2c2c2c;
    border-radius: 50px;
}

.tabs-form div.active {
    background: #252525;
    text-transform: uppercase;
}

.step-form .tabs-form .single-tab {
    margin: 0 auto 10px;
    width: 175px;
    border-radius: 5px;
}

.max_width{ max-width:750px; margin:0px auto;}

/*ends*/


@media only screen and (min-width:0px) and (max-width:1200px) {
}

@media only screen and (min-width:769px) and (max-width:1024px) {
}


@media only screen and (min-width:481px) and (max-width:768px) {

}


@media only screen and (min-width:0px) and (max-width:480px) {
    .only-xs { display: block  !important;;     position: relative; }
    .no-xs{ display: none !important;  }
    .portfolio_drop-xs .cbp-l-filters-dropdown-floated {    margin: 0 auto; z-index: 100;     float: none; }
    .step-form .tabs-form .single-tab {
        margin: 0 10px;
        width: 100%;
    }
    .step-form .tabs-form {
        width: 100%;
    }
}

@media only screen and (min-width:1400px) and (max-width:1800px) {
}



.customlogobhai .hero-services.nolp{display: none;}
.customlogobhai .hero-services.customlp{display: block;}
.hero-services.customlp{display: none;}

.customlp{background-size:cover!important; background-repeat:no-repeat;height: 650px!important;margin-top: 80px;background: url(../img/banner-logo-b.jpg)!important; }
.customlp h3{
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    text-align: left;
    border-color: rgb(255, 214, 88);
    border-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding-top: 65px;
    }
.customlp p{
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    text-align: left;
    border-color: rgb(255, 214, 88);
    border-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-bottom: 30px;
    }
.customlp h3::before{display: none;}

.formwrap{padding-right: 90px;}
.formwrap .form-control{height: 40px;background-color: transparent;border: 1px solid #587eab;color: #fff;}

.formwrap input#quoteSubmit{
    text-decoration: none;
    height: 45px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 15px 45px;
    line-height: 100% !important;
    outline: none;
    border: none;
    min-width: auto;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    background: #fff;
    color: #145db1;
    border: 2px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    }

.formwrap input#quoteSubmit:focus,.formwrap input#quoteSubmit:hover {
    background-color: #fff;
    color: #145db1;
    text-decoration: none;
}
.formwrap .mid-body{text-align: left;}
.formwrap #quoteForm textarea.form-control{min-height: 80px;}






.whyysec {
  width: 100%;
  /* background: #ca1152; */
  background: -webkit-linear-gradient(left, #1374ff 0, #a0529e 50%, #0521a6 100%);
}
.marginBtm {
  margin-bottom: 0
}

.whyysec ul {
  width: 100%;
  display: table
}

.whyysec ul li.icon-1 {
  background: url(../img/s1.png) 20px center no-repeat
}

.whyysec ul li {
  display: table-cell;
  width: 4%;
  text-align: center;
  font-size: 14px;
  color: #dae0e6;
  padding: 30px 0 20px 30px;
  font-family: 'Roboto', sans-serif !important;
}

.whyysec ul li.icon-2 {
  background: url(../img/s2.png) 20px center no-repeat
}

.whyysec ul li.icon-3 {
  background: url(../img/s3.png) 20px center no-repeat
}

.whyysec ul li+li {
}

.whyysec ul li.icon-4 {
  background: url(../img/s4.png) 20px center no-repeat
}

.whyysec ul li:last-child {
  border-right: none
}

.whyysec ul li.icon-5 {
  background: url(../img/s5.png) 20px center no-repeat
}

.indussec{    box-shadow: 0px 10px 20px #0000001c;}
.indussec .brandsslide{}
.indussec .brandsslide p{text-align: center;font-size: 16px;margin-bottom: 0;padding: 15px 41px;color: #000;}
.visiblecustom{display: none;}
.customlogobhai .hidecustom{display: none;}
.customlogobhai .visiblecustom{display: block;}

.customlogobhai .ptpx-40{padding-top: 40px;}
.customlogobhai .ptpx-60{padding-top: 60px;}

.btn-wrap{margin-top: 10px;}
.btn-wrap span{    color: #fff;
    font-size: 12px;
    letter-spacing: 0.4;}
.btn-wrap span .ctacustom{font-size: 14px;color: #f8be4a;text-decoration: underline;margin-left: 2px;}

.customlogobhai .ptpx-0{padding-top: 0px;}
.customlogobhai section.pricing{padding-bottom: 0px;}
.customlogobhai div.subservice-packages{border-bottom: 0px; position:relative}

.subservice-packages:before{
    content:"";
    background-image: url(../img/hall-img3.png);
    width: 259px;
    height: 236px;
    position: absolute;
    /* z-index: 9999; */
    right: 140px;
    background-repeat: no-repeat;
    top: 0;
    display: none;
}

.prologo .main-menu{}
.prologo .header-content{    margin-top: 0px;}
.prologo #header-sroll.small .main-menu{}
.prologo .sub-footer{}
.prologo .nav-toggle{}



.proweb .main-menu{display: none;}
.proweb .header-content{/* margin-top: 16px; */}
.proweb #header-sroll.small .main-menu{display: none;}
.proweb .sub-footer{display: none;}
.proweb .nav-toggle{display: none;}


.visibleprofessional{display: none;}
.prologo .hideprofessional{display: none;}
.prologo .visibleprofessional{display: inline-block;}

.customlogobhai .customlp .custvisible{display: block;}
.customlogobhai .customlp .provisible{display: none;}

.prologo .customlp .custvisible{display: none;}
.prologo .customlp .provisible{display: block;}

.visibleappdesign{display: none;}
.appdesignpg .visibleappdesign{display: block;}
.appdesignpg .hideappdesign{display: none;}

.appdesignpg .adpadtop-60{padding-top: 60px;}
.appdesignpg .section-padding.process{padding-top: 0px;}



.proweb .customlp {
    background: url(../img/banner-web-b.png)!important;
}

.visibleproweb{display: none;}
.proweb .visibleproweb{display: block;}
.proweb .hideproweb{display: none;}

.proweb .customlp .hideproweb{display: none;}


.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327 ;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline;
        color: #e0282b;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}


.btn-smallll{     background-color: #145db1;
    color: #fff;
    padding: 6px 30px;
    text-decoration: none;}

.btn-smallll:hover{    background-color: #0b4588;
    color: #fff;
    padding: 6px 30px;
    text-decoration: none;}

.copright {
    padding-bottom: 30px;
}



.wheelpopupwrap.visible{position: fixed;top: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.wheelpopupwrap{
    -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
 position: absolute;

 width: 650px;
 height: 650px;
 z-index: 999999;
 left: 0;
 top: -20000;
 right: 0;
 bottom: 0;
 margin: auto;
}
.wheelpopupwrap .wheelroll{border-radius: 50%;position: relative;overflow: hidden;}
.wheelpopupwrap .wheelroll:after{
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      border-left: 40px solid transparent;
      border-right: 40px solid transparent;
      border-top: 60px solid #5f03d9;
      top: 0px;
      left: 0px;
      right: 0px;
      margin:0 auto;
      }
.wheelpopupwrap .wheelroll img{}

.wheelpopupwrap .center-wheel{
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 240px;
    height: 240px;
    background: #fff;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
}
.wheelpopupwrap .center-wheel .insidewrap{}
.wheelpopupwrap .center-wheel .insidewrap .mylogo{
    position: relative;
    padding-top: 35px;
    text-align: center;
}
.wheelpopupwrap .center-wheel .insidewrap .mylogo:before{
      content: "";
      top: -17px;
      left: 0px;
      margin: 0 auto;
      right: 0;
      position: absolute;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 20px solid white;
      }
.wheelpopupwrap .center-wheel .insidewrap .mylogo img{}
.wheelpopupwrap .wheelroll img.spin{
    -webkit-animation: rotation 1s linear 3;
  animation: rotation 1s linear 3;
  -webkit-transform: rotate(180deg);
  transform:  rotate(180deg);
}

.wheelpopupwrap .center-wheel .insidewrap .mylogo h6{
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    color: #000;
    margin-top: 14px;
}
.wheelpopupwrap .center-wheel .insidewrap .mylogo h5{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 10px 0;
}
.wheelpopupwrap .center-wheel .insidewrap .mylogo a{
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px;
}

@-webkit-keyframes rotation {
    0%      { -webkit-transform: rotate(0deg); }
    50%     { -webkit-transform: rotate(180deg); }
    100%    { -webkit-transform: rotate(360deg); }
}

@keyframes rotation {
    0%      { transform: rotate(0deg); }
    50%     { transform: rotate(180deg); }
    100%    { transform: rotate(360deg); }
}
.overlay-bg.vis{display: block!important;}
.overlay-bg {
    display: none;
    background-image: url(../img/pattern.png);
    opacity: 0.94;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.mypopup-wrap.active{position: fixed;top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: -20000px;bottom: 0px;margin: auto;z-index: 99999;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{padding-top: 90px;background: #ffbd76;width: 50%;height: 100%;text-align: center;vertical-align: top;position: relative;display: inline-block;border-radius: 10px 0 0 10px;}
.mypopup-wrap .mypopup .left figure{
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.mypopup-wrap .mypopup .left figure img{
    width: 100%;
}

.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 20px;vertical-align: top;display: inline-block;}
.mypopup-wrap .mypopup .right .closebutton{
    position: relative;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    transform: rotate(45deg);
}
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{
    padding-top: 14px;
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 24px;line-height: 1.1;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 44px;display: block;margin-top: 5px;color: #ca0000;}


.mypopup-innerwrap .form_wrap{
    padding: 20px 15px;
}
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{
    border-radius: 10px;
    border: 1px solid #b9b8b8;
}
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}

.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{
    border-radius: 10px;
    min-width: 100%;
}
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}

.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.eggoffer{
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 99;
    overflow: hidden;
}
.eggoffer .top{
    position: relative;
    z-index: -1;
}
.eggoffer .top figure{}
.eggoffer .top figure img{
    width: 90px;
    opacity: 1;
}
.eggoffer .bottom{
    cursor: pointer;
    margin-top: -32px;
    padding: 16px 5px;
    border-radius: 5px;
    background: #5b03dc;
    background: -moz-linear-gradient(left, #5b03dc 0%, #9904a9 100%);
    background: -webkit-linear-gradient(left, #5b03dc 0%,#9904a9 100%);
    background: linear-gradient(to right, #5b03dc 0%,#9904a9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b03dc', endColorstr='#9904a9',GradientType=1 );
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{
    font-size: 14px;
    margin: 0;
    color: #fff;
}
.eggoffer .bottom span{
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  width: 100%;
  padding-top: 6px;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-shadow: 0 2px 2px #666;
}



.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}

.mypopup-wrap .easter{display: none!important;}
.pricing .contest-list .contest .single .clanchor {
    display: none;
}
.pricing .contest-list .contest .single .showcall{display: none;}



.onlyprologo{display: none;}

.prologo .onlyprologo{display: inline-block;font-weight: 600;font-size: 14px;margin-top: 7px;margin-right: 20px;}
.prologo .onlyprologo img{margin-right: 10px;}
.prologo ul#navigation{/* display: none; */}
section.testimonials {
    background-color: #f9f9f9;
        position: relative;
    z-index: 1;
    overflow: hidden;
        padding: 60px 0px;
}
.set-height {
    min-height: 250px;
    width: 100%;
}
.testiBoxHeight {
    height: 340px;
}
.testi_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0px 0px 40px #dadada;
    margin-top: 80px;
}
.testiImg {
    margin-top: -85px;
    width: 100px;
}
.testiImg img {
    box-shadow: 0px 10px 30px 0 #00000024;
    border-radius: 50%;
    width: 100%;
}
.testiText {
    clear: both;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}
.testi_box h3 {
    text-align: left;
    font-size: 20px;
}
.paddinfLeft {
    padding-left: 0 !important;
}
.testi_box p {
    min-height: 132px;
    font-size: 16px;
    text-align: left!important;
    font-weight: 300;
    line-height: 1.4;
}
span.testi_owner {
    display: block;
    color: #b8285a;
    font-size: 14px;
    font-weight: bold;
}
.stars i {
    font-size: 14px;
        color: #ff7e65;
}

h3.paddinfLeft:before{display: none;}

.mlist ul{}
.mlist ul li{}
.mlist ul li:before{}


.mlist ul{margin: 20px 0;font-size:0;}
.mlist ul li{text-align: left;position: relative;font-size: 18px;color: #fff;padding: 0 0px 2px 30px;font-weight: 500;}
.mlist ul li:before{position: absolute;content: "\f058";font-size: 19px;color: #ffa739;left: 0px;top: 0;font-family: "fontawesome";}
.mlist ul li span{font-weight: 500;}
.mlist .banner-bot{}
.mlist .banner-bot ul{font-size: 0;}
.mlist .banner-bot ul li{display: inline-block;/* width: 28%; */vertical-align: bottom;padding: 0 30px 0 0;}
.mlist .banner-bot ul li:before{display: none;}
.mlist .banner-bot ul li a{cursor: default;}
.mlist .banner-bot ul li a img{}

.customlp .mlist h3{
    padding-top: 110px;
    font-size: 54px;
    line-height: 1.2;
}
.customlp .mlist p{
    line-height: 1.4;
    padding-bottom: 0;
}

a.start {
    display: inline-block;
    padding: 12px 30px;
    text-align: center;
    color: #145db1;
    background: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}
a.nomber {
    color: #f8be4a;
    font-size: 18px;
    font-weight: 700;
    margin-left: 10px;
}
a.nomber span {
    color: #fff;
}
.mywrap {
    box-shadow: 10px 10px 45px #020725;
    max-width: 65%;
    background: #101147bd;
    padding-right: 0;
    padding: 30px 40px;
    border-radius: 5px;
    margin: 100px auto 0;
}
.mywrap h3{
    padding-top: 0;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.mywrap h3 span{
    font-size: 26px;
    display: block;
    margin-top: 9px;
    color: #ffffff;
    font-weight: 700;
}
.formwrap.mywrap .mid-body{text-align: center;}

.formwrap.mywrap .form-control {
    height: 42px;
    border-radius: 5px !important;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    color: #fff;
}
.formwrap.mywrap input#quoteSubmit{
    /* background: #145db1; */
    /* color: #fff; */
    /* padding: 10px 40px; */
    /* display: inline-block; */
    /* width: 100%; */
    font-size: 14px;
    height: 50px;
}
.formwrap.mywrap input#quoteSubmit:focus, .formwrap.mywrap input#quoteSubmit:hover{}




.prologo .btn-fill, .prologo .btn-line-fill{
    background: #145db1;
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }

.prologo .btn-fill:hover,.prologo .btn-line-fill:hover{
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }

.mportfolio{
    padding: 0px 0 100px;
    position: relative;
}

.mportfolio:before{
    content:"";
    background-image: url(../img/hall-img1.png);
    width: 389px;
    height: 386px;
    position: absolute;
    /* z-index: 9999; */
    right: 100px;
    background-repeat: no-repeat;
    top: -180px;
    display: none;
}

.mportfolio:after {
    content: "";
    background-image: url(../img/hall-img2.png);
    width: 139px;
    height: 236px;
    position: absolute;
    /* z-index: 9999; */
    left: 20px;
    background-repeat: no-repeat;
    bottom: 150px;
    display: none;
}

.mportfolio .lp_portslider{}
.mportfolio .lp_portslider .portfoliolist{
    font-size: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 40px;
}
.mportfolio .lp_portslider .portfoliolist li{display: inline-block;padding: 18px;width: 33.33%;margin: 0;}

.mportfolio .lp_portslider .portfoliolist li a{}
.mportfolio .lp_portslider .portfoliolist li a figure{}
.mportfolio .lp_portslider .portfoliolist li a figure img{}

.prologo #header-sroll.small .call-action span small,.prologo header #header-sroll .call-action span small{    color: #2e6deb;}

.rightcalltoaction {position: fixed;bottom: 6px;left: 6px;transform: translateY(-50%);z-index: 999;}
.rightcalltoaction a {background: #1e1e1e;width: 50px;height: 50px;display: block;border-radius: 100%;text-align: center;color: #fff;font-size: 28px;padding: 9px 0;margin: 0 0 11px;/* border: solid 2px #cccccc; */box-shadow: 6px 9px 30px #0000006b;:;background: #00e676;margin-bottom: 0;}
.rightcalltoaction a:hover {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;background: #f6e804;color: #ffffff;transition: 0.5s;/* border: 2px solid #000a47; */background: #00e676;}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }

 }


/*floating form css start */

.floating_wrap .float_form_box{
    position: fixed;
    right: 0;
    z-index: 999;
}
.floating_wrap .float_form_box .floating_form{
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 30%;
    position: fixed;
    right: -300px;
    width: 350px;
    font-size: 0px;
    background: transparent;
    overflow: hidden;
    border-radius: 0px;
    /* box-shadow: 0px 0px 40px #00000026 !important; */
    border-radius: 5px 0 0 5px;
}
.floating_wrap .float_form_box .floating_form .floating_strip{
    float: left;
    width: 50px;
    overflow: hidden;
    height: 300px;
    border-radius: 5px 0 0 5px;
    position: relative;
    background: -moz-linear-gradient(left, #7e00dc 0%, #001787 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}
.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
}
.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a:hover{text-decoration: none;}
.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a{
    color: #fff;
    font-size: 20px;
    width: 300px;
    text-align: center;
    height: 65px;
    padding-top: 9px;
    position: absolute;
    transform: rotate(360deg);
}
.floating_wrap .float_form_box .floating_form .floating_inner{
    width: 85.7%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px;
}
.floating_wrap .float_form_box .floating_form .floating_inner h3{
    font-size: 24px;
    color: #002791;
    margin-bottom: 0;
}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap{
    padding-top: 20px;
}

.floating_wrap .float_form_box .floating_form .floating_inner h3:before{display: none;}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form{}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .form-control{
    color: #000;
    border: 1px solid #bdbcbc;
    border-radius: 10px;
    height: 44px;
}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form textarea.form-control{
    height: 85px;
}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form input#quoteSubmit{
    border-radius: 10px;
    width: 100%;
}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .field-mergedright{
}
.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .margin-bottom-20{
    width: 100%;
    margin-bottom: 11px;
    padding-right: 15px;
}
.floating_wrap #quoteForm .form-control{
    height: 40px;
}
.floating_wrap .float_form_box .floating_form.open{
    z-index: 9999;
    right: 0px;
    border-radius: 5px 0 0 5px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }


.notscroll{overflow: hidden;}
.notscroll .floating_wrap:before{
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.82);
    z-index: 999;
    }

/*floating form css end */






@media only screen and (max-width: 767px) and (min-width: 0px)   {
    .logosslider{display: none;}
    .brand-logos{display: none;}
    .priccc{width: 100%!important;text-align: center!important;}
    .wrapk{width: 100%!important; text-align: center!important;}
    .doublewrap figure{display: none!important;}
    .visiblebusinesslogo .banner-bot {display: none;}
    .tab-custom .tabbing-links li{margin-bottom: 10px!important;}
    .visiblebusinesslogo .btn-wrap {display: none;}
    .customlogobhai.prologo.businesslogo .hideprologo{display: inline-block!important;    padding-bottom: 30px;}
    .customlogobhai.prologo.businesslogo .visiblebusinesslogo.col-lg-4{display: none!important;}
    .wheelpopupwrap.visible,.overlay-bg.vis,.mypopup-wrap,.mypopup-wrap.active,.eggoffer,.mypopup-wrap{display: none!important;}
    header #header-sroll .call-action span{    position: absolute;left: 20px;top: 21px;font-size: 14px;}
    .customlp h3 br{display: none;}
    .customlp h3{font-size: 32px;padding-top: 0px;}
    .formwrap{padding-right: 0px;}
    .btn-wrap{text-align: center;}
    .whyysec ul li{width: 100%;display: inline-block;margin: 20px 0 20px;width: 100%;color: #fff;padding: 7px 6px;font-size: 14px;cursor: pointer;text-align: center;background: #2267b5;display: inline-block;border-radius: 5px;}
    .pricing .contest-list .contest .single .showcall {height: 45px; padding: 13px 25px;  color: #2267b5; font-size: 11px; vertical-align: top; min-width: 100%; text-align: center; font-weight: 700; position: relative; display: inline-block; text-transform: uppercase; cursor: pointer; box-sizing: border-box; transition: all .3s ease-in-out; background: #fff; text-decoration: none; border: 1px solid #2267b5; border-radius: 5px;height: 40px;padding: 10px 25px;}
    .pricing .contest-list .contest .single .wrap {display: none;width: 100%;}
    .pricing .contest-list .contest .single .clanchor {    margin: 20px 0 20px; width: 100%; color: #fff; padding: 10px 6px; font-size: 14px; cursor: pointer; text-align: center; background: #145db1; display: inline-block; border-radius: 5px;}
    .contest {min-height: 0px;}
    .contest-list.contest-list--scrollable .contest-list__item .contest .slimScrollDiv{    margin-bottom: 20px;}
    .prologo .onlyprologo{margin-top: -10px;}
    .customlp .mlist h3{padding-top: 0px;}
    .prologo .customlp{height: auto!important;}
    .mywrap{max-width: 100%;margin-top: 40px;padding: 20px;}
    .mportfolio .lp_portslider .portfoliolist li{width: 100%;}
    .rightcalltoaction{display: none!important;}
    .floating_wrap{display: none!important;}
    .notscroll{display: none!important;}
    .onlyprologo{display: none!important;}





}



.lp_portslider .tab-custom{}
.lp_portslider .tab-custom .tabbing-links{
    font-size: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}
.lp_portslider .tab-custom .tabbing-links li{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    margin: 0 5px;
    background: #eaeaea;
}
.lp_portslider .tab-custom .tabbing-links li.current{
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}

.lp_portslider .tab-custom .tabs{display: none;}
.lp_portslider .tab-custom .tabs.current{display: inline-block;}
.mportfolio .lp_portslider .portfoliolist li:hover{
    background: none;
}
.mycountryflags{
    display: inline-block;
    width: 100%;
    margin-bottom: 0 !important;
}
.mycountryflags li{
    display: inline-block;
    margin-right: 10px;
}
.mycountryflags li img{}


.servicebannerheading{
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border-width: 0px;
    border-color: rgb(255, 214, 88);
    border-style: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    width: 600px;    margin: 0;
}
    
.fb_customer_chat_bubble_animated_no_badge{left:18px!important;}    
.fb_customer_chat_bounce_in_v2{left:9pt!important;right:auto!important;}
.fb_customer_chat_bounce_out_v2{left:9pt!important;right:auto!important;}


.customlogobhai.prologo.businesslogo .hideprologo {display: none;}

.customlogobhai.prologo.businesslogo .visiblebusinesslogo{display: inline-block;}

.customlogobhai.prologo .visiblebusinesslogo{display: none;}

.contest-list.contest-list--scrollable .contest-list__item .contest .single .packico{display: none;}
.customlogobhai.prologo.businesslogo .contest-list.contest-list--scrollable .contest-list__item .contest .single{position: relative;}
.customlogobhai.prologo.businesslogo .contest-list.contest-list--scrollable .contest-list__item .contest .single .packico{    position: absolute;
    right: 30px;
    top: 30px;
    display: inline-block;
    width: 90px;}
.customlogobhai.prologo.businesslogo .contest-list.contest-list--scrollable .contest-list__item .contest .single .packico img{}

.businesslogo .mywrap{    max-width: 100%;}
.logosslider{    margin-top: 100px;}
.logosslider .item{}
.logosslider .item figure{}
.logosslider .item figure img{}

.customlogobhai.prologo.businesslogo .customlp{background: url(../img/businesslogobanner.png)!important;}
.customlogobhai.prologo.businesslogo .whyysec{background: -webkit-linear-gradient(left, #b51369 0, #ff7c74 50%, #9d0498 100%);}

.mypopup-wrap .mypopup .left h4{
    color: #ca0000;
    font-size: 54px;
}
.mypopup-wrap .mypopup .left h4 span{
    display: block;
    font-size: 28px;
    margin: 20px 0;
    color: #2e2e2e;
    /* font-weight: 500; */
}
.mypopup-wrap .mypopup .left h5{
    text-align: center;
    font-size: 16px;
    color: #2e2e2e;
}
.mypopup-wrap .mypopup .left .chbtn{
    font-size: 16px;
    display: inline-block;
    color: #ca0000;
    border: 1px solid #ca0000;
    border-radius: 10px;
    padding: 8px 40px;
    margin-top: 25px;
    text-decoration: none;
}

    
.floating_wrap .btns_wrap{position: fixed;right: 0;z-index: 999;}
.floating_wrap .btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.floating_wrap .btns_wrap .call_wrap{
    width: 237px;
    position: fixed;
    right: -188px;
    background: #fff;
    top: 22%;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    border-radius: 5px 0 0 5px;
}
.floating_wrap .btns_wrap .call_wrap i{
    color: #fff;
    font-size: 26px;
    padding: 10px 14px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #7e00dc 0%, #001787 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}
.floating_wrap .btns_wrap .call_wrap span{
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px;
}
.floating_wrap .btns_wrap .chat_wrap{
    display: block;
    position: fixed;
    right: -150px;
    width: 200px;
    background: #fff;
    top: 14%;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    border-radius: 5px 0 0 5px;
}
.floating_wrap .btns_wrap .chat_wrap i{
    color: #fff;
    font-size: 25px;
    padding: 10px 12px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #7e00dc 0%, #001787 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
    }
.floating_wrap .btns_wrap .chat_wrap span{
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px;
}
/*floating strips css end */


.businesslogo .get_quote{    background-color: #ffffff;}
.businesslogo .get_quote h3{color: #2e2e2e;}
.businesslogo .buspghide{ display: none; }
.businesslogo .cs-skin-elastic > span{    
    border: 1px solid #5f06c7;
    background-color: #fff;
}
.businesslogo .get_quote .form-control{border: 1px solid #5f06c7;}

#who-we-are .tab-custom{}
#who-we-are .tab-custom .tabbing-links{
    font-size: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
}
#who-we-are .tab-custom .tabbing-links li{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    margin: 0 5px;
    background: #eaeaea;
}
#who-we-are .tab-custom .tabbing-links li.current{
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}
#who-we-are{
    padding: 60px 0;
}
#who-we-are .tab-custom .tabs{display: none;}
#who-we-are .tab-custom .tabs.current{display: inline-block;}
#who-we-are .section_title h3{}
#who-we-are .section_title{}
#who-we-are .wrapcontents{
    padding-top: 40px;
}
#who-we-are .wrapcontents h6{
    color: #000;
    font-size: 30px;
    font-weight: 500;
}
#who-we-are .wrapcontents p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px;
}
#who-we-are .wrapcontents p .text-grad{
    color: #6304ca;
}
#who-we-are .tabs img{
    width: 80%;
}

section.brand-logos {
    text-align: center;
    padding: 60px 0 60px;
    color: #7b8a97;
    margin-top: 40px;
    background: #f9f9f9;
    position:relative;
}

section.brand-logos:after{
    content:"";
    background-image: url(../img/hall-img4.png);
    width: 100%;
    height: 89px;
    position: absolute;
    /* z-index: 9999; */
    left: 0;
    background-repeat: repeat;
    bottom: 0;
    display: none;
}
section.brand-logos h2 {
    font-size: 38px;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #373737;
    font-weight: 700;
}
section.brand-logos img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 41px;
}
.process-box {
    display: block;
    margin: 0% 0;
    position: relative;
    width: 20%;
}
.process-box h5{
    color: #373737;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding: 2% 0;
    text-align: center;
    text-transform: capitalize;
}

.contest-list__item.fullwidth{
    width: 100%;
}

.jack{
    list-style-type: none;
}
.jack li{
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0px;
    opacity: 1;
    color: #7b7b7b;
    padding-bottom: 6px;
    padding-left: 20px;
    }


.jack li:before {
    position: absolute;
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 3px;
    height: 5px;
    width: 5px;
    color: #145db1;
    border-radius: 50%;
    /* background: #7b7b7b; */
}

.doublewrap h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #145db1;
    margin: 0px;
}

.doublewrap{
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0px 20px 0 rgba(0,0,0,.1);
    margin-top:30px;
    padding: 25px 40px;
    min-height: 612px;
    position: relative;
    overflow: hidden;
    border-radius:20px;
    margin-bottom: 20px;
    width: 100%;
}
.doublewrap h3:before{display:none}
.doublewrap h3{text-transform: uppercase;font-size: 28px;font-weight: bold;color: #2d2b25;margin: 15px auto 30px;}

.doublewrap p.parara {
  font-family: 'Circular Std Book';
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 30px;
  margin: 0;
  color: #7b7b7b;
  font-weight: 400;
  padding: 0px 40px 20px 40px;
}


.doublewrap span.price {
    font-size: 42px;
    font-weight: bold;
    color: #145db1;
    margin: 0 0 20px;
    display: inline-block;
    line-height: 36px;
}

.doublewrap span.price small {
    vertical-align: baseline;
    margin-left: 1px;
    font-size: 20px;
}
.doublewrap .left{
    position: absolute;
    left: 35px;
    top: 20px;
}
.doublewrap .left img{
    width: 130px;
}
.doublewrap .right{
    position: absolute;
    right: 50px;
    top: 15px;
}
.doublewrap .right img{
    width: 240px;
}
.doublewrap input[type=submit].btn {
    border-radius: 0px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 0;
    width: 190px;
    text-align: center;
    outline: none;
    background: #d12e49;
    color: #fff;
    border-radius: 10px;
    padding: 12px;
    background: #145db1;
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.doublewrap p.nichaywala {
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px;
}


div.doublewrap ul li.heading {
    font-size: 16px;
    font-weight: 700;
    color: #2d2b25;
    padding: 5px 0;
    margin-top: 10px;
}
div.doublewrap ul li.heading:before{display: none;}


.priccc{
    padding-top: 20px;
    width: 49%;
    float: left;
    text-align: left;
}
.priccc .old-price{}
.priccc i.cut::before{left: 0px;right: auto;}
.wrapk{
    text-align:  right;
    width: 49%;
    float: right;
    padding-top: 20px;
}
.wrapk input.btn{}
.chatt{padding-top: 20px;text-align: left;}

.chatt a.action-no{font-size: 20px;color: #145db1;}
.chatt .actions .action-chat{color: #145db1;font-size: 20px;}
.chatt h2{font-size: 20px!important;}
.chatt h2:before{display:none;}

.wrapk .view-detail{
    margin-bottom: 0;
}
.best-seller ul.jack{height: auto!important;}


.mportfolio:before, .mportfolio:after,
.subservice-packages:before,
.get_quote:before{
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);}
  100% { transform: scale(1); }
  }
  
@keyframes animatedBackground {
    from {background-position:0 100%;}
    to {background-position: 100% 0 ;}
}  

section.brand-logos:after {
    /*animation: parachute 50s infinite;
    animation-timing-function: linear;*/
    animation: animatedBackground 20s linear infinite;
}



@media (max-width:1400px){
    .mportfolio .lp_portslider {
        width: 80%;
        margin: auto;
    }
    .mportfolio:before {
        width: 339px;
        height: 346px;
        top: -180px;
        background-size: 80%;
        right: 0;
    }
    
    .mportfolio:after {
        content: "";
        background-image: url(../img/hall-img2.png);
        width: 139px;
        height: 236px;
        position: absolute;
        /* z-index: 9999; */
        left: 35px;
        background-repeat: no-repeat;
        bottom: 150px;
    }
    
    .subservice-packages:before {
        /* z-index: 9999; */
        right: 40px;
        top: 0;
        background-size: 85%;
    }
    
    .get_quote:before {
        background-size: 70%;
        right:0;
        top: 140px;
    }
}