.is-table{
    display: table;
}

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

.active{ color:#b8285a !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-size: 16px;
    font-weight: bold;
    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;

}

div.single p{
    font-family: 'Circular Std Book';
    font-size: 14px;
    line-height: 16px;
    color: #7b7b7b ;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
}

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

div.single span.price{
    letter-spacing: -2px;
    font-size: 42px;
    font-weight: bold;
    color: #f29f05;
    margin: 0;
    line-height: 36px;
}
.sensation-current .single.gre-border {
    padding:30px 15px;
}

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: 13px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0px;
    opacity: 1;
    color: #000000;
    padding-left: 10px;
	position: relative;
}
div.single ul li::before{
	content: "";
	background:url(../images/bullet_arrow.png);
	width: 5px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 5px;
}

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: #b8285a;
    font-weight: normal;
}

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

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

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

}

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

section.testimonials{
    background-color: #f9f9f9;
}



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-weight: 900;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    margin: 0 0 10px 0;
    color: #2e2e2e;
}


section.services span{
    
    font-size: 64px;
    line-height: 50px;
    color: #e0e0e0;
}

section.services a{
    
    font-weight: bold;
    font-size: 12px;
}

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

div.talk-anchor a{
    
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2e2e2e;
}

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


.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: 600;
    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-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: #b8285a;
    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 {
    font-size: 18px;
    line-height: normal;
    padding: 0px 10px;
}

section.call-actions .fa{
    font-size: 36px;
    float: left;
    color: #b8285a;
    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:'Circular Std Book';
        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: #b8285a; font-family: 'Circular Std Book'; 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: #b62b5b;
        display: block;
        position: relative;
        top: -2px;
        margin: 0px 2px;
    }

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

    .skill h4 {
    font-size: 16px;
    font-weight: 200;
    
    text-transform: uppercase;
}
    .skill-bar span{
        color: #b62b5b;
        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-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-weight: 200;
    background: none;
    text-transform: uppercase;
    color: #b8285a;
    border-radius:30px;
    background:none;
    display: inline-block;
    font-size: 11px;
    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(184,40,90);
}

li.tab-link:nth-child(8) {
    margin-right: 0;
}
ul.tabs li:hover{    
    background: rgb(184,40,90);
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    background-color: #b8285a;
    color: #fff;}

ul.tabs li.current{
    background: rgb(184,40,90);
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    background-color: #b8285a;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
}

.tab-content{
    display: none;
}

.tab-content.current{
    display: inherit;
}
.user_profile nav li a:hover {
    background: #b8285a;
    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;
    
    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: #b8285a;
    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: 600;
}
.tab-box-2:hover h2 {
    color:#b8285a;
}
.tab-box-2:hover img {
    color:#b8285a;
}
.tab-box-2:hover .fa {
    color:#b8285a;
}
.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:#b8285a;
    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: 'Circular Std Book';
}
#listing th {
    font-size: 14px;
    font-family: 'Circular Std Book';
    background: #f9f9f9;
}
/*.mdl-data-table tbody tr:hover {
    background-color: #f9f9f9 !important;
}*/
#listing th:focus {
    outline:none;
}
#listing td {
    font-size:14px;
    font-family: 'Circular Std Book';
}
.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: 'Circular Std Book';
    text-transform: capitalize;
}
div#listing_wrapper {
    border: 1px solid #e8e8e8;
}
.arrow_box-active {
    position: relative;
    background: #fff;
    border: 1px solid #b8285a;
    cursor: auto;
}
tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }
tr.highlight {
    background-color: blue !important;
}
.dash-menu nav>div {
    margin-top: 14px;
}
a.min-menu {
    color: #e8e8e8;
    font-size: 30px;
}
a.min-menu:hover{
    color: #b8285a;    
}
.search {
    display: inline-block;
    margin: -3px 15px;
    width: 300px;
}
.arrow_box-active:after, .arrow_box-active:before {
    top: 100%;
    left:33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box-active:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 19px;
    margin-left: -58px;
}
.arrow_box-active:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #b8285a;
    border-width: 20px;
    margin-left: -59px;
}
.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
    content: url(../img/build-hover.png);
}

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

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

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

.arrow_box-active .dash-con img.dash-build {
    width: 43px;
    height: 42px;
}
.right-mid-nav .active a{
    color:#b8285a;
}
.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: #b8285a;
  text-decoration:none;
}

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









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

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

}



.profile_sphere{
      background-color: #b8285a;
      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: #b8285a;
    margin-left: 3px;
    font-size:12px;
    text-transform: lowercase;
}

.title-email:hover{
    color:#b8285a;
    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: 'Circular Std Book';
    border-radius: 0 30px 30px 0;
}

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

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

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


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

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

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

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

#recentOrders_wrapper{
    margin-top: 20px;
}
.search input[type="search"] {
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    padding: 7px 15px;
    width: 100%;
}
.bell a {
    color: #ccc;
}
.bell {
    float: left;
}
.bell button.btn.btn-default.dropdown-toggle {
    border: none;
    color:#cdcdcd;
}
.bell button.btn.btn-default.dropdown-toggle:hover {
    color: #b8285a;
    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: #b8285a;
    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: #b8285a;
    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: #b8285a;
}

.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: #b8285a;
}
.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: 400;
    color: #fff;
    background-color: #b8285a;
}
#recentOrders_wrapper a{
    background: none;
    border: 0;
    height: 45px;
    box-sizing: border-box;
    padding: 13px 15px;
   
    color: #ba6199;
    font-size: 12px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    min-width: 80px;
    margin: 0px 10px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #b8285a;
    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: #b8285a !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: #b8285a;
    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;
}


.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; 
	position: relative;
}
.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(184,40,90);
}
.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(184,40,90);
    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(184,40,90);
    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(184,40,90);
}
.register p {
    margin-top: 10px;
    font-size: 12px;
}
.register p a{
    color: rgb(184,40,90);
}
.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(184,40,90);
    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: #b8285a;
    border: none;
    font-size: 32px;
    margin-bottom: 13px;
}
/* osama Start */
.testimonials-main-video {
    padding-top: 80px;
}
.testimonials-main-video .testimonials {
    padding-bottom: 0;
    padding-top: 80px;
}
.testimonials-main-video .testimonial_bg-inner {
    width: 500px;
}
.testimonials_video_frame{
    border: none;
    border-radius: 10px;
    width: 500px;
    height: 380px
}
.testimonials-custom-add .testi_box {
    min-height: 282px;
}
.testimonials-custom-add {
    padding-top: 120px;
}
.customize-hero img {
    display: inline;
    float: left;
}
/*.customize-fields #quoteSubmit{
    border:1px solid #fff;
    color: #fff;
}
.customize-fields #quoteSubmit:hover{
    border:1px solid #a32974;
    color: #fff;
}*/
.customize-hero {
    margin-left: 60px;
}
.looking-logo {
    position: relative;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}
.add_border_top{
    border-top: 1px solid #e8e8e8;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}
.looking-logo-question{
    position: relative;
    background: #fff;
    z-index: 1;
}
.customize-award .awards {
    border: none;
}
.looking-logo-question h4 {
    color: #2c2c2c;
    font-size: 18px;
    text-align: left;
}
.looking-logo-question h3:before{
    display: none;
}
.looking-logo-question h3 {
    text-align: left;
    font-size: 28px;
}
.customize-count{
    position: relative;
    background: #fff;
    z-index: 1;
}
.customize-award {
    position: relative;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #e8e8e8;
}
.padding-bottom-less{
    padding-bottom: 0;
    overflow: hidden;
}
.looking-logo-question a.btn-line-fill {
    padding: 0;
    height: 50px;
}
.looking-logo-question a.btn-line-fill:hover{
    color: #fff;
}

.looking-logo-question a.btn-line-fill:hover > .custum-email span, .looking-logo-question a.btn-line-fill:hover > span.icon-support, .looking-logo-question a.btn-line-fill:hover > span.icon-chat, .looking-logo-question a.btn-line-fill:hover > i.fa-calendar{
    color: #b8285a;
}


.looking-logo-question .icon-support:before, .looking-logo-question .icon-chat:before, .looking-logo-question .fa-calendar:before {
    color: #fff;
}
.looking-logo-question span.icon-support {
    float: left;
    font-size: 48px;
    border-radius: 25px;
    border: 1px solid #b8285a;
    width: 68px;
    height: 48px;
    border-left: none;
    margin-right: 10px;
    color: #fff;
    background: #b8285a;
}
.looking-logo-btn a:hover{
   background:transparent;
}
.looking-logo-question span.icon-chat {
    float: left;
    font-size: 48px;
    border-radius: 25px;
    border: 1px solid #b8285a;
    width: 68px;
    height: 48px;
    border-left: none;
    margin-right: 10px;
    color: #fff;
    background: #b8285a;
}

.looking-logo-question span.book-call{
    float: left;
    font-size: 48px;
    border-radius: 25px;
    border: 1px solid #b8285a;
    width: 68px;
    height: 48px;
    border-left: none;
    margin-right: 10px;
    color: #fff;
    background: #b8285a;
}

.looking-logo-question i.fa-calendar{
    float: left;
    font-size: 22px;
    border-radius: 25px;
    border: 1px solid #b8285a;
    width: 68px;
    height: 48px;
    border-left: none;
    margin-right: 10px;
    color: #fff;
    background: #b8285a;
    line-height: 44px;
}



.looking-logo-question span.icon-support:hover {
    color: #fff;
}
.custum-email {
    float: left;
    width: 170px;
    margin-top: 7px;
}
.custum-email span {
    float: left;
    font-weight: normal;
    text-transform: capitalize;
    color: #2e2e2e;
}
@media only screen and (max-width:1199px) {
 .testimonials_video_frame {width: 90%;height: 380px;}  
 .testimonials-custom-add .testi_box {min-height: 380px;}
} 
@media only screen and (max-width:991px) {
.testimonials-custom-add .testi_box {min-height: 280px;}   
}
/* osama End */

@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;}
.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;}       
 
.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: #b8285a ;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;}



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


.contest-list.contest-list--scrollable .contest-list__item .contest .single, .contest .package-detail .single{padding:30px 25px;margin:0px;border:none;overflow: inherit;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 .wrap{
	width: 274px;
}
.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: 32px;}

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

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

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

     }


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

.packages_fold{
    overflow: hidden;

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


/* 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: 36px;
    font-weight: bold;
    padding-top: 20px;
    line-height: 100%;
}

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

.methodology .single{
    
}


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

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

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

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

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

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

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

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

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


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

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

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

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

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




/* sections improvement styles */

/* portfolio section */

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

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

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


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

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

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: bold;  
}

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: rgb(184,40,90);
    color: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    color: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    color: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    color: #b8285a;
        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;}



.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: #b8285a;
    float: left;
    font-size: 32px;
    vertical-align: middle;
    padding-bottom: 5px;
}

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


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

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

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




section.actions-port .chat span.icon{
    display: block;
    color: #b8285a;
    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: #b8285a;
    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: #b8285a;
}

#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(184,40,90) !important;
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%)  !important;
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );*/
    background-color: #b8285a  !important;
}

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

/* ********************************************************** */
/* 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: #b8285a;
    margin-top: 10px;
}
button#listing_previous:hover, button#listing_next:hover{
    color: #b8285a;
}
.pagination button.mdl-button.mdl-button--raised.mdl-button--colored {
    margin: 0 15px;
}
#veiw-toggle:hover, #veiw-toggle:focus{
    color:#fff;
    background:#b8285a;
}
.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;
    
    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 {
    background: rgb(184,40,90);
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    background-color: #a32974;
    color: rgb(255, 255, 255)!important;
}
.custom-package input.cost_calc_button {
    background: rgb(184,40,90);
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    background-color: #a32974;
    margin-bottom: 15px;
    border-radius: 50px;
    color: rgb(255, 255, 255)!important;
}
.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: #b8285a;
    width: 20%;   
}


#cost_calc_breakdown_price {
    color: #b8285a;
    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:3px;
}
#quoteForm textarea.form-control {
    border-radius: 3px;
}

input#quoteSubmit{
	width: 100%;
}
.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 {
    background: rgb(184,40,90);
    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);
    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );
    background-color: #a32974;
    color: #fff;
}
/* checkbox end */


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

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

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



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

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

/******************************/
/* 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;
}

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

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

/*ends*/


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

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


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

}


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

@media only screen and (min-width:1400px) and (max-width:1800px) {
}
.ptpx-14{padding-top:14px;}




.counter{display: block;}
.counter ul{display: inline-block;width: 100%;margin-bottom: -6px;font-size: 0;}
.counter ul li{width: 25%;float: left;padding: 30px 50px;}
.counter ul li:nth-child(1){background: #ffa739;}
.counter ul li:nth-child(2){background: #fb5f39;}
.counter ul li:nth-child(3){background: #921a5e;}
.counter ul li:nth-child(4){background: #32347a;}
.counter ul li a:hover{color: #fff;}
.counter ul li a figure{float: left;width: 25%;margin-bottom: 0;}
.counter ul li a figure img{max-width: 64px;}
.counter ul li a .wrap{width: 70%;float: right;color: #fff;font-size: 22px;/* margin-left: 45px; */}
.counter ul li a .wrap span.small{color: #fff;font-size: 12px;}
.counter ul li a .wrap p{color: #fff;font-size: 13px; line-height: 16px;}
.counter ul li a .wrap span{display: inline-block;color: #fff;}


.partners-cta{    /* padding-bottom: 16px; */
    margin-top: -100px;
    /* padding: 10px 0 0px; */
    background: #fff !important;
    overflow: hidden;
    position: relative;
    z-index: 999;
    padding: 10px 0;}
.partners-cta .container-custom{width: 1270px;margin: 0 auto;}
.partners-cta ul{z-index: 9;margin-bottom: 0;text-align:  center;width:  100%;display: inline-block;}
.partners-cta ul li{/* margin: 0 30px 0; */display: inline-block;}
.partners-cta ul li:last-child{margin-right: 0px;}
.partners-cta ul li figure{margin-bottom: 0px;}
.partners-cta ul li figure img{margin: 0 auto;display: table;width: 150px;}





.banr-txt{text-align:  left;font-family: 'Circular Std'!important;}
.banr-txt h2 {
    line-height: 1.1;
    text-align: left;
    font-size: 54px;
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;
}
.banr-txt p{display: block;font-size: 18px!important;color: #fff!important;padding-bottom: 0px!important;}
.banr-txt > ul{margin: 20px 0;font-size:0; }
.banr-txt > ul li{    text-align: left;position: relative; font-size: 18px; color: #fff; padding: 0 0 2px 30px; font-weight: 500;}
.banr-txt > ul li:before{position: absolute;content: "\f058";font-size: 19px;color: #ffa739;left: 0px;top: 0;font-family: "fontawesome";}
.banr-txt > ul li span{font-weight: 500;}
.banr-txt .banner-bot{}
.banr-txt .banner-bot ul{font-size: 0;}
.banr-txt .banner-bot ul li{display: inline-block;/* width: 28%; */vertical-align: bottom;}
.banr-txt .banner-bot ul li a{cursor: default;}
.banr-txt .banner-bot ul li a img{}

a.nomber{color: #f8be4a; font-size: 18px; font-weight: 700; margin-left: 10px;}
a.nomber span{color: #fff;}

a.start{
    display: inline-block;
    padding: 12px 30px;
    text-align: center;
    color: #b5285f;
    background: #ffffff;
    border-radius: 10px;
    font-size: 14px;
    margin: 0 0 30px;
    text-transform: uppercase;
}
a.start:hover{text-decoration: none;}
a.slideImg{cursor: default;}
.formwrap .formhead h2:before,.banr-txt h2:before{display: none;}
.responsive-unique-design a{cursor: default;}
a.nomber:hover{text-decoration: none;}
.formwrap{background-color: #fff;margin: 40px 0 0 120px;border-radius: 20px;padding: 30px;}
.formwrap .formhead{}
.formwrap .formhead h2{margin: 0 0 20px;color: #000;font-weight: 400;font-size: 28px;text-align: center;}
.formwrap .formhead h2 span{font-weight: 900;display: block;}

.formwrap .hero_form{}
.formwrap .hero_form .form-control{ color: #000;    border: 1px solid #e0e0e0;    padding: 6px 24px;border-radius: 10px;}

.formwrap .hero_form .col-md-6{width: 100%;}

.formwrap .hero_form .margin-bottom-20{margin-bottom: 10px;}


.prolog .portfolio_button.bottom a,.btn-line-fill,.formwrap .hero_form input#quoteSubmit{
background: rgb(30,87,153); 
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(20,19,89,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(20,19,89,1) 100%); 
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(20,19,89,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#141359',GradientType=1 ); 
background-color: #141359;
border:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;


}
.btn-line-fill:hover{
	background: rgb(20,19,89); 
background: -moz-linear-gradient(left,  rgba(20,19,89,1) 0%, rgba(20,19,89,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(20,19,89,1) 0%,rgba(20,19,89,1) 100%); 
background: linear-gradient(to right,  rgba(20,19,89,1) 0%,rgba(20,19,89,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141359', endColorstr='#141359',GradientType=1 ); 
background-color: #141359;
}
.formwrap .hero_form input#quoteSubmit{display: inline-block;width: 100%; font-size: 14px;font-weight: 700;padding: 12px;}

.professionallp .contest{border:1px solid transparent;}
.professionallp .contest:hover{    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);box-shadow: 0px 0px 40px 10px #d2d2d25c;    border: 1px solid #b8285a;}


.btn-fill:hover,.btn-fill,input#quoteSubmit,.professionallp .btn-line-fill-order{

border:0px;

    color: #fff;
    text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



.subscribe_fold .form-control,.cbp-l-filters-buttonCenter .cbp-filter-item,.btn-fill-white{}
.cbp-l-filters-buttonCenter .cbp-filter-item:hover,.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active,div.filter-industry div.cbp-filter-item-active.cbp-filter-item.all-btn{
background: rgb(30,87,153); 
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(20,19,89,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(20,19,89,1) 100%); 
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(20,19,89,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#141359',GradientType=1 ); 
background-color: #141359;
border:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;

}
header #header-sroll:hover .top-action .btn-line-fill,#header-sroll.small .top-action .btn-line-fill{color: #fff}

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

.call-action.kon{
    padding-top: 3px;
    padding-right: 0px;
}

figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{display: none;}
.cbp a, .cbp a:hover, .cbp a:active{cursor: default;}

.professionallp .contest{box-shadow: 0 0px 20px 0 rgba(0,0,0,.1);}


.prologodesign h2::before, h3::before{display: none;}


.prologodesign .professionallp{    border-top: 1px solid #e6e6e6;}

.testi_box p{min-height: 132px;}




.counter ul li a{cursor: default;}
.btn-fill{cursor: pointer;}

.sub-footer ul li.newsletter .subscribe input[type="text"], .sub-footer ul li.newsletter .subscribe input[type="email"],.get_quote .form-control,.cs-skin-elastic > span,.get_quote textarea.form-control{border-radius: 4px!important;}
.sec-combo-two{border-radius: 3px;}

.get_quote ::-webkit-input-placeholder ,.login ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  text-transform: capitalize;
	color: #777777 !important;
}
.get_quote ::-moz-placeholder ,.login ::-webkit-input-placeholder { /* Firefox 19+ */
  text-transform: capitalize;
	color: #777777 !important;
}
.get_quote :-ms-input-placeholder,.login :-ms-input-placeholder{ /* IE 10+ */
  text-transform: capitalize;
	color: #777777 !important;
}
.get_quote :-moz-placeholder,.login :-moz-placeholder{ /* Firefox 18- */
  text-transform: capitalize;
	color: #777777 !important;
}


.counter ul li:nth-child(1) {
    background: #ffa739;
    padding: 28px 50px;
}
 
.get_quote p{    color: #bdbaba !important;}

#quoteFormBottom .cs-skin-elastic > span{color: #b1b7ba;}

.counter ul li:nth-child(1) {
    background: #ffa739;
    padding: 28px 30px;
}
header #header-sroll .top-action .btn-line-fill{color: #fff!important;}
.stars i{font-size: 14px;}



.portfolio-section{padding: 60px 0;}

.portfolio-section .choose{padding: 80px 0 0;}
.portfolio-section .choose .item{font-size: 0;padding: 0 20px 0 0px;margin: 70px 0px 0;}
.portfolio-section .choose .item > div{display: inline-block;width: 50%;vertical-align: top;}
.portfolio-section .choose .item .item-top{padding: 0 20px 0 0;vertical-align: middle;}
.portfolio-section .choose .cho-text{padding: 0 20px 0 0;}
.portfolio-section .choose .cho-text h4{color: #2e2e2e;font-size: 54px;line-height: 60px;font-weight: 900;position: relative;text-align: left;padding: 0 0 20px 0;}
.portfolio-section .choose .cho-text h4:before{position: absolute;content: "";border-bottom: 1px solid #000;width: 80%;left: 0;bottom: 0;}
.portfolio-section .choose .cho-text h4 span{display:block;}
.portfolio-section .choose .cho-text p{font-size: 16px;color: #4f4f4f;line-height: 22px;font-weight: 200;font-family: 'Circular Std Book';    padding: 20px 0 0 0;}
.portfolio-section .choose .cho-text ul.call-chat-btns li p{padding: 0 10px; font-size: 23px; vertical-align: middle; color: #f0584a;}
.portfolio-section .choose .cho-text .cta{padding: 10px 0 0 0; }

.portfolio-section .choose .cho-img{width: 100%;position: relative;z-index: 1;}
.portfolio-section .choose .cho-img img{width: 100%; background: #eee; border-radius: 30px;}
/*.portfolio-section .choose .cho-img:before{position: absolute; content: ""; border-left: 1px solid #ffffff90; left: 0; right: 0; width: 1px; margin: auto; height: 70%; z-index: 99; text-align: center; top: 0; bottom: 0;}
.portfolio-section .choose .cho-img:after{position: absolute; content: ""; border-bottom: 1px solid #ffffff90; left: 0; right: 0; width: 70%; margin: auto; height: 1px; z-index: 99; text-align: center; top: 0; bottom: 0;}*/




.portfolio-section .choose .sensation-dots{font-size: 0;top: 0;bottom: unset;padding: 50px 0 0;text-align: left;position: absolute;}
.portfolio-section .choose .sensation-dots li{font-size: 0;width: auto;height: 40px;border-radius: 10px;background: #f0f0f5;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;margin: 0px 7px 15px;}
.portfolio-section .choose .sensation-dots li.sensation-active,.portfolio-section .choose .sensation-dots li:hover{background: #fff;transform: translateY(-0.625rem);box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.06);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 );}
.portfolio-section .choose .sensation-dots li:hover button:before,.portfolio-section .choose .sensation-dots li.sensation-active button:before{color: #fff;}
.portfolio-section .choose .sensation-dots li button{font-size: 0;width: 100%;height: 100%;padding: 10px 55px;}
.portfolio-section .choose .sensation-dots li button:before{background: transparent; color: #000; content: ""; width: 100%; font-size: 15px; opacity: 1; padding: 9px 0; font-family: var(--heading-font-family); font-weight: 500;}

.portfolio-section .sensation-dots li:nth-child(1) button:before{content: "Abstract Mark";}
.portfolio-section .sensation-dots li:nth-child(2) button:before{content: "Emblem";}
.portfolio-section .sensation-dots li:nth-child(3) button:before{content: "Letter";}
.portfolio-section .sensation-dots li:nth-child(4) button:before{content: "Wordmark";}
.portfolio-section .sensation-dots li:nth-child(5) button:before{content: "Mascot";}
.portfolio-section .sensation-dots li:nth-child(6) button:before{content: "Pictorial Mark";}
.portfolio-section .sensation-dots li:nth-child(7) button:before{content: "Calligraphy";}
.portfolio-section .sensation-dots li:nth-child(8) button:before{content: "2D Logos";}
.portfolio-section .sensation-dots li:nth-child(9) button:before{content: "3D Logos";}
.portfolio-section .sensation-dots li:nth-child(10) button:before{content: "Illustrative";}


.portfolio-section .sensation-dots li:nth-child(1) button{padding: 10px 60px;}
.portfolio-section .sensation-dots li:nth-child(2) button{padding: 10px 40px;}
.portfolio-section .sensation-dots li:nth-child(3) button{padding: 10px 32px;}
.portfolio-section .sensation-dots li:nth-child(4) button{padding: 10px 47px;}
.portfolio-section .sensation-dots li:nth-child(5) button{padding: 10px 36px;}
.portfolio-section .sensation-dots li:nth-child(6) button{padding: 10px 58px;}
.portfolio-section .sensation-dots li:nth-child(7) button{padding: 10px 49px;}
.portfolio-section .sensation-dots li:nth-child(8) button{padding: 10px 42px;}
.portfolio-section .sensation-dots li:nth-child(9) button{padding: 10px 42px;}
.portfolio-section .sensation-dots li:nth-child(10) button{padding: 10px 47px;}

/*.portfolio-section .choose .sensation-dots li{padding: 10px 53px !important;}*/
.portfolio-section .choose .sensation-dots li button:before{font-size: 13px;}




.sale-blckfriday .salecrcle-btn h3{font-size: 17px;}
.sale-blckfriday .salecrcle-btn{    padding: 28px 0 15px;}
.sale-blckfriday .salecrcle-btn h3 span{font-size: 14px;}


.prologodesign .main-menu{display: none;}
.prologodesign .call-action.kon {padding-top: 14px;}
.prologodesign #header-sroll.small .main-menu{display: none;}



/*floating strips css start */
.floating_wrap{
    position: relative;
    z-index: 99999;
    display: none;
}
.floating_wrap .btns_wrap{position: fixed;right: 0;}
.floating_wrap .btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.floating_wrap .btns_wrap .call_wrap{
    width: 260px;
    position: fixed;
    right: -195px;
    background: #fff;
    top: 22%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
}
.floating_wrap .btns_wrap .call_wrap i{
    color: #fff;
    background: #b8285a;
    font-size: 26px;
    padding: 15px 23px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    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 );
}
.floating_wrap .btns_wrap .call_wrap span{
    color: #b8285a;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 20px 15px 15px;
}
.floating_wrap .btns_wrap .chat_wrap{
    display: block;
    position: fixed;
    right: -195px;
    width: 260px;
    background: #fff;
    top: 13%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
}
.floating_wrap .btns_wrap .chat_wrap i{
    color: #fff;
    background: #b8285a;
    font-size: 25px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    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 );
    }
.floating_wrap .btns_wrap .chat_wrap span{
    color: #b8285a;
    font-size: 20px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 30px 15px 15px;
}
/*floating strips css end */

/*floating form css start */

.floating_wrap .float_form_box{
    position: fixed;
    right: 0;
}
.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: 31.5%;
    position: fixed;
    right: -334px;
    width: 400px;
    font-size: 0px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0px 0px 40px #00000026 !important;
}
.floating_wrap .float_form_box .floating_form .floating_strip{
    float: left;
    width: 66px;
    overflow: hidden;
    height: 400px;
    position: relative;
    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 );
    
}
.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: 400px;
    text-align: center;
    height: 66px;
    padding-top: 16px;
    position: absolute;
    transform: rotate(360deg);
}
.floating_wrap .float_form_box .floating_form .floating_inner{
    width: 83.5%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px;
}
.floating_wrap .float_form_box .floating_form .floating_inner h3{
    font-size: 24px;
    color: #b8285a;
    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 .float_form_box .floating_form.open{right: 0px;-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: -1;}

/*floating form css end */



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

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

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

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


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

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

.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: 40px;
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 60px;line-height: 0.85;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 24px;display: block;margin-top: 5px;}


.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 .hero_form #quoteSubmit{
    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: absolute;
    bottom: 9000px;
    left: 8px;
    z-index: 99;
    overflow: hidden;
}
.eggoffer .top{
    position: relative;
    z-index: -1;
}
.eggoffer .top figure{}
.eggoffer .top figure img{
    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 );
}
.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;}
.banr-txt h2 span{    font-size: 20px;
    display: block;
    margin: 10px 0;
    color: #ffa739;}

.copright,.package_slide_wrap{position: relative;z-index: 9;background: #fff;}
.promoport{}
.promoport .list-folio{}
.promoport .list-folio li{
    font-size: 0;
}
.promoport .list-folio li div{
    margin: 0px;
    width: 33.3333%;
}
.promoport .list-folio li div img{
    border-radius: 0;
}


.mybannn{
    border: 6px dotted #fff;
    position: relative;
    margin-top: -25px;
    text-align:  left;
    padding: 45px 30px 30px;
    border-radius: 20px;
    font-family: 'Circular Std'!important;
    /* background: #ffffffcc; */
    box-shadow: 0px 0px 25px #942060;
    font-size: 0;
}
.mybannn .left h2 {
    line-height: 1.3;
    text-align: left;
    font-size: 38px;
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;
    margin-top: 0;
}
.mybannn .left h2:before{display: none;}
.mybannn .left h2 strong{
    background: #ffffff;
    color: #e60903;
    padding: 6px;
    border-radius: 5px;
    font-size: 42px;
}



.mybannn:before{
    position: absolute;
    content: "";
    background-image: url(../img/ltoffer.png);
    background-position: top center;
    background-size: cover;
    height: 130px;
    width: 120px;
    right: -20;
    top: -20px;
}
.mybannn .left p{display: block;font-size: 20px!important;color: #fff!important;padding-bottom: 0px!important;text-align: left !important;line-height: 1.4;}
.mybannn .left > ul{margin: 20px 0;font-size:0; }
.mybannn .left > ul li{text-align: left;position: relative;font-size: 17px;color: #fff;padding: 0 0 2px 30px;font-weight: 500;display: inline-block;width: 100%;vertical-align: top;}
.mybannn .left > ul li strong{
    background: #fff;
    padding: 7px;
    color: #e60903;
    border-radius: 5px;
    text-transform: capitalize;
    margin-left: 2px;
}
.mybannn .left{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.mybannn .right{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
    padding-right: 20px;
}
.mybannn .left > ul li:before{position: absolute;content: "\f058";font-size: 19px;color: #ffa739;left: 0px;top: 0;font-family: "fontawesome";}
.mybannn .left > ul li span{font-weight: 500;}
.mybannn .left .banner-bot{}
.mybannn .left .banner-bot ul{font-size: 0;}
.mybannn .left .banner-bot ul li{display: inline-block;/* width: 28%; */vertical-align: bottom;}
.mybannn .left .banner-bot ul li a{cursor: default;}
.mybannn .left .banner-bot ul li a img{}
.mybannn .left a{
    margin-bottom: 0;
    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 );
    color: #fff;
    width: 80%;
    margin-bottom: 15px;
}

/*banner form css start */
.mybannn .right .form_wrap h3{
    font-size: 36px;
    margin-bottom: 28px;
}
.mybannn .right .form_wrap .hero_form .margin-bottom-20 {
    width: 100%;
    margin-bottom: 11px;
    padding-right: 15px;
}
.mybannn .right .form_wrap .hero_form .form-control{border-radius: 10px;}
.mybannn .right .form_wrap .hero_form input#quoteSubmit{
    width: 100%;
    font-size: 14px;
    height: 50px;
    font-weight: 700;
    background: #fff;
    color: #6003d7;
}
.mybannn .right .form_wrap .hero_form textarea.form-control{
    height: 120px;
    margin-bottom: 10px;
}

/*banner form css end */


.progifbg{position: relative;}
/*.progifbg:before{    position: absolute;
    content: "";
    background-image: url(../img/proban.gif);
    background-position: top center;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.2;
}*/
.progifbg .proanimmascot{
    position: absolute;
    bottom: 90px;
    right: 0;
    z-index: 4;
}
.progifbg .proanimmascot img{
    width: 400px;
    opacity: 1;
}

.promopack{
    width: 350px;
    position: relative;
}
.promopack figure{
    position: absolute;
    left: -20px;
    top: 170px;
    z-index: -1;
}
.promopack figure img{
    max-width: 464px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.offerthree{
    position: relative;
    /* overflow: hidden; */
}
.offerthree:before{
    position: absolute;
    content: "";
    /* background-image: url(../img/proban.gif); */
    background-position: top center;
    background-size: top center;
    height: 480px;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    /* background: #fffafd; */
    z-index: -1;
    border-radius: 20px;
}
.promo-offer{
    position: relative;
}
.promo-offer figure{
    position: absolute;
    right: 25px;
    top: 30px;
}
.promo-offer figure img{
    width: 70px;
    opacity: 1;
}
.progifbg .proanimmascot{
    position: absolute;
    bottom: 90px;
    right: 0;
    z-index: 4;
}
.progifbg .proanimmascot img{
    width: 400px;
    opacity: 1;
}
.progifbg .prologo1{
    position: absolute;
    top: 170px;
    left: -11px;
}
.progifbg .prologo1 img{
    width: 170px;
    opacity: 1;
}
.progifbg .prologo2{
    position: absolute;
    top: 170px;
    right: -11px;
}
.progifbg .prologo2 img{
    width: 170px;
    opacity: 1;
}
.progifbg .prologo3{
    position: absolute;
    top: 345px;
    left: 70px;
}
.progifbg .prologo3 img{
    width: 150px;
    opacity: 1;
}
.progifbg .prologo4{
    position: absolute;
    top: 486px;
    left: 135px;
}
.progifbg .prologo4 img{
    width: 150px;
    opacity: 1;
}
@media only screen and (min-width: 1300px) {
    .progifbg .proanimmascot{
        position: absolute;
        bottom: 90px;
        right: 0;
        z-index: 4;
    }
    .progifbg .proanimmascot img{
        width: 400px;
        opacity: 1;
    }
    .progifbg .prologo1{
        position: absolute;
        top: 160px;
        left: 20px;
    }
    .progifbg .prologo1 img{
        width: 220px;
        opacity: 1;
    }
    .progifbg .prologo2{
        position: absolute;
        top: 160px;
        right: 20px;
    }
    .progifbg .prologo2 img{
        width: 220px;
        opacity: 1;
    }
    .progifbg .prologo3{
        position: absolute;
        top: 345px;
        left: 70px;
    }
    .progifbg .prologo3 img{
        width: 150px;
        opacity: 1;
    }
    .progifbg .prologo4{
        position: absolute;
        top: 486px;
        left: 135px;
    }
    .progifbg .prologo4 img{
        width: 150px;
        opacity: 1;
    }
}

@media only screen and (min-width: 1500px) {
    .progifbg .prologo1{
        position: absolute;
        top: 160px;
        left: 95px;
    }
    .progifbg .prologo1 img{
        width: 220px;
        opacity: 1;
    }
    .progifbg .prologo2{
        position: absolute;
        top: 160px;
        right: 95px;
    }
    .progifbg .prologo2 img{
        width: 220px;
        opacity: 1;
    }
    .progifbg .prologo3{
        position: absolute;
        top: 345px;
        left: 120px;
    }
    .progifbg .prologo3 img{
        width: 150px;
        opacity: 1;
    }
    .progifbg .prologo4{
        position: absolute;
        top: 486px;
        left: 200px;
    }
    .progifbg .prologo4 img{
        width: 150px;
        opacity: 1;
    }
    
}


.mycounterwrap{}
.mycounterwrap .countter{
    background: #fff;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #00000052;
    position: relative;

    z-index: 9;
}
.mycounterwrap .countter #timer{}
.mycounterwrap .countter #timer .dig {
  display: inline-block;
  line-height: 1;
  padding: 15px;
  font-size: 38px;
  font-weight: 700;
  /* color: #fff!important; */
}

.mycounterwrap .countter #timer span {
  display: block;
  font-size: 16px;
  color: #868585;
  font-weight:400;
}

#days {
  font-size: 100px;
  color: #e60903;
}
#hours {
  font-size: 100px;
  color: #e60903
}
#minutes {
  font-size: 100px;
  color: #e60903
}
#seconds {
  font-size: 50px;
  color: #e60903
}

.promopack{}
.promopack h3{
    font-size: 34px;
    color: #b8285a;
    margin-top: 0px;
    margin-bottom: 0;
}
.promopack h3 span{
    display: block;
    font-size: 22px;
    color: #000;
}
.mmwrap{}
.mmwrap img{width: 105px;margin: 0 10px;}
.promopack h3 span strong{
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    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 );
}

.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 47%;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    padding: 0px;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #00e676;
    background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
    /* background: -webkit-linear-gradient(left, #ea018e 0%,#9b2c92 100%); */
    /* background: linear-gradient(to right, #ea018e 0%,#9b2c92 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
}
.whatsapp:hover{color: #fff;}
.whatsapp:focus{color: #fff;}
.whatsapp i{
    padding-top: 8px;
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}




@media only screen and (max-width: 1300px) {
    .mybannn h2{    font-size: 30px;}
    .mybannn > ul li{font-size: 14px;}
    .mybannn > ul li:before{font-size: 14px;}
    .mycounterwrap .countter #timer .dig{font-size: 28px;}
    .mybannn h2 strong{font-size: 32px;}
    .mycounterwrap .countter #timer .dig span{font-size: 16px!important;}

}

.mtmwrap{
    margin-top: 15px;
}
.mtmwrap #mytimer{}
.mtmwrap #mytimer .dig{
    display: inline-block;
    padding:10px;
    font-size:26px;
    font-weight:900;
    color:#d12e49;
    line-height:1.2;
}
.mtmwrap #mytimer .dig span{display:block;font-size:14px;color:#1c1c1c;}



.dispvisible{display:inline-block!important;}
.banr-txt.mlp h2{line-height: 1.1;
    text-align: left;
    font-size: 54px;
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;}
.banr-txt.mlp h2 span{    color: #ffcb05;display: inline-block;font-size: 54px;}
.formwrap.mlpform  .formhead h2{
    font-size: 26px;
}
.formwrap.mlpform{
    margin: 40px 0 0 120px;
}
.formwrap.mlpform  .formhead h2 span{
    background-image: linear-gradient(270deg, #5b03dc, #9904a9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    margin-top: 5px;
}
.formwrap.mlpform{position: relative;}
.formwrap.mlpform:before{content: "";background: url(../img/offerlplogos.png);width: 491px;height: 490px;position: absolute;top: -20px;left: -350px;z-index: -1;}
.formwrap.mlpform:after{content: "";background: url(../img/specialofferlp.png);width: 169px;height: 117px;position: absolute;top: -60px;right: -83px;transform: rotate(40deg);}
#who-we-are .tab-custom{}
#who-we-are .tab-custom .tabbing-links{
    font-size: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
}
#who-we-are .tab-custom .tabbing-links li{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    margin: 0 5px;
    background: #eaeaea;
}
#who-we-are .tab-custom .tabbing-links li.current{
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}
#who-we-are{
    padding: 60px 0;
}
#who-we-are .tab-custom .tabs{display: none;}
#who-we-are .tab-custom .tabs.current{display: inline-block;}
#who-we-are .section_title h3{}
#who-we-are .section_title{}
#who-we-are .wrapcontents{
    padding-top: 40px;
}
#who-we-are .wrapcontents h6{
    color: #000;
    font-size: 30px;
    font-weight: 500;
}
#who-we-are .wrapcontents p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 20px;
}
#who-we-are .wrapcontents p .text-grad{
    color: #6304ca;
}
#who-we-are .tabs img{
    width: 80%;
}


.mportfolio{
    padding: 0px 0 100px;
}
.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:hover a figure img{
    transition: all 0.1s ease-out;
    transform: scale(1.08);
    background: #ffffff;
    content: "";
    border: none !important;
    color: #fff;
    z-index: 1;
    opacity: 1;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 25px #00000040;
}
.mportfolio .lp_portslider .portfoliolist li{display: inline-block;padding: 0;width: 33.33%;margin: 0;border: 0;}
.mportfolio .lp_portslider .portfoliolist li:hover{
    background: none;
    border-radius: 0px;
    opacity: 1;
}

.mportfolio .lp_portslider .portfoliolist li a{}
.mportfolio .lp_portslider .portfoliolist li a figure{}
.mportfolio .lp_portslider .portfoliolist li a figure img{
    opacity: 1;
}

.mportfolio .lp_portslider .tab-custom{}
.mportfolio .lp_portslider .tab-custom .tabbing-links{
    font-size: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}
.mportfolio .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;
}
.mportfolio .lp_portslider .tab-custom .tabbing-links li.current{
    color: #fff;
    background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);
    background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);
}

.mportfolio .lp_portslider .tab-custom .tabs{display: none;}
.mportfolio .lp_portslider .tab-custom .tabs.current{display: inline-block;}



@media only screen and (max-width: 767px) and (min-width: 0px)   {
.mportfolio .lp_portslider .portfoliolist li{width:100%;}
    .mportfolio .lp_portslider .tab-custom .tabbing-links li{margin-bottom:10px;}
    #who-we-are .tab-custom .tabbing-links li{margin-bottom:10px;}
.formwrap.mlpform:after,.formwrap.mlpform:before{display:none;}
    .banr-txt.mlp h2{font-size: 30px;}
    .wheelpopupwrap.visible,.overlay-bg.vis,.mypopup-wrap,.mypopup-wrap.active,.eggoffer,.mypopup-wrap{display: none!important;}
    .banr-txt h2{font-size: 26px;}
    .banr-txt p{    font-size: 16px!important;line-height: 1.3;}
    .formwrap{margin: 0px !important;}
    .banr-txt{    padding-top: 60px;}
    .banr-txt > ul li{font-size: 16px;}
    a.nomber{display: block;margin-bottom: 10px;}
    .banr-txt .banner-bot ul li{width: 20%;}
    .banr-txt .banner-bot ul li:nth-child(2){margin:0 20px;}
    .banr-txt .banner-bot {padding: 12px 0;}
    .partners-cta{display: none;}
    .formwrap .formhead h2{font-size: 20px;}
    .formwrap .hero_form .form-control{height: 35px;}
    .prologodesign .hero-banner,.prologodesign .hero{height: auto!important;}
    .hero-banner{background-size: cover;background-repeat: no-repeat;    padding-bottom: 20px;    background-position: top left !important;}
    .counter ul li{width: 100%;}
    .responsive-unique-design{display: none;}
    .prolog{width: 100%;}
    .prolog .portfolio{width: 100%;}
    .container{width: 100%;}
    .footer_content > p,.para_max,section p{font-size: 14px;line-height: 1.4;}
    .header-content{padding-right: 0px;}
    #header-sroll.small .call-action span, .call-action span,.header-content .call-action span{display: block;}
    .testi_box{margin-top: 80px;}
    .cs-select span,.get_quote .form-control{height: 35px;    padding: 5px 18px;    text-align: left !important;}
    .margin-bottom-20,.field-mergedright.margin-bottom-20 {margin-bottom: 8px;}
    .get_quote{padding-bottom: 30px;}
    .freeConsultation .consultationTitle,.footer_title{font-size: 20px;line-height: 1.2;}
    .pricingConsultationBlk{display: none;}
    header #header-sroll .call-action span{color: #2c2c2c !important;}
    .stars i{font-size: 10px;}
    .portfolio-section .choose .cho-text h4{font-size: 20px; line-height: 1.2;}
    /*.portfolio-section .choose .sensation-dots li.sensation-active{display: block;}*/
    .portfolio-section .choose .sensation-dots li{display: none;}

    .portfolio-section .choose .item > div{width: 100%;}
    .portfolio-section .choose{padding-top: 0px;}
    .portfolio-section .choose .cho-text h4 span{display: inline-block;}
    .portfolio-section .choose .cho-text h4{font-size: 16px;    padding: 0 0 10px 0;}
    .portfolio-section .choose .cho-text,.portfolio-section .choose .item .item-top{padding-right: 0px;}
    .portfolio-section .choose .cho-text p{font-size: 14px;line-height: 1.4;padding-top: 10px;}
    .portfolio-section {padding: 60px 0 20;}
    .floating_wrap{display: none!important;}
    .progifbg .prologo1{display: none;}
    .progifbg .prologo2{display: none;}
    .progifbg{background-size: cover!important;}
    .mybannn > ul li{width: 100%;}
    .mycounterwrap {margin-top: 100px;}
    .mycounterwrap .countter #timer .dig span{font-size: 12px!important;}
    .mycounterwrap .countter #timer .dig{padding: 5px;}
    .mybannn .left h2 {font-size: 24px;line-height: 1.3;}
    .mybannn{}
    .mybannn .left h2 strong{font-size: 22px;}
    .mmwrap img{display: none;}
    .mybannn a{font-size: 12px;}
    .mybannn .left{width: 100%;}
    .mybannn .right{width: 100%;padding: 0;}
    .mybannn > ul{margin-bottom: 0px;}
    .promopack{display: none;}
    .mybannn .left > ul li strong{display: inline-block;margin-bottom: 5px;}
    .mybannn .right .form_wrap h3{font-size: 26px;}


}


@media only screen and (max-width: 320px) and (min-width: 0px){
.package_slide_wrap h3 { padding-right: 0px; }
.pricing .contest-list {display: inline-flex;width: 100%;flex-direction: column;}
.contest-list.contest-list--scrollable .contest-list__item .contest div.single h3 {width: 100%;word-wrap: break-word;display: block;}
.contest-list.contest-list--scrollable .contest-list__item .contest div.single h3 br{display: block;}
.package_slide_wrap.package_custom_logo .pricing > div{width: 100%;}
.banr-txt {padding-top: 60px;width: 100%;}
.formwrap {margin: 0px;display: block; width: 100%;}
.mid-body {width: 100%;padding: 10px 0px;}
.testi_box p{font-size: 13px;}
.testi_box h3{font-size: 16px;}





}

.prologodesign .hidepro2{display:none;}