@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;

}



img.flaggs {

    width: 30px;

    height: 20px;

    margin-right: 10px;

    box-shadow: 0 0 20px #00000021;

}

.num_head{

    display:flex;

    align-items:center;

}



.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: #0096ad;

    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: #0096ad;

    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;



}







.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;

}







/*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: #370D79;

    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;

}

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;

}





.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;

}



.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{

    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 (min-width:1024px) and (max-width:1366px) {
    .testiText {
        clear: both;
        margin-top: 60px !important;
        width: 100%;
        display: inline-block;
    }
}



@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}

}



.single  {position: relative;}

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

    padding: 30px;

    margin: 0px;

    border: 3px solid #1c83b1;

    overflow: inherit;

    border-radius: 13px !important;

    min-height: inherit;

    border-radius: 0px;

    position: relative;

}





.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: #0096ad;

}





.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[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: #0096ad;

    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 .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) {
    .testi_box {
        margin-top: 20px !important;
    }
    .testiText {
        clear: both;
        margin-top: 60px !important;
        width: 100%;
        display: inline-block;
    }
    .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: block;

}



.customlp {

    background-size: cover!important;

    background-repeat: no-repeat;

    height: 720px!important;

    padding-top: 45px;

    background: url(../images/businesslogobanner.png)!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, #1b85b1 0, #350f88 50%, #1a90b6 100%);

}

.marginBtm {

    margin-bottom: 0

}



.whyysec ul {

    width: 100%;

    display: table

}



.whyysec ul li .icon-1 {

    /* background: url(../images/s1.png) 20px center no-repeat */

    background-position: 0 0;

}



.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;

    position: relative;

}





.whyysec ul li .icon-2 {

    /* background: url(../images/s2.png) 20px center no-repeat; */

    background-position: -64px -2px;

}



.whyysec ul li .icon-3 {

    /* background: url(../images/s3.png) 20px center no-repeat */

    background-position: -127px -2px;

}



.whyysec ul li+li {

}



.whyysec ul li .icon-4 {

    /* background: url(../images/s4.png) 20px center no-repeat; */

    background-position: -180px -2px;

}



.whyysec ul li:last-child {

    border-right: none

}



.whyysec ul li .icon-5 {

    /* background: url(../images/s5.png) 20px center no-repeat */

    background-position: -240px -2px;

}

.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: block;

}

.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: 90px;

}

.customlogobhai section.pricing{padding-bottom: 0px;}

.customlogobhai div.subservice-packages{border-bottom: 0px;}





.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;}







.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;}



.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: #360b87;

    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: 0px 0px 45px #020c46;

    max-width: 75%;

    background: #101147bd;

    padding-right: 0;

    padding: 60px 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: linear-gradient(to right,#198fb5 0,#370585 100%);

    color: #fff;

    padding: 10px 40px;

    display: inline-block;

    width: 100%;

    font-size: 14px;

    height: 50px;

    border: 0;

}

.formwrap.mywrap input#quoteSubmit:focus, .formwrap.mywrap input#quoteSubmit:hover{}









.prologo .btn-fill, .prologo .btn-line-fill{

    background: #145db1;

    color: #fff;

    background: linear-gradient(to right,#f05a28 0,#e80a89 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: #333;

    transform: translateY(-0.625rem);

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.mportfolio {

    padding: 0px 0 0px;

}

.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: #1997ad;}



.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: linear-gradient(to right,#f05a28 0,#e80a89 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: #1997ad;

    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: linear-gradient(to right,#f05a28 0,#e80a89 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;}

.packico {

    position: absolute;

    right: 30px;

    top: 30px;

    display: inline-block;

    width: 90px;

}

/*.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: 80%;

}

.logosslider{    margin-top: 100px;}

.logosslider .item{}

.logosslider .item figure{}

.logosslider .item figure img{}



.customlogobhai.prologo.businesslogo .customlp{    background: url(../images/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: linear-gradient(to right,#f05a28 0,#e80a89 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: linear-gradient(to right,#f05a28 0,#e80a89 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 #0096ad;

    background-color: #fff;

}

.businesslogo .get_quote .form-control {

    border: 1px solid #0096ad;

}



#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: linear-gradient(to right,#370D79 0,#23A3E9 100%);

}

#who-we-are {

    padding: 110px 0 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;

    color: #7b8a97;

    margin-top: 40px;

    background: #f9f9f9;

}

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%;

    padding-top: 50px;

}



div#portfolio {

    padding-top: 40px;

}

.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: #ffffff;

    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: #77d2e9;

    border-radius: 50%;

    /* background: #7b7b7b; */

}

.slimScrollBar{

        background: rgb(179 179 179) !important;

}

.doublewrap h6 {

    text-transform: uppercase;

    font-size: 19px;

    color: #0096ad;

    margin: 0px;

    text-align: center;

}

.doublewrap{

    position: relative;

    border: 3px 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;

    background: linear-gradient(to right,#370D79 0,#380083 100%);

    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: #ffffff;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: #0096ad;

    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: 150px;

}

.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: linear-gradient(to right,#f05a28 0,#e80a89 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: #ffffff;

    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: #370786;}

.chatt .actions .action-chat{color: #370585;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;}

.contest-list.contest-list--scrollable .contest-list__item:hover{transform: scale(1.1);}



.contest-list__item {

    transition: 0.3s ease-in-out;

    width: 33%;

}







.whyysecIcon {

    width: 49px;

    height: 40px;

    display: inline-block;

    background: url(../images/s1.png) 20px center no-repeat;

    position: absolute;

    left: 0;

    top: 27px;

}





.blinking{

    animation:blinkingText 1.2s infinite;

}

@keyframes blinkingText{

    0%{     color: #380083;    }

    49%{    color: #380083; }

    60%{    color: #888888; }

    99%{    color:#888888;  }

    100%{   color: #380083;    }

}





/*new portfoilo css*/







/* Style the tab */

.port_sec_new .tab {

  overflow: hidden;

  text-align: center;

  margin: 20px 0 0 0;

}



/* Style the buttons inside the tab */

.port_sec_new .tab button {display: inline-block;padding: 10px 30px;border-radius: 5px;color: #000;font-size: 14px;cursor: pointer;margin: 0 5px;border: 0;background: #eaeaea;}



/* Change background color of buttons on hover */

.port_sec_new .tab button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.port_sec_new .tab button.active {

  background: linear-gradient(to right,#370D79 0,#23A3E9 100%);

  color: #fff;

}



/* Style the tab content */

.port_sec_new .tabcontent {

  display: none;

  margin: 30px 0 0 0;

}



.port_sec_new .tabcontent {

  animation: fadeEffect 1s; /* Fading effect takes 1 second */

}



/* Go from zero to full opacity */

@keyframes fadeEffect {

  from {opacity: 0;}

  to {opacity: 1;}

}





.port_sec_new .item-image video#vid {

    width: 100%;

    border-radius: 10px;

}



.port_sec_new .item-image img {

    border-radius: 10px;

    transform: scale(1);



    -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

    -o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

    transition: 1.2s cubic-bezier(.17, .85, .438, .99);

}



.port_sec_new .item-image:hover img{transform: scale(1.05);}



.port_sec_new .item-image {

    margin: 10px 10px;

}





.fancybox-slide--iframe .fancybox-content {

    width: auto !important;

    height: auto !important;

    overflow: hidden !important;

    object-fit: cover;

}







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

    .customlp { height: auto!important;}

    .tab-custom .tabbing-links li {width: 100%;padding: 10px 0!important;margin: 0 0px 2px!important;}

    .header {position: static;}

    #header-sroll {height: auto; float: none; position: static;}

    .logo { padding-top: 0;padding-bottom: 20px;}

    header #header-sroll .call-action span {left: auto;top: 20%;font-size: 14px;right: 20px;}

    .header .btn-line-fill { min-width: 100%;    display: none;}

    .headerMenu .navbar-header { display: contents;}

    header .col-xs-8 { width: 100%;}

    .customer-rewies-list h4 { font-size: 18px;line-height: 25px;}

    p.text-center.grey {font-size: 12px;line-height: 18px;}

    .testiBoxHeight {height: auto!important;}

    .boxPadding3 .testi_box p {min-height: auto;font-size: 12px; text-align: center!important;}

    .boxPadding3 .testiImg {margin:-80px 0 0!important;}

    .header-content { position: absolute; top: -78px; right: 0;width: 100%;}

    .headerMenu .navbar-nav { width: 100%;}

    .headerMenu .nav>li, .headerMenu .nav>li>a {display: table;position: relative; margin: 2px auto;}

    .navbar-collapse {border-top: 0px solid transparent;}

    .mywrap { margin: 0;}

    .customlp {height: auto!important;    padding: 30px 0;}

    #who-we-are .wrapcontents p {font-size: 12px!important;}

    #who-we-are .wrapcontents h6 {font-size: 22px!important;}

    .tab-customBottom .row {margin-left: 0;margin-right: 0;}

    body, html {overflow-x: hidden;}

    .package_slide_wrap .container.make-left p {text-align: center;    font-size: 12px;line-height: 17px;}

    .pricing .contest-list .contest .single .wrap { display: block!important;}

    .pricing .contest-list .contest .single .clanchor {display: none!important;}

    .pricing .contest-list .contest .single .showcall {display: none!important;}

    .main-ordernow-list .modal-dialog {width: auto !important;}

    .doublewrap h3 {font-size: 22px!important;}

    .jack li {font-size: 10px!important;line-height: 17px!important; padding-bottom: 5px!important;}

    .chatt a.action-no {display: block;}

    .chatt h2 {font-size: 13px!important;}

    .contest-list__item.fullwidth { padding-top: 0;}

    section.pricing {padding-top: 0px!important; padding-bottom: 0px!important;}

    .main-ordernow-list .close { right: 10px; top: 10px;z-index: 222;}

    .whyysec ul li { visibility: inherit!important; animation-name: inherit!important;}

    .testi_box p { font-size: 12px!important; min-height: auto!important;}

    .testi_box h3 {text-align: left!important; font-size: 15px;}

    .testimonials h3.wow.fadeInDown, .testimonials p.wow.fadeInDown.text-center.main { visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;}

    section.count .count-area {display: block!important;}

    section.count .container.wow { visibility: inherit!important; animation-name: inherit!important;}

    section.count h3.text-center.wow.fadeInDown{ visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;}

    section.count p.text-center.wow.fadeInDown {visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;font-size: 12px;line-height: 19px;}

    .row.text-center.statistics-inner .col-xs-3 {width: 50%!important;}

    header nav {-webkit-transform: inherit;transform: inherit;}

    div#portfolio p {font-size:12px;}

    .border-box-effect img {width:100%;}

    .lp_portslider .tab-custom .col-xs-12 { width: 50%;}

    .whyysec {display: none!important;}

    .indussec {display: none!important;}

    #who-we-are { padding: 60px 0 0;}





}

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

    .customlp { height: auto!important;}

    .tab-custom .tabbing-links li {width: 100%;padding: 10px 0!important;margin: 0 0px 2px!important;}

    .header {position: static;}

    #header-sroll {height: auto; float: none; position: static;}

    .logo { padding-top: 0;padding-bottom: 20px;}

    header #header-sroll .call-action span {left: auto;top: 100%;font-size: 14px;right: 20px;}

    .header .btn-line-fill { min-width: 100%;    display: none;}

    .headerMenu .navbar-header { display: contents;}

    header .col-xs-8 { width: 100%;}

    .customer-rewies-list h4 { font-size: 18px;line-height: 25px;}

    p.text-center.grey {font-size: 12px;line-height: 18px;}

    .testiBoxHeight {height: auto!important;}

    .boxPadding3 .testi_box p {min-height: auto;font-size: 12px; text-align: center!important;}

    .boxPadding3 .testiImg {margin:-80px 0 0!important;}

    .header-content { position: absolute; top: -78px; right: 0;width: 100%;}

    .headerMenu .navbar-nav { width: 100%;}

    .headerMenu .nav>li, .headerMenu .nav>li>a {display: table;position: relative; margin: 2px auto;}

    .navbar-collapse {border-top: 0px solid transparent;}

    .mywrap { margin: 0;}

    .customlp {height: auto!important;    padding: 30px 0;}

    #who-we-are .wrapcontents p {font-size: 12px!important;}

    #who-we-are .wrapcontents h6 {font-size: 22px!important;}

    .tab-customBottom .row {margin-left: 0;margin-right: 0;}

    body, html {overflow-x: hidden;}

    .package_slide_wrap .container.make-left p {text-align: center;    font-size: 12px;line-height: 17px;}

    .pricing .contest-list .contest .single .wrap { display: block!important;}

    .pricing .contest-list .contest .single .clanchor {display: none!important;}

    .pricing .contest-list .contest .single .showcall {display: none!important;}

    .main-ordernow-list .modal-dialog {width: auto !important;}

    .doublewrap h3 {font-size: 22px!important;}

    .jack li {font-size: 10px!important;line-height: 17px!important; padding-bottom: 5px!important;}

    .chatt a.action-no {display: block;}

    .chatt h2 {font-size: 13px!important;}

    .contest-list__item.fullwidth { padding-top: 0;}

    section.pricing {padding-top: 0px!important; padding-bottom: 0px!important;}

    .main-ordernow-list .close { right: 10px; top: 10px;z-index: 222;}

    .whyysec ul li { visibility: inherit!important; animation-name: inherit!important;}

    .testi_box p { font-size: 12px!important; min-height: auto!important;}

    .testi_box h3 {text-align: left!important; font-size: 15px;}

    .testimonials h3.wow.fadeInDown, .testimonials p.wow.fadeInDown.text-center.main { visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;}

    section.count .count-area {display: block!important;}

    section.count .container.wow { visibility: inherit!important; animation-name: inherit!important;}

    section.count h3.text-center.wow.fadeInDown{ visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;}

    section.count p.text-center.wow.fadeInDown {visibility: inherit!important; animation-delay: 0.2s; animation-name: inherit!important;font-size: 12px;line-height: 19px;}

    .row.text-center.statistics-inner .col-xs-3 {width: 50%!important;}

    header nav {-webkit-transform: inherit;transform: inherit;}

    div#portfolio p {font-size:12px;}

    .border-box-effect img {width:100%;}

    .lp_portslider .tab-custom .col-xs-12 { width: 50%;}

    .whyysec {display: none!important;}

    /*.indussec {display: none!important;}*/

    #who-we-are { padding: 60px 0 0;}

    .mlist ul li:before{display: none !important;}

.hero-services .visiblebusinesslogo ul {text-align: center;margin: 0;}

#myModalquote .modal-content {width: 65%;margin: 0 auto;}

#myModalquote .modal-body {padding: 15px 15px 0;}

#myModalquote .modal-body .close { top: -30px; right: -10px; font-size: 20px; width: 30px; height: 30px;}

.main-ordernow-list .modal-content {height: auto;     width: 95%;margin: 0 auto;}

.main-ordernow-list .modal-body img {width: 25%;}

.main-ordernow-list .modal-body { padding: 10px 10px;}

.btn-line-fill { font-size: 12px; min-width: 150px;}

.contest-list__item {width: 90%;}

.contest-list__item.fullwidth {display: none;}



.info-list button {margin-top: 0px;}

.info-list textarea {height: 40px; margin-top:0;}

.info-list input {margin: 5px 0;}

 /*.phone_icon {display: none;}   */

 

 .port_sec_new .tab button {

    width: 100%;

    margin: 2px;

}

    

}





.indussec .count-area{}

.indussec .count-area .ul{margin: 10px 0 0 0;}

.indussec .count-area .ul .li{

    display: inline-block;

    width: 19%;

    vertical-align: top;

}

.indussec .count-area .ul .li h6{

    color: #6e6e6e;

    font-size: 15px;

    font-weight: 500;

    padding: 0;

}

.indussec .count-area .ul .li span {

    font-size: 26px;

    font-weight: 600;

    position: relative;

}







.indussec .count-area .ul .li span.onee{

    color: #155f9c;

}

.indussec .count-area .ul .li span.twoo{

    color: #5e278b;

}

.indussec .count-area .ul .li span.three{

    color: #589828;

}

.indussec .count-area .ul .li span.fourr{

    color: #185f99;

}

.indussec .count-area .ul .li span.fivee{

    color: #cb1150;

}





.indussec .count-area .ul .li span.onee:after{position: absolute; content: "+"}

.indussec .count-area .ul .li span.twoo:after{position: absolute; content: "+"}

.indussec .count-area .ul .li span.three:after{position: absolute; content: "+"}



.indussec .count-area .ul .li span.fourr:after{position: absolute; content: "+"}

.indussec .count-area .ul .li span.fivee:after{position: absolute; content: "+"}





section.logohirecont {

    padding-top: 60px;

    background: url(../images/shadow-bg.png);

    background-repeat: no-repeat;

    background-position: 100%;

    background-size: cover;

}



section.logohirecont h3{

    text-align: left;

    font-weight: 400;

    margin-top: 50px;

    position: relative;

}

section.logohirecont h3 span{display: block;font-size: 52px;color: #1a8eb5;font-weight: 600;}

section.logohirecont p{}

section.logohirecont p span.masname{

    color: #1a8eb5;

}



section.logohirecont img{}





section.logohirecont p {

    width: 100%;

    margin: 0 auto;

    text-align: left;

    line-height: 28px;

    font-size: 24px;

    color: #6e6e6e;

}





section.logohirecont h3:before {

    width: 75px;

    left: 0;

    position: absolute;

    top: -18px;

}