@font-face {
font-family: "Proxima Nova S W01SC Thin";
src: url('font/proxima nova thin.eot');
src: url('font/proxima nova thin.eot?#iefix') format("embedded-opentype"), url('font/proxima nova thin.woff') format("woff"), url('font/proxima nova thin.ttf') format("truetype"), url('font/proxima nova thin.svg#Proxima Nova S W01SC Thin') format("svg")
}
@font-face {
font-family: proxima_novalight;
src: url(font/proxima_nova_light-webfont.eot);
src: url(font/proxima_nova_light-webfont.eot?#iefix) format('embedded-opentype'), url(font/proxima_nova_light-webfont.woff) format('woff'), url(font/proxima_nova_light-webfont.ttf) format('truetype'), url(font/proxima_nova_light-webfont.svg#proxima_novalight) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_nova_rgregular;
src: url(font/proxima_nova_reg-webfont.eot);
    src: url(font/proxima_nova_reg-webfont.eot?#iefix) format('embedded-opentype'), url(font/proxima_nova_reg-webfont.woff) format('woff'), url(font/proxima_nova_reg-webfont.ttf) format('truetype'), url(font/proxima_nova_reg-webfont.svg#proxima_nova_rgregular) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_novasemibold;
src: url(font/proxima_nova_sbold-webfont.eot);
src: url(font/proxima_nova_sbold-webfont.eot?#iefix) format('embedded-opentype'), url(font/proxima_nova_sbold-webfont.woff) format('woff'), url(font/proxima_nova_sbold-webfont.ttf) format('truetype'), url(/font/proxima_nova_sbold-webfont.svg#proxima_novasemibold) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_nova_rgbold;
src: url(font/proxima_nova_bold-webfont.eot);
src: url(font/proxima_nova_bold-webfont.eot?#iefix) format('embedded-opentype'), url(font/proxima_nova_bold-webfont.woff) format('woff'), url(font/proxima_nova_bold-webfont.ttf) format('truetype'), url(font/proxima_nova_bold-webfont.svg#proxima_nova_rgbold) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'ProximaNovaSW01SC-Thin';
src: url('font/ProximaNovaSW01SC-Thin.woff') format('woff'), url('font/ProximaNovaSW01SC-Thin.ttf') format('truetype'), url('font/ProximaNovaSW01SC-Thin.svg#ProximaNovaSW01SC-Thin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'proxima nova thin';
src: url('font/proxima nova thin.eot');
src: url('font/proxima nova thin.woff2') format('woff2'), url('font/proxima nova thin.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ProximaNova-Black';
src: url('font/ProximaNova-Black.eot');
src: url('font/ProximaNova-Black.woff2') format('woff2'), url('font/ProximaNova-Black.woff') format('woff'), url('font/ProximaNova-Black.ttf') format('truetype'), url('font/ProximaNova-Black.svg#ProximaNova-Black') format('svg'), url('font/ProximaNova-Black.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
body {
    background-color: #f0f0f0;
}
*{
    outline: none !important;
}
/* 12 jan 2018 new-upload-image css start*/
ul {
    padding: 0;
}
.logo-upload-button .errorfile {
    display: block;color: #f00;font-size: 12px;position: absolute;white-space: nowrap;
    right: 0px;margin-top: 7px;width: 39%;
    float: left;text-align: center !important;
}
.new-upload-image {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 39px;
    margin-bottom: 40px;
}
.inner-border-upload {
    width: 100%;
    float: left;
    border: 2px solid #a1a1a1;
}

.new-upload-image .upload-current {
    width: 100%;
    float: left;
    background-color: #f0f0f0;
    padding: 2px 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.logo-upload-button {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 15px;
    margin-top: 22px;
}

.logo-upload-button button {
    padding: 6px 40px;
    background: #5cb85c;
    color: #fff;
    font-size: 17px;
    border: 1px solid;
    font-family: proxima_nova_rgbold;
    border-radius: 4px;
}
.new-upload-image .text-area-upload {
    width: 50%;
    float: left;
    padding-left: 30px;
    margin: 18px auto;
}
.logo-upload-button button:hover {
    background: #0a92ca;
    transition: 0.5s;
}
.new-upload-image .text-area-upload h3 {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 24px;
    font-family: proxima_nova_rgbold;
    color: #1e61af;
}

.new-upload-image .text-area-upload p {
    width: 100%;
    float: left;
    color: #737a7a;
    font-family: proxima_nova_rgbold;
    font-size: 14px;
    margin-bottom: 0;
}

.new-upload-image .upload-current figure {
    width: auto;
    float: left;
    margin-right: 14px;
}

.new-upload-image .upload-current figure i.fa.fa-file-text-o {
    font-size: 28px;
    color: #c82128;
    margin-top: 7px;
}

.new-upload-image .upload-current figcaption {
    width: auto;
    float: left;
}

.new-upload-image .upload-current figcaption p {
    width: auto;
    margin-bottom: 0px;
    font-size: 15px;
    color: #c82128;
    font-family: proxima_nova_rgregular;
}

.new-upload-image .upload-current figcaption p a {
    color: #d02128;
    font-family: proxima_nova_rgbold;
    text-decoration: underline;
}
.red-back-text p {
    color: #fff;
    margin-bottom: 0px;
    line-height: 22px;
    font-size: 14px;
    font-family: proxima_nova_rgregular;
}

.red-back-text {
    width: 100%;
    float: left;
    background-color: #c82128;
    padding: 10px 15px;
    text-align: center;
}
.blue-back-text {
    width: 100%;
    float: left;
    padding: 10px 15px;
    text-align: center;
    background: #1e61af;
}
.blue-back-text p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-family: proxima_nova_rgregular;
}
.blue-back-text span {
    border-bottom: 1px solid #6ab1d8;
}   
.red-back-text p span {
    border-bottom: 1px solid #d77275;
}


.logo-upload-button form#imgForm {
    position: relative;
}
.logo-upload-button form#imgForm input[type=file] {
    display: block;
    width: 179px;
    position: absolute;
    right: 0px;
    font-size: 27px;
    opacity: 0;
}
/***************jun6 start*****************/
.ul-select ul, .card.card-body .ul-select ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    list-style: outside none none;
    text-align: left;
     margin-top: -1px;
     display: none;
     width:100%;
}
.ul-select h2 {
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
     background: #eee none repeat scroll 0 0;
    padding: 5px;
    line-height: 31px;
     font-weight: 700;
    position: relative;
    text-align: left;
    margin:auto;
}
.ul-select  ul li:hover ,.ul-select ul li.selected {
  background: #f6f6f6 none repeat scroll 0 0;
}
body .ul-select ul li {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  font-weight: 700;
  line-height: 31px;
  margin: auto !important;
  padding: 5px;
}
.ul-select ul li img,.ul-select h2 img {
  margin-right: 5px;
}
.ul-select ul li:last-child{
border-bottom: 0px;
}
.ul-select h2::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #000 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  bottom: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 0;
  width: 0;
  content: "";
  height: 0;
  margin: auto;
}
.show-select.ul-select  ul,.card.card-body .ul-select.show-select ul{
display: inline-block;
}
.show-select.ul-select  h2::before{
border-color: transparent transparent #000;
}
.ul-select {
  color: #000;
  margin-bottom: 10px;
}
.ul-select.print_colorc.show-select > ul {
    border: 1px solid gray;
    max-height: 172px;
    overflow: auto;
}
.group-td{
    width:50%;
}
.color-box {
    display: inline-block;
    height: 32px;
    margin-right: 5px;
    vertical-align: middle;
    width: 32px;
}
.name-fig{
    text-align:right !important;
    padding-right: 10PX !important;
}
/***************jun6 end*****************/ 
/*start custom css 29-08-18 start*/
.main-step-sec.line-arrow::after{
    display: none;
}
.custom-steps-new .create-logostep .main-step-sec {
    min-height: unset;
    padding: 0;
}
.custom-steps-new .create-logostep .main-step-sec .logoinner-sec {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}
.custom-steps-new .create-logostep{
    padding: 20px;
}
.custom-steps-new .create-logostep .main-step-sec h2 {
    font-size: 17px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    max-width: 118px;
    margin: 0;
    line-height: 22px;
}
.custom-steps-new .logoinner-sec img {
    width: 89px;
}
.custom-steps-new  #pageContect > label {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 3px;
}
.new-upload-image.cus-pa.custom-steps-new {
    margin-bottom: 22px;
}
/*.center-btm-btn .skip_btn.custom-skip-btn .logo_next a {
    padding: 13px 61px;
    margin-bottom: 7px;
    font-size: 20px;
}*/
.logo-img-se .uploaded-logo-img img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.uploaded-logo-img {
    display: block;
    height: 90px;
}
.upload-chatsec.visibilyti:empty {
  display: none;
}
.doyou-have-logo .inner-border-upload {
    padding: 25px 0;
    text-align: center;
    margin-bottom: 10px;
}
.doyou-have-logo button {
    padding: 6px 40px;
    background: #5cb85c;
    color: #fff;
    font-size: 17px;
    border: 1px solid;
    font-family: proxima_nova_rgbold;
    border-radius: 4px;
}
.doyou-have-logo button:hover {
    background: #0a92ca;
    transition: 0.5s;
}
/*end custom css 29-08-18 end*/
.doyou-have-logo button {
  margin: 10px;
}
.or_textdivide_marrgin {
    margin-bottom:25px !important;
}
.browse-h .c-img {
    width: 18px !important;
}
.browse-h h1{
        display: inline-block;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    margin: 10px auto;
    color: #000;
}

.unable-browse {
    pointer-events: none;
}

#browse-img-popup {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.remove_bg_cls{
    width:100%;
}
.pastlogoandgraphic {
width:100%;    display: inline-block;
}
.upload-del-cus{
    display: none;
}
.custom-check, .remove_bg_lbl {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.browse-content .content-check, .remove_bg_lbl {
    text-align: left;
    margin-top: 0;
}
.custom-check, .remove_bg_lbl {
    font-size: 16px;
    font-weight: normal;
}
/*********dev new start*************/
.upload-file-grid {
    width: calc(100% / 4 - 10px) !important;
    margin: 0px 5px !important;
}

.upload-new-hide {
    display: none !important;
}

.upload-des,
.inner-des {
    display: block;
}

.inner-des p {
    min-height: auto !important;
}

.upload-file-grid .logo-img-se {
    width: 100%;
}
body .upload-des {
    height: auto !important;
    width: 100%;
    text-align: center;
    padding: 0 12px;
}
.upload-logoh .inner-des p {
    font-size: 11px;
    color: #535353;
}

.upload-file-grid .inner-des .tag-l {
    text-align: center;
    white-space: nowrap;
    word-break: break-word;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.inner-des .tag-l {
    line-height: 15px;
}

.upload-file-grid .upload-logoh {
    min-height: unset !important;
    position: relative;
}

.upload-del-cus i {
    color: #fff;
    font-size: 14px;
}

.upselected .inner-des p {
    color: #fff;
}
.upload-file-grid .inner-des {
    height: auto;
    width: 100%;
    margin: 0;
    display: inline-block;
}
.upload-del-cus {
    display: block;
    position: absolute;
    right: 0;
    background: #ca2829;
    color: #fff;
    padding: 4px 9px;
    border-bottom-left-radius: 3px;
}

.upload-file-grid .switch {
    height: 28px;width: 51px !important;
}

.upload-file-grid input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.upload-file-grid .switch .slider::before {
    height: 19px;
    width: 19px;
}

.inner-des p {
    min-height: 100px;
}
.logo-img-se {
    padding: 10px 10px;
}
.create-cu-logo {
    display: inline-block;
    width: 100%;
}
.show-mob-new,.thread-popup{
    display: none !important;
}
.preview-av {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #337ab7;
    float: left;
    font-family: proxima_nova_rgregular;
    font-weight: 500;
    font-size: 14px;
    height: 20px;
}
.show-mob-new {
    display: none !important;
}
.header-new {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    background: #fff;
}
.header-logo {
    display: inline-block;
    vertical-align: middle;
}
.header-logo a {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}
.header-logo a img {
    max-width: 100%;
}
h2.heading {
    display: inline-block;
    margin: 0;
    font-size: 20px;
    padding-left: 0;
    color: #cc696e;
    font-weight: 600;
    margin-left: 8px;
}
.heading span {
    color: #1e61af;
    position: relative;
    padding-right: 28px;
}
ul.navigation-links {
    display: inline-block;
    list-style: none;
    width: calc(100% - 360px);
    text-align: right;
    margin: auto;
    padding: 0;
    vertical-align: middle;
}
.navigation-links li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    position: relative;
}
.navigation-links li sup {
    background: #1d62af;
    border-radius: 30px;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    padding: 3px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -8px;
    width: auto;
    border: 2px solid #fff;
    min-width: 25px;
    line-height: 17px;
}
.cart-del-new {
    background: #fff;
    border-top: 3px solid #c71f25;
    display: none;
    float: left;
    margin: 0;
    z-index: 10;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 63px;
    width: 160px;
}
.cart-del-new li {
    width: 100%;
    margin: 0;
}
.cart-del-new label {
    font-family: proxima_novasemibold;
    font-weight: 400;
    color: #000;
}
.cart-del-new label, .cart-del-new span {
    font-size: 15px;
    font-family: proxima_nova_rgregular;
    float: left;
}
.cart-del-new label {
    font-family: proxima_novasemibold;
    font-weight: 400;
    width: 32%;
}
ul.navigation-links span {
    text-transform: capitalize;
    color: #040202;  width: 64%;
    font-family: proxima_nova_rgregular;
    font-size: 14px;
}
.cart-del-new span {
    text-align: right;
}
.navigation-links li:hover .cart-del-new {
    display: block;
}
.cart-del-new::after {
    border-bottom: 10px solid #c71f25;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    right: 13px;
    content: "";
    top: -12px;
}
 #sectionOne-cust.profing-main {
        padding-top: 30px;
}
.show-mob-btm{
    display: none!important;
}
.skip-p1  {
    margin-top: 15px;
}
 .arrow .bounce a {
  color: #1072ba;
  text-decoration: none;
}
.arrow {
    text-align: center;
    margin: 0px;
    position: fixed;
    right: 35px;
    bottom: 60px;
    z-index: 99;
}
.arrow span {
    display: block;
    width: 100px;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #337ab7;
}
.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
.green_bg{
    background:#4db848 !important;
} 
button.blue_bg {
    background: #1e61af !important;
}
/*********dev new end*************/
@media (min-width:320px) and (max-width:767px){
.show-mob-btm{
    display: block!important;
}
.new-upload-image {
    padding: 0px;
    margin-bottom: 30px;
}
.head-sec .logo_next {
    text-align: right;
}
.navigation-links li {
    margin-left: 4px;
}
.mobile-steps p {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.head-sec {
    padding: 0;
}
.add-customblade .choose_place .lower td:first-child strong {
    font-size: 13px;
    margin-top: 6px;
    display: inline-block;
    line-height: 21px;
}
.new-upload-image .text-area-upload {
    width: auto;
    float: left;
    padding-left: 15px;
    margin: 10px auto;
}
.logo-upload-button {
    width: auto;
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-top: 12px;
}
.logo-upload-button button i.fa.fa-cloud-upload {
    font-size: 24px;
}
.new-upload-image .text-area-upload p {
    font-size: 13px;
}
.new-upload-image .text-area-upload h3 {
    margin-bottom: 2px;
    font-size: 18px;
    text-align: left;
}
.new-upload-image .upload-current {
    padding: 6px;
}
.logo-upload-button .errorfile {
    display: block;
    color: #f00;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    right: 0px;
    margin-top: 7px;
        width: auto !important;
}
.new-upload-image .upload-current figcaption p {
    font-size: 11px;
    line-height: 16px;
}
    .new-upload-image .upload-current figcaption p br{
    display:none;
    }
    .blue-back-text p br {
    display: none;
}
.red-back-text p br {
    display: none;
}
.blue-back-text p,.red-back-text p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
        text-align: left;
}
.logo-upload-button form#imgForm {
    position: relative;
}
.logo-upload-button form#imgForm input[type=file] {
    display: block;
    font-size: 28px;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 999;
    
    right: 0;
}
.show-mob-new {
    display: block !important;
}
.hide-on-mob {
    display: none !important;
}
.mobile-steps p {
    margin-bottom: 0;
}
.left_drop_col:last-child {
    margin-bottom: 0;
}

}

@media (min-width:995px) and (max-width:1200px) {
.logo-upload-button .errorfile {
    display: block;
    color: #f00;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    right: 50px;
    margin-top: 3px;
}
.upload_file ul li p {
    font-size: 12px !important;
}
}
@media (min-width:1200px) and (max-width:1300px) {
.upper p.text-center {
    color: #656565;
    font-family: proxima_nova_rgregular;
    font-size: 14px;
    margin-bottom: 0;
    width: 131px;
}
}
@media (min-width:1201px) and (max-width:1500px) {
.logo-upload-button .errorfile {
    display: block;
    color: #f00;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    right: 0px;
    margin-top: 7px;
    width: 48%;
    float: left;
    text-align: center !important;
}
}

/* new-upload-image css end*/





div#popupImageModal img {
width: 100%;
}

div#myModal4869 img {
width: 100%;
}

.top-bar {
display: block;
font-size: 13px;
min-height: 31px;
padding: 8px 20px 0;
}

.top-bar,
.top-bar h5 {
background: #333333 none repeat scroll 0 0;
color: #fff;
font-family: proxima_novasemibold;
line-height: 16px;
text-align: center;
width: 100%;
}
.top-bar #tag-line {
float: left;
font-style: italic;
letter-spacing: 0.4px;
}
.top-bar h5 {
font-size: 14px;
margin-bottom: 0;
}
.top-bar,
.top-bar h5 {
background: #333333 none repeat scroll 0 0;
color: #fff;
font-family: proxima_novasemibold;
line-height: 16px;
margin-top: 0;
text-align: center;
width: 100%;
}
a:focus,
a:hover {
text-decoration: none;
}

/* start upload logo btn style*/
.uploadlogo-heading {
font-size: 20px;
color: #000000;
font-family: proxima_novasemibold;
padding-bottom: 15px;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 15PX;
}
.uploadlogo-tabbing ul {
list-style-type: none;
padding: 0;
}

.uploadlogo-tabbing ul li{
float: left;
width: 33.33%;
text-align: center;
padding: 15px 0;
position: relative;
}
.uploadlogo-tabbing ul li a{
font-size: 16px;
color: #b4b4b4;
font-family: proxima_nova_rgbold;
display: block;
}
.uploadlogo-tabbing ul li.active-step:after{
position: absolute;
content: '';
bottom: 0;
width: 100%;
height: 3px;
background-color: #0a92ca;
left: 0;
}
.uploadlogo-tabbing ul li.active-step a{
color: #0a92ca;
}
.uploadlogo-tabbing {
width: 100%;
float: left;
margin-bottom: 30px;
}
.dropdown-main-cobver {
width: 100%;
float: left;
}
.dropdown-step1{
width: 100%;
float: left;
border-width: 2px;
border-color: rgb(172, 172, 172);
border-style: dashed;
text-align: center;
height: 348px;
position: relative;
}
.logomain-section {
margin-bottom: 20px;
text-align: center;
}
.logo-dropdown-text h3 {
color: #8a8989;
font-size: 23px;
font-family: proxima_nova_rgbold;
margin-bottom: 20px;
margin-top: 0;
}
.logo-dropdown-text p{
font-family: proxima_nova_rgregular;
font-size: 17px;
letter-spacing: 0;
text-align: center;
width: 100%;
color: #656565;
margin-bottom: 0px;
}
.logo-dropdown-text {
position: absolute;
width: 100%;
left: 0;
height: 100%;
}
.text-vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.step-btn {
width: 100%;
float: left;
text-align: right;
}
.step-btn .btn{
font-size: 18px;
font-family: proxima_nova_rgbold;
color: #fff;
padding: 7px 32px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.logomain-section img {
max-width: 100%;
}
.main-cell-row.heading-row div {
background-color: #0a92ca;
color: #fff;
padding: 11px 3px;
font-family: proxima_nova_rgbold;
}
.main-cell-row {
display: table;
width: 100%;
}
.main-cell-row div{
display: table-cell;
font-size: 13px;
vertical-align: middle;
padding: 5px;
}
.colorcode-cell {
width: 30%;
}
.color-cell {
width: 37%;
}
.colorremove-cell {
width: 33%;
}
.color-cell .colorinner {
height: 33px;
}
.color-cell .colorinner {
height: 33px;
width: 100%;
display: block;
}
.colorinner.black-color{
background-color: #1b1a1b;
}
.main-cell-row.bottom-row {
border-bottom: 1px solid #d9d9d9;
}
.color-cell{
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
.main-cell-row.heading-row .color-cell {
border: 0px;
}
.colorremove-cell .remove-btn {
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
padding: 2px 20px;
border:0px;
}
.blue-color {
background-color: #0e45a9;
}
.lightblue-color{
background-color: #1990bd;
}
.lightgrey-color{
background-color: #afb3b5;
}
.darkgrey-color{
background-color: #706b6a;
}
.imageBackground {
background: rgba(0, 0, 0, 0) url("/images/bg-processed-logo.png") no-repeat scroll 0 0;
display: inline-block;
height: 600px;
width: 580px;
}


/*orlack-cha css start*/
 .orlack-chat a {
    display: inline-block;
    background: #c82128;
    color: #fff;
    border-radius: 58px 0px 0px 59px;
    width: 71px;
    padding-right: 0px;
    padding: 20px;
}
.orlack-chat {
    position: fixed;
    width: auto;
    right: 0px;
    top: 45%;
    z-index: 99999;
}

.orlack-chat a {
    display: inline-block;
    background: #c82128;
    color: #fff;
    border-radius: 58px 0px 0px 59px;
    width: 71px;
    padding-right: 0px;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.orlack-chat a p {
    font-size: 18px;
    font-family: proxima_novasemibold;
    width: auto;
    line-height: 19px;
     margin-top: 3px;
}
@media (min-width:320px) and (max-width:767px){
.arrow {
    bottom: 30px;
}
.orlack-chat a p {
    display: none;
}
.sub_headh4 {
    font-size: 16px;
}
.note_cust {
    margin-top: 0px !important;
    padding-top: 0px !important;
    }
.orlack-chat {
    right: -8px;
    top: 63%;
    z-index: 999999;
}
.orlack-chat a {
 
    border-radius: 100px;
    width: 43px;
    padding-right: 0px;
    padding: 5px;
    padding-top: 6px;
    padding-bottom: 7px;
}.orlack-chat img {
    width: 30px;
}

}

/*orlack-cha css end*/
/* end upload logo btn style*/
/*.lower .name-fig {
    display: inline-block;
    float: left;
    font-size: 12px;
    text-align: left !important;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; 
    overflow: hidden;
    word-break: break-all;
}*/
.lower .name-fig {
    display: inline-block;
    float: left;
    font-size: 12px;
    text-align: left !important;
    width: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    position: absolute;
    left: 0;
    top: 69px;
}
.upload-disclamir {
float: left;
color: #ff0000;
margin-top: 10px;
font-size: 13px;
}
.skip_btn {
float: right;
text-align: center;
}
.skip_btn #nxtBtn1,.skip_btn .skip-p3 {
display: block; float: none; margin: auto;
}
.skip_btn .skip-p3{
font-size: 12px;
text-transform: capitalize
}
.center-btm-btn .logo_next > a {
display: inline-block;
}
.center-btm-btn .skip_btn {
float: none;
display: inline-block;
    margin: auto;
    width: 100%;
}
.digitized-outer > input {
border: 1px solid #ccc;
margin-left: 12px;
padding: 8px;
width: auto;
}
.digiMsg {
display: inline-block;
padding: 30px 0;
width: auto;
}
.skip-p1 {
text-align: center;
}

.skip-p2 {
text-align: center;
margin-top: 10px;
}
.new-next-ship .modal-dialog {
    z-index: 99999;
}
@media (min-width: 1500px){
.container {
width: 1470px;
}
}
.link-menu {
float: right;
height: auto;
margin: 0;
position: relative;
width: auto;
}
.list-inline,
.list-inline > li {
list-style: outside none none;
margin: 0;
padding: 0;
}
.top-bar .link-menu li a {
background: #333333 none repeat scroll 0 0;
color: #ffffff;
font-family: proxima_novasemibold;
font-size: 14px;
line-height: 16px;
margin-bottom: 0;
padding: 0 20px;
text-align: center;
width: 100%;
}
header {
background-color: #ffffff;
height: auto;
padding: 8px 20px 0;
width: 100%;
}
.top-bar,
header {
float: left;
position: relative;
z-index: 100;
}
.sndry-menu {
display: none;
}
.left {
float: left;
}
.left {
float: left;
}
.logo_col {
float: left;
left: 23px;
position: relative;
top: -6px;
width: 128px;
}
.logo_col svg {
float: left;
height: 68px;
}
.search-bar-area {
float: left;
width: 100%;
}
.search-bar-area .search_bar {
float: left;
position: relative;
top: 8px;
width: 100%;
}
.search-bar-area .search_bar .hasPlaceholder {
border: 2px solid #a0a0a0;
border-radius: 5px;
font-family: proxima_nova_rgregular;
font-size: 18px;
height: 36px;
padding-left: 14px;
width: 100%;
}
.search-bar-area .search_bar button {
background: #0a92ca none repeat scroll 0 0;
border: 1px solid #0a92ca;
border-radius: 0 5px 5px 0;
color: #ffffff;
height: 36px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 50px;
z-index: 50;
}
.search-bar-area .search_bar svg {
display: inline-block;
height: 20px;
position: relative;
top: 2px;
width: 20px;
}
.left_navbar .list-inline {
float: right;
margin-top: 0;
padding-right: 23px;
}
.left_navbar .list-inline {
margin-top: 0px;
}
.left_navbar .list-inline > li {
display: table-cell;
height: 60px;
position: relative;
vertical-align: middle;
}
.left_navbar .list-inline > li {
display: inline-block;
}

.search_mob svg {
height: 20px;
width: 20px;
}
.cart_col {
display: table-cell;
height: 100%;
position: relative;
top: 0;
}
.text_my_account {
border-right: 2px solid #c71f25;
float: left;
line-height: 18px;
margin-right: 10px;
padding-right: 10px;
text-align: right;
}
.text_my_account span {
color: #333333;
font-size: 15px;
}
.text_my_account p {
font-size: 14px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100px;
}
.text_my_account a {
color: #c71f25;
font-size: 18px;
}
.text_my_account a,
.text_my_account p {
display: block;
font-family: proxima_nova_rgbold;
}
.cart_icon.login {
padding: 10px 0;
cursor: pointer;
}
li.pull-right.help a {
color: #656565;
padding-left: 0px;
padding-right: 46px;
font-size: 16px;
font-family: proxima_nova_rgbold;
text-transform: capitalize;
}
.pull-right.help {
border-right: none;
}
.bottom_new-navigation li:last-child {
float: right;
border: none;
}
.cart_icon svg {
display: inline-block;
height: 35px;
width: 35px;
}
.cart_icon > span {
display: inline-block;
float: left;
position: absolute;
top: 0;
width: auto;
}
.cart_icon {
display: inline-block;
float: left;
padding-bottom: 0;
padding-top: 0;
position: relative;
}
.cart_icon:hover .cart-del {
display: block
}
.count_cart {
background: #0a92ca none repeat scroll 0 0;
border-radius: 50%;
color: #ffffff;
float: left;
font-size: 12px;
font-weight: 700;
height: 25px;
padding: 3px;
position: absolute;
right: -16px;
text-align: center;
top: 4px;
width: 25px !important;
}
.cart-del::after {
border-bottom: 10px solid #c71f25;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
position: absolute;
right: 2px;
top: -12px;
}
.price_banners h5,
.start_chat h4 a {
font-family: proxima_novasemibold;
}
.start_chat {
margin-right: 20px;
top: 0;
}

.cart-del label,
.cart-del span {
font-size: 15px;
width: 50%;
float: left
}

.cart-del span {
font-family: proxima_nova_rgregular;
text-align: right
}

.cart-del label {
font-family: proxima_novasemibold;
font-weight: 400
}

.cart-del li {
float: left;
list-style: none;
padding: 5px 0;
width: 100%
}

.cart-del>ul {
float: left;
margin: 0;
padding: 0;
width: 100%
}
.cart-del {
background: #ffffff none repeat scroll 0 0;
border-top: 3px solid #c71f25;
display: none;
float: left;
margin: 0;
padding: 10px;
position: absolute;
right: 0;
top: 63px;
width: 200px;
}
.start_chat h4 a {
color: #c71f25;
font-size: 18px;
}
/*== 09 May 2018  ===*/
.mid_section {
    background-color: #f0f0f0;
    float: left;
    padding: 27px 0;
    width: 100%;
    display: table;
}
/*== ends 09 May 2018  ===*/
.top_nav {
float: left;
padding-left: 0;
width: 100%;
}
.top_nav > li {
display: inline-block;
line-height: normal;
}
.top_nav a {
color: #6c6c6c;
font-family: proxima_nova_rgregular;
font-size: 17px;
letter-spacing: 0;
padding: 2px;
}
.top_nav .active > a {
color: #1072ba;
}
.top_nav a:hover {
color: #1f96ed;
text-decoration: none;
}
/*----------------------------------------- Navigation START ----------------------------------------------*/

/*navigation new style*/

.nav .cat-menu .cat-list > li.active > a, .nav .cat-menu .cat-list > li:focus > a, .nav .cat-menu .cat-list > li:hover > a::after {
border-bottom: 11px solid #0a92ca;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
bottom: 0;
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 0;
}
.nav .cat-menu .cat-list>li.active,
.nav .cat-menu .cat-list>li:focus,
.nav .cat-menu .cat-list>li:hover {
background: transparent;
}

.nav .cat-menu .cat-list > li.active > a, .nav .cat-menu .cat-list > li:focus > a, .nav .cat-menu .cat-list > li:hover > a {
background-color: #ffffff;
border-color: rgba(0, 0, 0, 0);
border-radius: 4px;
color: #0a92ca;
}
.nav {
background: #0a92ca none repeat scroll 0 0;
float: left;
max-height: 48px;
padding: 0 30px;
position: relative;
width: 100%;
z-index: 99;
padding-top: 4px;
height: 55px;
}
.nav .nav_col .dropdown {
top: 44px;
}
/*.brand-logo .all-links::after, .cust-pro-list > li::after, .nav .all-links > a::after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
}
.brand-logo .all-links, .nav .all-links > a {
color: #1072ba;
font-family: proxima_nova_rgbold;
}*/
.nav.drop-bottom {
box-shadow: 3px 5px 5px #cccccc;
}

/*.our-key-points {
background-image: url("/assets/images/new_chek_menu.png");
background-position: 0 center;
background-repeat: no-repeat;
background-size: auto auto;
height: 34px;
padding-left: 55px;
text-align: left;
}
*/
.dropdown .our-key-points {
border-right: 1px solid #ccc;
padding-top: 9px;
}

.our-key-points .bottom-right h4 {
font-family: proxima_nova_rgbold;
color: #000000 !important;
font-size: 18px !important;
margin-bottom: 4px;
}
.our-key-points .bottom-right p {
font-family: proxima_novasemibold;
font-size: 12px;
font-style: italic;
text-transform: capitalize;
color: #000000;
line-height: 13px;
min-height: 28px;
margin-bottom: 0px;
}
.our-key-points  .left {
margin-right: 11px;
}
.drop-bottom {
background: #eeeeee none repeat scroll 0 0;
border-top: 1px solid #cccccc;
height: auto;
padding-right: 0px;
padding-left: 0px;
padding-left: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
.our-key-points > p {
color: #000000;
font-family: proxima_nova_rgregular;
font-size: 11px !important;
line-height: 13px;
margin-top: 10px !important;
}
.custom-home-design-head .our-key-points > h4 {
color: #000000;
font-size: 18px;
}
.our-key-points > h4 {
color: #000;
font-family: proxima_nova_rgbold;
font-size: 16px;
margin: 0;
}
div.drop-bottom .row div.col-md-3:last-child .our-key-points {
border: none;
}
.nav .our-key-points::after {
/*background-image: url("/assets/images/menu_after_img.png");*/
background-repeat: no-repeat;
background-size: 25px auto;
content: "";
height: 62px;
position: absolute;
right: 0;
top: -9px;
width: 28px;
}
.nav .cat-menu .cat-list > li > a {
color: #ffffff;
display: block;
font-family: proxima_nova_rgbold;
font-size: 15px;
letter-spacing: 0.4px;
line-height: 20px;
padding: 10px 15px;
position: relative;
text-decoration: none;
text-transform: capitalize;
}
.nav .no-arrow-li:hover a::after {
display: none;
}
.bottom_new-navigation.nav_col .lgo_new_cust li:last-child {
margin-top: 14px;
}

.nav .lgo_new_cust li:last-child {
text-align: left;
position: relative;
top: 5px;
}
.nav .lgo_new_cust li:last-child a {
line-height: 21px;
}
.custom-nav.no-bordr > li {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
float: left;
height: 235px;
margin-top: 0;
padding-left: 18px;
padding-right: 18px;
padding-top: 18px;
width: 20%;
}

.custom-nav.no-bordr {
margin-left: 0;
padding-bottom: 0;
padding-top: 0;
}
.bottom_new-navigation.nav_col .dropdown {
top: 163px;
}
.bottom_new-navigation .cust_new .all-links::before {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
left: -17px;
position: absolute;
top: 11px;
}
.bottom_new-navigation .cust_new .all-links {
color: #0a93ca;
}
.nav_col .dropdown, .bottom_new-navigation.dropdown {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 2px 0 #cccccc;
display: none;
float: none;
height: 325px;
left: 10px;
margin: auto;
max-width: 100%;
padding: 0;
position: absolute;
right: 10px;
top: 80px;
width: 1355px;
z-index: 10;
}
.nav .custom-nav {
border-bottom: medium none;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.bordr-right::after {
border-right: medium none;
bottom: 0;
content: "";
position: absolute;
right: -25px;
top: 0;
}
.lgo_new_cust {
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
float: left;
padding-bottom: 10px;
padding-top: 10px;
width: 100%;
}
.lgo_new_cust > ul {
float: left;
padding-left: 0;
width: 100%;
}
.lgo_new_cust li {
display: inline-block;
list-style: outside none none;
text-align: center;
width: 13%;
}
.lgo_new_cust img {
height: 42px;
object-fit: scale-down;
width: 109px;
}
.all-links, .nav .list-inline.custom-brand-list li.all-links {
text-align: center;
}
.lgo_new_cust li {
display: inline-block;
list-style: outside none none;
position: relative;
text-align: center;
width: 13%;
}
.indut_cust .dropdown-content {
padding-bottom: 0;
}
.indut_cust .lgo_new_cust {
border-bottom: medium none #000080;
}
.cust_new .all-links::before {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
left: -17px;
position: absolute;
top: 4px;
}
.product-list-name h3 {
color: #333333;
float: left;
font-family: proxima_nova_rgbold;
font-size: 18px;
letter-spacing: 15px;
margin: 0 20px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.dropdown-content {
background: #ffffff none repeat scroll 0 0;
height: auto;
/*padding: 0 14px 12px;*/
}
.product-list-name {
padding-bottom: 13px;
padding-left: 57px;
}
.nav .cust-pro-list > li > a {
color: #0a92ca;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
padding: 8px 0;
}
.nav .custom-nav > li {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
float: left;
list-style: outside none none;
padding: 10px;
transition: all 0.5s ease 0s;
width: 20%;
padding-top: 25px;
}
.nav .custom-nav > li h4 {
color: #0a92ca;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
margin: 12px 0 0;
text-align: center;
width: 100%;
}
.main-drop-head {
margin: 14px 0
}

.cust_new .all-links {
color: #0a92ca;
font-family: proxima_nova_rgregular;
font-size: 17px;
}

.brand-logo.all-brnds.cst_new a::after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
}

.brand-logo.all-brnds.cst_new{
position: relative;
}
.brand-logo .all-links {
color: #0a92ca;
float: left;
font-size: 17px;
padding: 0 0 0 20px;
position: relative;
text-align: left;
width: 100%;
}
div.drop-bottom .row div.col-md-3:last-child .our-key-points::after {
display: none;
}
/*26 step csss*/

.nav .cat-list {
float: left;
margin: 0;}


/*navigation new style*/

.nav .cat-menu .cat-list > li.active > a, .nav .cat-menu .cat-list > li:focus > a, .nav .cat-menu .cat-list > li:hover > a::after {
border-bottom: 11px solid #0a92ca;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
bottom: 0;
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 0;
}
.nav .cat-menu .cat-list>li.active,
.nav .cat-menu .cat-list>li:focus,
.nav .cat-menu .cat-list>li:hover {
background: transparent;
}

.nav .cat-menu .cat-list > li.active > a, .nav .cat-menu .cat-list > li:focus > a, .nav .cat-menu .cat-list > li:hover > a {
background-color: #ffffff;
border-color: rgba(0, 0, 0, 0);
border-radius: 4px;
color: #0a92ca;
}
.nav {
background: #0a92ca none repeat scroll 0 0;
float: left;
max-height: 48px;
padding: 0 30px;
position: relative;
width: 100%;
z-index: 99;
padding-top: 4px;
height: 55px;
}
.nav .nav_col .dropdown {
top: 40px;
}
/*.brand-logo .all-links::after, .cust-pro-list > li::after, .nav .all-links > a::after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
}
.brand-logo .all-links, .nav .all-links > a {
color: #1072ba;
font-family: proxima_nova_rgbold;
}*/
.nav.drop-bottom {
box-shadow: 3px 5px 5px #cccccc;
}

/*.our-key-points {
background-image: url("/assets/images/new_chek_menu.png");
background-position: 0 center;
background-repeat: no-repeat;
background-size: auto auto;
height: 34px;
padding-left: 55px;
text-align: left;
}
*/
.dropdown .our-key-points {
border-right: 1px solid #ccc;
padding-top: 9px;
}

.our-key-points .bottom-right h4 {
font-family: proxima_nova_rgbold;
color: #000000 !important;
font-size: 18px !important;
margin-bottom: 4px;
}
.our-key-points .bottom-right p {
font-family: proxima_novasemibold;
font-size: 12px;
font-style: italic;
text-transform: capitalize;
color: #000000;
line-height: 13px;
min-height: 28px;
margin-bottom: 0px;
}
.our-key-points  .left {
margin-right: 11px;
}
.drop-bottom {
background: #eeeeee none repeat scroll 0 0;
border-top: 1px solid #cccccc;
height: auto;
padding-right: 0px;
padding-left: 0px;
padding-left: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
.our-key-points > p {
color: #000000;
font-family: proxima_nova_rgregular;
font-size: 11px !important;
line-height: 13px;
margin-top: 10px !important;
}
.custom-home-design-head .our-key-points > h4 {
color: #000000;
font-size: 18px;
}
.our-key-points > h4 {
color: #000;
font-family: proxima_nova_rgbold;
font-size: 16px;
margin: 0;
}
div.drop-bottom .row div.col-md-3:last-child .our-key-points {
border: none;
}
.nav .our-key-points::after {
/*background-image: url("/assets/images/menu_after_img.png");*/
background-repeat: no-repeat;
background-size: 25px auto;
content: "";
height: 62px;
position: absolute;
right: 0;
top: -9px;
width: 28px;
}
.nav .cat-menu .cat-list > li > a {
color: #ffffff;
display: block;
font-family: proxima_nova_rgbold;
font-size: 15px;
letter-spacing: 0.4px;
line-height: 20px;
padding: 10px 12px;
position: relative;
text-decoration: none;
text-transform: capitalize;
}
.nav .no-arrow-li:hover a::after {
display: none;
}
.bottom_new-navigation.nav_col .lgo_new_cust li:last-child {
margin-top: 14px;
}

.nav .lgo_new_cust li:last-child {
text-align: left;
position: relative;
top: 5px;
}
.nav .lgo_new_cust li:last-child a {
line-height: 21px;
}
.custom-nav.no-bordr > li {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
float: left;
height: 235px;
margin-top: 0;
padding-left: 18px;
padding-right: 18px;
padding-top: 18px;
width: 20%;
}
.custom-nav.no-bordr {
margin-left: 0;
padding-bottom: 0;
padding-top: 0;
}
.bottom_new-navigation.nav_col .dropdown {
top: 156px;
}
.bottom_new-navigation .cust_new .all-links::before {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
left: -17px;
position: absolute;
top: 11px;
}
.bottom_new-navigation .cust_new .all-links {
color: #0a93ca;
}
.nav_col .dropdown, .bottom_new-navigation.dropdown {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 2px 0 #cccccc;
display: none;
float: none;
height: 325px;
left: 10px;
margin: auto;
max-width: 100%;
padding: 0;
position: absolute;
right: 10px;
top: 80px;
width: 1355px;
z-index: 10;
}
.nav .custom-nav {
border-bottom: medium none;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.bordr-right::after {
border-right: medium none;
bottom: 0;
content: "";
position: absolute;
right: -25px;
top: 0;
}
.lgo_new_cust {
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
float: left;
padding-bottom: 10px;
padding-top: 10px;
width: 100%;
}
.lgo_new_cust > ul {
float: left;
padding-left: 0;
width: 100%;
}
.lgo_new_cust li {
display: inline-block;
list-style: outside none none;
text-align: center;
width: 13%;
}
.lgo_new_cust img {
height: 42px;
object-fit: scale-down;
width: 109px;
}
.all-links, .nav .list-inline.custom-brand-list li.all-links {
text-align: center;
}
.lgo_new_cust li {
display: inline-block;
list-style: outside none none;
position: relative;
text-align: center;
width: 13%;
}
.indut_cust .dropdown-content {
padding-bottom: 0;
}
.indut_cust .lgo_new_cust {
border-bottom: medium none #000080;
}
.cust_new .all-links::before {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
left: -17px;
position: absolute;
top: 4px;
}
.product-list-name h3 {
color: #333333;
float: left;
font-family: proxima_nova_rgbold;
font-size: 18px;
letter-spacing: 15px;
margin: 0 20px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.dropdown-content {
background: #ffffff none repeat scroll 0 0;
height: auto;
/*padding: 0 14px 12px;*/
}

.product-list-name {
padding-bottom: 13px;
padding-left: 57px;
}
.nav .cust-pro-list > li > a {
color: #0a92ca;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
padding: 8px 0;
}
.nav .custom-nav > li {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
float: left;
list-style: outside none none;
padding: 10px;
transition: all 0.5s ease 0s;
width: 20%;
padding-top: 25px;
}
.nav .custom-nav > li figure {
text-align: center;
}
.mid_section .top_nav {
display: none;
}

.nav .custom-nav > li h4 {
color: #0a92ca;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
margin: 12px 0 0;
text-align: center;
width: 100%;
}
.main-drop-head {
margin: 14px 0
}

.cust_new .all-links {
color: #0a92ca;
font-family: proxima_nova_rgregular;
font-size: 17px;
}

.brand-logo.all-brnds.cst_new a::after {
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 10px solid #1072ba;
border-top: 6px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
}

.brand-logo.all-brnds.cst_new{
position: relative;
}
.brand-logo .all-links {
color: #0a92ca;
float: left;
font-size: 17px;
padding: 0 0 0 20px;
position: relative;
text-align: left;
width: 100%;
}
div.drop-bottom .row div.col-md-3:last-child .our-key-points::after {
display: none;
}
/*26 step csss*/
.nav_col {
float: left;
width: 100%
}




.nav .cat-menu .cat-list>li {
display: inline-block;
float: none;
padding: 0 5px;
position: static;
vertical-align: top;
z-index: 99;
margin-left: -5px
}

.nav nav.cat-menu {
float: left;
width: 100%
}






.nav .custom-nav>li:hover {
border-color: #6cbedf;
background-color: #fefefe;
transition: .5s
}





.nav .list-inline.custom-brand-list img {
height: 60px;
object-fit: scale-down;
width: auto
}

.nav .list-inline.custom-brand-list {
float: right;
padding-left: 20px;
width: 98%
}



.nav .list-inline.custom-brand-list>li {
display: table;
float: left;
height: auto;
padding: 15px;
width: 50%
}

.cust-pro-list,
.cust-pro-list>li,
.product-list-name {
width: 100%;
float: left
}

.custom-nav img {
height: 160px;
object-fit: scale-down
}

.cust-pro-list {
margin: 0;
padding: 0;
text-align: left
}



.cust-pro-list>li::after {
left: 0;
position: absolute;
top: 9px
}

.cust-pro-list>li {
list-style: none;
padding-left: 20px;
position: relative
}


.cust-pro-list.inline-list {
margin: 2px 0 0;
width: auto
}

.cust-pro-list.inline-list li {
width: auto;
padding-right: 20px
}

.brand-logo,
.brand-logo img,
.drop-bottom,
.dropdown-content,
.main-drop-head,
.our-key-points,
.our-key-points>h4,
.our-key-points>p {
width: 100%;
float: left
}
.nav .all-links>a {
font-size: 20px;
padding-left: 20px;
position: relative
}

.nav .all-links>a::after {
left: 38px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}

.brand-logo img {
height: 80px;
object-fit: scale-down
}

.brand-logo {
padding: 15px
}


.brand-logo .all-links::after {
left: 0;
position: absolute;
top: 7px
}

.brand-logo.all-brnds {
padding: 40px 15px
}

.search-bar-area .search_bar button {
background: #0a92ca;
border: 1px solid #0a92ca;
border-radius: 0 5px 5px 0;
color: #fff;
height: 36px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 50px;
z-index: 50
}

.search-bar-area .search_bar .hasPlaceholder {
border: 2px solid #a0a0a0;
border-radius: 5px;
font-family: proxima_nova_rgregular;
font-size: 18px;
height: 36px;
padding-left: 14px;
width: 100%
}

.search-bar-area {
float: left;
width: 100%
}

.search-bar-area .search_bar {
float: left;
position: relative;
top: 8px;
width: 100%
}

.all-links,
.nav .list-inline.custom-brand-list li.all-links {
text-align:center;
}

.search-bar-area .search_bar svg {
display: inline-block;
height: 20px;
position: relative;
top: 2px;
width: 20px
}

.list-inline.custom-brand-list>li>a {
display: table-cell;
height: 60px;
vertical-align: middle
}




.top-bar,
.top-bar h5 {
background: #333;
font-family: proxima_novasemibold;
line-height: 16px;
color: #fff;
text-align: center;
width: 100%
}

.product-item,
.product-item:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}

.top-bar {
display: block;
font-size: 13px;
min-height: 31px;
padding: 8px 20px 0
}

.top-bar h5 {
font-size: 14px;
margin-bottom: 0
}

@media (max-width:983px) {
.top-bar {
padding: 5px
}
}

.top-bar #tag-line {
letter-spacing: .4px;
font-style: italic;
float: left
}



.ad_banner1 {
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
background: #fff!important
}

.home-pricing-trusted-wrap ul.list-inline {
display: table-cell;
padding-top: 60px;
vertical-align: middle
}

.home-pricing-trusted-wrap ul li {
display: block!important
}

.price_banners {
text-align: center
}

.price_banners h4 {
color: #fff;
float: left;
font-family: proxima_nova_rgbold;
font-size: 23px;
text-align: center;
width: 100%;
margin-top: 25px
}

.price_banners h5,
.start_chat h4 a {
font-family: proxima_novasemibold
}

.price_banners h5 {
color: #fff;
float: left;
font-size: 16px;
text-align: center;
width: 100%
}

.icon1,
.icon2,
.icon3,
.icon4,
.icon5,
.icon6 {
display: block;
height: 100px;
margin: auto;
width: 100px
}

.icon1 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) rgba(0, 0, 0, 0)
}

.icon2 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) -259px 0 rgba(0, 0, 0, 0)
}

.icon3 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) -517px 0 rgba(0, 0, 0, 0)
}

.icon4 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) -775px 0 rgba(0, 0, 0, 0)
}

.icon5 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) -1034px 0 rgba(0, 0, 0, 0)
}

.icon6 {
background: url(https://dev2-logoup-com.3dcartstores.com/assets/images/frame/icon_spite.png) -1291px 0 rgba(0, 0, 0, 0)
}

.start_chat,
.start_chat h4 a {
display: inline-block;
position: relative
}

.cart_col,
.start_chat img {
margin-left: 8px
}

.home-pricing-trusted-wrap .list-inline>li {
float: left;
overflow: hidden;
width: 16.6%
}

.home-pricing-trusted-wrap {
min-height: 310px
}

#home-new-banner-carousel .item img {
height: 505px;
object-fit: cover
}


.start_chat h4 a {
font-size: 18px;
color: #c71f25
}

.welcome-msg,
.welcome-msg a {
font-family: Arial, Helvetica, sans-serif
}

.start_chat {
margin-right: 20px;
top: 0
}

.cart_col {
position: relative;
top: 0;
height: 100%;
display: table-cell
}

.left_navbar .list-inline>li {
display: table-cell;
height: 60px;
position: relative;
vertical-align: middle
}

.left_navbar {
margin-top: 0
}

.text_my_account {
border-right: 2px solid #c71f25;
float: left;
margin-right: 10px;
line-height: 18px;
padding-right: 10px;
text-align: right
}

.search_mob svg {
height: 20px;
width: 20px
}

.text_my_account span {
color: #333;
font-size: 15px
}

#checkoutStep4 .billingBlock p,
#checkoutStep4 .confirmation-right-block .side-block1>p,
#checkoutStep4 .customerInfoBlock p {
font-size: 14px
}

#midContent img {
max-width: 100%
}

#checkoutStep4 ul.imp-link li a svg {
display: block!important
}


.start_chat a svg {
display: inline-block;
height: 22px;
position: relative;
width: 22px;
margin-left: 5px;
top: 5px
}

.cart_icon svg {
display: inline-block;
height: 35px;
width: 35px
}
.overll.open::before {
background-color: rgba(0, 0, 0, .8);
bottom: 0;
content: "";
left: -10px;
z-index: 99;
position: absolute;
right: 0;
top: 0;
height: 100vh;
width: 100vw
}
.nav .cat-menu .cat-list > li:last-child {
color: #000000;
float: right;
text-align: end;
}
.nav .cat-list {
float: left;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.bottom_new-navigation {
background-color: #ffffff;
float: left;
max-height: 35px;
padding-bottom: 9px;
padding-top: 11px;
width: 100%;
}
.bottom_new-navigation > ul {
margin-bottom: 0;
margin-top: -4px;
}
.bottom_new-navigation li {
display: inline;
list-style: outside none none;
border-right: 1px solid #cccccc;
}
.bottom_new-navigation a {
color: #282828;
font-family: proxima_nova_rgregular;
font-size: 11px;
padding: 10px 33px;
position: relative;
text-transform: uppercase;
}
.bottom_new-navigation img {
position: relative;
right: 5px;
top: -1px;
}
div#mob-menu {
display: none;
}
.bottom_new-navigation li:last-child {
float: right;
}
.bottom_new-navigation li:last-child a {
color: #c71f25;
font-family: proxima_nova_rgbold;
font-size: 16px;
line-height: 12px;
padding-bottom: 10px;
padding-top: 7px;
padding-right: 15px;
}
.bottom_new-navigation li:last-child img {
right: 12px;
top: -1px;
}
/*----------------------------------------- Navigation END ----------------------------------------------*/
.mid_section h3 {
color: #656565;
float: left;
font-family: proxima_nova_rgbold;
font-size: 29px;
margin-top: 0;

width: 100%;
}
.login_reg {
background-color: #ffffff;
border: 2px solid #ececec;
padding: 20px 0 0;
}
.inner_main {
float: left;
width: 100%;
}
.login_reg span {
border: 1px solid #bcbcbc;
border-radius: 100px;
display: inline-block;
height: 25px;
line-height: 24px;
margin-right: 14px;
text-align: center;
width: 25px;
}
.accordion {
background-color: #ffffff;
border: 2px solid #ececec;
float: left;
height: auto;
padding: 20px;
width: 100%;
margin-top: 20px;
}
.login_reg > ul {
margin-bottom: 0;
padding-left: 0;
}
.login_reg a:hover {
text-decoration: none;
}
.login_reg a {
color: #bcbcbc;
font-family: proxima_nova_rgbold;
font-size: 17.36px;
}
.login_reg li {
border-bottom: 1px solid #ffffff;
line-height: 45px;
list-style: outside none none;
padding-left: 20px;
}
.login_reg .active > a {
color: #ffffff;
}
.login_reg .active span {
border-color: #ffffff;
}
.login_reg .active {
background-color: #1072ba;
}
.accordion > div {
cursor: pointer;
width: 100%;
}
.accordion-item {
width: 100%;
}
.accordion-button {
width: 100%;
}
.accordion-button h3 .question {
color: #6fb3d9;
display: block;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
line-height: 22px;
margin-bottom: 8px;
margin-top: 9px;
padding-left: 0;
padding-top: 0;
position: relative;
width: 90%;
}
.accordion h3 {
color: #727272;
cursor: pointer;
font-family: proxima_nova_rgbold;
font-size: 25px;
line-height: 50px;
margin-bottom: 5px;
width: 100%;
}
.accordion-marker {
color: #9aa7af;
float: left;
font-size: 30px;
height: 100%;
width: 23px;
}
.accordion-button > h3 {
border-top: 2px solid #cdcdcd;
}
.accordion-marker .fa-plus {
color: #9aa7af;
}
.accordion p {
color: #9aa7af;
font-size: 13px;
margin: 0;
font-weight: normal;
max-height: 0;
overflow: hidden;
transition: max-height 350ms ease-in-out 0s;
width: 100%;
}
.accordion-item.active .fa-angle-up::before {
content: "";
transform: rotate(360deg);
}
.accordion > div.active .question {
color: #000;
}
.accordion > div.active .accordion-marker .fa-minus {
color: #fff;
}
.accordion > div.active p {
max-height: 523px;
}
.exist_cust {
background-color: #ffffff;
float: left;
padding: 40px;
width: 100%;
border: 2px solid #ececec;
}
.exist_cust h3 {
font-size: 29px;
}
.exist_cust input {
border: 2px solid #a5a5a5;
border-radius: 4px;
float: left;
font-family: proxima_nova_rgregular;
font-size: 15px;
height: 40px;
margin-bottom: 20px;
padding-left: 20px;
width: 100%;
}
.disclaimer_col {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
}
.log_exist {
background-color: #0a92ca;
border: 1px solid #0a92ca;
border-radius: 4px;
color: #ffffff;
float: left;
font-family: proxima_nova_rgbold;
font-size: 17px;
height: 40px;
line-height: 30px;
text-transform: capitalize;
width: 100%;
}
.create_account {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #ececec;
float: left;
margin-top: 35px;
padding: 34px;
width: 100%;
}
.log_exist:hover {
background-color: #0fb5fa;
border: 1px solid #0fb5fa;
color: #ffffff;
}
.exist_cust p {
color: #c71f25;
font-family: proxima_nova_rgbold;
font-size: 17px;
margin-top: 24px;
padding-left: 34px;
}
.exist_cust ul {
padding-left: 71px;
}
.exist_cust ul li {
color: #656565;
font-family: proxima_novasemibold;
font-size: 16px;
line-height: 25px;
}
.create_account > h3 {
font-size: 34px;
text-align: center;
width: 100%;
}
.create_account p {
border-bottom: 1px solid #dcdcdc;
color: #5e8cc3;
float: left;
font-family: proxima_nova_rgbold;
font-size: 18px;
line-height: 39px;
text-transform: capitalize;
width: 100%;
}
.create_account label {
color: #60555d;
float: left;
font-family: proxima_novasemibold;
font-size: 17px;
font-weight: normal;
text-transform: capitalize;
width: 100%;
}
.create_account input,
select {
background-color: #fefefe;
border: 1px solid #d8d8d7;
box-shadow: 0 0 0 2px #f2f2f2;
float: left;
height: 40px;
margin-bottom: 14px;
width: 100%;
padding-left: 5px;
}
.create_account textarea {
background-color: #fefefe;
border: 1px solid #d8d8d7;
box-shadow: 0 0 0 2px #f2f2f2;
float: left;
height: 82px;
margin-bottom: 20px;
width: 100%;
}
.create_account .process {
background-color: #0a93ca;
border-radius: 3px;
color: #ffffff;
display: inline-block;
float: none;
font-family: proxima_novasemibold;
font-size: 20px;
height: 40px;
line-height: 40px;
margin: 28px auto auto;
max-width: 100%;
text-align: center;
text-transform: capitalize;
width: 365px;
}
.create_account .process:hover {
background-color: #0fb5fa;
border: 1px solid #0fb5fa;
color: #ffffff;
text-decoration: none;
}
.login_reg a:hover {
text-decoration: none;
}
.login_reg li:hover {
background-color: #5ab1f1;
}
.login_reg li:hover a {
color: #ffffff;
}
.login_reg li:hover a span {
border-color: #ffffff;
}
.create_account select {
background-color: rgba(0, 0, 0, 0);
background-image: url("/img/after.png");
background-position: 96% center;
background-repeat: no-repeat;
background-size: 3% auto;
content: "";
}
select {
-moz-appearance: none;
padding-left: 5px;
position: relative;
-webkit-appearance: none;
}
.create_account figure {
float: left;
margin-left: 10px;
margin-top: 20px;
width: auto;
}
.create_account h4 {
float: left;
font-family: proxima_nova_rgbold;
font-size: 15px;
margin-top: 23px;
text-transform: capitalize;
width: auto;
color: #6b6a69;
}
.create_account .req {
color: #e7432f;
float: left;
font-family: proxima_nova_rgbold;
font-size: 14px;
margin-bottom: 20px;
margin-top: 21px;
width: 100%;
}
/*========  11 may 2018 ======*/
.logo-gra h4 {
    color: #656565;
    display: inline-block;
    font-family: proxima_novasemibold;
    font-size: 17px;
    margin-bottom: 5px;
    width: 65%;
    word-wrap: break-word;
}
/*=========  11 May 2018 =========*/
.logo-gra h3 {
color: #656565;
float: left;
font-family: proxima_nova_rgbold;
font-size: 25px;
margin-bottom: 0;
margin-top: 0;
width: 100%;
}
.logo-gra {
background-color: #ffffff;
/*border: 2px solid #ececec;*/
float: left;
padding: 40px 40px;
width: 100%;
margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
border-top: 1px solid #ffffff;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.logo-gra tr {
border: 2px solid #a5a5a5;
float: left;
margin-bottom: 20px;
width: 100%;
}
.logo-gra tr td:first-child {
float: left;
position: relative;
width: 50%;
}
.table p {
font-size: 17px;
margin-bottom: 0;
}
.logo-gra .table h5 {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 17px;
line-height: 17px;
margin: 10px 0px 4px;
}
.logo-gra table td figcaption {
margin-left: 133px;
margin-top: 8px;
width: auto;
}
.stich {
    float: left;
    margin-top: 0px;
    padding-left: 19px;
    position: relative;
    width: 100%;
}
.stich::before {
    background: rgba(0, 0, 0, 0) url("/img/log.png") repeat scroll 0 0 / 30px auto;
    content: "";
    height: 29px;
    left: -21px;
    position: absolute;
    top: 19px;
    width: 30px;
}
.logo-gra tr td:first-child::after {
background-color: #cdcdcd;
content: "";
height: 66px;
position: absolute;
right: 42px;
top: 21px;
width: 2px;
}
.mar_top {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 20px;
padding-top: 28px;
position: relative;
width: 100%;
}
/*
.mar_top::before {
background-color: #cdcdcd;
content: "";
height: 66px;
left: -38px;
position: absolute;
top: 16px;
width: 2px;
}
*/
.stich > p {
font-family: proxima_nova_rgregular;
font-size: 12px;
}
.logo-gra table td {
    width: 54.1% !important;
}
.logo-gra .table figure {
background-color: #f0f0f0;
border: 2px solid #a5a5a5;
float: left;
width: 120px;
height: auto;
padding:20px;
background-image: url(https://logoup.com/assets/templates/logoup_working_theme-html5/images/Checkered.png);
background-size: 400px;
 display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
height: 100%;
}
.logo-gra .table img {
width: 100%;
vertical-align: middle !important;
margin-top: 0;
padding: 15px;
}
.checkboxFive {
font-size: 17px;
position: relative;
width: auto;
}
input[type="checkbox"] {
visibility: hidden;
}
input[type="radio"] {
visibility: hidden;
}
.checkboxFive label::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: currentcolor currentcolor #333333 #333333;
border-image: none;
border-style: none none solid solid;
border-width: medium medium 3px 3px;
content: "";
height: 5px;
left: 7px;
opacity: 0;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 9px;
}
.checkboxFive label {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #dddddd;
border-radius: 3px;
cursor: pointer;
height: 23px;
left: -15px;
position: absolute;
top: 0;
width: 23px !important;
}
.checkboxFive input[type="checkbox"]:checked + label::after {
opacity: 1;
}
.checkboxFive input[type="radio"]:checked + label::after {
opacity: 1;
}
.title_col_choose {
width: 70%;
}

.logo-gra .pagination > a {
border: 2px solid #c0c0c0;
color: #474747;
font-family: proxima_nova_rgbold;
font-size: 14px;
padding: 6px 11px;
}
.logo-gra .pagination > p {
float: left;
font-family: proxima_nova_rgregular;
font-size: 14px;
margin-top: 20px;
text-align: center;
width: 100%;
}
.logo_next {
margin-top: 0;
text-align: center;
width: auto;
}
.upper .skip-p1 {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 14px;
width: 100%;
float: left !important;
text-align: center !important;
margin-top: 10px;
padding-left: 0px;
}

#nxtBtn1{
float: right;
}
.logo_next > a {
    background-color: #1e61af;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 17px;
    padding: 8px 7px;
    min-width: 109px;
}
.logo_next > a:hover {
    background-color: #18b3f3;
    text-decoration: none;
}
.uploap_logo {
    background-color: #ffffff;
    border: 2px solid #ececec;
    float: left;
    margin-top: 0;
    padding: 40px;
    width: 100%;
}
.uploap_logo > h4 {
    border-bottom: 2px solid #cdcdcd;
    color: #656565;
    float: left;
    font-family: proxima_novasemibold;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 12px;
    width: 75%;
}
.proof_cust h2 {
    color: #5cb85c;
    float: left;
    font-family: proxima_nova_rgbold;
    font-size: 25px;
    margin-left: 11px;
    margin-top: 10px;
    width: 600px;
}
.radi > span {
    background-color: #656565;
    border: 2px solid #8b8b8b;
    border-radius: 100px;
    color: #ffffff;
    float: left;
    font-family: proxima_nova_rgregular;
    font-size: 25px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    width: 40px;
}
.proof_cust > figure {
float: left;
width: 50px;
}
.uploap_logo > h3 {
font-size: 25px;
margin-bottom: 7px;
}
.proof_cust > h5 {
color: #656565;
float: left;
font-family: proxima_nova_rgbold;
font-size: 17px;
line-height: 26px;
margin-left: 51px;
margin-right: 12px;
width: 68%;
}
.proof_cust .btn.btn-primary {
background-color: #5cb85c;
border: 1px solid;
border-radius: 4px;
color: #ffffff;
font-family: proxima_nova_rgbold;
font-size: 17px;
height: 40px;
line-height: 19px;
margin-top: 19px;
width: 178px;
}
.uploap_logo > p {
color: #1072ba;
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
margin-bottom: 25px;
margin-top: 24px;
position: relative;
text-align: center;
width: 572px;
}
.uploap_logo > p::after {
background-color: #1072ba;
content: "";
height: 2px;
position: absolute;
right: 93px;
top: 11px;
width: 138px;
}
.uploap_logo > p::before {
background-color: #1072ba;
content: "";
height: 2px;
left: 93px;
position: absolute;
top: 11px;
width: 138px;
}
/*.btn.btn-primary:hover {
background-color: #4dde4d;
}*/
.note_cust {

float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
letter-spacing: 0;
/*margin-top: 22px;
padding-top: 18px;*/
text-align: center;
width: 100%;
color: #656565;
}
.proof_cust {
float: left;
width: 100%;
}
#burst-12 {
background: #ff0000 none repeat scroll 0 0;
float: left;
height: 40px;
position: relative;
text-align: center;
width: 40px;
}
.burst-12 {
float: left;
font-size: 20px;
position: relative;
text-align: center;
width: 50px;
}
.burst-12::after {
background-image: url("/img/star.png");
content: "";
height: 48px;
left: 2px;
position: absolute;
top: 0;
width: 45px;
z-index: 0;
}
.burst-12 > span {
color: #ffffff;
font-family: proxima_nova_rgregular;
line-height: 45px;
position: relative;
z-index: 9;
}
.uploap_logo.log2 {
margin-top: 0;
}
.choose_logo figure {
margin-top: 13px;
}
.choose_logo .stich {
padding-top: 7px;
}
.choose_logo .mar_top {
padding-top: 38px;
}
.upload_file {
float: left;
width: 100%;
}
.upload_file > h3 {
    font-size: 25px;
    margin-bottom: 13px;
        width: auto;
    float: left;
}
.upload_file > p {
color: #656565;
display: inline-block;
font-family: proxima_novasemibold;
font-size: 17px;
line-height: 36px;
margin-bottom: 0;
width: 100%;
}
.upload_file > ul {
border: 2px solid #a5a5a5;
float: left;
margin-bottom: 30px;
padding: 30px 0 30px 20px;
width: 100%;
}
.upload_file li {
float: left;
list-style: outside none none;
margin-top: 10px;
width: 24.3%;
}
.upload_file ul li p {
color: #737373;
font-family: proxima_nova_rgregular;
font-size: 17px;
line-height: 32px;
margin-bottom: 0;
}
.upload_file label {
width: 100%;
float: left;
font-weight: 300;
}
.delte_cust {
background-color: #c71f25;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-family: proxima_nova_rgregular;
font-size: 17px;
height: 40px;
line-height: 40px;
text-align: center;
width: 117px;
}
.upload_file li:first-child {
margin-top: 0;
width: 51%;
}
.delte_cust:hover {
background-color: #ec0f17;
color: #ffffff;
text-decoration: none;
}
.delte_cust:focus {
color: #ffffff;
}
.proof_cust .modal-content {
background-color: #f0f0f0;
border: 2px solid;
border-radius: 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 72px 40px 40px;
}
.modal-content > h5 {
color: #656565;
float: left;
font-family: proxima_nova_rgbold;
font-size: 17px;
line-height: 26px;
margin-left: 51px;
margin-right: 12px;
margin-top: 0;
width: 51%;
}
.modal-content .radi > h2 {
color: #656565;
}
.choo_file {
border-bottom: 2px solid #cdcdcd;
border-top: 2px solid #cdcdcd;
float: left;
margin-top: 20px;
padding-bottom: 45px;
padding-top: 26px;
text-align: center;
width: 100%;
}
.cho_iner {
border: 2px dashed #d2d2d2;
margin: 20px auto 31px;
padding: 54px;
width: 622px;
}
.cho_iner > p {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 15px;
font-style: italic;
margin-top: 8px;
}
.cho_img {
background-color: #5cb85c;
border: 1px solid;
border-radius: 3px;
color: #ffffff;
font-family: proxima_novasemibold;
font-size: 17.7px;
letter-spacing: 1px;
line-height: 30px;
margin-top: 16px;
padding: 5px 24px;
}
.cho_img:hover {
background-color: #16db16;
}
.modal .modal-lg {
width: 1030px;
}
.upload_cust {
background-color: #0a92ca;
border-radius: 4px;
color: #ffffff;
font-family: proxima_nova_rgbold;
font-size: 17px;
margin-right: 10px;
padding: 8px 26px;
text-transform: capitalize;
border: 1px solid #0a92ca;
}
.upload_cust:hover {
background-color: #fafafa;
color: #696969;
}
.cancel_cust {
background-color: #fafafa;
border-radius: 4px;
color: #696969;
font-family: proxima_nova_rgbold;
font-size: 17px;
margin-left: 10px;
padding: 8px 26px;
text-transform: capitalize;
border: 1px solid #c4c4c4;
}
.cancel_cust:hover {
background-color: #0a92ca;
color: #ffffff;
border: 1px solid #0a92ca;
}
.next_cust {
background-color: #0a92ca;
border-radius: 2px;
color: #ffffff;
font-family: proxima_nova_rgbold;
font-size: 17px;
margin-right: 10px;
padding: 7px 60px;
text-transform: capitalize;
border: 1px solid #0a92ca;
}
.back_cust {
background-color: #fafafa;
border: 1px solid #c4c4c4;
border-radius: 2px;
color: #696969;
font-family: proxima_nova_rgbold;
font-size: 17px;
margin-left: 10px;
margin-right: 19px;
padding: 7px 60px;
text-transform: capitalize;
}
.back_cust:hover {
background-color: #0a92ca;
color: #ffffff;
border: 1px solid #0a92ca;
}
.next_cust:hover {
background-color: #fafafa;
color: #696969;
border: 1px solid #c4c4c4;
}
.sec_buton {
float: left;
margin-top: 31px;
text-align: center;
width: 100%;
}
.delte_cust .fa.fa-trash {
margin-right: 5px;
}
.logo-gra.addition {
float: left;
width: 100%;
}
.addition .row > ul {
display: inline-block;
float: none;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
.addition .row > ul li {
display: inline-block;
width: 86px;
}
.addition .checkboxFive {
font-family: proxima_nova_rgbold;
color: #656565;
}
.addition .checkboxFive label {
border: 2px solid #dddddd;
border-radius: 5px;
}
.addition .table figure {
background-color: #ffffff;
}
.addition .checkboxFive label::after {
left: 5px;
top: 6px;
}
.logo-gra.addition tr td:first-child {
float: left;
position: relative;
width: 60%;
}
.logo-gra.addition .table img {
height: 101px;
object-fit: scale-down;
width: auto;
}
.addition .table p {
color: #656565;
}
.logo-gra.addition figcaption {
margin-top: 27px;
}
.ad_cust > h5 {
margin-bottom: 0;
}
.ad_cust > p {
font-family: proxima_nova_rgregular;
font-size: 14px;
margin-bottom: 5px;
margin-top: 3px;
}
.ad_cust > input {
border: 2px solid #cdcdcd;
border-radius: 3px;
font-family: proxima_nova_rgregular;
font-size: 17px;
font-style: italic;
height: 35px;
padding-left: 10px;
width: 100%;
}
.logo-gra.addition tr td:first-child::after {
height: 81px;
right: 24px;
}
.table-responsive.bor {
border-bottom: 2px solid #cdcdcd;
margin-bottom: 20px;
}
.choose_place {
background-color: #ffffff;
border: 2px solid #ececec;
float: left;
padding: 40px;
width: 100%;
}
.choose_place h3 {
font-size: 25px;
margin-bottom: 7px;
}
.choose_place h4 {
/*border-bottom: 2px solid #cdcdcd;*/
color: #656565;
font-family: proxima_novasemibold;
font-size: 14px;
line-height: 20px;
/*margin-bottom: 30px;*/
margin-top: 0;
padding-bottom: 12px;
width: 100%;
}
#appli_proof .info > ul {
float: left;
margin-top: 13px;
width: 100%;
}
.choose_place .check_cust {
float: left;
padding-left: 20px;
width: 100%;
}
.choose_place .table thead tr th p {
color: #656565;
font-size: 20px;
text-transform: capitalize;
}
.choose_place .table thead tr th p {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 13.99px;
text-transform: capitalize;
}
.choose_place thead b {
font-size: 22px;
}
.choose_place .table tbody tr td:first-child figure img {
border: 2px solid #cccccc;
height: 55px;
object-fit: scale-down;
width: 70px;
}
.choose_place tbody figure {
float: left;
margin-right: 8px;
width: 51px;
}
.choose_place tbody td:nth-child(2) figure img {
margin-top: 6px;
}
.choose_place table tbody tr td:nth-child(2) figure {
background-color: #f0f0f0;
border: 2px solid #afafaf;
border-radius: 3px;
float: none;
height: 47px;
margin: auto auto 10px;
text-align: center;
width: 74px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 12px;
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;

}
.choose_place tbody tr {
border: 2px solid #a5a5a5;
border-radius: 4px;
float: left;
margin-bottom: 20px;
width: 100%;
}
.choose_place table tbody td select {
background-color: rgba(0, 0, 0, 0);
background-image: url("/img/cho.png");
background-position: 325px center;
background-repeat: no-repeat;
background-size: 3% auto;
content: "";
}
.choose_place .john_info h4 {
background-color: #1072ba;
border-bottom: medium none #000080;
border-radius: 10px 10px 0 0;
color: #ffffff;
float: left;
font-family: proxima_nova_rgbold;
font-size: 23px;
letter-spacing: 1px;
line-height: 46px;
padding-bottom: 0;
text-align: center;
width: 100%;
}
.info {
float: left;
width: 100%;
}
.info .right_side img {
margin-top: 20px;
width: auto;
}
.cont_cust > p {
font-family: proxima_nova_rgregular;
font-size: 17px;
}
.cont_cust > p {
font-family: proxima_nova_rgregular;
font-size: 17px;
margin-bottom: 0;
margin-top: 21px;
}
.cont_cust {
float: left;
margin-left: 24px;
}
.info figure img {
float: left;
width: 100%;
}
.info > figure {
float: left;
width: 40%;
}
.info > figcaption {
float: left;
margin-left: 22px;
width: auto;
}
.cont_cust span {
font-size: 12px;
}
.info figcaption p {
font-size: 17px;
line-height: 25px;
margin-bottom: 0;
}
.info > figcaption {
border-right: 2px solid #cdcdcd;
float: left;
margin-left: 22px;
width: 26%;
}
.right_side {
float: left;
padding-left: 20px;
width: 30%;
}
#appli_proof {
float: left;
margin-top: 34px;
width: 100%;
}
.john_info {
float: left;
width: 100%;
}
#add_info .info {
float: left;
margin-top: 20px;
width: 100%;
}
#add_info .info > ul {
float: left;
padding-left: 0;
width: 100%;
}
#appli_proof .info li,
#add_info .info li {
float: left;
list-style: outside none none;
padding: 10px;
text-align: center;
width: 33.3%;
}
#appli_proof .info figure,
#add_info .info figure {
border: 1px solid #9e9ea6;
float: left;
padding: 24px;
width: 100%;
}
#appli_proof .info ul li img,
#add_info .info ul li img {
height: 200px;
object-fit: scale-down;
width: 100%;
}
#appli_proof p {
color: #ca0a0a;
float: left;
font-family: proxima_nova_rgbold;
font-size: 17px;
line-height: 16px;
text-align: center;
width: 100%;
}

#appli_proof .info figcaption,
#add_info .info figcaption {
float: left;
font-family: proxima_nova_rgregular;
font-size: 17px;
margin-top: 18px;
width: 100%;
}
#appli_proof .info span,
#add_info .info span {
float: left;
font-family: proxima_nova_rgbold;
font-size: 17px;
width: 100%;
}
.satis {
border: 4px solid #c71f25;
float: left;
margin-top: 20px;
padding: 40px 20px 20px;
text-align: center;
width: 100%;
}
.satis > p:nth-child(2n+1) {
color: #ce2c2c;
font-size: 17px;
font-style: italic;
line-height: 13px;
}
.satis > p:nth-child(2n) {
color: #727272;
font-family: proxima_nova_rgregular;
font-size: 17px;
}
.approve_cust:hover {
background-color: #2de446;
color: #ffffff;
}
.need_cust:hover {
background-color: #f21b1b;
color: #ffffff;
}
#appli_proof .info figcaption {
float: left;
font-size: 17px;
margin-bottom: 7px;
margin-top: 16px;
width: 100%;
}
.approve_cust {
background-color: #39b54a;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-family: proxima_novasemibold;
font-size: 17px;
margin-right: 21px;
margin-top: 30px;
padding: 11px 75px;
}
.need_cust {
background-color: #ca0a0a;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-family: proxima_novasemibold;
font-size: 17px;
margin-top: 30px;
padding: 11px 37px;
}
.satis h5 {
color: #959595;
font-family: proxima_nova_rgregular;
font-size: 13px;
margin-right: 68px;
margin-top: 20px;
text-align: right;
}
.upper th {
padding: 5px;
width: 273px;
}
.upper th:nth-child(2) {
border-left: 2px solid #b1b1b1;
padding-left: 19px;
width: 201px;
}
.upper th:last-child {
border-left: 2px solid #b1b1b1;
padding-left: 19px;
width: 317px;
}
.upper p {
color: #656565;
font-family: proxima_nova_rgregular;
font-size: 14px;
margin-bottom: 0;
}
.lower select {
border: 2px solid #a5a5a5;
border-radius: 3px;
float: none;
height: 36px;
margin: auto;
width: 138px;
}
.lower td:first-child figure img {
border: 2px solid #afafaf;
height: 53px;
object-fit: scale-down;
width: 51px;
}
.lower {
text-align: center;
}
.choose_place table .lower td select {
background-color: rgba(0, 0, 0, 0);
background-image: url("/img/cho.png");
background-position: 93px center;
background-repeat: no-repeat;
background-size: 7% auto;
content: "";
}
.accordion.new-accord.disclaimer_col p {
overflow: visible !important;
max-height: 100% !important;
}
li.login_user {
display: none !important;
}
.lower p {
color: #656565;
float: left;
font-size: 15px;
margin-bottom: 0;
width: 100%;
}
.lower figcaption {
float: left;
width: 255px;
}
.lower p {
    color: #656565;float: left;font-size: 14px;margin-bottom: 0;width: 100%;
}
.cust_mar {
    float: none;margin: auto;width: 294px;
}
.upper > tr {
float: left;
width: 100%;
}
.pretzel {background-color: #f0f0f0;border: 2px solid #afafaf;border-radius: 3px;color: #717171;
    font-family: proxima_nova_rgregular;font-size: 17px;height: 46px;
    line-height: 46px;margin: auto auto 11px;width: 106px;
}
.choose_place table {
display: inline-table;
float: left;
width: 100%;
}
.choose_place .lower td {
padding: 18px 10px;
}
.logo-gra.cust {
background-color: rgba(0, 0, 0, 0);
border: medium none;
padding: 0;
}
.choose_place thead {
float: left;
margin-bottom: 20px;
width: 100%;
}
.choose_place .lower tr:first-child td:last-child {
display: inline-block;
}
.choose_place .lower tr:first-child td:last-child {
display: inline-block;
float: left;
padding-top: 16px;
position: relative;
width: 100%;
}
.choose_place .lower tr:first-child td:last-child::before {
background-color: #cccccc;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 4px;
width: 98%;
}
/************hooked up section***************/

.light_blue_col {
display: none;
}
.mailinglist-options {
display: none;
float: right;
width: 13%;
margin-top: 5px;
padding-left: 30px;
}
.mailinglist-txt {
margin: 0;
width: 65%;
height: 30px;
padding: 0 12px;
font-size: 14px;
border: 0 solid #000;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
}
.light_blue_col {
background: #0a92ca none repeat scroll 0 0;
float: left;
min-height: 134px;
padding: 0 0 0 4%;
text-align: center;
width: 100%;
}
.light_blue_col h3 {
font-family: proxima_nova_rgbold;
font-size: 31px;
}
.light_blue_col h4 {
font-family: proxima_nova_rgregular;
font-size: 24px;
}
.subscribe_col {
float: left;
margin-top: 10px;
position: relative;
width: 96%;
}
.mailinglist {
padding: 0 30px 0 0;
margin-bottom: 0;
font-size: 14px;
font-style: normal;
}
.mailinglist,
.mailinglist_text {
font-weight: 400;
color: #fff;
line-height: 30px;
}
.mailinglist-form {
max-width: 100%;
float: left;
width: 100%;
position: relative;
background: #fff;
overflow: hidden;
border: 0 solid #536371;
margin-top: 10px;
}
.subscribe_col input {
background: #eef1f4;
border: 2px solid #999;
font-size: 18px;
letter-spacing: .5px;
min-height: 54px;
padding-left: 15px;
width: 100%;
color: #000;
}
.mailinglist-btn {
position: absolute;
width: 78px;
padding: 0;
border: none;
height: 53px;
line-height: 30px;
font-family: allerregular, Arial, Helvetica, sans-serif;
font-size: 14px;
top: 0;
right: 0;
cursor: pointer;
background: #ccc;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/************footer css****************/

footer {
background: #525252;
border-bottom: 20px solid #0070bb;
color: #fff;
padding: 20px 0 0;
float: left;
width: 100%;
}
footer>.m-container {
max-width: 1170px!important;
padding: 0 10px;
width: 100%!important;
}
.m-container {
width: 100%;
max-width: 983px;
height: auto;
margin: 0 auto;
}
footer > .m-container {
max-width: 1170px !important;
padding: 0 10px;
width: 100% !important;
}
.footer_left {
float: left;
width: 100%;
}
.extra-pages {
padding-bottom: 50px;
padding-top: 30px;
}
.foot_grid {
float: left;
width: 20%!important;
}
.extra-pages .f-headers {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid;
color: #ffffff;
display: block;
font-family: proxima_nova_rgbold;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
padding-bottom: 11px;
position: relative;
text-align: left;
text-transform: none;
}
.f-headers::after {
background-color: #0a92ca;
bottom: -3px;
content: "";
height: 6px;
left: 0;
position: absolute;
width: 127px;
}
.foot_grid h1 {
font-size: 26px;
font-weight: bold;
color: #9aa4b2;
text-transform: uppercase;
}
.extra-pages ul {
display: block;
list-style: outside none none;
margin: 23px 0 10px;
padding: 0;
text-align: left;
width: 100%;
}
.extra-pages ul::before {
content: "";
display: table;
}
.extra-pages ul>li {
margin: 0;
padding: 0;
width: 100%;
float: none;
display: block;
vertical-align: top;
line-height: 20px;
}
.extra-pages ul > li > a {
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 31px;
text-decoration: none;
text-transform: none;
}
.trus img {
width: 100%;
}
.copyright {
background-color: #c4c4c4;
padding: 20px 0px;
border-bottom: 20px solid #0070bb;
display: none
}
.copyright p {
color: #4c4c4c;
text-align: center;
font-size: 18px;
}
.mobile-menu {
display: none;
}
.mobile {
display: none ;
}
.que2,
.que1 {
display: none;
}
footer .coupl-2 {
float: left;
width: 100%;
}
footer .coupl-2 > li {
    float: left;margin-bottom: 11px;width: 36%;
}

/*************new popup edit images*******************/

.new-popup h1 {
color: #656565;
font-size: 26px;
margin: 0px;
margin-bottom: 10px;
}
.new-popup h5 {
color: #656565;
font-size: 18px;
width: 100%;
margin-left: 0px;
}
/*******Adjust popup according to the client requirement***********/
.new-popup .modal-content {
padding: 20px 20px 20px;
}
.new-popup .modal .modal-lg {
width: 850px;
margin-top: 16px;
}
.new-popup  .upload_cust{padding: 8px 18px;}
.new-popup .need_cust, .new-popup .approve_cust {
margin-top: 3px;
padding: 8px 43px;
}
/*******End Adjust popup according to the client requirement***********/
.new-popup h5 span {
color: #c71f25;
}
.new-popup .choo_file {
padding-bottom: 0px;
}
.cut-image img {
width: 100%;
}
.cut-image .stich {
text-align: left;
padding-left: 38px;
margin-top: 0px;
}
.cut-image .stich h5 {
font-family: proxima_nova_rgregular;
}
.cut-image .stich p {
font-size: 15px;
}
.img-adjustable .zoom {
font-size: 17px;
font-family: proxima_nova_rgbold;
color: #656565;
text-align: center;
margin-top: 9px;
}
.size {
font-size: 19px;
font-family: proxima_nova_rgregular;
text-align: left;
color: #656565;
margin: 0px;
}
.size span {
font-weight: bold;
}
.cut-image .stich::before {
left: 0px;
}
.right-part h5 {
border-bottom: 2px solid #cdcdcd;
padding: 0;
padding-bottom: 9px;
text-align: left;
margin: 0px 0px 6px;
}
.right-part h5 span {
margin-right: 10px;
display: inline-block;
}
.zoom-out {
margin-left: 8px;
}
.zoom-in img {
width: 29px;
cursor: pointer;
}
.zoom-out img {
width: 27px;
cursor: pointer;
}

/*******round -switch**********/
/* The switch - the box around the slider */

.switch {
position: relative;
display: inline-block;
width: 52px;
height: 17px;
margin-right: 14px;
margin-bottom: -2px;
}
.right-part p {
padding: 6px 0px 11px;
font-size: 17px;
font-family: proxima_nova_rgregular;
text-align: left;
margin-bottom: 3px;
}
/* Hide default HTML checkbox */

.switch input {
display: none;
}
/* The slider */

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 0px;
bottom: 4px;
background-color: #e2e2e2;
-webkit-transition: .4s;
transition: .4s;
top: -6px;
/* box-shadow: 1px 2px 2px red; */

border: 2px solid #bfc3c0;
}
input:checked + .slider {
background-color: #69cb82;
border: 2px solid #ccc;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */

.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.color-chnage table {
width: 100%;
}
.color-chnage table tr {
border-bottom: 2px solid #cdcdcd;
}
.color-chnage table tr td {
padding: 7px 5px;
}
.color-pattern {
width: 50px;
height: 50px;
border: 2px solid #b8b8b8;
background: #fff;
}
.blue {
background: #0c59cf;
}
.red {
background: #c62828;
}
.black {
background: #000000;
}
.delete {
color: #fff;
background-color: #c71f25;
text-align: center;
font-size: 16px;
font-family: proxima_nova_rgregular;
border: none;
}
.edit {
color: #fff;
background-color: #fbaf43;
text-align: center;
font-size: 16px;
font-family: proxima_nova_rgregular;
border: none;
}
.upload_cust span {
margin-right: 5px;
}
.delete:hover {
opacity: 0.8;
background-color: #c71f25;
}
.edit:hover {
opacity: 0.8;
background-color: #fbaf43;
}
.upload_cust:hover {
color: #fff;    
border: none;
}
.yellow-btn {
background-color: #fbaf43;
}
.save-btn {
background-color: #5cb85c;
font-size: 20px;
margin-top: 19px;
border: none;
}
.save-btn:hover {
background-color: #5cb85c;
opacity: 0.8;
 border: none;
}
.popup-page{display:none;}
.btn-area {
width: 100%;
margin-top: 3px;
margin-left: 10px;
}

.new-right-ver .choose_logo .mar_top .blue_color {
    background-color: #337ab7 !important;
}

.btn-modify {
background-color: #D4D4D4 !important;
border-radius: 3px;
color: #fff;
font-family: proxima_nova_rgregular;
font-size: 12px;
padding: 4px 10px;
border: none;
font-weight: lighter;
}
.new-upload-area{position:relative;}
.new-upload-area .proof_cust {
position: absolute;
right: 35px;
width: auto;
top: 27px;
}
.new-upload-area  .note_cust {
margin-top: 0;
padding-top: 12px;
}
.new-upload-area > h4{margin-bottom:0px; border-bottom:none;}
/*****left step progress*******/
.StepProgress {
position: relative;
padding-left: 45px;
list-style: none;
font-family: proxima_nova_rgregular;
}
.StepProgress::before {
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 19px;
width: 10px;
height: 100%;
border-left: 2px solid rgb(208,208,208);
}
.StepProgress-item {
position: relative;
counter-increment: list;
font-family: proxima_nova_rgregular;
padding-left:3px;
}
.StepProgress-item:not(:last-child) {
padding-bottom: 32px;
}
.StepProgress-item::before {
display: inline-block;
content: '';
position: absolute;
left: -26px;
height: 100%;
width: 10px;
}
.StepProgress-item::after {
content: counter(list);
display: inline-block;
position: absolute;
top: -1px;
left: -37px;
width: 25px;
height: 25px;
border: 2px solid #CCC;
color:#fff;
border-radius: 50%;
background-color: rgb(212,212,212);
text-align:center;
}
.StepProgress-item.is-done::before {
border-left: 2px solid rgb(208,208,208);
}
.StepProgress-item.is-done::after {
content: "✔";
font-size: 13px;
color: #FFF;
text-align: center;
border: 2px solid rgb(91,190,17);
background-color: rgb(91,190,17);
font-family: proxima_nova_rgregular;
line-height:25px;
}
.StepProgress-item.current::before {
border-left: 2px solid rgb(208,208,208);
}
.StepProgress-item.current::after {
content: counter(list);
padding-top: 1px;
width: 25px;
height: 25px;
top: -4px;
left: -37px;
font-size: 14px;
text-align: center;
color:#fff;
border: 2px solid rgb(12,145,202);
background-color: rgb(12,145,202);
font-family: proxima_nova_rgregular;
}
.StepProgress strong {
display: block;
}
.login_reg1{
background-color: #ffffff;
border: 2px solid #ececec;
padding: 20px 9px 15px;
}
.login_reg1 li a{color:#000000; text-transform:uppercase; font-size: 13px; font-family: proxima_nova_rgregular;}
.StepProgress-item.is-done a{color:#7d7d7d;}
.StepProgress-item.current a{color:#0a93ca; font-size:16px; font-family: proxima_nova_rgbold;}
.small-txt{font-size:13px!important;}
.new-ver  figure{margin-top:3px; margin-left:2px;}
.new-ver table td figcaption{margin-top:0px;}
/*.new-ver  .stich{margin-top:5px; padding-left: 23px;} 11 may 2018 */
.new-ver  tr td:first-child::after {
height: 73px;
top: 16px;
}
.new-right-ver .logo_next.desktop{margin-top: 0px;}
.accordion > div.active p{padding:0px 0px 11px 0px;}
.accordion-button > h3{border-top:none;}
.new-right-ver .logo_next.desktop > a {
font-size: 23px;
padding: 13px 137px;
display: inline-block;
margin-top: 0;
}
a.search_mob {
display: none;
}
.new-right-ver .stich{padding-top:0;     padding-left: 4px;}
.new-right-ver .stich::before{top:3px; left: -32px;}
.new-right-ver .choose_logo .mar_top{    padding-top: 30px;}
.mar_top::before{
height: 73px;
top: 9px;
}
.new-right-ver  .table h5 {margin:6px 0px 4px; font-weight:bold;}
.upload_file ul li p span{margin-right:10px;}
.new-accord .accordion-marker{margin-top:-4px}
.new-right-ver .mar_top::before {
left: -26px;
}
.new-right-ver .upload_file li:first-child{width:72%;}
.new-right-ver .upload_file li:nth-child(2){width:20%;}
.new-right-ver .upload_file li:last-child{width:26%;}
.new-right-ver .upload_file li figure {
width: 62px;
height: 62px;

position: absolute;
border: 2px solid #a5a5a5;
background: #F0F0F0;
padding: 10px;
overflow: hidden;
display: -webkit-box;      
display: -moz-box;        
display: -ms-flexbox;     
display: -webkit-flex;    
display: flex; 
align-items: center;
justify-content: center;
background-image: url(https://logoup.com/assets/templates/logoup_working_theme-html5/images/Checkered.png);
    background-size: 400px;
}
.upload_file .modal-content.cust-png {
    background-image: url(https://logoup.com/assets/templates/logoup_working_theme-html5/images/Checkered.png);
    background-size: 100%;
    }
.new-right-ver .upload_file li figure img{width:100%;    margin-top: 0px;
    width: 100%;
    height: auto;
    max-width: 40px;
    max-height: 40px;
       
}
.left-padding {
width: 100%;
/*position: relative;*/
padding-left: 78px;
}
.modification-popup .modal-content{width:100%;}
.modification-popup .cho_iner{width:100%; }
.modification-popup label{font-size:17px; font-weight:normal; margin-bottom:10px; text-align:left;}
.modification-popup .btn-default{float:right; margin-right:0px;}
/*************responsive css**********************/
.choose_place tbody td:nth-child(2) figure img {
margin-top: 6px;
height: 100%;
width: 100%;
}
.upload_file ul {
border: 2px solid #a5a5a5;
float: left;
margin-bottom: 30px;
padding: 30px 0 30px 20px;
width: 100%;
}
.new-right-ver .upload_file li .checkboxFive input, .new-right-ver .upload_file li .checkboxFive label {
display: inline-block;
vertical-align: middle;
}
.proof_cust input {
bottom: 0;
height: 40px;
left: 0;
opacity: 0;
position: absolute;
width: 174px;
cursor: pointer;
}
.logo-gra tr td {
    padding: 15px !important;
}
#form2 ul:last-child {
margin-bottom: 0;
}
.choose_place tbody td:nth-child(2) figure img {
margin-top: 0px;
width: 100%;
height: auto;
  max-width: 40px;
 max-height: 40px;
}
.logo-gra tr td.no-border:first-child::after {
display: none;
}
.logo_next.logo_next1 a {
display: inline-block;
padding: 9px 57px;
}
.logo_next.logo_next1 {
margin-bottom: 10px;
text-align: right;
}
.hide{display:none;}
@media screen and (max-width: 1200px) {
td .upload_cust {
font-size: 16px !important;
padding: 8px 18px;
}
/*   .logo-gra table td figcaption {
margin-left: 110px;
}*/

.accordion-marker {
font-size: 26px;
width: 12px;
}
.login_reg li {
line-height: 43px;
padding-left: 11px;
}
.login_reg a {
font-size: 14px;
}
.table p {
font-size: 14px;
}
.modal .modal-lg {
width: 100%;
}
.back_cust,
.next_cust {
padding: 7px 33px;
}
.btn-modify{    padding: 4px 7px !important;
    font-size: 13px !important;}
.small-txt {
font-size: 12px!important;
}
.mid_section .uploap_logo > h3 {
 font-size: 21px;
 margin-bottom: 3px;
float: left;
text-align: left;
margin-top: 10px;
}
.new-upload-area > h4 {
margin-bottom: 0px;
border-bottom: none;
font-size: 15px;
text-align: left !important;
width: 290px;
}
.new-right-ver .choose_logo .mar_top {
padding-top: 19px;
}
.upload_file ul li p {
    font-size: 14px;
    }
    .new-ver table td figcaption {
    margin-top: 5px;
}
}
.mobile-steps{display:none;}
@media screen and (max-width: 800px) {.new-popup .modal .modal-lg{width:100%;}}

@media screen and (max-width: 767px) {
.tool-thread {
    display: none;
}
.add-customblade {
    margin-top: 15px;
}
.thread-popup {
    display: block !important;
    margin-bottom: 4px;
}
.tool-thread .tooltiptext {
    left: 0;    text-align: left;
}
.tool-thread .tooltiptext::after {
    left: 12px;
    right: unset !important;
}
.thread-popup .tool-thread {
    display: inline-block;
    float: none;
    width: 100%;
    font-size: 11px;
}
.logo-switch {
    margin-top: 0px !important;
}
.upload_file ul {

margin-bottom: 30px;
padding: 15px 15px 15px 15px;
}
.modification-popup .cho_iner{padding:10px; overflow: auto;}
.mobile-steps{display:block;}

.proof_cust .btn.btn-primary {
font-size: 14px;
height: 40px;
width: 106px;
}
.proof_cust input {
top: 0;
right: 0;
left: 0;
margin: 0 auto !important;
width: 100%;
}
.popup-page{display:block;}
.new-upload-area .proof_cust .mobile{margin: auto;
margin-bottom: auto;
margin-bottom: 20px;}
.btn-margin{margin-top:24px;}
.new-ver .mar_top {
padding-top: 17px;
}

.modal-content > h5 {
margin-left: 10px;
}
.mobile-menu {
display: block;
position: absolute;
width: 23px;
top: 18px;
}
.link-menu {
display: none;
}
.search-bar-area .search_bar .hasPlaceholder {
border: none;
box-shadow: none;
}
.search-bar-area .search_bar button {
background: none !important;
border: none !important;
border-radius: 0;
color: #f00;
}
.text_my_account,
.start_chat {
display: none;
}
.text_col_midle {
padding: 0;
}
.mid_section {
background-color: #fff;
}
.top_nav {
display: none;
}
.mid_section h3 {
margin-bottom: 0;
text-align: center;
margin-top: 11px;
padding: 0px 47px;
}
.mobile-steps p {
    padding: 10px;
    background-color: #afafaf;
    color: #fff;
    margin-bottom: 0px;
    text-align: center;
}
.mobile-steps p b {
    font-weight: normal;
}
.login_reg {
display: none;
}
.mobile-hide {
display: none;
}
.create_account,
.exist_cust {
padding: 15px;
border: none;
}
.mid_section {
padding: 0px 0 0px;
}
.accordion {
background-color: #f0f0f0;
}
.create_account p {
border-bottom: 1px solid #d9d9d9;
font-size: 28px;
text-align: center;
padding-bottom: 12px;
}
.exist_cust {
border-top: 2px solid #a5a5a5;
}
.create_account {
border-top: 2px solid #a5a5a5;
}
.light_blue_col h3 {
text-align: center;
}
.light_blue_col h4 {
text-align: center;
}
.light_blue_col {
padding: 46px 1% 46px;
}
.mailinglist {
padding: 0;
}
.foot_grid {
width: 50% !important;
}
.foot_grid:last-child {
width: 100% !important;
text-align: center;
}

footer {
display: block !important;
}
.copyright {
display: block;
}
.logo_col {
width: 126px;
left: 21px;
}
/******step2*********/

.logo-gra {
border: none;
padding: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
}
.upload-disclamir {
margin-top: 10px;
font-size: 12px;
text-align: center;
}
.table-responsive {
border: none;
}
.logo-gra tr td:first-child::after {
background-color: transparent
}
.mar_top::before {
background-color: transparent
}
.stich {
padding-left: 26px;
}
.stich::before {
left: -2px;
top: 0px;
width: 24px;
background-size: 24px;
height: 23px;
}
.logo-gra h4 {
text-align: left;
width: 70%;
float: left;
font-size: 14px;
margin-top: 5px;
margin-bottom: 11px;
}
.logo-gra h3 {
    float: left;
    font-size: 19px;
    margin-bottom: 0;
    margin-top: 18px;
    width: auto;
    text-align: left;
    margin-bottom: 5px;
}
.cust-borp .logo-gra h3 {
    margin-top: 0px;margin-bottom: 0;
}
.title_col_choose {
width: 100%;
}
/*.inner_main {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
.mobile-2-box {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
.mobile-1-box {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}*/

.accordion-button h3 {
text-align: left;
}
.main-heading {
padding-bottom: 14px !important;
}
.mid_section h3 {
padding: 0px 0px;
}

.proof_cust > h5 {
margin-left: 40px;
margin-right: 12px;
}
.uploap_logo > p::before {
left: 0;
width: 43%;
}
.uploap_logo > p::after {
right: 0;
width: 43%;
}
.uploap_logo > p {
width: 99%;
}
.proof_cust h2 {
width: 77%;
display: inline-block;
}
.radi > span {
font-size: 19px;
height: 32px;
line-height: 29px;
width: 32px;
}
.proof_cust .btn {
margin-left: 0px;
margin-top: 8px !important;
}
.proof_cust h2 {
margin-left: 6px;
margin-top: 3px;
}
/*.uploap_logo {
margin-top: 0;
padding-top: 12px;
padding-left: 0px;
}*/
.uploap_logo h4 {
text-align: center;
}
.bs-example-modal-lg.popup-page {
display: none;
}
div#hiddenSection {
padding-bottom: 0px !important;
margin-bottom: 0px;
}
/************mobile popup display***********/

.modal-dialog {
position: relative;
width: auto;
margin: 0;
}
.cho_iner {
width: 100%;
}
.proof_cust .modal-content {
padding: 20px;
}
.desktop {
display: none !important;
}
.mobile {
display: block;
}
.popup-page .modal-content {
border: none !important;
box-shadow: none !important;
}
.popup-page h5 {
font-size: 17px !important;
margin-left: 33px !important;
width: 92% !important;
}
.popup-page h1 {
font-size: 38px;
font-weight: 600;
text-align: center;
color: #656565;
}
.bs-example-modal-lg.popup-page {
display: block;
}
section.mid_section.cust-borp .logo-gra td:first-child {
    display: block;
    border-bottom: 2px solid #cccccc;
    width: 100% !important;
}
.upload_file > p {
text-align: left;
line-height: 20px;
margin-bottom: 10px;
}
.upload_file > ul {
padding: 15px;
}
.upload_file li {
width: 50%;
}
.upload_file li:first-child {
border-bottom: 0px solid #cccccc;
    padding-bottom: 0px !important;
}
.new-right-ver .upload_file li:first-child {
    width: 100% !important;
}
.cust-borp .upload_file li:first-child {
    border-bottom: 2px solid #cccccc;
    padding-bottom: 15px !important;
}
#appli_proof .info li,
#add_info .info li {
width: 100%;
}
.choose_place {
padding: 10px;
width: 100%;
border: none;
}
#appli_proof .info > ul {
padding: 0;
}
.info > figure {
width: 100%;
}
.info > figcaption {
width: 46%;
}
.right_side {
width: 46%;
}
.choose_place h4 {
text-align: center;
}
.choose_place h3 {
padding: 0px 12px 11px;
}
.small-heading1 {
font-size: 17px !important;
text-align: left !important;
}
.lower p {
font-size: 17px;
width: 100%;
text-align: left;
}
.lower td:first-child {
width: 100%;
display: block;
border-bottom: 2px solid #cccccc;
height: auto;
min-height: 111px !important;
}
.big-font {
font-size: 35px !important;
border-bottom: 2px solid #cdcdcd;
line-height: 42px;
display: inline-block;
padding-bottom: 13px !important;
}
center .need_cust {
padding: 11px 27px;
width: 47%;
}
center .approve_cust {
padding: 11px 47px;
width: 47%;
}
.size {
width: 46%;
float: left;
margin-top: 18px;
}
.cut-image .stich {
width: 48%;
float: left;
}
.new-popup .popup-page h5 {
font-size: 17px !important;
margin-left: 0px !important;
width: 100% !important;
}
.search-bar-area .search_bar svg path{fill:#f00;}
.search-bar-area .search_bar button{right:-37px;}
.cart_col {
top: -11px;
}
.approve_cust ,.need_cust {
font-size: 16px;
margin-right: 0;
padding: 6px 23px;
}
.satis > p:nth-child(2n+1) ,.satis > p{line-height:23px; margin-bottom:0px;}
.login_reg1{display:none;}
.mid_section {
    display: inline-block !important;
    vertical-align: top;
    line-height: normal;
}
}
.modi_col {
border: 1px solid #d9dad9;
background: #d9dad9;
color: #fff;
border-radius: 3px;
margin-top: 6px;
font-size: 12px;
padding: 5px 12px;
}
.new_rps_col .lower tr:first-child td:last-child {
display: table-cell !important;
float: none !important;
width: auto !important;
}
.left_drop_col {
width: 100%;
float: left;
display: inline-block;
margin-bottom: 18px;
}
.new_rps_col .lower td {
vertical-align: top;
}
.left_drop_col > figure {
    float: left !important;
    margin-right: 10px !important;
    height: 64px !important;
}
.new_rps_col table .lower td select {
background-position: 100% center !important;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;

}
.left_drop_col .sel_col {
    float: left;
    width: calc(100% - 85px);
}
.left_drop_col .sel_col select{
float: left;
width: 100%;
}
.sel_col h6 {
text-align: left;
margin-top: 0;
margin-bottom: 6px;
}
.left_drop_col.accord_col a {
background: #e6e6e6;
display: block;
text-align: left;
padding: 10px 15px;

color: #959595;
}
.left_drop_col.accord_col a i{
color: #000000;
}
.card.card-body {
background: #fff;
padding: 15px;
overflow: hidden;
border: 1px solid #767676;
border-top: none;
position: relative;
top: -1px;
padding-top: 0;
}
.drop_box_rps {
    text-align: left;
    padding-right: 28px;
    color: #8e8e8e;
    width: 100%;
    padding-left: 28px;
}
.drop_box_rps select {
    width: 98.5%;
}
.drop_box_rps select {
background-size: 8% auto !important;
}
.card.card-body ul {
    margin: 0;
    list-style: none;
    text-align: left;
    padding-left: 0;
    display: inline-block;
    width: 100%;
} 
.card.card-body ul li h5 {
    float: left;
    font-size: 18px;
    color: #8e8e8e;
    margin-right: 3px;
    min-width: 25px;
}
.card.card-body ul li {
margin-top: 10px;
float: left;
    width: 100%;
/*width: 310px;*/
}
.card.card-body ul li input {
    float: left;
    color: #8e8e8e;
    margin-right: 10px;
    border: 1px solid #ccc;
    width: 82%;
    height: 40px;
    padding-left: 10px;
    font-size: 15px;
}
.new_rps_col .upper .logo_next > a {
padding: 9px 46px !important;
float: right;
}
.new_rps_col .lower tr:first-child td:last-child::before{
background: none;
}
.new_rps_col .upper th {
display: inline-block;
width:auto !important;
}
.new_rps_col .upper th:last-child {
border-left: none;
padding-left: 0;
float: right;
}
.new_rps_col .upper th:nth-child(2) {
border-left: none;
}
.new_rps_col .lower figcaption {
text-align: left;
}
.qnty_col input {
border: 2px solid #a5a5a5;
border-radius: 3px;
float: none;
height: 36px;
margin: auto;
width: 70px;
padding-left: 10px;
margin-top: 0px;

}
.qnty_col span a {
color: #c71f25;
margin-left: 5px;

}
.sel_col input {
border: 2px solid #a5a5a5;
border-radius: 3px;
float: none;
height: 36px;
margin: auto;
width: 100%;
padding-left: 10px;
margin-top: 6px;

}
.drop_box_rps input {
border: 2px solid #a5a5a5;
border-radius: 3px;
float: none;
height: 36px;
margin: auto;
width: 100%;
padding-left: 10px;
margin-top: 6px;

}
#other_col1, #other_col2, #other_col3, #other_col4{
display: none;
}
#other_col1a, #other_col2a, #other_col3a, #other_col4a{
display: none;
}
#other_col1b, #other_col2b, #other_col3b, #other_col4b{
display: none;
}
#other_col1c, #other_col2c, #other_col3c, #other_col4c{
display: none;
}
.qnty_col select {
border: 2px solid #a5a5a5;
border-radius: 3px;
float: none;
height: 36px;
margin: auto;
width: 100%;
padding-left: 10px;
}
.qnty_col {
margin-top: 20px;
float: left;
width: 100%;
}
.fees_col {
padding: 0;
list-style: none;
}
.fees_col li {
border-bottom: 1px solid #e7e7e7;
float: left;
width: 100%;
margin-bottom: 5px;
padding-bottom: 5px;
}
.fees_col li:last-child{
border: none;
}
.fees_col .list_fees_col h5 {
color: #333;
display: block;
float: left;
font-family: proxima_nova_rgregular;
font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
margin-top: 9px;
padding-left: 0;
padding-top: 0;
position: relative;
width: 100%;
}
.fees_col .list_fees_col h5 span {
color: #18b3f3;
font-family: proxima_nova_rgbold;
float: right;
text-align: right;
}
.fees_col .list_fees_col h5 span i {
    background: #18b3f3;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    position: relative;
    top: 0px;
    left: 5px;
}
.left_drop_col {
position: relative;
}
.remove_col {
position: absolute;
left: -25px;
top: 20px;
}
.remove_col a {
color: #fff;
background: #c71f25;
width: 20px;
display: block;
height: 20px;
border-radius: 100%;
}
.remove_col a:hover {
background: #333;
}
.mob-menu {
display: none;
-webkit-transition: right .3s ease-out;
-moz-transition: right .3s ease-out;
-ms-transition: right .3s ease-out;
-o-transition: right .3s ease-out;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)!important;
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)!important;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)!important;
position: fixed;
left: 0;
background: #fff;
width: 290px;
height: 100%;
text-align: left;
padding-bottom: 15px;
overflow-x: hidden;
overflow-y: scroll;
z-index: 9;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
right: 0;
transition: .5s;
padding-top: 95px;
top: 0
}
.modal-header .close span {
    font-size: 30px;
}
.modal-header .close {
    margin-top: 0;
    position: absolute;
    right: 19px;
    top: 13px;
}
@media (max-width:1024px) {
.select-des p.sizeheight {
    width: 100% !important;
}
.mob-menu {
display: block
}
}

.mob-menu.open {
left: 0;
top: 0;
transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transition: .5s
}

.mob-menu .mob-menu-close {
color: #fff;
font-size: 28px;
line-height: 1;
text-align: right;
padding-left: 12px;
padding-right: 12px;
margin: 10px auto
}

.mob-menu .mob-menu-close i {
cursor: pointer
}

.mob-menu .mob-menu-mod {
color: #fff;
margin-bottom: 30px
}

.mob-menu .mob-menu-mod .mob-mod-heading {
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 10px 20px;
line-height: 24px;
border-bottom: 0 solid #536371;
background: #536371;
font-size: 18px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 700;
font-style: normal;
display: none
}


.mob-menu ul li.subcat {
display: none
}

#mob-cats li a span.iocns {
background-image: url(../images/mob-menu-iocns.png);
background-position: center 0;
background-repeat: no-repeat;
background-size: 30px auto;
float: left;
height: 31px;
margin-right: 8px;
position: relative;
top: -5px;
width: 40px
}

#mob-cats li a span.iocns.ship {
background-position: center -40px!important
}

#mob-cats li a span.iocns.outlet {
background-position: center -85px!important
}

#mob-cats li a span.iocns.new {
background-position: center -128px!important
}



.mob-menu ul li.inner-drop>ul {
display: none
}

.mob-menu ul li.inner-drop>a {
text-transform: uppercase
}



.mob-menu li.inner-drop>a::after {
content: "";
float: right;
font-family: FontAwesome
}

.mob-menu li.inner-drop.open>a::after {
content: "";
float: right;
font-family: FontAwesome
}

.mob-menu ul li a:hover {
color: #536371;
background: #fff
}

.mob-menu ul li a:before {
display: none;
content: normal;
margin-right: 0
}

.mob-menu .welcome-msg {
padding-left: 20px;
padding-right: 20px;
text-align: left;
color: #fff;
font-size: 14px
}

.mob-menu .welcome-msg a {
color: #fff;
text-decoration: underline;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-ms-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease
}

#mobile-searchBox .search-btn,
.search-btn {
-o-transition: all .3s ease;
right: 0;
cursor: pointer
}

.mob-menu .welcome-msg a:hover {
color: #fff;
text-decoration: underline
}

.mob-menu-bar {
display: none;
padding-top: 10px;
padding-bottom: 10px;
text-align: right
}

.mob-menu-bar>div {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
font-size: 28px;
cursor: pointer;
color: #fff
}

.dropdown .filter-heading>span,
.dropdown .filter-heading>span>a {
font-family: allerregular, Arial, Helvetica, sans-serif;
font-size: 12px
}

.mob-menu-bar>div:hover {
background: #536371;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}

.inner-drop.open > a {
color: rgb(201,40,47);
}
.mob-menu-mod .open .fa.fa-minus {
color: #000000;
}
.mob-menu li.inner-drop.open > ul {
background-color: #dfdfdf;
display: block;
}
[class*=" icon-"]:before,
[class^=icon-]:before {
color: #c81f24
}

.mob-menu ul li a:hover {
background: #ebebeb none repeat scroll 0 0;
border-left: 4px solid #c82128;
color: #536371;
}
.mob-menu .inner-drop.open > ul li a {
border-bottom: medium none;
}
.mob-menu ul li a, .mob-menu ul li.inner-drop > ul li a {
color: #363636;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 24px;
padding: 15px 20px 15px 45px;
text-decoration: none;
text-transform: capitalize;
}
.mob-menu-mod ul li a img {
margin-right: 25px;
}

.mob-menu li a span {
color: #c71f25;
float: right;
}
.mob-menu ul, .mob-menu ul > li {
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
}

.mob-menu ul li a:hover .multiple_img1 {
background-position: 0 -21px;
}
.multiple_img1 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
height: 20px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 20px;
}
.multiple_img2 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: 0 185px;
height: 20px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 20px;
}
.mob-menu ul li a:hover .multiple_img2 {
background-position: 0 163px;
}

.mob-menu ul li a:hover .multiple_img3 {
background-position: 0 110px;
}
.multiple_img3 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: 0 131px;
height: 21px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 24px;
}
.multiple_img4 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: 0 88px;
height: 21px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 24px;
}
.mob-menu ul li a:hover .multiple_img4 {
background-position: 0 65px;
}
.multiple_img5 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: 0 38px;
height: 21px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 24px;
}
.mob-menu ul li a:hover .multiple_img5 {
background-position: 0 17px;
height: 17px;
}
.multiple_img6 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: -33px -1px;
height: 21px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 24px;
}
.mob-menu ul li a:hover .multiple_img6 {
background-position: -33px -24px;
height: 17px;
}
.multiple_img7 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: -37px -47px;
height: 21px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 20px;
}
.mob-menu ul li a:hover .multiple_img7 {
background-position: 19px -70px;
}
.multiple_img8 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: -92px -91px;
height: 22px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 17px;
width: 20px;
}
.mob-menu ul li a:hover .multiple_img8 {
background-position: 20px -113px;
}
.multiple_img9 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: -92px -142px;
height: 17px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 20px;
}
.mob-menu ul li a:hover .multiple_img9 {
background-position: -36px -159px;
}

.multiple_img10 {
background-image: url("/assets/templates/logoup_working_theme-html5/css/images/multipul_img.png");
background-position: -92px -179px;
height: 22px;
left: 12px;
margin-right: 22px;
position: absolute;
top: 21px;
width: 20px;
}
.mob-menu ul li a:hover .multiple_img10 {
background-position: -36px -197px;
}

.mob-menu ul li a:hover .multiple_img10 {
background-position: -36px -201px;
}
.inner-drop.open .multiple_img3 {
background-position: 0 -120px;
}
.inner-drop.open .multiple_img1 {
background-position: 0 -21px;
}
.inner-drop.open .multiple_img2 {
background-position: 0 163px;
}

.mob-menu .inner-drop.open > a {
background-color: #ebebeb;
border-left: 4px solid #c82128;
}
.mobile_footer {
display: none;
}
.mobile_sale_products {
display: none;
}
.light_blue_col .subscribe_col {
float: left;
margin-top: 28px;
position: relative;
width: 533px;
}

.light_blue_col h3 {
color: #ffffff;
font-family: proxima_nova_rgbold;
font-size: 20px;
text-align: left;
}
.light_blue_col h4 {
color: #ffffff;
font-family: proxima_nova_rgregular;
font-size: 13px;
line-height: 20px;
text-align: left;
}

.light_blue_col .mailinglist-box .ne_signup {
border-bottom: medium none;
float: left;
margin-top: 0;
padding-top: 10px;
position: relative;
width: 100%;
}
.light_blue_col .ne_signup > ul {
float: left;
margin: auto;
width: 100%;
}

.ne_signup ul li {
display: inline-block;
float: left;
list-style: outside none none;
margin-right: 0;
}
.light_blue_col .subscribe_col input {
-moz-appearance: none;
background-color: #ffffff;
background-image: url("../images/mesg_img.png");
background-position: 15px center;
background-repeat: no-repeat;
background-size: auto auto;
border: 2px solid #0a92ca;
border-radius: 4px;
font-family: proxima_nova_rgregular;
font-size: 14px;
font-style: normal;
height: 56px;
padding-left: 48px;
position: relative;
text-transform: capitalize;
width: 490px !important;
max-width: 100% !important;
}
.light_blue_col .go_sign {
background-color: #c71f25;
border: 1px solid #c71f25;
border-radius: 0 3px 3px 0;
color: #ffffff;
float: left;
font-family: proxima_novasemibold;
font-size: 23px;
height: 52px;
line-height: 48px;
position: absolute;
right: 0;
text-align: center;
text-transform: capitalize;
top: 12px;
width: 85px;
}

.back_colo {
background-color: #087dae;
height: 134px;
padding-right: 5%;
padding-top: 40px;
}
.block_right_content h5 a {
color: #ffffff;
font-size: 18px;
}

.light_blue_col .block_right_content h3 {
color: #ffffff;
font-family: proxima_nova_rgregular;
font-size: 14px;
text-align: left;
}

.subscribe_col select {
-moz-appearance: none;
background-color: #fff !important;
border: 2px solid #0a92ca;
border-radius: 2px;
font-family: proxima_novalight;
font-size: 16px;
font-style: italic;
height: 56px !important;
padding-left: 10px;
text-transform: capitalize;
width: 266px !important;
}
.subscribe_col input {
-moz-appearance: none;
background-color: #fff;
border: 2px solid #0a92ca;
border-radius: 2px;
font-family: proxima_novalight;
font-size: 16px;
font-style: italic;
height: 56px !important;
padding-left: 10px;
text-transform: capitalize;
width: 266px !important;
}
/*.light_blue_col input, select {
-moz-appearance: none;
background-color: #ebecee;
border: 2px solid #0a92ca;
border-radius: 2px;
font-family: proxima_novalight;
font-size: 16px;
font-style: italic;
height: 56px;
padding-left: 10px;
text-transform: capitalize;
width: 266px;
}*/
.light_blue_col select {
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/indus.png") ;
background-position: 217px center !important;
background-repeat: no-repeat;
background-size: 12% auto;
content: "";
}
.light_blue_col input, select {
background-color: #ebecee !important;
color: #000000;
-webkit-appearance: none;
}
/*new footer*/


footer {
background: #525252;
border-bottom: 20px solid #0070bb;
color: #fff;
padding: 20px 0 0;
float: left;
width: 100%
}

.extra-pages ul > li > a {
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 31px;
text-decoration: none;
text-transform: none;
}

.extra-pages .f-headers {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid;
color: #ffffff;
display: block;
font-family: proxima_nova_rgbold;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
padding-bottom: 11px;
position: relative;
text-align: left;
text-transform: none;
}

.f-headers::after {
background-color: #0a92ca;
bottom: -3px;
content: "";
height: 6px;
left: 0;
position: absolute;
width: 127px;
}
.extra-pages ul {
display: block;
list-style: outside none none;
margin: 23px 0 10px;
padding: 0;
text-align: left;
width: 100%;
}

.light_blue_col {
background: #0a92ca none repeat scroll 0 0;
float: left;
min-height: 134px;
padding: 0 0 0 4%;
text-align: center;
width: 100%;
}

.left-hed_cust {
float: left;
padding-top: 27px;
width: 190px;
}
.light_blue_col .subscribe_col {
float: left;
margin-top: 28px;
position: relative;
width: 533px;
}

.light_blue_col h3 {
color: #ffffff;
font-family: proxima_nova_rgbold;
font-size: 20px;
text-align: left;
}
.light_blue_col h4 {
color: #ffffff;
font-family: proxima_nova_rgregular;
font-size: 13px;
line-height: 20px;
text-align: left;
}

.light_blue_col .mailinglist-box .ne_signup {
border-bottom: medium none;
float: left;
margin-top: 0;
padding-top: 10px;
position: relative;
width: 100%;
}
.light_blue_col .ne_signup > ul {
float: left;
margin: auto;
width: 100%;
}

.ne_signup ul li {
display: inline-block;
float: left;
list-style: outside none none;
margin-right: 0;
}
.light_blue_col .subscribe_col input {
-moz-appearance: none;
background-color: #ffffff;
background-image: url("../images/mesg_img.png");
background-position: 15px center;
background-repeat: no-repeat;
background-size: auto auto;
border: 2px solid #0a92ca;
border-radius: 4px;
font-family: proxima_nova_rgregular;
font-size: 14px;
font-style: normal;
height: 56px;
padding-left: 48px;
position: relative;
text-transform: capitalize;
width: 490px !important;
max-width: 100% !important;
}
.light_blue_col .go_sign {
background-color: #c71f25;
border: 1px solid #c71f25;
border-radius: 0 3px 3px 0;
color: #ffffff;
float: left;
font-family: proxima_novasemibold;
font-size: 23px;
height: 52px;
line-height: 48px;
position: absolute;
right: 0;
text-align: center;
text-transform: capitalize;
top: 12px;
width: 85px;
}

.back_colo {
background-color: #087dae;
height: 134px;
padding-right: 5%;
padding-top: 40px;
}
.block_right_content h5 a {
color: #ffffff;
font-size: 18px;
}

.light_blue_col .block_right_content h3 {
color: #ffffff;
font-family: proxima_nova_rgregular;
font-size: 14px;
text-align: left;
}

.left_blocks {
float: left;
margin-right: 20px;
margin-top: 10px;
}

.block_grids .hover, .block_grids:hover .on-hover {
width: 36px;
}
.left_blocks {
float: left;
margin-right: 20px;
margin-top: 10px;
}
footer .coupl-2 {
float: left;
width: 100%;
}
footer .coupl-2 > li {
float: left;
margin-bottom: 11px;
width: 36%;
}

@media (min-width:320px) and (max-width:767px) {
.modal-header .close {
    top: 8px;
}
.light_blue_col {
padding: 0 0 0 0%;
}
.uploap_logo {
 margin-top: 6px;
 }
.title_col_choose {
    width: 60%;
    text-align: left;
    float: left;
    padding-left: 5px;
}
.cust-borp .logo-gra h3 {
    margin-top: 0px;
    font-size: 19px;
    text-align: left;
}
.logo-gra .title_col_choose h4 {
    text-align: left;
}
#myaccount .logo-gra td:first-child {
  border-bottom: medium none transparent;
}

.logo-gra .pagination {
border-radius: 4px;
display: inline-block;
float: left;
margin: 20px 0;
padding-left: 0;
text-align: center;
width: 100%;
}
.new-right-ver .stich {
    padding-top: 0;
    padding-left: 5px;
    }
.new-right-ver .stich::before {
top: 3px;
left: 0;
}    
.light_blue_col h4 {
font-size: 13px;
line-height: 20px;
margin-bottom: 0;
text-align: center;
}
.light_blue_col h3 {
font-size: 20px;
text-align: center;
}
.left-hed_cust {
float: left;
padding-top: 0;
text-align: center;
width: 100%;
}
.light_blue_col .subscribe_col input {
font-size: 12px;
padding-left: 38px;


}
.light_blue_col .mailinglist {
margin-bottom: 0;
}
.back_colo {
height: auto;
}
.center_grid {
text-align: left;
}
.block_grids .hover, .block_grids:hover .on-hover {
width: 36px;
}
.back_colo {
height: auto;
padding-bottom: 11px;
}

.upload_file ul li p {
color: #737373;
font-family: proxima_nova_rgregular;
font-size: 12px;
line-height: 19px;
margin-bottom: 0;
}

.new-right-ver .choose_logo .mar_top {
padding-top: 2px;
}
.new-table .btn-area {
margin-top: -4px;
width: auto;
float: right;
}
.new-table .checkboxFive {
font-size: 14px !important;
position: relative;
width: auto;
float: left;
padding-left: 20px;
}
.new-table .mar_top .checkboxFive {
width: auto !important;
}
.new-table .checkboxFive label {
left: 5px;

}
.logo-gra table td {
width: 100% !important;
float: left;
}
.new-table td.noContent {
padding: 0px !important;
}
.logo-gra .title_col_choose h4 {
font-size: 14px;
margin-bottom: 0;
width: 100%;

margin-top: 0px;
}

.new-table .table {
margin-bottom: 0px;
}
.logo-gra tr {
margin-bottom: 10px;
}
.cust-borp .logo-gra tr {
    margin-bottom: 10px;
    padding: 0px 10px;
}
.logo-gra tr td {
    padding: 8px !important;
}
.copyright {
padding: 8px 12px;
}
.mid_section .upload_file h3 {
    text-align: left;
    margin: 0;
        padding-left: 5px;
}
#hideFeesSummary {
    padding-top: 0px;
    /* padding-bottom: 0px; */
    margin-top: 0px; 
    margin-bottom: 17px;
}
#hideFeesSummary h3 {
    margin-top: 10px;text-align: left;    line-height: normal;
}
.accordion.new-accord {
    margin-top: 0px;
}
/*.new-next-ship #nxtBtn1, p a.skip-cust{
display: none;
}*/


.new-right-ver .upload_file li:first-child {
width: 100% !important;
padding-bottom: 10px;
}
.new-right-ver div#hiddenSection {
    padding: 0px;
}
.upload_file ul {
    margin-bottom: 10px !important;
    padding: 10px !important;
}
}
@media (min-width:767px) and (max-width:1024px) {
.light_blue_col {
padding: 0 0 0 0%;
}
.back_colo {
padding-top: 29px;
}
.new_rps_col .lower td:nth-child(2) {
    width: 58% !important;
    float: left;
}
.new_rps_col .upper th:nth-child(2) {
    border-left: none;
    width: 262px !important;
}
.new_rps_col .upper th:last-child {
    border-left: none;
    padding-left: 0;
    float: right;
    width: 134px !important;
}
.logo-gra h4 {
    font-size: 15px;
    width: 81%;
}
.checkboxFive {
    font-size: 16px;
    }
.logo-gra h3 {
    font-size: 25px;
    }
}
@media (min-width:996px) and (max-width:1500px) {
.left_drop_col .sel_col {
    float: left;
    width: 77%;
}
}

@media (min-width:996px) and (max-width:1200px) {
.left_drop_col .sel_col {
    float: left;
        margin-top: 18px;
    width: 77%;
}
}
@media screen and (max-width: 1200px) {

.new_rps_col .upper th {
display: inline-block;
width: 100% !important;
}
}
@media (min-width:320px) and (max-width:992px) {
.mobile-2-box {
    display: table-footer-group;
    float: none;
}
.mobile-1-box {
    display: table-header-group;
    float: none;
    
}
.inner_main {
    float: none;
    width: 100%;
    display: table-cell;
}
.mobile-2-box .row {
    margin-right: 0px;
    margin-left: 0px;
}


}
@media (min-width:1300px) and (max-width:1500px){
.logo-gra table td {
    width: 51.9% !important;
}
}
@media (min-width:992px) and (max-width:1300px) {
.light_blue_col {
padding: 0 0 0 0%;
}
.back_colo {
padding-top: 29px;
}
.light_blue_col .mailinglist {
padding: 0;
}
.light_blue_col .subscribe_col {
float: left;
margin-top: 28px;
position: relative;
width: 291px;
}
.light_blue_col .subscribe_col input {
font-size: 12px;
height: 56px !important;
max-width: 100%;
padding-left: 34px;
width: 278px !important;
}
.block_right_content h5 a {
color: #ffffff;
font-size: 14px;
}
.left_blocks {
float: left;
margin-right: 10px;
margin-top: 10px;
}
.back_colo {
background-color: #087dae;
height: 134px;
padding-right: 0;
padding-top: 49px;
}
.block_grids .hover, .block_grids:hover .on-hover {
width: 33px;
}
.left-hed_cust {
float: left;
padding-top: 27px;
width: 174px;
}
.bottom_new-navigation a {
padding: 10px 27px;
}
.choose_place thead b {
    font-size: 17px;
}
.StepProgress-item.current a {
    font-size: 13px;
}
.new_rps_col .upper th {
    display: inline-block;
    width: 23% !important;
}
.logo-gra h3 {
    font-size: 22.72px;
}
.logo-gra h4 {
    font-size: 14px;
    }
    .fees_col .list_fees_col h5 {
    font-size: 13px;
}
.accordion {
    padding: 14px;
}
.lower p {
    font-size: 14px;
    }
    .lower figcaption {
    float: left;
    width: 163px;
}
.logo-gra table td {
    width: 51.9% !important;
}
}


@media (min-width:1300px) and (max-width:1570px) {

.light_blue_col {
padding: 0 0 0 1%;
}
.light_blue_col .subscribe_col {
float: left;
margin-top: 28px;
position: relative;
width: 449px;
}
.light_blue_col .subscribe_col input {
width: 406px !important;
}
.logo-gra h4 {
    font-size: 16px;
    width: 73%;
}

}


/*new footer end*/



/*listing*/
.cutmain90 .cust_coup .coupn-listing {
background-color: rgba(0, 0, 0, 0);
}
.cutmain90 .cust_coup .coupn-listing h3 {
color: #ffffff !important;
text-align: center !important;
}
#listing0 .cust_coup .coupn-listing {
background-color: rgba(0, 0, 0, 0);
background-image: url("/assets/images/new_cou.png");
border: medium none;
float: left;
height: 121px;
padding: 0 8px 6px;
position: absolute;
right: 30%;
top: -48px;
width: 134px;
z-index: 0;
}

#listing0 .product-info-new-left .cust_coup .coupn-listing {
right: 0px !important;

}
#listing0 .cust_coup .coupan-part > h3 {
color: #ffffff;
}

#listing0 .cust_coup .coupan-header > h3 {
color: #ffffff;
}
#listing0 .cust_coup .coupan-part > h3 {
background-color: #c42228;
line-height: 30px !important;
}

#listing0 .cust_coup .coupn-listing .coupan-part {
margin: 0 6px 6px;

}
#listing0 #product-sitewidediscount-body .coupan-code::after {
right: -2px;
top: -8px;
}

.categeory_pro_mobile {
background-color: #c71f25;
border-radius: 3px;
color: #ffffff !important;
font-family: proxima_nova_rgbold;
font-size: 12px;
padding: 10px 14px;
text-transform: uppercase;
}
.categeory_pro_mobile .fa.fa-shopping-cart {
    margin-right: 10px;
}

@media (min-width:320px) and (max-width:375px) {
/*==== 09 May 2018 =====*/
.card.card-body ul li input {
    width:calc(100% - 45px) !important;
    -moz-width:calc(100% - 45px) !important;
    float: left;
}
.card.card-body ul li h5 {
    float: left;
    font-size: 18px;
    color: #8e8e8e;
    margin-right: 10px;
    min-width: 35px;
    width: 35px;
}
/*==== Ends 09 May 2018 =====*/
.nxt-product-item-wrap {
height: 161px !important;
}
.nxt-product-details.related-cont {
float: left;
height: 120px;
padding: 16px 0 0 130px !important;
position: static;
width: 100%;

}
.mid_section .uploap_logo h3 {
    font-size: 13px !important;
}
.proof_cust .btn.btn-primary {
    font-size: 12px;
    height: 40px;
    width: 97px;
}
.new-upload-area .proof_cust {
position: absolute;
text-align: center;
width: auto;
top: 16px;
right: 3px;
}
.uploap_logo {
    border: 2px solid #ececec;
    padding: 10px 0px;
    padding-bottom: 7px;
    margin-bottom: 12px;
    padding-left: 6px !important;
    padding-right: 6px;
}
}
@media (min-width:376px) and (max-width:767px) {
.mid_section .uploap_logo h3 {
    font-size: 17px !important;
}
.card.card-body ul li input {
    width: calc(100% - 45px) !important;
    }
.uploap_logo {
    padding-left: 18px !important;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.card.card-body ul li h5{
    min-width: 35px;
    width: 35px;
}
.new-upload-area .proof_cust {
    right: 11px;

}
.choose_logo.new-ver.center-btm-btn {
    text-align: center;
}
.center-btm-btn .skip_btn {
    float: none;
    display: inline-block;
    margin: auto;
    width: 94%;
    margin: auto;
}
}
.visible-xs.hidden-sm.hidden-md.hidden-lg {
margin-bottom: 4px;
margin-top: 6px;
}


/*promo printing detail*/
.custom-right .left_color {
float: left;
width: 50%;
}
.custom-right .right_color {
float: left;
width: 50%;
}
.note {
float: left;
width: 100%;
}
.black {
background-color: #000000;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}

.right .title.cust {
float: left;
font-size: 21px !important;
font-weight: 300;
line-height: 29px;
margin-bottom: 24px;
width: 100%;
}


.right_color > li {
color: #000000;
font-size: 16px;
line-height: 32px;
list-style: outside none none;
margin-right: 14px;
}
.right_color .ligt_blue {
background-color: #3e4fda;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.right_color .nay_blue {
background-color: #192791;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.right_color .yellow {
background-color: #fff601;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.right_color .orange {
background-color: #fcac0c;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.right_color .gold {
background-color: #cf9914;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}

.right_color .brown {
background-color: #7d6446;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.right_color .tan {
background-color: #cebc8f;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.note > p {
font-size: 17px;
font-weight: normal;
font-family: proxima_nova_rgregular;
}

.left_color > li {
color: #000000;
font-size: 16px;
line-height: 32px;
list-style: outside none none;
margin-right: 14px;
}
.left_color .black {
background-color: #000000;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .white {
background-color: #fff;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .gray {
background-color: #878787;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .maroon {
background-color: #9e2333;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .red {
background-color: #db1f1e;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}

.left_color .pink {
background-color: #f86ff3;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .for_green {
background-color: #446c29;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.left_color .ke_green {
background-color: #58a128;
border: 2px solid #b5b5b5;
border-radius: 100px;
margin-right: 12px;
padding: 0 9px;
}
.past-digest-block table td figcaption {
display: inline-block;
margin-left: 22px;
}
.new-right-ver .past-digest-block .stich {
margin-top:0px;
}
.past-digest-block tr td:first-child {
width: 100% !important;
}

@media (min-width:768px) and (max-width:990px) {
.mob-menu-bar>div#mob-Cart {
display: inline-block
}
.col-xs-12.col-sm-12.col-md-9.mobile-1-box.new-right-ver.no-padding-res {
padding: 0px;
}
.logo-gra {
border: 2px solid #ececec;

}
.inner_main .accordion {
    margin-bottom: 20px;
}
.col-xs-12.col-sm-12.col-md-9.mobile-1-box.no-padding-res.add-customblade {
    padding: 0px;
}
.lower figcaption {
    float: left;
    width: 148px;
}
.lower p {
    font-size: 12px;
}
.choose_place thead b {
    font-size: 21px;
}
}
@media screen and (max-width: 480px) {
    .logo-gra .table img {
    padding: 0px;
}
.upload_file ul li p {
    font-size: 10px;
    line-height: 20px;
}
.left-padding {
    width: 100%;
    position: relative;
    padding-left: 72px;
}
td:empty {
    display: none;
}
.choose_place .lower td {
width: 31%;
display: inline-block;
}
.choose_place table .lower td select {
background-position: 90px center;
}

.mid_section h3 {
font-size: 17px;
padding: 0 0 3px;
text-align: center;
}
.title_col_choose h3, .title_col_choose h4 {
    text-align: center;
    font-size: 16px;
}
.choose_place h4 {
font-size: 13px;
}

.mobile-steps p {
font-size: 16px;
}
.create_account p {
font-size: 22px;
}
.light_blue_col h3 {
font-size: 22px;
}
.light_blue_col h4 {
font-size: 18px;
}
.foot_grid h1 {
font-size: 19px;
}
.copyright p {
font-size: 12px;
margin-bottom: 0px;
}
.extra-pages ul > li > a {
font-size: 15px;
}
.top-bar h5 {
font-size: 12px;
}
.small-heading {
font-size: 21px !important;
margin-bottom: 20px !important;
}
/*.mid_section .uploap_logo h3 {
    font-size: 13px !important;
}*/
.uploap_logo > h4 {
font-size: 12px;
text-align: left !important;
width: 158px;
float: left;
line-height: 17px;
margin-top: 0px;
}
.cho_img {
padding: 5px 18px;
}
.popup-page h1 {
font-size: 28px;
font-weight: 600;
}
.table p {
font-size: 11px !important;
}
.table h5 {
font-size: 16px !important;
}
.checkboxFive {
    font-size: 14px;
    line-height: 24px;
}
.upload_file > ul {
padding: 6px;
}
.delte_cust {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 100px;
}
.center-btm-btn .logo_next > a{padding: 5px 13px;font-size: 15px;font-family: inherit;width: 100%;}
.logo_next.top_next > a {
    font-size: 14px;
    padding: 3px 20px;
}
.outer-cust-cnter .logo_next > a {
    padding: 7px 23px;display: inline-block;
}
.logo-gra .table figure {
    width: 65px;
    margin-right: 5px;
    height: 100%;
    padding: 10px !important;
}
.outer-cust-cnter a.skip-cust {
    margin-top: 6px !important;
    min-width: 80px;
    text-align: center;
}

.new-right-ver .upload_file li figure {
width: 62px;
height: 38px;
}
.new-right-ver .upload_file li figure img {
width: 100%;
padding: 4px;
}
.logo-gra table td figcaption {
    margin-left: 0px;
    margin-top: 2px;
}
.upper th:nth-child(2) {
padding-left: 6px;
width: 33%;
}
.choose_place table tbody tr td:nth-child(2) figure {
width: 100%;
}
.pretzel {
width: 100%;
}
.choose_place table .lower td select {
background-position: 74px center;
}
.lower select {
width: 100%;
font-size: 12px;
}

.choose_place .lower td {
padding: 13px 4px;
margin: auto;
}
.choose_place thead b {
font-size: 15px;
}
.big-font {
font-size: 25px !important;
line-height: 30px;
}
.upper p {
font-size: 11px;
font-weight: lighter;
}
.color-pattern {
width: 40px;
height: 40px;
}
td .upload_cust {
font-size: 13px !important;
padding: 8px 8px;
}
.right-part p {
font-size: 15px;
}
center .need_cust {
width: 100%;
margin: 17px 0px;
}
center .approve_cust {
width: 100%;
}
.img-adjustable .zoom {
font-size: 15px;
}
.size {
width: 100%;
}
.cut-image .stich {
width: 100%;
}
body{overflow-x:hidden;}
.create_account figure {
margin-left: 0;
}
.create_account figure img {
width: 100%;
}
.new-popup .upload_cust {
padding: 8px;
}
.new-popup .col-sm-6{padding:0px;}
.color-chnage table {
margin-bottom: 10px;
}
.approve_cust, .need_cust {
font-size: 16px;
margin-right: 0;
padding: 6px 10px;
}
.satis h5 {
margin-right: 0;
}
.full_rps_col td {
display: block;
float: left;
width: 100% !important;
}
.full_rps_col .mar_top {
padding-top: 0;
position: relative;
}
.full_rps_col .checkboxFive {
margin-left: 15px;
}
.new-right-ver .upload_file li figure {
    width: 62px;
    height: 38px;
}
.new-right-ver .upload_file li figure img {
    width: 100%;
    padding: 4px;
}
.logo-img-se{
    padding: 40px 10px 20px;
}

}


@media (min-width:481px) and (max-width:767px) {
.logo-gra .table figure {
width: 87px;
padding: 0px;
margin-right: 6px;
}
.logo-gra table td figcaption {
margin-left: 7px !important;
margin-top: 1px;
}
.new-right-ver .upload_file li figure {
width: 62px;
height: 38px;
}
.new-right-ver .upload_file li figure img {
width: 100%;
padding: 4px;
}
}
@media screen and (max-width: 995px) {
.new_rps_col .lower td {
width: 95% !important;
display: inline-block;
}
/*.new_rps_col .upper .logo_next > a {
padding: 9px 0px !important;
}*/
.new_rps_col .upper th {
padding: 5px;
padding-left: 5px;
/*width: 100% !important;*/
}


.new_rps_col .cust_mar {
width: 100%;
}
.choose_place .lower td:first-child {
width: 100%;
padding-left: 15px;
}
.left_drop_col .sel_col {
float: left;
width: 75%;
}
.left_drop_col select {
background-position: 85px center !important;
background-size: 6% auto !important;
}    

.choose_place .lower td:first-child {
width: 100%;
padding-left: 15px;
}
.choose_place .lower td {
width: 31%;
display: inline-block;
}
/*.choose_place table tbody tr td:nth-child(2) figure {
width: 100%;
}*/
.pretzel {
width: 100%;
}

.choose_place .lower td {
padding: 18px 0px;
}
.lower select {
width: 100%;
}
.choose_place table .lower td select {
background-position: 92% center;
}

.new-right-ver .upload_file li figure {
float: left;
position: relative;
} 

.new-right-ver .upload_file li:last-child {
width: 100%;
margin-top: -5px;
padding-left: 16px;
padding-bottom: 6px;
}
.upload_file .delte_cust {
position: relative;
top: -5px;
}
.new_rps_col .upper p {
font-size: 14px;
}
.new_rps_col .upper th {

vertical-align: top;
}
.title_rps {
    display: block;
    font-size: 24px;
}
.new_rps_col .checkboxFive input{
position: absolute;
visibility: hidden;
}  
.new_rps_col .checkboxFive {
font-size: 14px;
    padding-left: 32px;
}
.remove_col {
left: -25px;
top: 18px;
}
}
@media screen and (max-width: 991px) {
.new_rps_col .lower td:first-child {
width: 270px;
}
}

@media (min-width:996px) and (max-width:1279px) {
.nav .cat-menu .cat-list > li > a {
color: #ffffff;
display: block;
font-family: proxima_nova_rgbold;
font-size: 15px;
letter-spacing: 0.4px;
line-height: 20px;
padding: 10px 2px;
position: relative;
text-decoration: none;
text-transform: capitalize;
} 
}
@media (min-width:320px) and (max-width:995px) {
.search_bar, .start_chat, .text_my_account span {
display: none;
}
.list-inline > li a.search_mob {
margin-right: 10px !important;
}
.sndry-menu {
display: block;
}
div#mob-menu {
display: block;
}    
.left_navbar .list-inline > li {
display: table-cell;
height: 50px;
position: relative;
vertical-align: middle;
}
.left_navbar .list-inline .cart_col {
margin-left: 8px;
position: relative;
top: 1px;
}  
.search_bar {
background-color: #fff;
float: left;
left: 0!important;
margin-right: 40px;
margin-top: 0!important;
padding: 15px;
right: 10px!important;
top: auto!important;
width: 100%!important;
z-index: 9999;
} 
.nav {
display: none;
}
.bottom_new-navigation {
display: none !important;
}
.icon-menu, a > .fa.fa-user, a > .icon-search {
font-size: 25px !important;
}
header .sndry-menu {
display: block;
position: relative;
top: 9px;
}
header {
padding: 12px 0 !important;
padding-bottom: 0px !important;
}
.logo_col {
width: 100px !important;
}
header .cart_icon svg {
display: inline-block;
height: 30px;
width: 30px;
}
.login_user {
display: none !important;
}
a.search_mob {
display: block;
}
.left_navbar {
position: static;
}
header .search_mob {
cursor: pointer;
display: block;
position: relative;
top: 0;
}
.search_bar {
background-color: #fff;
float: left;
left: 0 !important;
margin-right: 40px;
margin-top: 0 !important;
padding: 15px;
right: 10px !important;
top: auto !important;
width: 100% !important;
z-index: 9999;
}
#block_search > form, .search_bar {
position: relative;
}
#block_search #search_box_id {
font-family: proxima_nova_rgregular;
font-size: 16px;
padding: 0 20px;
}
.search_bar .hasPlaceholder, .search_bar button {
height: 38px;
right: 0;
}
.search_bar .hasPlaceholder, .search_bar button {
height: 38px;
right: 0;
}
.search_bar .hasPlaceholder {
border: 1px solid #ddd;
border-radius: 50px;
position: relative !important;
right: 0;
width: 100% !important;
}
.search_bar button {
background: #939393;
border: 1px solid #939393;
border-radius: 0 25px 25px 0;
color: #fff;
font-size: 18px;
padding: 0 !important;
position: absolute;
width: 40px;
display: block;
top: 0;
}
.search_bar .hasPlaceholder, .search_bar button {
height: 38px;
right: 0;
cursor: pointer;
}
footer {
display: none !important;
}
.mobile_footer {
overflow: hidden;
padding-bottom: 30px;
padding-top: 30px;
width: 100%;
display: block;
}
.mobile_footer, .mobile_sale_products, .social_links {
background: #f0f0f0;
float: left;
}
.mobile_footer .list-unstyled a {
color: #999;
font-size: 16px;
line-height: 35px;
} 
.mobile_sale_products img {
padding: 10px 21px;
width: 100%;
}
.head_center, .head_center h3 {
text-align: center;
width: 100%;
float: left;
}
.mobile_sale_products {
display: block;
}   
.light_blue_col {
padding: 52px 0 38px;
text-align: center
}
.light_blue_col h4 {
font-size: 15px
}   
.light_blue_col {
padding: 0 0 0 0%;
}
.light_blue_col h4 {
font-size: 13px;
line-height: 20px;
margin-bottom: 0;
text-align: center;
}
.light_blue_col h3 {
font-size: 20px;
text-align: center;
}
.left-hed_cust {
float: left;
padding-top: 0;
text-align: center;
width: 100%;
}
.light_blue_col .subscribe_col input {
font-size: 12px;
padding-left: 38px;


}
.light_blue_col .mailinglist {
margin-bottom: 0;
}
.back_colo {
height: auto;
}
.center_grid {
text-align: left;
}
.block_grids .hover, .block_grids:hover .on-hover {
width: 36px;
}
.back_colo {
height: auto;
padding-bottom: 11px;
}
.light_blue_col, footer{
display: none;
}
.logo_col svg {
    float: left;
    height: 55px;
}
.count_cart {
    height: 20px;
    right: -12px;
    width: 20px !important;
    font-size: 11px;
}
}
@media (max-width:767px) {
    .lower .name-fig {
    width: 100px;
}
    button.olark-launch-button.olark-size-lg {
        display: none !important;
    }
.title_rps {
    display: none;
}    
.card.card-body ul li.diff-all input {
    width: 100% !important;
}
.card.card-body ul li input {
    width: 89%;
    height: 36px;
    margin-right: 0px;
}
.new-right-ver .logo-gra {
    padding-bottom: 20px;
    }
.drop_box_rps {
    text-align: left;
    /* padding-left: 28px; */
    padding-right: 0px;
    width: 99%;
}
    .new_rps_col .lower td:first-child {
    width: 100% !important;
    float: left;
}
.mob-menu-bar {
width: 100%;
display: block;
position: fixed;
top: 0;
z-index: 120;
background: #000;
padding: 2px 15px;
line-height: 34px
}
#logoup-page-body #nxt-refines {
display: none !important
}
header {
height: auto;
margin: 0
}
.cart_icon {
float: left
}
#checkoutStep4 .refer-banner {
display: none
}
.new_rps_col .upper th {
width: 100% !important;
}
.choose_place .check_cust {
padding-left: 10px;
width: 100%;
}
.new_rps_col .upper th:last-child {
    border-left: none;
    padding-left: 0;
    position: absolute;
    right: 0px;
    top: 0px;
}
.add-customblade .new_rps_col .upper th {
width: 100% !important;
}
.add-customblade .choose_place thead {
    position: relative;
    display: inline-block;
}
.add-customblade .new_rps_col .upper .logo_next > a {
padding: 6px 0px 4px !important;
width: 81px;
font-size: 16px;
font-weight: normal;
}
.add-customblade .choose_place thead b {
color: #000;
}
.add-customblade .choose_place h4 {
margin-bottom: 12px;
}
.new_rps_col .checkboxFive {
    font-size: 14px;
    padding-left: 22px;
        line-height: 24px;
    font-weight: normal;
}
.add-customblade .new_rps_col .upper p {
font-size: 12px;
}
.add-customblade .choose_place thead {
margin-bottom: 0px;
}
.add-customblade .lower p {
font-size: 12px;
}
.lower .name-fig {
padding-left: 28px;
}
.add-customblade .action-table-custom .logo_next{
position: absolute;
top: 0;
right: 0;
}
.add-customblade .new_rps_col .upper p.skip-p1 {
position: absolute;
right: 0;
top: 26px;
width: 80px !important;
}
.add-customblade  .choose_place .lower td:first-child {
padding-left: 15px;
border-bottom: 0px;
min-height: 66px !important;
}
.add-customblade .qnty_col input {
height: 30px;
}
.add-customblade .qnty_col h6 {
display: inline-block;
margin-bottom: 0;
margin-top: 5px;
}
.add-customblade .lower figcaption {
width: 75%;
}
.add-customblade .choose_place .lower td {
padding: 8px 0 0;
}
.add-customblade .choose_place table tbody tr td:nth-child(2) figure {
border: 1px solid #afafaf;
margin-left: 27px;
width: 60px;
}
.add-customblade .remove_col {
left: 0;
}
.add-customblade .lower td:first-child figure img {
border: 1px solid #afafaf;
}
.add-customblade .qnty_col {
margin-top: 4px;
}
.add-customblade  .lower select {
border: 1px solid #a5a5a5;
}
.add-customblade  .left_drop_col .sel_col {
width: calc(100% - 100px);
}
.add-customblade  .sel_col h6 {
font-size: 11px;
}
.add-customblade .left_drop_col.accord_col a {
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    font-size: 12px;
}
.add-customblade  .qnty_col input {
border: 1px solid #a5a5a5;
}
.add-customblade .left_drop_col.accord_col a i {
margin-right: 12px;
}
}


@media (min-width:1024px) and (max-width:1200px) {
.logo-gra h3 {
font-size: 25.72px;
}
.logo-gra h4 {
    font-size: 12.67px;
    width: 80%;
}
.StepProgress-item.current a {
font-size: 14px;
}
header {
    padding: 20px 20px 0;
    }
}

.logo-gra tr:hover {
border-color: #ccc;
} 

.upload_file ul:hover {
border: 2px solid #ccc;
}

.new-table .modal-header,.upload_file .modal-header{  
border-bottom: transparent;
}
.new-right-ver .upload_file .modal-content img {
    width: 100%;
    max-width: 300px !important;
    height: auto !important;
    max-height: 100%;
    text-align: center;
    float: none;
}
.logo-gra .modal-body {
    position: relative;
    padding: 15px;
    text-align: center;
}

.new-right-ver .upload_file .modal-body {
position: relative;
padding: 15px;
z-index: 9;
text-align: center;
}
a:focus {
outline: none !important;
}


/*.new-table .modal-open .modal {
padding-right: 0px !important;
}*/
.upload_file .modal-open .modal,.new-table .modal-open .modal {

padding-right: 0px !important;
}

.upload_file .modal-dialog, .new-table .modal-dialog{
width: 600px;
margin: 30px auto;
max-width: 100%;
}

.new-right-ver .choose_logo .mar_top .btn-modify {
background-color: #d4d4d4 ;
color: #ffffff !important;
}


.inner_main h3 {
    cursor: inherit;
}

.cust-img-back .modal-content.cust-png {
    background-image: url(https://logoup.com/assets/templates/logoup_working_theme-html5/images/Checkered.png);
    background-size: 100%;
}
select::-ms-expand {
    display: none;
}
/* new ship and next buuton css here*/
.left-new-cust {
    width: 57%;
    display: inline-block;
}
.new-next-ship {
    width: auto;
    float: right;
}
.new-next-ship p {
    width: 100%;
    float: left;
    text-align: center;
}
.new-next-ship a.nex-custt {
    background: #1e61af;
    color: #fff;
    padding: 8px 12px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 15px;
    border-radius: 3px;
    min-width: 106px;
}
.new-next-ship a.skip-cust {
    text-transform: capitalize;
    font-size: 15px;
}
/* new ship and next buuton css end*/

/*new-next-ship second cutsom*/
.new-next-ship h4#myModalLabel {
    font-size: 30px;
    color: #000;
    font-family: proxima_nova_rgbold;
    margin-bottom: 0px;
    border-bottom: none;
}
.new-next-ship .modal-body {
    padding: 41px 92px;
    text-align: center;
}
.new-next-ship .modal-body label {
margin-top: 5px;
    width: 100%;
    font-family: proxima_nova_rgregular;
    font-size: 19px;
    letter-spacing: 1px;
    text-align: left;
}
.new-next-ship .modal-body textarea {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 140px;
    border: 1px solid #d8d8d7;
    border-radius: 3px;
}
.new-next-ship .modal-body button.infomod-cuts {
    padding: 8px 43px;
    display: inline-block;
    margin-top: 17px;
    background: #0a92ca;
    color: #fff;
    border: 1px solid #0a92ca;
    font-size: 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-family: proxima_nova_rgregular;
}
.new-next-ship .modal-body select {
    box-shadow: 0px 0px 0px 0px;
    height: 51px;
    padding-left: 10px;
    color: #000;
    font-weight: 500;
    border-radius: 3px;
    margin-bottom: 5px;
     background-image: url(https://customize.logoup.com/img/drop-vt.png);
    background-position: 96% center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    text-transform: capitalize;
}
.new-next-ship .close {
    float: right;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: #ccc;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 9;
    position: absolute;
    right: 28px;
    z-index: 9;
}
.new-next-ship .modal-dialog {
    width: 600px;
    margin: 30px auto;
    max-width: 100%;
}
body.stop-scrolling {
    height: auto !important;
    overflow: unset!important;
}
@media (min-width:320px) and (max-width:767px){
.new-next-ship h4#myModalLabel {
    font-size: 24px;
    text-align: left;
        margin-bottom: 10px;
}

.new-next-ship .modal-body {
    padding: 18px 26px;
}
.new-next-ship .modal-body textarea {
    height: 85px;
    }
    .new-next-ship .modal-body select {
    margin-bottom: 16px;

}
.new-next-ship .modal-body button.infomod-cuts {
    padding: 8px 36px;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 1px;
}
}
p:focus {
    outline: none;
}
button:focus {
    outline: none;
}
a:focus {
    outline: none;
}
/*new-next-ship second cutsom*/


/*custom pop css start here*/
.cust-mod .modal-dialog {
    width: 760px;
    margin: 30px auto;
       max-width: 100%;
    border: none !important;

}
.cust-mod .modal-header figcaption {
  float: left;
  margin-left: 20px;
}

.cust-mod .modal-header figure {
  width: 8%;
  float: left;
}
.cust-mod .modal-header figcaption h4 {
    color: #1072ba;
    font-size: 27px;
    margin-bottom: 0px;
    border: none;
    text-align: left;
}
.cust-mod .modal-header figcaption p {
  font-size: 14px;
  margin-top: 0px;
}
.cust-mod .num_gray_col {
  width: 100%;
  background: #ececec;
  height: 40px;
  text-align: center;
  line-height: 38px;
  color: #000;
  font-size: 13px;
  font-family: proxima_nova_rgregular;
}

.cust-mod ul {
  width: 100%;
  float: left;
  padding-left: 16px;
}
.cust-mod .modal-footer {
    padding: 32px;
    /* text-align: right; */
    border-top: transparent;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 17px;
}
.cust-mod .modal-body {
    position: relative;
    padding: 15px;
    height: 450px;
    overflow-y: scroll;
}
.cust-mod .modal-header .close {
  margin-top: -2px;
  color: #a8a8a8;
  opacity: 0.9;
  font-size: 34px;
}

.cust-mod .modal-body li {
  width: 30.9%;
  float: left;
  position: relative;
  margin-bottom: 25px;
  margin-top: 11px;
  border: 1px solid #c9c9c9;
  margin-right: 15px;
  box-sizing: border-box;
  list-style: none;
  border-radius: 3px;
}
.cust-mod .modal-content {
    border-radius: 0px;
    padding-bottom: 17px;
    border: none;
}
.cust-mod .modal-header {
  padding: 15px 25px;
  border-bottom: 1px solid #e5e5e5;
}
.cust-mod .pro_grid figure {
  text-align: center;
  padding: 20px;
  padding-bottom: 20px;
  padding-bottom: 0;
}
.cust-mod .pro_grid figure img {
  height: 167px;
}
.cust-mod .btn.btn-default:hover {
  background-color: #c72026;
}
.cust-mod .btn.btn-default {
  background-color: #1072ba;
  color: #fff;
  border: #1072ba;
  padding: 13px 72px;
  font-family: proxima_novasemibold;
  font-size: 20px;
  line-height: 16px;
  transition: 0.5s;
  margin-right: 7px;
}
.cust-mod .btn.btn-primary:hover{
 background-color: #1072ba;

}
.cust-mod .btn.btn-primary {
  background-color: #c72026;
  border: #c72026;
 padding: 13px 72px;
  font-family: proxima_novasemibold;
  font-size: 20px;
  line-height: 16px;
    transition: 0.5s;

}
.cust-mod .pro_grid figcaption h4 {
    text-align: center;
    font-size: 17px;
    color: #202020;
    font-family: proxima_novasemibold;
    margin-bottom: 7px;
    border: none;
    padding-bottom: 0px;
}
.cust-mod .pro_grid figcaption {
    padding: 0 20px 0px;
}
.cust-mod .pro_grid figcaption h5 {
  font-size: 12px;
  color: #656565;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
  margin-top: 0px;
}
.cust-mod .btn.btn-default p {
    font-size: 12px;
    font-family: proxima_nova_rgregular;
    margin-bottom: 0px;
    color: #fff;
}
.cust-mod .btn.btn-primary p {
  font-size: 12px;
  font-family: proxima_nova_rgregular;
  margin-bottom: 0px;
      color: #fff;
}
@media (min-width: 320px) and (max-width: 767px){

.cust-mod .modal-footer {
    padding: 25px;
    padding-bottom: 0px;
}
.cust-mod .btn.btn-default {
    padding: 8px 35px;
    font-size: 17px;
    margin-right: 0px;
}
.cust-mod .btn.btn-primary {
    padding: 8px 38px;
    font-size: 17px;
    margin-left: 0px;
    margin-top: 10px;
}
.cust-mod .modal-header figure img {
    width: 33px;
}
.cust-mod .modal-header figcaption {
    float: left;
    margin-left: 20px;
    width: 210px;
}

div#myModal {
    margin-right: 0px;
    padding-right: 0px !important;
}
.cust-mod .modal-header figcaption h4 {
    margin-bottom: 0px;
    border: none;
    text-align: left;
    padding-bottom: 0px;
        font-size: 18px;
}
.cust-mod .modal-header figcaption p {
    font-size: 12px;
    margin-top: 0px;
    float: left;
    text-align: left;
}
.cust-mod .modal-header {
    padding: 15px 13px;
}
.cust-mod ul {
    padding-left: 0px;
}

.modal-content .arrow a.fa.fa-arrow-down.fa-2x {
    font-size: 20px;
}
.modal-content .arrow {
      right: 0px !important;
    top: 67% !important;
}
}
@media (min-width: 320px) and (max-width: 375px){
.cust-mod .modal-body {
    position: relative;
    padding: 15px;
    height: 267px;
    overflow-y: scroll;
}

    .cust-mod .modal-body li {
    width: 100%;
    float: left;
    margin-bottom: 7px;
    margin-top: 11px;
    margin-right: 0px;
    border-radius: 3px;
}
    .cust-mod .modal-dialog {
    width: 310px;

}
.cust-mod .modal-body {
    position: relative;
    padding: 15px;
    height: 209px;
    overflow-y: scroll;
}
}
@media (min-width: 376px) and (max-width: 767px){
    .cust-mod .modal-dialog {
    width: 343px;

}
.cust-mod .modal-body li:nth-child(odd) {
    margin-right: 10px !important;
}
.cust-mod .pro_grid figcaption h4 {
    font-size: 12px;
    margin-bottom: 7px;
    line-height: 13px;
}
.cust-mod .num_gray_col {
    font-size: 12px;
}
.cust-mod .pro_grid figure img {
    height: 100px;
    width: 100px;
}
.cust-mod .modal-body li {
    width: 47.9%;
    margin-right: 0px !important;


}
.cust-mod .modal-body {
    position: relative;
    padding: 15px;
    height: 257px;
    overflow-y: scroll;
}
    }
    @media (min-width: 767px) and (max-width: 995px){
    .card.card-body ul li input {
        width: 85%;
        height: 36px;
    }
    .cust-mod .modal-dialog {
    width: 730px;
}
.cust-mod .btn.btn-primary {
    padding: 13px 69px;
}
.cust-mod .btn.btn-default {
    padding: 13px 69px;

}
.new-right-ver .upload_file li:first-child {
    width: 53%;
    padding-bottom: 10px;
}
.new-right-ver .upload_file li:last-child {
    width: 26% !IMPORTANT;
    margin-top: 22px !important;
}
.logo-upload-button .errorfile {
    display: block;
    color: #f00;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    right: 43px;
    margin-top: 4px;
}
/*custom pop css end here*/
.modal-content .arrow .bounce a {
  color: #1072ba;
  text-decoration: none;
}
.modal-content .arrow {
    text-align: center;
    margin: 0px;
    position: absolute;
    right: 21px;
    top: 80%;
}
.modal-content .bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.logo-gra table td {
    width: 52% !important;
}
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}






/*model second cutsom*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 2px solid #0a92ca;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #0a92ca;
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not:checked + label:after{bcakground:#fff !important;}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.modal-content.cust-pre .modal-header {
    padding: 15px;
    border-bottom: transparent;
}
.modal-content.cust-pre {
    padding: 22px;
    padding-top: 0px;
    padding-bottom: 33px;
}
.modal-content.cust-pre button.close {
    font-size: 28px;
    margin-top: 10px;
    z-index: 9999999;
    position: absolute;
    right: 37px;
}
.modal-content.cust-pre h3 {
    font-size: 20px;
    color: #0692cb;
    font-family: proxima_nova_rgbold;
    margin-bottom: 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    position: relative;
    position: relative;
    z-index: 0;
}
.modal-content.cust-pre h3::after {
    content: "";
    background: #0692cb;
    position: absolute;
    left: 0px;
    height: 3px;
    width: 140px;
    bottom: -2px;
}
.modal-content.cust-pre figcaption h4 {
    font-weight: 600;
    font-size: 17px;
    color: #666;
    margin-top: 3px;
    margin-bottom: 5px;
        padding-top: 10px;
}
.modification-popup .modal-content.cust-pre label {
      font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: left;
}
.modal-content.cust-pre figcaption {
    width: 56%;
    float: left;
}
.modal-body.mofifylogo-custom h5 {
    margin-top: 0px;
    font-weight: 600;
    font-size: 17px;
}
.modal-content.cust-pre figure {
    width: 119px;
    float: left;
    margin-right: 13px;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
}
.modal-content.cust-pre figure img.imagepreview {
    width: 55px;
}

.modal-content.cust-pre label {
    width: 100%;
}

.modal-content.cust-pre textarea {
    width: 100%;
    height: 120px;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #ccc;
}

.modal-content.cust-pre button.mod-save {
    width: 237px;
    height: 44px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    background-color: #0a92ca;
    border: 1px solid #0a92ca;
    border-radius: 6px;
    font-weight: 600;
}
.proof_cust.modification-popup .modal-dialog {
    width: 780px;
    margin: 30px auto;
    max-width: 100%;
}



.modal-content.cust-pre form {
    width: 100%;
    display: inline-block;
    margin-top: 3px;
}
.modal-content.cust-pre p {
    width: 32.33%;
    float: left;
    padding-right: 10px;
}
.modal-content.cust-pre p span {
    font-size: 11px;
    padding-left: 20px;
    display: inline-block;
}
.img-text-cust {
    width: 56%;
    float: left;
}
.rigth-form {
    width: 100%;
    float: left;
    margin-left: 0px;

    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 21px;
}
proof_cust .mod-save {
    bottom: 0;
    height: 40px;
    left: 0px;
    opacity: 9;
    position: relative;
    width: auto;
    cursor: pointer;
    background: #0b92ca;
    border: 1px solid #0a92ca;
    color: #fff;
    font-size: 15px;
    padding: 10px 35px;
    border-radius: 3px;
    margin-bottom: 20px;
}
.modal-content.cust-pre figcaption p {
    margin-bottom: 5px;
    width: 100%;
}
.fro-cust {
    width: 100%;
    float: left;
}
.modification-popup .modal-content.cust-pre .fro-cust label {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 18px;
}
@media (min-width:320px) and (max-width:767px){
    .modal-content.cust-pre form {
        width: 100%;
        display: inline-block;
        margin-top: 0px;
    }
    .rigth-form {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 15px;
    }
    .modal-content.cust-pre figure {
        width: 90px;
    }
    .new-right-ver .checkboxFive {
        width: auto !important;
    }
    .img-text-cust {
        width: 100%;
        float: left;
    }
    .new-next-ship {
        width: 113px !important;
        float: right;padding-right: 5px;
    }
    .left-new-cust {
       width: 100% !important;
        display: inline-block;
    }
    .new-next-ship .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: transparent;
    }
    .modal-content.cust-pre p {
        width: 100%;
        float: left;
        padding-right: 0px;
    }
    .modal-content.cust-pre figcaption p {
        margin-bottom: 5px;
        width: 100%;
        font-size: 12px !important;
        line-height: 16px;
    }
    .modal-content.cust-pre figcaption h4 {

        font-size: 15px;
        padding-top: 0px;
    }
    .modal-content.cust-pre {
        padding: 6px;
    }
    .fro-cust{text-align: center;}.modal-body.mofifylogo-custom .mod-save{margin-bottom: 10px !important;}


}
a.skip-cust {
    text-transform: capitalize;
    margin-top: 5px;
    display: inline-block;
}
.logo_next a.skip-cust {
    text-transform: capitalize;
    margin-top: 11px;
    display: inline-block;
}

.modal-body.mofifylogo-custom .mod-save {
    bottom: 0;height: 40px;left: 0px;opacity: 9;position: relative;
    width: auto;cursor: pointer;
    background: #0b92ca;
    border: 1px solid #0a92ca;
    color: #fff;
    font-size: 15px;
    padding: 8px 35px;
    border-radius: 3px;
    opacity:9;
}
.modification-popup .modal-content.modal-content {
    background-color: #fff;
}
/*model second cutsom*/




.new-right-ver .upload_file > p {
    display: none;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

@media (min-width:995px) and (max-width:1500px) {
.card.card-body ul li input {
    width: 82%;
    }
    .drop_box_rps select {
    width: 99.5%;
}
}

.new-right-ver .checkboxFive {
    width: 101%;
    }
    
    
    /*new chenges my account page */
    .my-account-change .new-right-ver td:empty {
    display: none;
}
.my-account-change .new-right-ver .logo-gra {
    border: none;
    padding: 10px;
        padding-top: 30px;
}
.my-account-change .new-right-ver .upload_file ul {
    border: 2px solid #a5a5a5;
    float: left;
    margin-bottom: 30px;
    padding: 36px 0 30px 20px;
    width: 100%;
    padding-bottom: 0px;
}
/*new chenges my account page */



.logo_next a.skip-cust {
    margin-top: 14px;
}
#nxtBtn {
    cursor: default;
}


.logo_next {
    width: auto;
    display: inline-block;
}
.outer-cust-cnter {
    width: 100%;
    float: left;
    text-align: center;
}
.modal-dialog img {
    max-width: 100% !important;
    max-height: 100% !important;
}

#myModal18802 .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #fff;
}

.choose_place.new_rps_col .action-table-custom figure {
    background-color: #f0f0f0;
    float: left;
    background-size: 400px;
    background-image: url(https://logoup.com/assets/templates/logoup_working_theme-html5/images/Checkered.png);

}
div#myModal12814 .modal-header .close {
    margin-top: -9px;
}

.cust-img-back .modal-header {
    border: none;
}

.cust-img-back .modal-header .close {
    margin-top: -9px;
}

.choose_place.new_rps_col .modal-content img{
    width: 100%;
    max-width: 300px !important;
    height: auto !important;
    max-height: 100%;
    text-align: center;
    float: none;
}

input[type="radio"] {                         
border: 0px !important;
}



.left_drop_col .dd-options label.dd-option-text {
    text-align: left !important;
    float: left;
    width: auto;
    line-height: 28px !important;
    color: #000;
}
.dd-selected, .dd-option {
    padding: 4px !important;
}
.dd-option-selected {
    background: #f6f6f6;
}


.dd-option:hover {
    background: #f3f3f3;
    color: #000;
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 64px;
}

.left_drop_col .dd-options label.dd-option-text {
    text-align: left !important;
    float: left;
    width: auto;
    line-height: 28px !important;
    color: #000;
}

a.dd-selected label {
    line-height: 32px !important;
    float: left;
        margin-bottom: 0px;
}

ul.dd-options.dd-click-off-close li {
    margin-top: 0px;
}

ul.dd-options.dd-click-off-close {
    position: relative;
}
.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.left_drop_col.accord_col >a {
    background: #e6e6e6;
    display: block;
    text-align: left;
    padding: 10px 15px;
    border: 1px solid #767676;
    color: #959595;
}


.left_drop_col .dd-options label.dd-option-text {
    text-align: left !important;
    float: left;
    width: auto;
    line-height: 28px !important;
    color: #000;
}
.show-div-mob{
    display: none !important;
}
.more-info {
    color: #1072ba;
    font-size: 12px;
    display: none;
    width: 100%;
}
.more-info i {
    background: #1072ba;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-align: center;
    font-size: 8px;
    color: #fff;
    line-height: 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.contain-info {
   display: inline-block;
    vertical-align: top;
}
@media (min-width:320px) and (max-width:767px) {
div#admin_12814_2118039 {
    width: 100% !important;
}
.contain-info,.hidechatmob {
    display: none;
}
.more-info {
    display: inline-block;
}
.inner_main.profing_page .mobile-1-box {
    padding: 20px 12px 0 !important;
}
.mid_section {
    min-height: unset !important;
}
.show-div-mob{
    display: block !important;
}
.hide-div-mob{
    display: none !important;
}
.dd-select {
    width: 100% !important;
}
div#customName_area_74603 {
    width: 100% !important;
}
div#font174603 {
    width: 100% !important;
}
ul.dd-options.dd-click-off-close {
    width: 100% !important;
}
.drop_box_rps {
    text-align: left;
    /* padding-left: 28px; */
    padding-right: 0px;
    width: 100%;
    padding-left: 0px;
}
.add-customblade .left_drop_col.accord_col .drop_box_rps a {
    border: transparent;
    border-radius: 3px;
    background: transparent;
}
.dd-container {
    width: 100% !important;
}
.card.card-body ul li input#number_74614_2 {
    width: 100% !important;
}

.card.card-body ul li {
    margin-left: 0px !important;
    width: 100% !important;
}
    
}

@media (min-width:767px) and (max-width:995px) {
    .dd-container {
    width: 100% !important;
}
div#font174603 {
    width: 100% !important;
}
div#customName_area_74603 {
    width: 100% !important;
}
div#customName_area_4239 {
    width: 100% !important;
}
.dd-select {
    width: 100% !important;
}
div#font14239 {
    width: 100% !important;
}
ul.dd-options.dd-click-off-close {
    width: 100% !important;
}
.new_rps_col .lower td:first-child {
    width: 245px !important;
    float: left;
}
}
@media (min-width:996px) and (max-width:1200px) {


.new_rps_col .lower td:first-child {
    width: 263px;
    float: left;
}
}
.add-customblade .left_drop_col.accord_col .drop_box_rps a {
    border: transparent;
    border-radius: 3px;
    background: transparent;
}










/*--------------------------------------graphic proof css start --------------------------------------------*/


/* The container */
/* The container */
.cont-cust{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.cont-cust input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark-cust {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #aaaaaa;

}
/* On mouse-over, add a grey background color */
.cont-cust:hover input ~ .checkmark-cust {
    background-color: #fff;
}
/* When the radio button is checked, add a blue background */
.cont-cust input:checked ~ .checkmark-cust {
    background-color: #ffffff;
    border: 2px solid #0a92ca;
}



/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-cust:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cont-cust input:checked ~ .checkmark-cust:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cont-cust.checkmark-cust:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* Style the checkmark/indicator */
.cont-cust .checkmark-cust:after {
    left: 3px;
    top: 3px;
    width: 13px;
    height: 13px;
    background: #0a92ca;
    /* border-width: 0 3px 3px 0; */
    /* -webkit-transform: rotate(45deg); */
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    border-radius: 100px;
}
#sectionOne-cust {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    border: 2px solid #ececec;
}

.ome-inner-cust h3 {
    width: auto;
    float: left;
    color: #656565;
    font-size: 25px;
    font-family: proxima_nova_rgbold;
    margin-top: 0px;
    letter-spacing: 0.3px;
}
.ome-inner-cust {
    width: 100%;
    float: left;
}
#sectionOne-cust {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    border: 2px solid #ececec;
}
.ome-inner-cust .right-next {
    width: auto;
    float: right;
}
.ome-inner-cust .right-next a.next-ntu {
    width: 100%;
    float: left;
    text-align: center;
    background: #1e61af;
    color: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 8px 24px !important;
    min-width: auto!important;
    display: inline-block;
    font-size: 16px !important;
}
.ome-inner-cust .right-next a.skip-ntu {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: capitalize;
    font-family: proxima_novasemibold;
    font-size: 15px;
}

.ome-inner-cust .check-box-sec p {
    font-size: 15px;
    margin-top: 0px;
    width: 100%;
    color: #8d8d8d;
    font-family: proxima_nova_rgregular;
    font-weight: normal;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 31px;
}

.ome-inner-cust .check-box-sec {
    width: 100%;
    float: left;
}

.ome-inner-cust label.cont-cust {
    font-size: 18px;
    font-family: proxima_nova_rgbold;
    color: #656565;
}

.img-cust-proof .num_gray_col {
    width: 100%;
    background: #e4e5e4;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #000;
    font-size: 12px;
    float: left;
}
.img-cust-proof ul li figcaption {
    padding: 0 9px 0px;
    width: 100%;
    float: left;
    display: flex;
    min-height: 49px;
    margin-bottom: 10px;
    text-overflow: inherit;
    word-wrap: break-word;
    vertical-align: top;
    justify-content: center;
    align-items: center;
}
.img-cust-proof ul li a figure img {
    height: 212px;
    object-fit: scale-down;
}
.img-cust-proof ul li {
    width: 31%;
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
    margin-top: 5px;
    border: 1px solid #c9c9c9;
    margin-right: 7px;
    box-sizing: border-box;
    list-style: none;
    margin-left: 5px;
    vertical-align: top;
    float: none;
}
.img-cust-proof figcaption h3 {
    text-align: center;
    font-size: 15px;
    color: #000;margin-bottom: 0;
    font-family: proxima_nova_rgbold;
}
 .img-cust-proof   figcaption h5 {
    font-size: 12px;
    color: #656565;
    text-align: center;
}
.app_green {
    background: #5cb85c;
    border: 1px solid #5cb85c;
    color: #fff;
    padding: 18px 0px;
    font-size: 20px;
    font-family: proxima_nova_rgbold;
    width: 48%;
    border-radius: 4px;
    text-transform: capitalize;
    line-height: 18px;
    float: left;
}
.change_red {
    background: #e4e5e4!important;
    border: 1px solid #e4e5e4!important;
    color: #525252 !important;
    padding: 13px 0px;
    font-size: 20px;
    font-family: proxima_nova_rgbold;
    text-align: center;
    text-decoration: none;
    width: 48%;
    border-radius: 3px;
    text-transform: capitalize;
    float: right;
}
.change_red
.butt-custom {
    width: 100%;
    float: left;
    text-align: center;
}
#sectionOne-cust .img-cust-proof {
    width: 100%;
    float: left;
}
#sectionOne-cust .img-cust-proof .green_txt_side {
    font-size: 12px;
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
}
#sectionOne-cust .img-cust-proof ul {
    width: 100%;
    float: left;
    padding-left: 0px;
}
#sectionOne-cust .img-cust-proof ul {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding: 0px 82px;
    
    padding-bottom: 50px;
}
.instant-proof-cust {
    width: 100%;
}
    .instant-proof-cust .head-cust {
    width: 100%;
    float: left;
}

.instant-proof-cust .head-cust figure {
    width: 50px;
    float: left;
    height: 50px;
    background: #1072b9;
    text-align: center;
    border-radius: 100px;
}
.instant-proof-cust .head-cust figure img {
    margin-top: 12px;
    border-radius: 50%;
}
.instant-proof-cust .head-cust figcaption p {
    font-size: 13px;
    font-family: proxima_nova_rgregular;
    width: 100%;
}
.instant-proof-cust .head-cust figcaption h3 {
    width: 100%;
    float: left;
    margin-top: 0px;
    color: #1072bb;
    font-family: proxima_nova_rgbold;
    font-size: 31px;
    margin-bottom: 0px;
        text-transform: capitalize;
}
.instant-proof-cust .head-cust figcaption {
    width: auto;
    float: left;
    margin-left: 15px;
}


.instant-proof-cust .head-cust {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.img-cust-proof ul li




.ome-inner-cust .check-box-sec p span {
    color: #7a7a7a;
}
.ome-inner-cust .check-box-sec p span img {
    width: 20px;
}
.img-cust-proof ul li a figure {
    text-align: center;
}

/*------------------ Main Title Head  ---------------*/ 

/*==============   Digitized Logos page css start here 22 feb 2018 ===========*/
/*=========  start css in switch btn -----*/
.browse-content .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-left: 0;
    top: 0px;
    margin-right: 0;
    float: right;
}
.browse-content .switch input {
    display: block;
    opacity: 1;
    width: 60px;
    height: 27px;
    margin: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d8d8;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider::before {
    position: absolute;
    content: "";
    height: 24px;
    width: 25px;
    left: 5px;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    top: 3px;
    box-shadow: unset;
    border-color: #fff;
}

.switch input:checked + .slider {
  background-color: #1e61af;
  border: none;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

/*.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: 1px;
  background-color: #0b92ca;
}*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
  border: none;
}
/*=========  ends css in switch btn -----*/


/*============   start css in custom  checkbox =========*/
 /* Customize the label (the custom-check) */
 .custom-check {
  font-size: 16px;
  font-weight: normal;
}
.custom-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -1px;
    left: -1px;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 2px solid #a5a5a5;
}
/* On mouse-over, add a grey background color */
.custom-check:hover input ~ .checkmark {
  background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.custom-check input:checked ~ .checkmark {
    background-color: #0a92ca;
    border: 1px solid #0a92ca;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-check .checkmark::after {
  left: 11px;
  top: 6px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
.select-sec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.select-sec h2 {
    font-size: 22px;
    color: #1072ba;
}
.select-grid {
    float: left;
    width: 100%;
    min-height: 445px;
    border: 2px solid #a5a5a5;
}
.select-img{
    position: relative;
    float: left;
    width: 100%;
}
.select-img img {
    float: left;
    width: 100%;
    object-fit: cover;
}
.select-check {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}
/*============   ends css in custom  checkbox =========*/
    
/*==============   Digitized Logos page css end here 22 feb 2018 ===========*/

@media (min-width:320px) and (max-width:376px){
.ome-inner-cust h3 {
    font-size: 11px;
}
.ome-inner-cust h3 {
    width: auto;
    line-height: 30px;
}
    
}

@media (min-width:375px) and (max-width:767px){
section.mid_section .ome-inner-cust h3 {
    font-size: 18px;
    margin-top: 0px;
    letter-spacing: 0.3px;
    text-align: left;
    line-height: 20px;
}
}


@media (min-width:320px) and (max-width:767px){
.instant-proof-cust .head-cust figure img {
    margin-top: 10px !important;
    width: 39px !important;
}
    #sectionOne-cust {
       padding: 10px;
    }
    .instant-proof-cust .head-cust figcaption {
        width: 78% !important;
        margin-left: 8px;
    }
    .instant-proof-cust .head-cust figcaption p {
        font-size: 11px !important
    }
    #sectionOne-cust .img-cust-proof ul {
    padding: 0px 10px !important
    }
    .instant-proof-cust .head-cust figure {
    width: 50px;
    float: left;
    height: 50px;
    }
    .instant-proof-cust .head-cust figcaption h3 {
    font-size: 17px;
    float: left;
    text-align: left;
    text-transform: capitalize;
}
    #sectionOne-cust {
        border: 0px;
        padding: 0;
        margin-bottom: 15px;
    }
    .img-cust-proof ul li {
   width: 48%;
    float: left;
    margin-bottom: 22px;
    margin-top: 0px;  margin-right: 0px;
    margin-left: 0px;
        text-align: center;
    }
    .img-cust-proof ul li:nth-child(2n){
        float:right;
    }
.app_green {
    margin-bottom: 10px;
    text-transform: capitalize;
    padding: 12px 0px;
    font-size: 16px;
    font-family: proxima_nova_rgbold;
    height: 42px;
}
.change_red {
    padding: 12px 0px;
    float: right;
    text-transform: capitalize;
    font-size: 16px;
    font-family: proxima_nova_rgbold;
    height: 42px;
}
.instant-proof-cust .head-cust {
    padding-bottom: 0px;
    margin-bottom: 13px;
    }
.profing-main   .instant-proof-cust .head-cust {
    padding: 0 9px;
}
#sectionOne-cust .green_txt_side {
    display: block;

}
.col-xs-12.col-sm-12.col-md-3.mobile-2-box {
    padding: 30px;
    padding-bottom: 12px;
}
.main_title_wrap h3.title_rps {
    font-size: 16px;
    margin-bottom: 9px;
    text-align: left;
    padding-left: 15px;
}
    .img-cust-proof ul li a figure img {
    height: 186px;

    }
   
    .ome-inner-cust .check-box-sec p {
        font-size: 14px;
        margin-top: 0px;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 13px;
    }
    .ome-inner-cust .right-next a.skip-ntu {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ome-inner-cust .check-box-sec {
        width: 100%;
        float: left;
        padding: 10px;
        border: 2px solid #cdcdcd;
    }
    .modal-open .modal {
        padding-right: 0px !important;
    }


}
@media  (min-width:320px) and (max-width:480px){
   .img-cust-proof ul li a figure img {
        height: 146px;
        width: 100%;
    }
    .img-cust-proof figcaption h3 {
        font-size: 12px;
        min-height: auto;
        margin-top: 0;
    }
}

@media (min-width:767px) and (max-width:995px){
.img-cust-proof ul li a figure img {
    height: 171px;
}
#sectionOne-cust .img-cust-proof ul {
    padding: 0px 22px;
}
.img-cust-proof ul li figure {
    text-align: center;
}
.img-cust-proof ul li {
    width: 30.9%;
    margin-left: 7.6px;
    margin-right: 3.6px;
}
.ome-inner-cust .check-box-sec {
    width: 100%;
    float: left;
    border: 2px solid #cdcdcd;
    padding: 10px;
}
.ome-inner-cust label.cont-cust {
    font-size: 14px;
}
.col-xs-12.col-sm-12.col-md-3.mobile-2-box {
    padding: 30px;
    padding-bottom: 20px;
        padding-top: 0px;
}
.accordion h3 {
    font-size: 21px;
    }
    .accordion-button h3 .question {
    font-size: 14px;
    width: 85%;
}
.main_title_wrap h3.title_rps {
    font-size: 27px;
    padding-left: 8px;
}
.col-xs-12.col-sm-12.col-md-9.mobile-1-box {
    padding: 0px;
}
.login_reg1 {
    margin-top: 21px;
}
}

@media (min-width:996px) and (max-width:1200px){
.img-cust-proof ul li a figure img {
    height: 166px;
    object-fit: scale-down;
}

.accordion-button h3 .question {
    width: 87%;
}
#sectionOne-cust .img-cust-proof ul {
    padding: 0px 8px;

}
}
@media (min-width:1200px) and (max-width:1500px){
    #sectionOne-cust .img-cust-proof ul {

    padding: 0px 66px;
    }
    .img-cust-proof ul li {
    width: 31%;
    }
    .img-cust-proof ul li a figure img {
    height: 192px;
    }
}


div#popupImageModal img {
width: 100%;
}

div#myModal4869 img {
width: 100%;
}

.top-bar {
display: block;
font-size: 13px;
min-height: 31px;
padding: 8px 20px 0;
}






.img-cust-proof ul li .modal-dialog {
    top: 30px;
}

.butt-custom #myModal1 h3 {
    padding: 0px;
    margin: 0px;
    color: #0a92ca;
    font-weight: 600;
    text-align: left;
    display: inline-block;
    float: none;
    margin-bottom: 8px;
}
.butt-custom #myModal1 .modal-body {
    width: 100%;
    display: inline-block;
    text-align: left;
}



.butt-custom #myModal1 .modal-body textarea {
    width: 100%;
    float: left;
    height: 100px;
    margin-bottom: 14px;
    padding-left: 10px;    
    border: 1px solid #ccc;
    padding-top: 10px;
}
.butt-custom #myModal1 .modal-body button {
    background: #0a92ca;
    border: 1px solid #0a92ca;
    font-size: 16px;
    width: 190px;
    height: 40px;
    color: #fff;
    font-family: proxima_nova_rgbold;
    border-radius: 4px;
}
.butt-custom #myModal1 .modal-body button:hover {
    background: #c82027 !important;
    border: 1px solid;
}
.butt-custom #myModal1 .modal-body label {
    width: 100%;
    float: left;
    font-size: 15px;
}


.for-mobile.hidden-sm.hidden-lg.hidden-md h6 {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    font-family:proxima_nova_rgregular;
}

.for-mobile.hidden-sm.hidden-lg.hidden-md {
    width: 100%;
    float: left;
    text-align: center;
    background: #1072b9;
    margin-bottom: 12px;
    padding: 4px;
}

/*--------------------------------------graphic proof css end --------------------------------------------*/
.img-cust-proof .butt-custom {
    float: left;
    width: 100%;
}
.outer-cust-cnter a.skip-cust {
    margin-top: 14px;
}

/*=======  updated css 16 april 2018 =====*/
#popupImageModal .modal-header {
    border-bottom: none;
}


section#sectionOne-cust p.scrollToProof {
    position: fixed;
    right: 35px;
    bottom: 30px;
    max-width: 58px;
    text-align: center;
    z-index: 9999;
}

section#sectionOne-cust p.scrollToProof a {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}





#loading_layer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:9;
background-color: #FFF;
text-align: center;
margin: 0 auto;
}

.modal-dialog.cust-model1 {
    width: 1009px;
    max-width: 100%;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0px !important;
}
.modal-dialog.cust-model1 h4#myModalLabel {
    font-size: 21px;
    color: #4e4e4e;
    text-transform:uppercase;
    font-family: proxima_nova_rgregular;    line-height: 36px;
}
.modal-dialog.cust-model1 .modal-header .close {
    font-size: 39px;
}

.step-cust ul li {
    list-style: none;
    display: inline-block;
    padding: 3px 45px 5px 45px;
    position: relative;
}
.modal-dialog.cust-model1 .modal-body {
    position: relative;
    padding: 15px 35px;
}

.step-cust ul li::after {
    position: absolute;
    content: "";
    right: -26px;
    top: -1px;
    border-left: 27px solid #fff;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    z-index: 9999;
}
.step-cust ul li.active::after {
    position: absolute;
    content: "";
    right: -26px;
    top: -1px;
    border-left: 27px solid #e1f5fe;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    z-index: 9999;
}
.step-cust ul li:first-child {
    padding-left: 13px;
}
.step-cust ul li:last-child::before {
display:none;
}
.step-cust ul li::before {
    content: "";
    position: absolute;
    border-left: 28px solid #b7e1f5;
    right: -28px;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    top: -2px;
        z-index: 999;
}
.step-cust ul li.complete {
    background: #cdefff;
    right: 5px;
}
.step-cust ul  li.complete::after{
    border-left: 27px solid #cdefff;
}
.progress-active {
    background: #e1f5fe !important;
}
.step-cust {
    width: 100%;
    float: left;
}

#create-logo .step-cust ul li.progress-active::after {
    border-left: 27px solid #e1f5fe !important;
}

.step-cust ul li h4 {
  margin-bottom: 0px;
    color: #6d6d6d;
    font-size: 13px;
        font-family: proxima_nova_rgregular;
}

.step-cust ul li p {
    margin-bottom: 0px !important;
    color: #000;
    font-family: proxima_nova_rgregular;
    font-size: 13px;
    line-height: 22px;
}
.step-cust ul {
    width: 100%;
    float: left;
    padding-left: 0px;
    border: 1px solid #b7e1f5;
    border-radius: 3px;

}

.modal-dialog.cust-model1 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none;
    width: 100%;
    background: #0a92ca;
}

.company-info label {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    color: #515151;
    margin-bottom: 10px;
    text-align: left;
}

.company-info .form-group select {
    width: 100%;
    display: inline-block;
    height: 50px;
    padding-left: 10px;
    border: 1px solid #cacaca;
    border-radius: 4px;
        background: transparent !important;
    -webkit-appearance: menulist;
}

.company-info h6 a {
    float: right;
    color: #c82128;
    font-size: 14px;
}
.company-info h6 {
    width: 100%;
    font-size: 12px;
    color: #919191;
}

.company-info input[type="text"] {
    width: 100%;
    display: inline-block;
    height: 50px;
    padding-left: 10px;
    border-radius: 4px;
    border: 1px solid #cacaca;
}
.company-info {
    width: 100%;
    display: inline-block;
    padding: 49px 220px;
}

.modal-dialog.cust-model1 .modal-footer i {
    margin-left: 11px;
    font-size: 17px;
}
.modal-dialog.cust-model1 .modal-footer a {
    color: #fff;
    font-size: 16px;
     font-family: proxima_nova_rgregular;
}

.step-cust ul li a {
    text-decoration: none;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 999;
    cursor: pointer;
}
.modal-dialog.cust-model1 .modal-header {
    padding: 20px 35px;
    border-bottom: transparent;
    padding-bottom: 10px;
}

.step-cust ul li:last-child::after {
    display: none;
}
.company-info.step2 {
    padding: 30px 0px;
}
/* The container */
.step2-box {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.step2-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.step2-box:hover input ~ .checkmark1 {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.step2-box input:checked ~ .checkmark1 {
    background-color: #0a92ca;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark1:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.step2-box input:checked ~ .checkmark1:after {
    display: block;
}

/* Style the checkmark/indicator */
.step2-box .checkmark1:after {
 left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.company-info.step2 .top-head h4 {
    font-size: 20px;
    color: #515151;
    text-align: left;
    font-family: proxima_nova_rgregular;
}
.company-info.step2 .top-head {
    width: 100%;
    display: inline-block;
}
.company-info.step2 .cust-ri {
    float: right;
}
.logos-cust ul li {
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    width: 18%;
    margin-right: 20px;
    height: 100px;
    margin-bottom: 30px;

    display: inline-block;
    box-sizing: border-box;
    float: left;
}
.logos-cust ul li:nth-child(5) {
    margin-right: 0px;
}
.logos-cust ul li:nth-child(10) {
    margin-right: 0px;
}
.logos-cust ul li a {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.logos-cust {
    width: 100%;
    display: inline-block;
}

.logos-cust ul {
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
.company-info.step2 .pagination > li > a, .pagination > li > span {
    border: transparent;
}

.company-info.step2 .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0PX;
    }

.company-info.step2     .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #0a92ca;
    cursor: default;
    background-color: #eee;
    border-color: #337ab7;
}

.company-info.step2 .pagination > li > a, .pagination > li > span {
    color: #7f7f7f
    }
.company-info.step2     .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #23527c;
    background-color: #cccccc;
    border-color: #ddd;
    width: 100%;
    color: #0a92ca !important;
   
}
.lgo-con .cust-ri a {
    font-size: 15px;
    text-decoration: underline;
}

a.back-cust {
    float: left;
}
a.back-cust i.fa.fa-arrow-left {
    margin-right: 11px;
    margin-left: 0px;
}
.company-info.step3 {
    width: 100%;
    display: inline-block;
    padding: 49px 0px;
}
.company-info.step3 h3 {
    font-size: 20px;
    color: #515151;
    letter-spacing: 0.5px;
    font-family: proxima_nova_rgregular;
}


.company-info.step3 .canvas-cust {
    width: 100%;float: left;text-align: center;
}
.company-info.step3 .canvas-cust img {
    width: 100%;float: left;margin-top: 20px;
}
 .company-info.step3 .layout-cust {
    width: 100%;float: left;
}

.company-info.step3 .layout-cust h4 {
    font-size: 16px;color: #292929;font-family: proxima_nova_rgbold;
}

.company-info.step3 .layout-cust form {
    width: 100%;
    padding-left: 20px;
}

.company-info.step3 .layout-cust form ul li:last-child {
    margin-right: 0px;
}

.company-info.step3 .layout-cust form ul li {
    list-style: none;display: inline-block;
    border: 3px solid #cacaca;width: 23.5%;
    height: 55px;float: left;text-align: center;
    line-height: 56px;margin-right: 8px;margin-bottom: 8px;
    border-radius: 3px;padding: 0px 12px 13px 12px;
}
.company-info.step3 .layout-cust form ul {
    width: 100%;padding-left: 0px;display: inline-block;
    margin-bottom: 0px;text-align: left;

}
.company-info.step3 label{
    font-size: 16px;color: #292929;font-family: proxima_nova_rgbold;margin-top: 0px;
}

.company-info.step3  .form-group {
    margin-bottom: 15px;display: inline-block;width: 100%;
}

button.color-code {
    width: 12%;background-color: #292929;border: 1px solid #cacaca;
    height: 49px;display: inline-block;float: left;border-radius: 4px;
}

.company-info.step3 .layout-cust input.log-here {
    width: 83%;
    margin-right: 20px;
    float: left;
}

.layout-cust button.save-logo {
    width: 100%;background-color: #0a92ca;text-transform: uppercase;
    height: 68px;color: #fff;font-size: 20px;
    font-family: proxima_nova_rgregular;border: 1px solid;border-radius: 4px;
}

.layout-cust.sav-cust {
    padding: 20px 68px;
    padding-right: 0px;
}

.company-info.step3.step4 {
    padding-top: 10px;
}
.step-cust ul li:last-child {
    right: -1px;
}

.highlighted {
    background: #dedede;
}

.cut-disable {
    pointer-events: none;
}

.bnt-active:hover {
    background: #1a6ef6;
    color: #fff;
}

#custom-changes .text-area-upload {
    width: 100%;
    float: left;
    padding: 15px;
    margin: 0;
}
#custom-changes .main-secm {
    float: left;
    width: 100%;
    position: relative;
}
#custom-changes h3 {
    width: auto;
    margin-top: 10px;
}
#custom-changes button.btn.btn-primary.btn-lg {
    float: right;
}

.pre-active{
    background: #f0faff;
}
/*======   start css in logo creation css here  ====== */
#create-logo .step-cust ul li p {
    font-weight: normal;
    font-size: 14px;
}
#create-logo .modal-body {
    display: inline-block;
    width: 100%;
}
#create-logo .step-cust ul li.pre-active::after {
    border-left: 28px solid #f0faff;
}
#create-logo .pre-active {
    background: #f0faff;
}
.wrap-dow {
    float: left;
    width: 100%;
    text-align: center;
    padding-right: 20px;
}
.wrap-dow button.btn.btn-circle {
    float: none;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: inline-block;
}

/*======   start css in logo creation css here  ====== */
/*==========================   start css Digitized Logos page here 22 feb 2018 ========*/
.select-des {
    float: left;
    width: 100%;
    padding: 10px 15px;
    min-height: 152px;
}
.select-des .tag-l {
    font-size: 16px;
    color: #333;
    margin: 5px 0;
    width: 100%;
}
.select-des p {
    color: #000000;
    float: left;
    width: 100%;    
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
    font-family: proxima_nova_rgregular;
}
.select-des .magnify {
    background: url(/img/btn-action-sprite.png) no-repeat;
    background-position-x: 0%;
    padding: 3px 0px 4px 20px;
    font-size: 12px;
    line-height: 1em;
    display: block;
    cursor: pointer;
    width: auto;
    background-position-y: 58.7%;
    color: #337ab7;
    font-family: proxima_nova_rgregular;
    font-weight: 500;
    float: right;
    margin-right: -8px;
    position: relative;
}   
.select-des > a {
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0;
    line-height: 1em;
    display: block;
    cursor: pointer;
    width: auto;
    color: #c82128;
    font-family: proxima_nova_rgregular;
    font-weight: 500;
    float: left;
    /*margin-left: -8px;*/
    position: relative;
    font-size: 12px;
}
.logo-switch {
    float: left;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0px;
}
.logo-switch p {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    font-family: proxima_nova_rgbold;
    letter-spacing: 1px;margin-bottom: 0px;
        width: auto;
}
.logo-switch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-left: 0;
    top: 0px;
    margin-right: 0;
    float: right;
}
.user-chatsec ul {
    float: left;
    width: 100%;
    margin: 0;
    height: 40px;
    line-height: 40px;
}
.user-chatsec ul li {
    display: inline-block;
}
/*.useimg-li {
    width: 30%;
    float: left;
    text-align: center;
    padding: 5px;
}
.useimg-li2 {
    width: 70%;
}

.user-chatsec {
    float: left;
    width: 100%;
    padding: 7px 20px;
    background-color: #f0f0f0;
    margin-top: 0px;
}

*/

.useimg-li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0;
}
.user-chatsec {
    float: left;
    width: 100%;
    padding: 3px 5px;
    background-color: #f0f0f0;
    margin-top: 0px;
    padding-left: 7px;
    min-height: 40px;
}
.useimg-li2 { /*=== 11 may 2018 update ==*/
    width: 78%;
    margin-top: 0px;
    line-height: 40px;
}
.logo-gra .table .user-chatsec img {
    width: 60%;
    vertical-align: middle !important;
    margin-top: 0;
    padding: 5px;
}
.useimg-li2 p {
    margin: 0;
    font-size: 14px;
    color: #333;
    font-family: proxima_nova_rgbold;
    word-break: break-all;
    line-height: 40px;
    font-weight: normal;
}
.select-sec .select-grid{
    min-height: auto;
    margin-bottom: 40px;
}
.custom-pad{
    padding-left: 12px;
    padding-right: 12px;
}
.useimg-li img {
    margin: 0 auto;
    padding-top: 10px;
}
.btnmodify.btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: unset;
    padding: 4px 14px;
    background-color: #a5a5a5;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    font-family: proxima_nova_rgbold;
}
.select-sec{
    margin-bottom: 0px;
}
.btnmodify.btn .btn-area {
    margin: 0;
    line-height: 13px;
    padding-bottom: 5px;
}
.btnmodify.btn a {
    background: transparent !important;
    padding: 0px;
}
.btnmodify.btn .mar_top {
    padding-top: 0px;
}
.btnmodify.btn .btn-area a {
    padding: 0;
    background-color: transparent !important;
}
.select-sec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.select-sec h2 {
    font-size: 22px;
    color: #333;
}
.select-grid {
    float: left;
    width: 100%;
    min-height: 445px;
    border: 2px solid #a5a5a5;
}
.select-img {
    position: relative;
    float: left;
    width: 100%;
    height: 248px;
    /*overflow: hidden;*/
    background-image: url(https://customize.logoup.com/img/transparent.png);
    padding-top: 38px;
}
.select-grid .MagicZoomBigImageCont {
    left: -310px !important;
}
.select-img img {
    float: left;
    width: 100%;
    object-fit: scale-down;
    min-height: 200px;
    height: 200px;
}
.select-check {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}
.select-sec {
    margin-bottom: 0px;
}
.select-grid .select-img img {
    padding: 0;
}

/*=========  new css in 10 march 2018 ========*/
.select-grid .select-img .btn-area {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    margin: 0;
}
.select-grid .select-img .mar_top {
    padding-top: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 29px;
    /*overflow: hidden;*/
}
.select-grid .select-img .mar_top {
    padding-top: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    /*overflow: hidden;*/
}
/*.select-img .mar_top .checkboxFive {
    width: auto;
    float: left;
    position: relative;
    left: 0;
}*/
.select-grid .checkboxFive label {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 0px;
    cursor: pointer;
    height: 34px;
    left: -1px;
    position: relative;
    top: -2px;
    width: 62px !important;
    border: 2px solid #a5a5a5;
    display: inline-block;
}
.select-img .checkboxFive label::after{
    left: 11px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.select-img .checkboxFive input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
}
.mar_top .checkboxFive input[type="checkbox"]:checked + label{
    background-color: #0a92ca;
    border: 2px solid #0a92ca;
}
.select-img .checkboxFive input:checked ~ .checkmark::after {
    display: block;
}
#new-table .select-grid .select-img .btn-area a {
    background-color: #a5a5a5 !important;
    position: absolute;
    top: 0;
    border-radius: unset;
    padding: 4px 10px 6px 10px;
    -webkit-padding:4px 10px 5px 13px;
    font-size: 14px;
    right: 87px;
    display: block;
}

.useimg-li2 .stich h5 {
    font-size: 14px;
    margin: 0;
}

/* ==============   horizontal view css in upload logo ======*/
.upload-file-grid {
    float: left;
    width: 100%;
    min-height: 120px;
    margin-bottom: 0px;
}
.upload-file-grid .upload-logoh {
    padding: 0;
    display: inline-block;
    float: left;
    width: 100%;
    border: 2px solid #a5a5a5;
    margin-bottom: 15px;
}
.logo-img-se {
  background-image: url("https://customize.logoup.com/img/transparent.png");
  float: left;
  padding: 10px 5px;
  position: relative;
  text-align: center;
  width: 35%;
}
.customer_uplod .modal-body {
  background-image: url("https://customize.logoup.com/img/transparent.png");
}
.upload-chatsec.second-logo {
    width: 100%;
    background: #f0f0f0;
}
.logo-img-se img {
    height: 90px;
    width: 100%;
    object-fit: scale-down;
}
.upload-des {
    float: left;
    width: 50%;
    padding: 0px 30px;
    display: inline-block;
    height: 140px;
}
.upload-chatsec {
    float: left;
    width: 15%;
    display: table;
    height: 120px;
    /*background-color: #f0f0f0;*/
    padding: 0 20px;
}
.upselected .inner-des p {
    color: #fff;
}
/*==========  updated css in 20 march 2018   ===========*/
.delete-button a {
    border: 1px solid;
    padding: 10% 20%;
    float: none;
    margin-top: 0;
    border-radius: 5px;
    background: #c82027 !important;
    color: #fff;
}
/*===========  css start css 20 march===========*/
.upl-chatin {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.upload-chatsec.second-logo .upl-chatin .useimg-li {
    width: 10%;
    float: left;
    text-align: center;
    padding: 5px;
}
.upload-chatsec.second-logo .upl-chatin .useimg-li2 {
    width: 90%;
    float: right;
}


.upl-chatin .useimg-li {
    width: 30%;
    float: left;
    text-align: center;
    padding: 5px;
}
.upl-chatin .useimg-li2 {
    width: 70%;
    float: right;
}
.upload-chatsec ul {
    padding: 0;
}
.inner-des .tag-l {
    margin: 0px 0px 5px 0;
    color: #333;
    font-size: 14px;
    width: 100%;
}
.inner-des {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    overflow: hidden;
    height: 140px;
}
.inner-des p{    
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 3px;
    font-family: proxima_nova_rgregular;
}
.upload-chatsec.visibilyti {
    visibility: hidden;
}
/*=================   create logo section css start here= ==============*/
/*====  update css 03 may 2018 =====*/
.all-filesize {
    float: right;
    width: auto;
    text-align: right;
    margin-top: 3px;
}
/*===== ends =====*/
#custom-changes .text-area-upload {
    width: 100%;
    float: left;
    padding: 15px 20px;
    margin: 0;
}
#custom-changes h3 {
    width: auto;
    margin-top: 10px;
}
#custom-changes button.btn.btn-primary.btn-lg {
    float: right;
}
/*==========  new ===========*/
#custom-changes button.btn.btn-primary.btn-lg {
    padding: 7px 40px;
    background: #5cb85c;
    color: #fff;
    font-size: 17px;
    border: 1px solid;
    font-family: proxima_nova_rgbold;
    border-radius: 4px;
}
.create-logostep {
    float: left;
    width: 100%;
    padding: 20px 20px 5px 20px;
    background-color: #f0f0f0;
}
.main-step-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0 32px;
    min-height: 180px;
}
.main-step-sec h2 {
    font-size: 18px;
    color: #6c6b64;
    text-transform: capitalize;
    line-height: 24px;
    margin-bottom: 0px;
}
.main-step-sec.line-arrow::after {
    position: absolute;
    content: "-------------";
    right: -76px;
    top: 53px;
    float: left;
    height: 0;
    width: auto;
    color: #b7b7b7;
    font-size: 29px;
}
.example-secimg {
    float: left;
    width: 100%;
    padding: 10px;
}
.example-secimg h3 {
    float: left;
    display: inline-block;
    width: 11% !important;
    font-size: 18px;
    color: #6c6b64;
    font-family: unset;
    text-align: left;
    padding-left: 10px;
    position: relative;
    top: 21px;
}
.ex-logo {
    float: left;
    width: 89%;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0;
}
.ex-logo li {
    display: inline-block;
    min-width: 210px;
    text-align: center;
}
.ex-logo li img {
    margin: 0 auto;
}
.choose_logo.new-ver.center-btm-btn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.custom-create .step-cust ul li {
    padding: 3px 25px 3px 38px;
}
#create-logo #myModalLabel {
    margin: 0 0 10px 0;
}
.custom-create .pagination.pagin {
    float: left;
}
.custom-create .pagination > li {
    display: inline-block;
    float: left;
    text-align: left;
    border: 1px solid #ddd;
    padding: 1px;
    margin-right: 1px;
}
.custom-create .pagination.pagin li.active {
    background-color: #0a92ca;
    border-color: #0a92ca; 
}

.custom-create .pagination.pagin .active a:hover{
    background-color: transparent;
    color: #fff;
}
.custom-create .pagination.pagin .active a{
    background-color: transparent;
    color: #fff;
}
.layout-cust button.save-logo{
    font-size: 16px;
}
.ChooseIconLoader img{
    width: 120px;
    height: 120px;
    text-align: center;
}
.ViewIconLoader img{
    width: 120px;
    height: 120px;
    margin-top: 120px;
    margin-bottom: 120px;
}
.layout-cust h4 {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.new-upload-image.cus-pa {
    padding: 6px 0px;
}
#pageContect > label {
    color: #1e61af;
    font-size: 24px;
    position: relative;width: auto;
}
.top-head h4 {
    width: 100%;
    text-align: left;
}
.company-info.step2 .pagination > li.active > a:hover{
    background-color: transparent !important;
    border-color: #ddd;
    width: 100%;
    color: #fff !important;
}
.company-info.step2 .pagination > li > a:hover{
    background-color: transparent !important;
    border-color: #ddd;
    width: 100%;
    color: #0a92ca !important;
}
/*====   updated css start here in 15 march 2018 =======*/

.upload-chatsec .delete-button {
    width: auto;
    float: none;
    margin: 25px 0 0 0;
    padding: 15px 32px;
}
.upload-chatsec .delete-button {
    width: auto;
    float: none;
    margin: 0px 0 0 0;
    padding: 0;
    text-align: center;
    line-height: 120px;
}
.delete-button a {
    border: 1px solid;
    padding: 10% 15%;
    float: none;
    margin-top: 0;
    border-radius: 5px;
    background: #c82027 !important;
    color: #fff;
}
.upselected .upload-des {
    background-color: #0a92ca;
}
.upselected .upload-des .inner-des{
    color: #fff;
}
/*=============  updated css 15 march 2018 ============*/

/*===============   updated css in Digitized  page 20 march 2018 =============*/
.enhance-btn {
    float: right;
    width: auto;
}
.selected .select-des {
    background-color: #0a92ca;
}
.selected .select-des .magnify {
    color: #fff;
}
.selected .select-des h4 {
    color: #fff;
}
.selected .select-des p {
    color: #fff;
}
.selected .select-des .magnify {
    color: #fff;
    background: none;
}
.selected .select-des .magnify::after {
    content: "\f002";
    font-family: FontAwesome;
    left: 0;
    top: 0;
    position: absolute;
}

/*=======   ends ============*/
/*===========  updated css 28 march 2018 =======*/
.example-secimg .ex-logo li:first-child {
    width: auto;
}
.example-secimg .ex-logo:hover{
    border: none;   
}
.example-secimg .ex-logo {
    float: left;
    width: 89%;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0;
    border: none;
}
.browse-logo li{
    margin-top: 0;
}
.browse-logo .social-sec p {
    position: relative;
    top: 6px;
    color: #838383;
    font-family: proxima_nova_rgregular;
    font-size: 14px;
}
.example-secimg .ex-logo li{
    min-width: 150px;
    float: none;
    margin:0; 
}
.modal-header.browse-h {
    padding: 6px 9px 2px 22px !important;
    display: inline-block;
    width: 100%;
}



.modal-header.browse-h .browse-logo li{
    float: none;
}
.browse-logo li:first-child::after{
    top: 0;
}
/*.browse-btn > form {
    position: relative;
    top: -7px;
}*/
.modal-header.browse-h .browse-logo .social-sec svg,.modal-header.browse-h .browse-logo .social-sec img {
    width: 42px !important;
    height: 42px !important;
}
.browse-content .content-check{
    text-align: left;
    margin-top: 0;
}
.browse-content .custom-check{
    display: inline-block;
}
/*============  css ends here updated 28 march 2018*/
.upload_file .modal-dialog{
    width: fit-content;
}


/*============ enhance modal updated css 30 march 2018 ==============*/
#Enhance-Modal h3,#Enhance-Modal h4,#Enhance-Modal h2{
    font-family: proxima_nova_rgbold;
    font-weight: normal;
}
#Enhance-Modal h4#myModalLabel {
    font-weight: 600;
    font-size: 25px;
    font-family: proxima_nova_rgbold;
    color: #000;
    margin-left: 20px;
}
.modal-body.enhance-body {
    display: inline-block;
    width: 100%;
    padding: 20px 30px;
}
.color-img-part {
    float: none;
    display: inline-block;
    padding-left: 30px;
    margin-right: 3px;
}
.color-img-part img{
    width: 100%;
}
#Enhance-Modal .modal-header {
    padding: 10px;
}
.enhance-colr-ul label.enhan-check {
    position: relative;
    display: inline-block;
    width: auto;
    font-weight: 700;
    font-family: proxima_nova_rgregular;
    font-size: 16px;
    color: #000;
}
#Enhance-Modal .modal-header .close {
    margin-top: 5px;
    margin-right: 10px;
}
.enhance-mo-sec {
    display: inline-block;
    width: 100%;
    float: none;
}
.enhance-mo-sec h3 {
    font-size: 18px;
    font-family: proxima_nova_rgbold;
    margin: 0 0 10px 0;
    color: #000;
}
.enhance-mo-sec p {
    font-size: 14px;
    color: #656565;
}
.enhance-color-sec {
    float: left;
    display: inline-block;
    width: 100%;
    font-family: proxima_nova_rgbold;
    font-weight: normal;
}
.step1-wrap {
    float: left;
    width: 100%;
}
.enhance-color-sec h4.common-h {
    color: #000;
    font-size: 16px;
    font-family: proxima_nova_rgregular;
    font-weight: 700;
    margin: 0;
}
ul.enhance-colr-ul {
    float: left;
    width: 100%;
    display: inline-block;
}
.enhanc-ul-wrap{
    float: left;width: 100%;
    display: inline-block;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    padding: 0px 0 10px 0;
}
.enhance-colr-ul li {
    display: inline;
    width: 25%;
    float: left;
}
#Enhance-Modal .modal-dialog {
    max-width: 800px;
    width: 800px;
    display: block;
}
.enhance-sel-img {
    float: left;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
}
.enhance-sel-img img {
    width: 25px;
    display: inline-block;
    height: auto;
}
.enhance-sel-img span {
    font-family: proxima_nova_rgbold;
    font-size: 16px;
    margin-left: 6px;
    display: inline-block;
}
.radio-button-part {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.enhance-sel .custom-select {
    position: relative;
    float: left;
    width: 100%;
}
.enhance-sel .custom-select select {
    background-color: #fff !important;
    border-radius: 4px;
    color: #000;
}
.enhance-sel .custom-select span {
    position: absolute;
    right: 13px;
    top: 4px;
    font-size: 28px;
    pointer-events: none;
    color: #555;
}
.enhance-sel {
    float: left;
    width: 40%;
    display: block;
}
.enhance-apply {
    float: left;
    width: 100%;
    margin-top: 20px;
}
button.btn.enhan-btn {
    position: relative;
    display: inline-block;
    padding: 10px 32px;
    box-shadow: unset;
    background-color: #0992ca;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
}
#remove_enhance {
    display: inline-block; 
    background: #c82027; 
    border-color: #c82027;
    color: #fff;
    font-size: 18px; 
    line-height: 28px;
    padding: 10px 32px;
    margin-left: 40px;
    float: left;
    position: relative;
    top: -50px;
    left: 100px;
} 
#loading_msg {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.label-align-inline {
    display: inline-block;
    margin-right: 30px;
}
.label-align-inline .enhan-radio {
    font-size: 14px;
    opacity: 0.8;
}
.thread-replacement .enhance-sel {
    width: 100%;
}
.thread-replacement {
    width: 50%;
    float: left;
}
.thread-replacement {
    padding: 0 10px 0 0;
}
.full-width-replacement .enhance-sel {
    width: 100%;
    max-width: 380px;
}
.full-width-replacement {
    width: 100%;
}
/*===========  only enhance checkbox css ====*/

/* Hide the browser's default checkbox */
.enhan-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.enhan-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.enhan-check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.enhan-check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.enhan-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.enhan-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.enhan-check .checkmark:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 13px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*=========  radio button part css start here ============*/
.enhan-radio {
    position: relative;
    display: block;
    width: auto;
    font-weight: 700;
    font-family: proxima_nova_rgregular;
    font-size: 16px;
    padding-left: 30px;
    color: rgb(0, 0, 0);
    line-height: 22px;
}
/* Hide the browser's default radio button */
.enhan-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.enhan-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 2px solid #000;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.enhan-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.enhan-radio input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.enhan-radio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.enhan-radio input:checked ~ .checkmark:after {
    display: block;
}
.enhan-radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: black;
}

/*=======  ends here radio button =============  ends here don't copy  ===*/

/*============  updated css 30 march 2018 enhance modal ends here ==============*/


/*=================   create logo section css ends here= ==============*/


/*==========  responsive css start here  22 feb 2018 ===========*/
@media(max-width: 1600px){
    .inner-des p {
        font-size: 14px;
    }
    .logo-img-se img {
        height: 90px;
        width: 100%;
        object-fit: scale-down;
    }
    .ex-logo li{
        min-width: 120px;
    }
    .main-step-sec h2{
        font-size: 14px;
    }
    .main-step-sec.line-arrow::after {
        content: "-------------";
        right: -58px;
        top: 53px;
        font-size: 20px;
    }
}
@media(max-width: 1455px) and (min-width: 768px){
    /*.enhance-btn a{
        top: -3px;
    }*/
}
@media(max-width: 1400px) and (min-width: 1200px){
    .enhance-btn a{
        top: -2px;
    }
}

@media(max-width: 1300px){
    .select-des .tag-l{
        font-size: 18px;
    }
    .logo-gra table td figcaption{
        margin-left:92px;
    }
    .select-grid .MagicZoomBigImageCont {
        left: 0px !important;
        z-index: 99;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
    }
    #Enhance-Modal .modal-dialog {
        max-width: 100%;
        width: 100%;
        display: block;
        padding: 10px;
    }

}
@media(max-width: 1200px){
    .select-des p {
        font-size: 12px;
    }
    .select-des .tag-l {
        font-size: 16px;
    }
    .select-des .magnify{
        margin-right: 0px;
    }
    .custom-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .inner-des p{
        font-size: 14px;
    }
    .logo-img-se img {
        width: 100%;
        object-fit: scale-down;
        height: 90px;
    }
    .logo-gra tr td:first-child::after{
        display: none;
    }
    .main-step-sec.line-arrow::after {
        content: "-------------";
        right: -61px;
        top: 62px;
        font-size: 21px;
    }
    .ex-logo li{
        min-width: 150px;
    }
    .main-step-sec h2{
        font-size: 16px;
    }
    .main-step-sec{
        padding: 0 22px;
    }
    #new-table .select-grid .select-img .btn-area a {
        top: 0px;
    }
    .user-chatsec{
        min-height: 50px;
    }
    .select-sec .custom-pad {
        width: 33.33%;
        padding-left: 10px;
        padding-right: 10px;
    }

}
@media(max-width: 1199px){
    .select-des{
        padding:10px 10px; 
    }
    .useimg-li {
    width: 20% !important;
}
  .useimg-li2 {
    width: 76% !important;
}
    .user-chatsec{
        padding:7px 10px; 
    }
    .upload-chatsec{
        padding:0px 10px; 
    }
    .upload-des{
        padding: 0px 10px;
    }
    .ex-logo li{
        min-width: auto;
        margin-right: 20px;
    }
    .ex-logo li:last-child{
        margin-right: 0px;
    }
    .main-step-sec {
        padding: 0 0px;
    }
    .main-step-sec h2 {
        font-size: 14px;
    }
    .ex-logo li img {
        width: 80px;
        height: 60px;
        object-fit: scale-down;
    }
    .main-step-sec.line-arrow::after {
        content: "-------";
        right: -37px;
        top: 62px;
        font-size: 19px;
    }
    .useimg-li2 p{
       font-size: 12px;
    }
    .example-secimg h3{
        width: 20% !important;
    }
    .ex-logo{
        width: 80%;
    }
    #custom-changes h3{
        margin-top: 8px;
    }
    #pageContect h3 {
        margin-top: 8px;
        font-size: 22px;
    }
    .select-grid .useimg-li img {
        width: 24px !important;
        padding: 0px !important;
    }


}

@media(max-width: 1024px){
    .ex-logo li img {
        margin: 0 auto;
        width: 90px;
        object-fit: scale-down;
        height: 60px;
    }
    .ex-logo li{
        margin-right: 20px;
    }
    .example-secimg h3{
        top: 12px;
    }
    .useimg-li2 p{
        font-size: 12px;
    }

}
@media(max-width: 1024px) and (min-width: 767px){
    #new-table tbody tr td {
        width: 100% !important;
        float: left;
        padding:8px !important; 
    }
   
    #new-table .stich{
        height: auto !important; 
        padding-top: 0;
        padding-left: 0px;
    }
    .new-right-ver #new-table .stich::before {
        top: 3px;
        left: 0;
    } 
    .new-right-ver #new-table .checkboxFive {
        width: auto !important;
    }
    #new-table .btn-area {
        margin-top: 0;
        width: 70% ;
        float: right;
    }
    .new-right-ver #new-table .mar_top {
        padding-top: 2px;
    }
    .new-right-ver #new-table .checkboxFive {
        width: auto !important;
        padding-left: 20px;
    }
    #new-table .checkboxFive {
        font-size: 14px !important;
        position: relative;
        width: auto;
        float: left;
        padding-left: 20px;
    }
    .checkboxFive label{
        left: 0px;
    }
    #form2 .checkboxFive {
        font-size: 14px;     
        padding-left: 20px;
    }
    /*.select-sec .custom-pad {
        width: 50%;
    }*/
    #new-table .select-grid .mar_top .checkboxFive {
        padding-left: 0;
    }
    .select-grid .select-img .btn-area {
        top: 0px;
    }

}

@media(max-width: 767px){
    .modal.in .modal-dialog {
        padding: 12px 12px;
    }
    body .restart_link>a {
        font-size: 12px;
        line-height: 17px;
    }
    body .restart_link {
        padding: 0px;
    }
    .modal-header p {
        margin: auto;
        line-height: 19px;
        font-size: 13px;
    }
    .img-cust-proof .num_gray_col {
        line-height: 14px;
        font-size: 11px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 12px;
    }
    .select-sec .custom-pad{
        width: 100%;
    }
     #sectionOne-cust.profing-main {
        margin-top: 20px;
    }
    #sectionOne-cust.profing-main.profing-mob-pad{
        margin-top: 0px;
        padding-top: 20px;
    }
    .select-sec{
        padding:0 40px; 
    }
    .select-sec .select-grid{
        margin-bottom: 30px;
    }
    .select-des .tag-l{
        width: 100%;
    }
    .inner-des .tag-l{
        width: 100%;
    }
    .ex-logo li{
        margin-right: 50px;
    }
    #new-table .stich{
        height: auto !important; 
    }
    #new-table .checkboxFive{
        margin-top: 10px;
    }
     .new-right-ver .checkboxFive{
        margin-top: 10px;
    }
    .example-secimg h3{
        top: 12px;
    }
    .main-step-sec h2 {
        font-size: 16px;
    }
    /*.logoinner-sec img {
        width: 100%;
    }*/
    .main-step-sec {
        margin-bottom: 10px;
    }
    #new-table .select-img .mar_top .checkboxFive{
        margin-top: 0px;    
    }
    .select-sec .custom-pad {
        padding-left: 5px;
        padding-right: 5px;
    }
    .select-sec {
        padding: 0 10px;
    }
    .select-sec .select-grid {
        margin-bottom: 10px;
    }
    .select-img img{
        object-fit: scale-down;
        border-bottom: 1px solid #f1f1f1;
    }
    .company-info.step3 .edit-log h3.edit-lh {
        font-size: 20px;
        color: #515151;
        letter-spacing: 0.5px;
        font-family: proxima_nova_rgregular;
    }
    .modal-dialog.cust-model1 {
        padding: 10px;
    }
    .company-info.step2 .top-head h4 {
        font-size: 18px;
        margin-top: 8px;
    }
    .company-info.step2 .top-head h4 {
        font-size: 16px;
        margin-top: 7px;
    }
    .select-grid .MagicZoomBigImageCont {
        left: 0px !important;
        z-index: 99;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
    }
    /*=======  11 may 2018 ======*/
    /*.select-des > a{
        margin-left: -5px;
    }*/
    /*======= ends 11 may 2018 ======*/
    .main-step-sec.line-arrow::after{
        display: none;
    }


}

@media(max-width: 700px) and (min-width: 640px){
    .ex-logo li {
        margin-right: 30px;
    }
    
}
@media(max-width: 700px) and (min-width: 600px){
    .enhance-colr-ul li {
        width: 100%;
    }
    ul.enhance-colr-ul{
        width: 33.33%;
    }
}

@media(max-width: 600px) and (min-width: 400px){
    .enhance-colr-ul li{
        width: 100%;
    }
    ul.enhance-colr-ul{
        width: 50%;
    }
    .enhance-sel{
        width: 100%;
    }
}
@media(max-width: 400px) and (min-width: 320px){
    .enhance-sel{
        width: 100%;
    }
    #sectionOne-cust .img-cust-proof ul {
        padding: 0px !important;
    }
    ul.enhance-colr-ul{
        margin-bottom: 0;
        width: 100%;
    }
    .enhance-colr-ul li{
        width: 100%;
    }
     /*======  11 May 2018 =======*/
    .larg-modify .btn-modify{font-size: 13px;padding: 4px 5px;}
    .enhance-btn a{font-size: 13px;}
    .user-chatsec{padding: 7px 5px;}
    .select-des{padding: 6px 6px;min-height: 150px;}
    /*======== 11 May 2018  =========*/

}

@media(max-width: 640px){
    .upload_file #form2 .upload-file-grid:nth-child(2n) {
        margin-right: 0;
    }
    .upload-file-grid{width: 50%;margin:0px;padding: 0 3px;}
    .upload-file-grid .upload-logoh{margin-bottom: 10px;min-height: 350px;}
    .logo-img-se{width: 100%;}.inner-des .tag-l{font-size: 12px;}.inner-des p {font-size: 12px;}
    .upload-chatsec .delete-button{line-height: 70px;}
    .upload-des{
        width: 100%;
        height: 100px;
        text-align: center;
    }
    .upload-chatsec{
        width: 100%;
        height: 100px;
    }
    .ex-logo li{
        margin-right: 20px;
    }
    .main-step-sec.line-arrow::after {
        display: none;
    }
    .main-step-sec h2 {
        font-size: 14px;
    }
    .main-step-sec {
        margin-bottom: 10px;
    }
    .logoinner-sec img {
        width: 100%;
    }
    .delete-button a{
        padding: 12px 30px;
    }
    .inner-des .tag-l {
        text-align: center;
    }
    .example-secimg .ex-logo {
        width: 100%;
    }
    #custom-changes h3{
        margin-top: 0px;
    }

}
@media(max-width:600px){
    #custom-changes h3 {
        margin-top: 0;
        top: 2px;
    }
    .ex-logo li img {
        width: auto;
        object-fit: scale-down;
        height: 50px;
    }
    .ex-logo li {
        margin-right: 20px;
    }
    .new-right-ver .stich{
        height: auto;
    }
    .example-secimg .ex-logo li {
        min-width: 100px;
    }
    .example-secimg h3{
        font-size: 14px;
    }
    .main-step-sec h2 {
        font-size: 16px !important;
        line-height: 25px !important;
    }
    .main-step-sec{
        padding: 0px !important;
    }
    #custom-changes h3{
        margin-bottom: 10px;
    }

}
@media(max-width: 560px){
    .ex-logo li img {
        height: 40px;
        width: 80px;
    }
    #pageContect h3 {
        top: 9px;
        position: relative;
        font-size: 19px;
    }
    .upload_file ul li p {
        font-size: 12px;
    }

}
@media(max-width: 520px) and (min-width:320px ) {
     .new-right-ver .checkboxFive{
        margin-top: 10px;
    }
    .ex-logo {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
    }
    .example-secimg h3{
        width: 100% !important;
    }
    .edit-log .edit-lh {
        margin-bottom: 20px !important;
    }
    #custom-changes button.btn.btn-primary.btn-lg {
        padding: 7px 10px !important;
        font-size: 16px !important;
    }
}

@media(max-width: 480px){
    #custom-changes button.btn.btn-primary.btn-lg {
        padding: 7px 10px !important;
        font-size: 16px !important;
    }
    .main-step-sec {
        margin-bottom: 10px;
    }
    .upload-chatsec{
        height: 80px;
    }
    .example-secimg .ex-logo {
        width: 100%;
        text-align: center;
    }
    .example-secimg h3{
        width: 100% !important;
        margin-top: 0px;
    }
    .main-step-sec h2 {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .ex-logo li img {
        height: 40px;
        width: 65px;
    }
    .inner-des .tag-l{line-height: 15px;}
    .upload-file-grid .upload-logoh{}
    .inner-des p{min-height: 100px;}
    /*********dev new start*************/
       .upload-file-grid {
        width: calc(100% / 2 ) !important;
        margin: 0px!important;
    }
    /*********dev new start*************/
}
@media(max-width: 404px) and (min-width: 400px){
    .upload-file-grid {
        margin: 0px 4px;
    }
}
@media(max-width: 450px){
    .select-sec .custom-pad {
        width: 100%;
    }
    .example-secimg .ex-logo li {
        min-width: 60px;
    }
}
@media(max-width: 767px) and (min-width: 360px){
.useimg-li {
    width: 11% !important;
}
   .upload-chatsec.second-logo .upl-chatin .useimg-li2 {
    width: 79% !important;
        float: right;
    }
    .useimg-li2 {
        width: 74%;
    }
}
@media(max-width: 400px) and (min-width: 375px){
    .upload-file-grid {
        width: 50%;
        margin: 0px;padding:0 3px ;
    }
    .inner-des .tag-l{font-size: 12px;}
    .inner-des p {font-size: 12px;}
    .inner-des .tag-l {line-height: 15px;}
    .inner-des p { font-size: 12px;}
} 
@media(max-width: 374px){
    .upload-file-grid {width: 100%;margin: 0;}
    .upload-file-grid .upload-logoh{min-height: auto;}
}
@media(max-width: 360px){
   
    .select-sec {
        padding: 0 10px;
    }
    .example-secimg h3 {
        float: left;
        width: 100% !important;     
        margin-bottom: 40px;
        top: 0;
    }
    .ex-logo {
        float: left;
        width: 100%;
        margin: 0;
    }
    .ex-logo li img {
        height: 35px;
    }
    .left-padding p {
        text-overflow: ellipsis;
        word-wrap: break-word;
    }
    
    .select-des .magnify{
        margin-right: 0;
    }

}
@media (min-width:320px) and (max-width:410px){
    .choose_place {
        padding: 0 10px;
    }
    .inner_main {
        float: left;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }
    #order1 {
        order: 2;
        display: inline-block;
        float: left;
        padding: 0;
    }
    #order2 {
        float: left;
        order: 1;
        display: block;
    }
    .left-padding p {
        word-wrap: break-word;
    }
    .main-step-sec {
        margin-bottom: 0;
    }

}

@media(max-width: 380px){
    .ex-logo li img {
        height: 30px;
    }
    .ex-logo li {
        margin-right: 10px;
    }
    .main-step-sec{
        font-size: 14px !important;
    }
}
@media(max-width: 320px){
    .ex-logo li img {
        height: 30px;
    }
}
/*==========  responsive css start here  22 feb 2018 ===========*/

/*==========================   ends css Digitized Logos page here 22 feb 2018 ========*/

/*cust css pre*/
.enhance-btn.enhancethis{
    background-color: #e11e2c;
}
.new-right-ver .stich::before {
    top: 3px;
    left: -32px;
    display:none;
}

/*cust css pre*/

.enhancethis a {
    background: transparent !important;
    color: #fff !important;
}

.pastlogoandgraphic div#popupImageModal1 .modal-content {
    background: url(https://customize.logoup.com/img/transparent.png);
}

.pastlogoandgraphic .modal-content .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e500;
}
.pastlogoandgraphic .modal-content .modal-header {
    padding: 9px 10px 4px 10px !important;
    border-bottom: 1px solid #e5e5e500;
    display: inline-block;
    float: right;
    z-index: 99999999999;
    position: relative;
    width: 100%;
}
.pastlogoandgraphic .modal-content .modal-header button.close {
color: #555b63 !important;
opacity: 9;
font-size: 28px;
z-index: 9999;
}

/*===============  updated css 18 April 2018 ===============*/
.magnify.up-cus {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    display: inline-block;
}
.magnify.up-cus{
    background: url(/img/btn-action-sprite.png) no-repeat;
    background-position-x: 0%;
    padding: 1px 0px 4px 20px;
    line-height: 1em;
    display: inline-block;
    cursor: pointer;
    width: auto;
    background-position-y: 58.7%;
    color: #1e61af;
    font-family: proxima_nova_rgregular;
    font-weight: 500;
    float: none;    
    height: 19px;
    position: relative;
    margin-top: 11px;
}
    
    .enhanc-ul-wrap .checkmark {
    border: 1px solid #a5a5a5;
}
/*=============== ends  updated css 18 April 2018 ===============*/  

/*==========  updated instproof page css file 19 april 2018 ======*/
@media (min-width:320px) and (max-width:410px){
    .inner_main {
        float: left;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }
    #order1 {
        order: 2;
        display: inline-block;
        float: left;
        padding: 0;
    }
    #order2 {
        float: left;
        order: 1;
        display: block;
    }
    .left-padding p {
        word-wrap: break-word;
    }
    .main-step-sec {
        margin-bottom: 0;
    }
    .inner_main > .col-xs-12.col-sm-12.col-md-3.mobile-2-box {
        order: 2;
        display: inline-block;
        padding: 0 12px;vertical-align: top;
    }

}
/*=========== ends updated css file 19 april 2018 ============ */
/*==========  19 april  customize portal 2018 ========*/
.hi-sti {
    margin: 0 4px;
    display: inline-block;
}
.new-ver .new-upload-image {
    padding-left: 0;padding-right: 0;padding-bottom: 0px;
    padding-top: 0;margin-top: 15px;margin-bottom: 15px;
}/*==== 10 july 2018 ==*/
#sectionOne-cust span.masterTooltip::before{
    height: 5px;
    bottom: -8px;
    margin-top: 0px;
}

@media(max-width: 767px) and (min-width: 480px){
    .no-padding-res {
        display: inherit;
    }
    .delete-button a {
        padding:10% 15%;
    }
    .upload-des{
        width: 48%;
    }
    .upload-chatsec .delete-button{display: table-cell;vertical-align: middle;height: 100%;}
    .upload-chatsec{width: 17%;height: 140px;}
}
@media(max-width: 480px) and (min-width: 320px){
    .logo-img-se{
        width: 100%;
    }
    .upload-des{
        width: 100%;
        height: 50px;
    }
    .upload-chatsec{
        width: 100%;
        height: 60px;
    }
    .upload-chatsec .delete-button{display: table-cell;vertical-align: middle;height: 100%;line-height: 50px;}
   .no-padding-res {
    display: inherit;
}

    .delete-button a {
        padding: 12px 16px;
    }
    .inner-des{padding: 5px 0;}
    .inner-des,.inner-des .tag-l{text-align: center;}
    .select-des > a{font-size: 10px;}
    .logo-img-se{padding: 40px 10px 10px 10px;}
}
@media(max-width: 1300px) and (min-width: 767px){
    .select-des .magnify {margin-right: 0px;float: left;margin-top: 8px;}
    .select-des > a{margin-left: 0px;}
    .select-des{min-height: 145px;}
}
@media(max-width: 400px) and (min-width: 360px){
    section.mid_section .ome-inner-cust h3 {
        font-size: 16px;
        margin-top: 2px;
        text-align: left;
        margin-bottom: 10px;
    }
    .ome-inner-cust label.cont-cust {
        font-weight: normal;
    }
    .ome-inner-cust .check-box-sec{
        border: 1px solid #cdcdcd;
    }


}
@media(max-width: 360px) and (min-width: 320px){
    section.mid_section .ome-inner-cust h3 {
        font-size: 14px;
        text-align: left;
        margin-bottom: 10px;
    }
    .app_green ,.change_red{
        font-size: 15px;
    }
    .ome-inner-cust .right-next a.next-ntu {
        padding: 4px 15px;
        font-size: 12px;
        margin-top: 2px;
    }
    .ome-inner-cust label.cont-cust {
        font-size: 17px;
        font-weight: normal;
    }
    .ome-inner-cust .check-box-sec{
        border: 1px solid #cdcdcd;
    }
}
/*========== ends 2018 19 april ===========*/

/*========== start 2018 20 april ===========*/
span.proof-note {
    width: auto;
    display: inline-block;
    background: #f4f4f4;
    padding: 4px 6px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #5f5f5f;
    font-size: 14px;
}

/*========== ends 2018 20 april ===========*/
/*=========  updated css in 23 april 2018 =========*/

/*============ ends updated css here */

/*===================================     style_suman css start here 24 APRIL 2018 =========================================*/

#logo-browsem {
    z-index: 99999;
}

#logo-browsem .modal-dialog {
    width: 80%;
}

.modal-header.browse-h {
    background-color: #f1f1f1;
    padding: 15px 15px 5px 22px;
    border-radius: 5px 5px 0px 0px;
}
.browse-logo {
    float: left !important;
    width: auto !important;
    display: inline-block !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
}
.browse-logo li {
    display: inline-block;
    width: auto !important;
    margin-right: 20px;
}
.browse-btn {
    float: left;
    width: auto;
    position: relative;
}
.browse-btn input {
    position: relative;
    width: 150px;
    height: 40px;
    opacity: 0;
    z-index: 99;
}
.btn-custom.btn {
    position: absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
    font-size: 15px;
    background-color: #0a92ca;
    color: #fff;
    border-radius: 28px;
    width: 150px;
    height: 40px;
    font-family: proxima_nova_rgregular;
    cursor: pointer;
}
.tag-b {
    text-align: center;
    margin-top: 5px;
    position: relative;
    top: 7px;
    color: #838383;
    font-weight: 500;
    font-size: 14px;
    font-family: proxima_nova_rgregular;
}
.social-sec {
    text-align: center;
    cursor: pointer;
}
.social-sec svg,.social-sec img {
    width: 42px !important;
    height: 42px !important;
    display: inline-block !important;
    margin: 0 auto !important;
    padding-top: 5px !important;
}
.social-sec p {
    position: relative;
    top: 6px;
    color: #838383;
    font-family: proxima_nova_rgregular;
    font-size: 14px;
}
.browse-h .close {
    font-size: 38px;
}
.browse-logo li:first-child::after {
    position: absolute;
    content: "OR";
    right: -44px;
    top: 37%;
    font-weight: 700;
    display:none;
}
.browse-logo li:first-child {
    margin-right: 70px;
    position: relative;
}
.browse-h .close {
    font-size: 35px;
    opacity: 1;
    margin-right: -26px;
    margin-top: -26px;
    background: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 9px;
    padding: 5px 8px 9px;
}
.browse-h .close svg{
    width: 25px;
}
.browse-inner-sec {
    float: none;
    width: 100%;
    display: inline-block;
    min-height: 340px;
}
.uploaded-part {
    float: left;
    width: 100%;
    display: table;
    height: 370px;
    position:relative;
    min-height: 370px;
    border: 2px dashed #ddd;
    background-image: url('/img/pattern.jpg');
    background-repeat: repeat;  
}
.img-sec {
    display: table-cell;
    height: 370px;
    vertical-align: middle;
}
.img-sec img {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
}
.browse-content {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #454545;
    font-family: proxima_nova_rgregular;
    padding-right: 25px;
}
#browse-body {
    padding: 30px;
    width: 100%;
    display: inline-block;
}

/*=========  create custom select box ----*/

#color-select-dropdown {
    margin-bottom: 15px;
}

.color-select-dropdown-header {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px;
    position: relative;
    background: #ededed;
    border-radius: 3px;
    height: 46px;
}
.color-select-dropdown-option p {
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-right: 13px;
}
.color-select-dropdown-header h5 {
    margin: auto;
    position: relative;
    font-size: 15px;
    line-height: 22px;
}
.color-select-dropdown-header .caret {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.color-select-dropdown-option span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 15px;
}
.color-select-dropdown-option:hover {
    background: #f1f1f1;
}
.color-select-dropdown-header p {
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.color-select-dropdown-body {
    list-style: none;
    margin-top: -1px;
}
.color-select-dropdown-option {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

#preview-button {
    margin-top: 10px;
    background: #0a92ca;
    border-color: #0a92ca;
}

/*=========  modal img style -------------*/
.social-sec.instagram a {
    color: inherit;
}

#insta-model {
    z-index: 999999;
}

#insta-model img {
    height: 200px;
    width: 200px;
    padding: 20px;
}

#insta-model img:hover {
    transform: scale(1.1);
}

#insta-model .modal-dialog {
    width: 650px;
    margin: 30px auto;
    cursor: pointer;
}

#insta-model #insta-model-label {
    display: inline-block;
}

#insta-model .modal-body {
    height: 450px;
    overflow-y: scroll;
}


/*=========  start css in switch btn -----*/
.browse-content .checkbox-inline {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    margin-left: 0;
    top: 0px;
    margin-right: 0;
    float: right;
}
.checkbox-inline .btn.btn-primary:hover {
    background-color: #0a92ca;
}
.checkbox-inline .btn-primary {
    color: #fff;
    background-color: #0a92ca;
    border-color: #0a92ca;
}
/*=========  ends css in switch btn -----*/
/*============   start css in custom  checkbox =========*/
 /* Customize the label (the custom-check) */
 .custom-check {
    font-size: 16px;
    font-weight: normal;
}
.custom-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent; 
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.custom-check:hover input ~ .checkmark, .remove_bg_cls:hover input ~ .checkmark {
    background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.custom-check input:checked ~ .checkmark, .remove_bg_cls input:checked ~ .checkmark {
    background-color: #0a92ca;
    border: 1px solid #0a92ca;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-check input:checked ~ .checkmark:after,.remove_bg_cls input:checked ~ .checkmark::after{
  display: block;
}

/* Style the checkmark/indicator */
.custom-check .checkmark::after, .remove_bg_cls .checkmark::after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} 
/*============   ends css in custom  checkbox =========*/
.upload-btn {
    float: left;
    width: 100%;
    max-width: 200px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
}
.upload-btn input {
    position: absolute;
    width: 100%;
    height: 50px;
    opacity: 0;
    z-index: 99;
}
.btn.upload {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #0a92ca;
    color: #fff;
    font-family:  proxima_nova_rgregular;
    font-weight: 500;
    letter-spacing: 1px;
}
.upload-btn.disabled {
    pointer-events: none;
}
.upload-btn.disabled .btn.upload {
    background-color: #ccc;
}
.content-check {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.color-selectsec {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f1f1f1;
    margin: 10px 0;
    border-radius: 5px;
}
.color-selectsec .form-group label {
    font-weight: normal;
    margin: 10px 0 0 0;
}
.custom-select .form-control {
    height: 50px;
    box-shadow: unset;
    background-color: #fff !important;
    border-radius: unset;
    margin-bottom: 0;
}
.custom-select {
    float: left;
    width: 100%;
    position: relative;
}
.custom-select .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    right: 15px;
    top: 22px;
    color: #ababab;
}
/*========  second modal =========*/
.no-imgsec {
    float: left;
    width: 100%;
    text-align: center;
}
.no-imgsec img {
    width: 100%;
    max-width: 300px;
    margin-top: 40px;
}
.modal-demobtn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
/*========  ends =========*/

/*=================   create logo sxection css start here= ==============*/
#custom-changes .text-area-upload {
    width: 100%;
    float: left;
    padding: 15px 10px 15px 13px;
    margin: 0;
}
#custom-changes h3 {
    width: auto;
    margin-top: 0px;
}
#custom-changes button.btn.btn-primary.btn-lg {
    float: right;
}
/*==========  new ===========*/
#custom-changes button.btn.btn-primary.btn-lg {
    padding: 7px 40px;
    background: #5cb85c;
    color: #fff;
    font-size: 17px;
    border: 1px solid;
    font-family: proxima_nova_rgbold;
    border-radius: 4px;
}
.create-logostep {
    float: left;
    width: 100%;
    padding: 20px 20px 5px 20px;
    background-color: #f0f0f0;
}
.main-step-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0 32px;
    min-height: 210px;
}
.main-step-sec h2 {
    font-size: 18px;
    color: #6c6b64;
    text-transform: capitalize;
    line-height: 24px;
    margin-bottom: 0px;
}
.main-step-sec.line-arrow::after {
    position: absolute;
    content: "-------------";
    right: -76px;
    top: 53px;
    float: left;
    height: 0;
    width: auto;
    color: #b7b7b7;
    font-size: 29px;
}
.example-secimg {
    float: left;
    width: 100%;
    padding: 16px 10px 20px 10px;
}
.example-secimg h3 {
    float: left;
    display: inline-block;
    width: 11% !important;
    font-size: 18px;
    color: #6c6b64;
    font-family: unset;
    text-align: left;
    padding-left: 10px;
    position: relative;
    top: 21px;
}
.ex-logo {
    float: left;
    width: 89%;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0;
}
.ex-logo li {
    display: inline-block;
    min-width: 210px;
    text-align: center;
}
.ex-logo li img {
    margin: 0 auto;
}
/*=================   create logo sxection css ends here= ==============*/

/*===================  responsive css start here ==========*/
@media(max-width:1200px){
    div#logo-browsem, div#logo-noimg {
        padding: 10px !important;
    }
    .browse-content .switch{
        top: 0px;
        margin-right: 0;
        float: right;
    }

}   
@media(max-width:1199px) and (min-width: 1024px) {
    .main-step-sec{
        padding: 0px;
    }
    .main-step-sec h2{
        font-size: 15px;
    }
    .main-step-sec.line-arrow::after {
        content: "------";
        right: -41px;
        top: 53px;
        font-size: 26px;
    }
    .example-secimg .ex-logo li{
        min-width: 110px;
    }
}
@media(max-width:1023px) and (min-width: 991px) {
    .main-step-sec{
        padding: 0px;
    }
    .main-step-sec h2{
        font-size: 15px;
    }
    .main-step-sec.line-arrow::after {
        content: "------";
        right: -41px;
        top: 53px;
        font-size: 26px;
    }
    .example-secimg .ex-logo li{
        min-width: 110px;
    }
}

@media(max-width:991px){
    .example-secimg .ex-logo li{
        min-width: 115px;
    }
    .browse-content {
        font-size: 16px;
        padding-right: 10px;
    }
}
@media(max-width: 767px){
    .browse-content {
        margin-top: 30px;
        font-size: 18px;
        padding: 0;
    }
    section.mid_section .ome-inner-cust h3 {
        margin-top: 5px;
    }
    #browse-body {
        padding: 30px 10px;
    }
    .browse-content .checkbox-inline{
        top: -2px;
    }
}
@media(max-width: 600px) and (min-width: 480px){
    .example-secimg .ex-logo li {
        min-width: 105px;
    }
}
@media(max-width: 510px) and (min-width:480px ){
    .browse-logo li:first-child{
            margin-right: 50px;
    }
    .browse-logo li:last-child{
        margin: 0px;
    }
    .browse-content {
        font-size: 14px;
    }

}

@media(max-width: 480px) and (min-width:320px ){
    .browse-content {
        font-size: 14px;
    }
    .browse-content .switch{
        width: 55px;
        top: -4px;
    }
    div#logo-browsem,div#logo-noimg {
        padding: 7px !important;
    }
    .social-sec {
        text-align: center;
        top: -6px;
        position: relative;
    }
    .social-sec p {
        position: relative;
        top: 6px;
        font-size: 12px;
    }
    .social-sec svg, .social-sec img {
        width: 32px;
        height: 32px;
        margin: 0 auto;
        padding-top: 0;
    }
    .tag-b {
        text-align: center;
        margin-top: 5px;
        position: relative;
        top: 0px;
        font-size: 12px;
    }
    .browse-logo li:first-child::after {
        position: absolute;
        content: "OR";
        right: -20px;
        top: 29%;
        font-size: 13px;
    }
    .btn-custom.btn {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 12px;
        width: auto;
        height: 33px;
    }
    .browse-btn input {
        position: relative;
        width: 110px;
        height: 40px;
        opacity: 0;
        z-index: 99;
    }
    .browse-btn {
        float: left;
        width: auto;
        position: relative;
    }
    .browse-logo li:first-child {
        margin-right: 14px;
        position: relative;
    }
    .browse-logo li:last-child {
        margin: 0px;
    }
    .browse-h .close svg {
        width: 15px;
    }
    .browse-h .close {
        margin-right: -30px;
        margin-top: -20px;
        margin-bottom: 5px;
    }
    .modal-header.browse-h {
        padding: 15px 10px 5px 10px;
    }
    .browse-logo li{
        margin-right: 10px;
    }
    .browse-content .checkbox-inline{
        top: -6px;
    }
    .main-step-sec{
        min-height: 165px;
    }
    .example-secimg .ex-logo li {
        min-width: 80px;
    }

}
@media(max-width: 480px) and (min-width: 360px){
    .example-secimg .ex-logo li:first-child {
        width: 30%;
    }
    .example-secimg .ex-logo li{
        width: 30%;
    }
    .example-secimg .ex-logo {
        text-align: left;
    }
    #custom-changes h3{
        margin-top: 0px;
    }
}
@media(max-width: 360px){
    .img-sec{
        height: 320px;
    }
    .img-sec img{
        width: 230px;
    }
    .example-secimg .ex-logo li:first-child {
        width: 30%;
    }
    .example-secimg .ex-logo li {
        min-width: 70px;
        width: 30%;
    }
    .example-secimg .ex-logo{
        text-align: left;
    }
    #custom-changes h3{
        margin-top: 0px;
    }
}

/*===================  responsive css ends here ==========*/



/*================  style_suman css ends here =======================================================================================  */


/*==========  updated css 26 April 2018  =============*/
.new-next-ship #nxtBtn1 {
    margin-bottom: 0;
}

/*========== ends  updated css 26 April 2018  ===========*/

/*=============  updated css cust dev new header 21 April 2018 =========*/
.customize-dev-nh {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.customize-dev-nh img {
    width: 220px;
    margin: 15px 0;
}
.customize-dev-nh a {
    display: inline-block;
    cursor: pointer;
    float: none;
    width: auto;
}
.cus-dev-cartb {
    float: right;
    display: inline-block;
    width: auto;
    margin-right: 15px;
}
.bck-cart.btn {
    background-color: #a5a5a5;
    color: #fff;
    font-size: 16px;
    padding: 7px 31px;
    font-family: proxima_novasemibold;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.mobile-steps .bck-cart.btn {
    position: relative;
    top: -2px;
    padding: 4px 12px;
    font-style: initial;
}
.mobile-steps .cus-dev-cartb{
    margin-right: 0;
}
.inner_main .accordion.new-accord {
    display: none;
}
/*=========  updated css in 23 april 2018 =========*/
@media(max-width: 990px){
    .header-logo a {
        width: 100px;
    }
    h2.heading {
        font-size: 16px;
        margin-left: 2px;
    }
    ul.navigation-links {
        width: calc(100% - 270px);
    }
    .navigation-links li img {
        width: 34px;
    }
}
@media(max-width: 767px){
    .checkmark-cust {
        top: 0px;
        height: 20px;
        width: 20px;
     }
     .cont-cust .checkmark-cust:after {
        left: 2px;
        top: 2px;
        width: 12px;
        height: 12px;
     }
     .cont-cust {
        padding-left: 27px;
     }
    .mobile-steps .bck-cart.btn {
        position: relative;
        top: -2px;
        padding: 4px 12px;
        font-style: initial;
    }
    .mobile-steps .cus-dev-cartb{
        margin-right: 0;
    }
    .new-next-ship a.nex-custt, .center-btm-btn .skip_btn.custom-skip-btn .logo_next a,.logo_next.top_next > a {
         padding: 8px 22px !important;
        min-width: auto!important;   
         display: inline-block;
        font-size: 16px !important;
    }
    .new_rps_col .checkboxFive {
        padding-left: 22px;
        font-weight: normal;
    }
    .add-customblade .new_rps_col .checkboxFive {
        font-size: 12px;
        line-height: 24px;
    }
    .cust_mar.show-mob-new {
        margin-top: 6px;
    }
    .pastlogoandgraphic {
        margin-top: 15px;
    }
    .choose_place table {
        margin-top: 22px;
    }
}
@media(max-width: 500px){
    ul.navigation-links {
        width: calc(100% - 192px);
    }
    h2.heading {
        font-size: 12px;
        margin-left: 2px;
    }
    .header-logo a {
        width: 80px;
    }
    .heading span {
        padding-right: 0;
    }
}

@media(max-width: 480px) and (min-width: 400px){
    .mobile-steps .bck-cart.btn{
        top: -5px;
    }
}
@media(max-width: 400px){
    .mobile-steps .bck-cart.btn {
        top: -5px;
        padding: 3px 7px;
        font-size: 12px;
        left: -11px;
    }
    .all-filesize {
        text-align: left;
        font-size: 12px;
    }
    .thread-replacement {
        width: 100%;
        float: left;
    }
}

/*===========  ends cus dev header css 21 April 2018 ===========*/


/*=========+++++++++++        This css is css/style inner part start here ===============*/

/*==========  responsive css start here  22 feb 2018 ===========*/
@media(max-width: 1600px){
    .inner-des p {
        font-size: 14px;
    }
    .logo-img-se img {
        height: 90px;
        width: 100%;
        object-fit: scale-down;
    }
    .ex-logo li{
        min-width: 120px;
    }
    .main-step-sec h2{
        font-size: 14px;
    }
    .main-step-sec.line-arrow::after {
        content: "-------------";
        right: -58px;
        top: 53px;
        font-size: 20px;
    }
}
@media(max-width: 1455px) and (min-width: 768px){
    /*.enhance-btn a{
        top: -3px;
    }*/
}
@media(max-width: 1400px) and (min-width: 1200px){
    .enhance-btn a{
        top: -2px;
    }
}

@media(max-width: 1300px){
    .select-des .tag-l{
        font-size: 18px;
    }
    .logo-gra table td figcaption{
        margin-left:92px;
    }
    .select-grid .MagicZoomBigImageCont {
        left: 0px !important;
        z-index: 99;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
    }
    #Enhance-Modal .modal-dialog {
        max-width: 100%;
        width: 100%;
        display: block;
        padding: 10px;
    }

}
@media(max-width: 1200px){
    .select-des p {
        font-size: 12px;
    }
    .select-des .tag-l {
        font-size: 16px;
    }
    .select-des .magnify{
        margin-right: 0px;
    }
    .custom-pad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .inner-des p{
        font-size: 14px;
    }
    .logo-img-se img {
        width: 100%;
        object-fit: scale-down;
        height: 90px;
    }
    .logo-gra tr td:first-child::after{
        display: none;
    }
    .main-step-sec.line-arrow::after {
        content: "-------------";
        right: -61px;
        top: 62px;
        font-size: 21px;
    }
    .ex-logo li{
        min-width: 150px;
    }
    .main-step-sec h2{
        font-size: 16px;
    }
    .main-step-sec{
        padding: 0 22px;
    }
    #new-table .select-grid .select-img .btn-area a {
        top: 0px;
    }
    .user-chatsec{
        min-height: 40px;
    }
    .select-sec .custom-pad {
        width: 33.33%;
        padding-left: 10px;
        padding-right: 10px;
    }

}
@media(max-width: 1199px){
    .select-des{
        padding:10px 6px; 
    }
    .useimg-li {
        width: 20% !important;
    }
      .useimg-li2 {
        width: 76% !important;
    }
    .user-chatsec{
        padding:7px 10px; 
    }
    .upload-chatsec{
        padding:0px 10px 5px 10px; 
    }
    .upload-des{
        padding: 0px 10px;
    }
    .ex-logo li{
        min-width: auto;
        margin-right: 20px;
    }
    .ex-logo li:last-child{
        margin-right: 0px;
    }
    .main-step-sec {
        padding: 0 0px;
    }
    .main-step-sec h2 {
        font-size: 14px;
    }
    .ex-logo li img {
        width: 80px;
        height: 60px;
        object-fit: scale-down;
    }
    .main-step-sec.line-arrow::after {
        content: "-------";
        right: -37px;
        top: 62px;
        font-size: 19px;
    }
    .useimg-li2 p{
       font-size: 12px;
    }
    .ex-logo{
        width: 80%;
    }
    #custom-changes h3{
        margin-top: 8px;
    }
    #pageContect h3 {
        margin-top: 8px;
        font-size: 22px;
    }
    .select-grid .useimg-li img {
        width: 24px !important;
        padding: 0px !important;
    }


}

@media(max-width: 1024px){
    .ex-logo li img {
        margin: 0 auto;
        width: 90px;
        object-fit: scale-down;
        height: 60px;
    }
    .ex-logo li{
        margin-right: 20px;
    }
    .example-secimg h3{
        top: 12px;
    }
    .useimg-li2 p{
        font-size: 12px;
    }

}
@media(max-width: 1024px) and (min-width: 767px){
    #new-table tbody tr td {
        width: 100% !important;
        float: left;
        padding:8px !important; 
    }
    #new-table .stich{
        height: auto !important; 
        padding-top: 0;
        padding-left: 0px;
    }
    .new-right-ver #new-table .stich::before {
        top: 3px;
        left: 0;
    } 
    .new-right-ver #new-table .checkboxFive {
        width: auto !important;
    }
    .new-right-ver #new-table .mar_top {
        padding-top: 2px;
    }
    .new-right-ver #new-table .checkboxFive {
        width: auto !important;
        padding-left: 20px;
    }
    #new-table .checkboxFive {
        font-size: 14px !important;
        position: relative;
        width: auto;
        float: left;
        padding-left: 20px;
    }
    .checkboxFive label{
        left: 0px;
    }
    #form2 .checkboxFive {
        font-size: 14px;     
        padding-left: 20px;
    }
    /*.select-sec .custom-pad {
        width: 50%;
    }*/
    #new-table .select-grid .mar_top .checkboxFive {
        padding-left: 0;
    }
    .select-grid .select-img .btn-area {
        top: 0px;
    }

}

@media(max-width: 767px){
    .select-sec .custom-pad{
        width: 100%;
    }
     .vector-select-row .hi-sti {
        font-size: 11px;
    }
    .vector-select-row .hi-sti img {
        width: 11px !important;
    }
    .select-sec{
        padding:0 40px; 
    }
    .select-sec .select-grid{
        margin-bottom: 30px;
    }
    .select-des .tag-l{
        width: 100%;    margin: 5px 0 7px;
    }
    .inner-des .tag-l{
        width: 100%;
    }
    .ex-logo li{
        margin-right: 50px;
    }
    #new-table .stich{
        height: auto !important; 
    }
    #new-table .checkboxFive{
        margin-top: 10px;
    }
     .new-right-ver .checkboxFive{
        margin-top: 10px;
    }
    .example-secimg h3{
        top: 12px;
    }
    .main-step-sec h2 {
        font-size: 16px;
    }
    /*.logoinner-sec img {
        width: 100%;
    }*/
    .main-step-sec {
        margin-bottom: 10px;
    }
    #new-table .select-img .mar_top .checkboxFive{
        margin-top: 0px;    
    }
    .select-sec .custom-pad {
        padding-left: 3px;
        padding-right:3px;
        margin-left: 0px;
    }
    .select-sec {
        padding: 0 0px;
    }
    .select-sec .select-grid {
        margin-bottom: 10px;
    }
    .select-img img{
        object-fit: scale-down;
        border-bottom: 1px solid #f1f1f1;
    }
    .company-info.step3 .edit-log h3.edit-lh {
        font-size: 20px;
        color: #515151;
        letter-spacing: 0.5px;
        font-family: proxima_nova_rgregular;
    }
    .modal-dialog.cust-model1 {
        padding: 10px;
    }
    .company-info.step2 .top-head h4 {
        font-size: 18px;
        margin-top: 8px;
    }
    .company-info.step2 .top-head h4 {
        font-size: 16px;
        margin-top: 7px;
    }
    .select-grid .MagicZoomBigImageCont {
        left: 0px !important;
        z-index: 99;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
    }
    .select-des > a{
        margin-left: 0;
    }
    .main-step-sec.line-arrow::after{
        display: none;
    }
    #logo-browsem .modal-dialog {
        width: 100%;
    }
    /*===========  updated css 25 june 2018 =====*/
    .canvas-cust .btn.btn-primary.save-logo {
        float: none !important;
        margin: 0 auto;
        display: inline-block;
    }

}

@media(max-width: 700px) and (min-width: 640px){
    .ex-logo li {
        margin-right: 30px;
    }
    
}
@media(max-width: 700px) and (min-width: 600px){
    .enhance-colr-ul li {
        width: 100%;
    }
    ul.enhance-colr-ul{
        width: 33.33%;
    }
}

@media(max-width: 600px) and (min-width: 400px){
    .enhance-colr-ul li{
        width: 100%;
    }
    ul.enhance-colr-ul{
        width: 50%;
    }
    .enhance-sel{
        width: 100%;
    }
}
@media(max-width: 400px) and (min-width: 320px){
    .enhance-sel{
        width: 100%;
    }
    ul.enhance-colr-ul{
        margin-bottom: 0;
        width: 100%;
    }
    .enhance-colr-ul li{
        width: 100%;
    }
}

@media(max-width: 640px){
    .upload-file-grid{
        height: auto;
    }
    .logo-img-se{
        width: 100%;
    }
    .upload-des {
        width: 100%;
        min-height: 130px;
        text-align: center;
        display: inline-block;
        float: left;
    }
    .inner-des {
        display: inline-block;
        width: 100%;
        float: left;
    }
    .upload-chatsec{
        width: 100%;
        min-height: auto;
        height: auto;
    }
    .ex-logo li{
        margin-right: 20px;
    }
    .main-step-sec.line-arrow::after {
        display: none;
    }
    .main-step-sec h2 {
        font-size: 14px;
    }
    .main-step-sec {
        margin-bottom: 10px;
    }
    .logoinner-sec img {
        width: 100%;
    }
    .delete-button a{
        padding: 12px 30px;
    }
    .inner-des .tag-l {
        text-align: center;
    }
    .example-secimg .ex-logo {
        width: 100%;
    }
    #custom-changes h3{
        margin-top: 0px;
    }

}
@media(max-width:600px){
    #custom-changes h3 {
        margin-top: 0;
        top: 2px;
    }
    .ex-logo li img {
        width: auto;
        object-fit: scale-down;
        height: 50px;
    }
    .ex-logo li {
        margin-right: 20px;
    }
    .new-right-ver .stich{
        height: auto;
    }
    .example-secimg .ex-logo li {
        min-width: 100px;
    }
    .example-secimg h3{
        font-size: 14px;
    }
    .main-step-sec h2 {
        font-size: 16px !important;
        line-height: 25px !important;
    }
    .main-step-sec{
        padding: 0px !important;
    }
    #custom-changes h3{
        margin-bottom: 10px;
    }
    .thread-replacement{
        width: 100%;
    }

}
@media(max-width: 560px){
    .ex-logo li img {
        height: 40px;
        width: 80px;
    }
    #pageContect h3 {
        top: 9px;
        position: relative;
        font-size: 19px;
    }
    .upload_file ul li p {
        font-size: 12px;
    }

}
@media(max-width: 520px) and (min-width:320px ) {
     .new-right-ver .checkboxFive{
        margin-top: 10px;
    }
    .ex-logo {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
    }
    .example-secimg h3{
        width: 100% !important;
    }
    .edit-log .edit-lh {
        margin-bottom: 20px !important;
    }
    #custom-changes button.btn.btn-primary.btn-lg {
        padding: 7px 10px !important;
        font-size: 16px !important;
    }
}

@media(max-width: 480px){
    #custom-changes button.btn.btn-primary.btn-lg {
        padding: 7px 10px !important;
        font-size: 16px !important;
    }
    .main-step-sec {
        margin-bottom: 10px;
    }
    .upload-chatsec{
        height: auto;
    }
    .example-secimg .ex-logo {
        width: 100%;
        text-align: left;
    }
    .example-secimg h3{
        width: 100% !important;
        margin-top: 0px;
    }
    .main-step-sec h2 {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .ex-logo li img {
        height: 40px;
        width: 65px;
    }
    .upload-file-grid {
        width: 100%;
    }
    .upload-des ,.upload-file-grid .upload-logoh,
    .inner-des p {
        min-height: auto;
    }
}
/*@media(max-width: 400px) and (min-width: 375px){
    .upload-des{min-height: 140px;}
}*/
@media(max-width: 480px) and (min-width: 320px){
    .new-upload-image .text-area-upload h3 {
        font-size: 16px;
    }
   .new-upload-image .text-area-upload {
    width: 66%;
    padding-left: 7px;
}
   .logo-upload-button {
    width: 34%;
    padding-right: 3px !important;
}
    .new-upload-image .text-area-upload h3{
        font-size: 16px;
    }
    .new-upload-image .text-area-upload p{
        font-size: 12px;
    }
    .logo-upload-button button{
        font-size: 14px;
    }
    .logo-upload-button button {
        padding: 5px 6px;
    }
    #custom-changes button.btn.btn-primary.btn-lg {
        padding: 7px 8px !important;
        font-size: 14px !important;
    }
    #pageContect > label{
        font-size: 16px;
    }
    button.btn.enhan-btn{
        width: 100%;
    }
    #remove_enhance{
        top: 0;left: 0;margin: 20px 0 0 0;float: left;width: 100%;text-transform: uppercase;
    }
    .all-filesize {
     padding-left: 5px;
    width: 100%;   text-align: left;   float: left;margin: 0;font-size: 16px;margin-bottom: 0;
    }
}

@media(max-width: 450px){
    .select-sec .custom-pad {
        width: 100%;
    }
    .example-secimg .ex-logo li {
        min-width: 60px;
    }
}
@media(max-width: 767px) and (min-width: 360px){
.useimg-li {
    width: 11% !important;
}
   .upload-chatsec.second-logo .upl-chatin .useimg-li2 {
    width: 79% !important;
        float: right;
    }
    .useimg-li2 {
        width: 74%;
    }
}
@media(max-width: 360px){
    .select-sec {padding: 0 0px;}
    .example-secimg h3 {float: left;width: 100% !important;margin-bottom: 40px;top: 0;}
    .ex-logo {float: left;width: 100%;margin: 0;}
    .ex-logo li img {height: 35px;}
    .left-padding p {text-overflow: ellipsis;word-wrap: break-word;}
    .select-des .magnify{margin-right: 0;}
}

@media (min-width:320px) and (max-width:410px){
    .inner_main {
        float: left;width: 100%;
        display: flex;flex-flow: row wrap;
    }
    #order1 {
        order: 2;display: inline-block;
        float: left;padding: 0;
    }
    #order2 {
        float: left;order: 1;display: block;
    }
    .left-padding p {
        word-wrap: break-word;
    }
    .main-step-sec {
        margin-bottom: 0;
    }

}
@media(max-width: 374px){
    .inner-des{height: auto;}
    .new-ver .new-upload-image{margin-bottom: 15px;}
}
@media(max-width: 380px){
    .ex-logo li img {
        height: 30px;
    }
    .ex-logo li {
        margin-right: 10px;
    }
    .main-step-sec{
        font-size: 14px !important;
    }
}
@media(max-width: 320px){
    .ex-logo li img {
        height: 30px;
    }
}
/*==========  responsive css start here  22 feb 2018 ===========*/
/*=========+++++++++++        This css is css/style inner part ends here ===============*/

.head-sec a.skip-cust {
    text-transform: capitalize;
    margin-top: 11px;
    color: #337ab7;
    display: inline-block;
    font-family: proxima_nova_rgbold;
}
/*.head-sec .logo_next a {
    padding: 9px 46px;
}
*/
.head-sec .logo_next {
    width: 100%;
}

/*==============  new css in tooltip only customization ===========*/
 /* Tooltip container */
    .list_fees_col h5 a {
        position: relative;
        display: inline-block;
        float: right;
    }

    /* Tooltip text */
    .list_fees_col h5 a .tooltiptext {
        visibility: hidden;
        background-color: #333;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        font-size: 14px;font-family: proxima_nova_rgregular;

        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 30%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
        width: auto;min-width: 200px;
        padding: 10px;
    }

    /* Tooltip arrow */
    .list_fees_col h5 a .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .list_fees_col h5 a:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    } 
    @media(max-width: 767px){
        .list_fees_col h5 a .tooltiptext{
            left: 0;
        }
        .list_fees_col h5 a .tooltiptext::after{right: 8px;left: auto;}
        .list_fees_col h5 a {
            display: initial;
            float: unset;
        }
    }
/*=======ends here ========*/

/*-------------------- sec-pro css end 10 may--------------------*/


section.sec-pro {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    border: 2px solid #ececec;
    margin-bottom: 20px;
    text-align: center;
}

.mid_section .sec-pro .sec-pro-inner figcaption h6 {
    width: 100%;
    float: left;
    font-size: 17px;
    padding-top: 0px;
    margin-top: 0px;
    color: #656565;
    line-height: 23px;
}
.mid_section .sec-pro .sec-pro-inner figcaption h6 span
{
    display: block;
}
.sec-pro .sec-pro-inner figure {
    width: 100%;
    float: left;
}
.sec-pro .sec-pro-inner a.net-top {
    float: right;
    text-align: center;
    padding: 5px 20px;
    background: #0a92ca;
    color: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 19px;
    font-family: proxima_novasemibold;
    margin-bottom: 9px;
} 
.sec-pro .sec-pro-inner {
    width: 100%;
    float: left;
}

.mid_section .sec-pro .sec-pro-inner figcaption h3 {
    color: #656565 !important;
    font-size: 23px;
    margin-top: 14px;
    margin-bottom: 10px;
}
.mid_section .sec-pro .sec-pro-inner figcaption p {
    font-size: 15px;
    margin-top: 0px;
    width: 100%;
    color: #8d8d8d;
    font-family: proxima_nova_rgregular;
    font-weight: normal;
    float: left;
}

.mid_section .sec-pro .sec-pro-inner figcaption p a {
    color: #0a92ca;
}

.mid_section .sec-pro .sec-pro-inner figcaption p img {
    width: 18px;
}
/*-------------------- sec-pro css end may --------------------*/
/*================  customize portal search modify new design css 10 May 2018  ==============*/
.ser-modfy-mignify {
    float: left;width: 100%;
    border-top: 2px solid #a3a3a3;border-bottom: 2px solid #a3a3a3;
    position: relative;max-height: 40px;min-height: 40px;
}
.larg-modify a.magnify img {
    padding: 0;width: auto;
}
.larg-modify a.magnify {
    display: block;float: left;width: 30%;text-align: center;
    height: 40px;line-height: 33px;
}
.ser-modfy-mignify .btn-area {
    width: 70%;margin: 0;
    height: 38px;display: inline-block;
}
.enhance-btn {
    float: right;width: 50%;text-align: center;line-height: 36px;
}
.enhance-btn a b {
    font-weight: 400;
    font-family: proxima_nova_rgregular;
}
.enhance-btn a {
    font-weight: normal;font-family: proxima_novasemibold;font-size: 14px;
    color: #333;background-color: #fff;position: relative;top: 0;
}
.larg-modify {
    float: left;width: 50%;position: relative;
    min-height: 38px;max-height: 38px;
}
.btn-modify b {
    font-weight: normal;
}
.larg-modify .btn-modify {
    background-color: #a3a3a3 !important;border-radius: unset;
    font-size: 16px;padding: 4px 10px;border: none;
    width: 100%;display: block;height: 100%;line-height: 30px;
    text-align: center;font-weight: normal;font-family: proxima_nova_rgregular;
}
.select-sec .row {
    padding: 0; margin: 0;display: inline-block;float: left;width: 100%;
}
@media(max-width: 767px){
    .inner_main h3{text-align: center;}
    .logo-gra .title_col_choose h4{text-align: left;}
}
/*================ ENDS customize portal search modify new design css 10 May 2018  ==============*/

/*=========  start css 11 may 2018 =================*/
@media(max-width: 767px) and (min-width: 480px){
    .select-des{min-height: 140px;}
}

@media(max-width: 767px) and (min-width: 375px){
    /*.select-des{min-height: 130px;}*/
   .select-sec .custom-pad {
        width: calc(100% / 2 - 2px);
        margin:auto;
    }
    .select-grid .useimg-li img {
        width: 19px  !important;padding: 0px !important;
        position: relative;
    }
    .useimg-li2 {
        width: 85% !important;margin-top: 0px;line-height: 30px;
    }
    .useimg-li{
        width: 15% !important;padding: 0;
    }
    .useimg-li2 p{}
    .select-des .tag-l{word-wrap: break-word;}
    .new-right-ver .stich{padding-left: 10px;}
    .logo-gra .title_col_choose h4{width: 100%;font-size: 12px;}
    .logo-switch .switch{width: 55px;height: 25px;}
    .larg-modify .btn-modify{font-size: 12px;padding: 4px 5px;}
    .ser-modfy-mignify .btn-area{width: 65%;}.larg-modify a.magnify{width: 35%;}
    .select-des{padding: 10px 8px;}.select-img{padding-top: 15px;height: auto;}
    
}
@media(max-width: 375px){
    .user-chatsec{min-height: auto;}.user-chatsec ul{height: 31px;line-height: 24px;}
    
}
@media(max-width: 400px) and (min-width: 374px){
    .larg-modify a.magnify{width: 35%;}
    .ser-modfy-mignify .btn-area{width: 65%;}
    .select-des .tag-l{min-height: 10px;}
    .new-right-ver .stich{padding-left: 10px;}
}
@media(max-width: 374px) and (min-width: 320px){
    .select-des{
        min-height: 160px
    }

    .user-chatsec{
        padding: 5px 5px;
    }
    .select-sec .custom-pad {
        width: 50%;
    }
    .useimg-li2 p{
        line-height: 35px;
    }
    .select-des {
        min-height: auto;
    }
    .upload-des{min-height: auto;height: auto;}
    .inner-des p{min-height: auto;}
    .upload-chatsec{padding-bottom:10px;}
}
@media(max-width: 480px) and (min-height: 375px){
    .useimg-li2 p { font-size: 10px !important;font-weight: normal !important;line-height: 6px;}
    .logo-switch {
        margin-bottom: 0;
        line-height: 19px;
    }
    .select-des .tag-l {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
    .select-img img{min-height: 170px;height: 170px;}

}


/*=========  ends css 11 may 2018 ====*/

/*==========   updated css customize portal 15 may 2018 ======*/
.blue_onlysel {
    float: left;
    width: 100%;
    padding:  0 0px;
    font-family: proxima_novasemibold;
    color:#1e61af;
    font-size: 18px;
    margin-top: 15px;
}
.upload_file .blue_onlysel {
    padding-left: 0;
}
/*==========   ends css customize portal 15 may 2018 ======*/

/*======   updated css issue 21 may 2018 ====*/
.logo-gra.past-digest-block #new-table tbody tr td:first-child {
    width: 60% !important;
}
.logo-gra.past-digest-block #new-table tbody tr td:last-child {
    width: 40% !important;
}
@media(max-width: 600px){
    .logo-gra.past-digest-block #new-table tbody tr td:first-child {
        width: 100% !important;
    }
    .logo-gra table td figcaption {
        margin-left: 20px;
    }
    .logo-gra.past-digest-block #new-table tbody tr td:last-child {
        width: 100% !important;
    }
    .head-sec a.skip-cust {
        margin-top: 3px;
     }
    .new-next-ship a.nex-custt{padding: 3px 10px;    min-width: 95px;}
}
@media(max-width: 767px){
      .select-grid.selected .more-info {
        color: #fff;
    }
    .checkboxFive .switch .slider::before {
        height: 19px;
            top: 2px;
        width: 19px;
    }
    .on {
        left: 26%;
    }
    .select-grid .checkboxFive label {
        height: 28px;
        width: 51px !important;
    }
    input:checked + .slider:before {
        -webkit-transform: translateX(21px)!important;
        -ms-transform: translateX(21px)!important;
        transform: translateX(21px)!important;
    }
    .slider span {
        font-weight: normal;
    }
    .user-chatsec ul {
        height: auto;
        line-height: normal;
    }
    .user-chatsec {
        min-height: auto;
    }
    .logo-switch {
        line-height: 19px;
        margin-bottom: 3px !important;
    }
    .checkmark {
        height: 19px;
        width: 19px;
     }
     .custom-check .checkmark::after{
        left: 6px;
        top: 1px;
     }
    .select-des p.sizeheight {
        margin-bottom: 6px;
     }
    .select-grid.selected .more-info i {
        background: #fff;
        color: #1e61af;
    }
    .logo-gra.past-digest-block .title_col_choose h3, .title_col_choose h4{font-size: 16px;}
    .logo-gra .title_col_choose h4 { text-align: left !important;}
    .upload_file {float: left;width: 100%;margin-top: 10px;}
    .new-next-ship #nxtBtn1{width: auto;margin-top: 0;}
    .new-next-ship p {width: 100%;float: right;text-align: center;}
    #pageContect > label{font-size: 16px;}
    .new-next-ship a.skip-cust {
        font-size: 13px;
    }
    .select-des {
        min-height: 80px;
    }
    #order2 {
        padding: 0 5px;
    }
    .p-0 {
        padding: 0;
    }
}
@media(max-width: 360px){
    .logo-gra table td figcaption {
        margin-left: 20px;
    }
    .new-next-ship {
        float: right;
    }
    .new-next-ship #nxtBtn1{width: auto;}
    .new-next-ship a.nex-custt{padding: 5px 24px;}
}
@media(max-width: 375px){
    .new-next-ship {float: right;}
    .enhance-btn a{font-size: 11px;font-family: inherit;}
    .larg-modify{width: 55%;}.enhance-btn{width: 45%;}
    .larg-modify .btn-modify{padding: 4px 5px !important;}
}
/*====== ends   updated css issue 21 may 2018 ====*/

.sel_col ul {
    padding-left: 0px;
}

/*===========  updated css 29 June 2018 ==========*/
@media(max-width: 330px){
    .mid_section.cust-borp {display: inline-block;}
}
@media(max-width: 1024px) and (min-width: 768px){
    .larg-modify{width: 55%;}.enhance-btn{width: 45%;}
    .enhance-btn a{font-size: 13px;font-family: inherit;}
    .select-des .tag-l {
        font-size: 14px;
    }
}
/*===========  ends css 29 June 2018 ==========*/
/*========= 30 June csss===*/
.upselected .inner-des .tag-l{color: #fff;}
.inner_main.profing_page .mobile-1-box {
    padding: 0 10px;display: inherit;
}
/*===========  ends here ======*/
/*=======  10 July 2018 ====*/
.sub_headh4 {
    font-size: 14px;font-weight: normal;font-family: proxima_novasemibold;
    color: #333;margin-top: 5px;display: inherit;
}
.or_textdivide {
    float: left;width: 100%;text-align: center;margin:17px 0 10px 0;
}
.or_textdivide .or_text {
    display: inline-block;margin: 0;padding: 5px;border: 2px solid;
    border-radius: 50%;font-family: proxima_novasemibold;font-size: 16px;color: #c82027;
}
/*.custom_sele {
    position: relative;display: inline-block;width: 100%;
}
.custom_sele .arrow_ud {
    position: absolute;right: 8px;
    top: 16px;content: "";display: inline-block;width: 18px;pointer-events: none;
}
.custom_sele #category {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}*/
/*==== 10 july 2018 ==*/

/*======  toggle switch http://prntscr.com/joqc8l  css 30 may 2018 ====*/
.select-grid.selected .custom-check .checkmark::after, .remove_bg_cls .checkmark::after {
    border: solid #fff;border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);
}
.select-grid.selected .custom-check .checkmark{border: 1px solid #fff;}
.switch {
  position: relative;display: inline-block;
  width: 60px !important;
  height: 32px;
}
.switch input {display:none;}
.custom-check input, .remove_bg_lbl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #1e61af;
  content: Yes;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  content: Yes;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


.default_checkbox {
    float: right;
    width: auto;
    display: inline-block;
}
.mar_top input:checked+ .slider .on
{display: block;}

.mar_top input:checked + .slider .off
{display: none;}

.mar_top input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.mar_top input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
.mar_top input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.mar_top input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.mar_top input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.mar_top input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

/*====== ends http://prntscr.com/joqc8l    updated css 30 may 2018 ====*/


.select-check input:checked+ .slider .on
{display: block;}

.select-check input:checked + .slider .off
{display: none;}

.select-check input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.select-check input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
.select-check input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.select-check input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.select-check input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.select-check input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

.switch.cus_b {
    border-right: 2px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
}
.on
{
  display: none;
}
.on {
    color: #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 22%;
    font-size: 14px;
    font-family: proxima_nova_rgregular;
    padding-left: 4px;
}
.off {
    color: #333;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 78%;
    font-size: 14px;
    font-family: proxima_nova_rgregular;
}
/*=== Start CSS 25 July 18 ===*/

.beacon:before{
    position: absolute;
    content: "";
    height: 30px;
    width: 57px;
    left: 1px;
    top: 0;
    background-color: transparent;
    /*border-radius: 50%;*/
    box-shadow: 0px 0px 2px 2px #1e61af;
    -webkit-animation: active 2s infinite linear;
    animation: active 3s infinite linear;
    z-index: 9;
}

@-webkit-keyframes active{
  0%{
    -webkit-transform:scale(1);
    opacity:1;
  }
  70%{
    -webkit-transform:scale(1.9);
    transform:scale(1.9);
    opacity:0;
  }
  100%{
    opacity:0;
  }
}

@keyframes active{
  0%{
    transform:scale(1);
    opacity:1;
  }
  70%{
    transform:scale(1.9);
    opacity:0;
  }
  100%{
    opacity:0;
  } 
}
/*=== End CSS 25 July 18 ===*/
.browser-notice {
    background-color: yellow;text-align: center;
    width: 100%;height: 85px;
    float: left;line-height: 85px;display: none;
}
/*========  26 JUly 2018 =======*/
.ul-select.main-img-sel h2 span {
    padding-left: 10px;
}
/*start custom css 29-08-18 start*/
.loader-rg-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.loader-rg-bg img {
    width: 140px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

@media (max-width:1199px){
    .custom-steps-new .create-logostep .main-step-sec h2 {
        font-size: 16px !important;
        text-align: center;
        display: block;
        vertical-align: middle; 
        max-width: 100%;
    }
}
@media (max-width:767px){
.cust-borp .logo-gra .doyou-have-logo .inner-border-upload h3 {
    text-align: center;
    display: block;
    width: 100%;
}
.logo_next > a:hover {
    background-color: #1e61af;
}
}
@media (max-width:640px){
.or-option.or-option-top {
    margin-bottom: 30px;
    margin-top: 27px;
}
/*proof mobile change*/
.sec-pro.sec-pro-custom {
    padding: 0;
}
.sec-pro.sec-pro-custom .sec-pro-inner a.net-top {
    margin: 20px 20px 9px 0;
}
.sec-pro.sec-pro-custom .sec-pro-inner figure {
    padding: 0 20px;
}
.mid_section .sec-pro.sec-pro-custom .sec-pro-inner figcaption h6 {
    font-size: 13px;
    color: #656565;
    font-family: proxima_nova_rgregular;
    padding: 0 30px;
    line-height: 21px;
}
.mid_section .sec-pro.sec-pro-custom .sec-pro-inner figcaption p a {
    display: block;
    margin-top: 5px;
}
.mid_section .sec-pro.sec-pro-custom .sec-pro-inner figcaption p {
    font-size: 14px;
    margin-top: 0px;
    background-color: #f1f1f1;
    margin-bottom: 0;
    padding: 12px 35px;
    line-height: 20px;
}
/*proof mobile change*/
.mid_section .sec-pro .sec-pro-inner figcaption h6 span {
    display: inline;
}
}
@media (max-width:480px){
    .custom-steps-new #pageContect > label {
        font-size: 18px;
        margin-top: 6px;
    }
    .custom-steps-new .logoinner-sec img {
        width: 63px;
    }
    .custom-steps-new .create-logostep .main-step-sec h2 {
        font-size: 13px !important;
        line-height: 15px !important;
    }
    .custom-steps-new .create-logostep .col-sm-4.col-xs-4 {
        padding-left: 5px;
        padding-right: 5px;
    }
    .center-btm-btn .skip_btn.custom-skip-btn .logo_next a {
        padding: 8px 46px;
        font-size: 17px;
    }
    .new-upload-image.cus-pa.custom-steps-new {
        margin-bottom: 22px;
    }
    .mid_section .doyou-have-logo h3 {
        font-size: 18px;
    }
   
}
@media (max-width:370px){
.mid_section .sec-pro.sec-pro-custom .sec-pro-inner figcaption h6 {
    padding: 0 20px;
}
.mid_section .sec-pro.sec-pro-custom .sec-pro-inner figcaption p {
    padding: 12px 15px;
}
}
/*end custom css 29-08-18 end*/

/*=========  ends Live============*/