.mobileBody { display: none; }

#headline { display:none; }
#GridLeft { display: none; }
#GridPage { width: 100%; margin: 0; }

h2          { font-size: 280%; }
h2 span     { font-size: inherit !important; }

@media(max-width:991px) {
    .mobileBody      { display: block; }
    #body            { display:none; }
}


span.fileUploaded span { width: auto; display: inline-block; float: none; font-weight: bold; }
.custom-divider span.fileUploaded      { margin-right: 0;width: 100%; background: #9AE16B; padding: 10px 0px; margin-top: 5px; }
span.fileUploaded:before { content: "\f00c";display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                border-radius: 100%;  color: #9AE16B; background: #ffffff; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }
span.fileUploadedError span { width: auto; display: inline-block; float: none; font-weight: bold; }
span.fileUploadedError:before { content: "\f00d";display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                border-radius: 100%; color: #fff; background: #E36B6D; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }
.custom-divider span.fileUploadedError       { margin-right: 0;width: 100%; background: #E9D1D1; padding: 10px 0px; margin-top: 5px; }


.customitems-topimage { margin-bottom:20px; }

#headline h1 { text-align:center;}

.custom-items-hr {
    background-image:       linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%);
    background-position:    bottom;
    background-size:        17px 2px;
    background-repeat:      repeat-x;
    border:                 none;
    height:                 3px;
    margin:                 22px 0px;
}

textarea {
    max-width: 100%;
}

.send-requset-wrapper {
    background: transparent;
    border: 1px solid;
    max-width: 60%;
    margin: auto;
    float: none;
    display: inline-block;padding:20px;
}

.send-request-header {
    float: left;
    width: 100%;
}

.send-requset-headline {
    font-size: 180%;
    margin: 0px;
    font-family: source_sans_proregular;margin-bottom:15px;
}

.send-request-note {
    color: #fff;
    float: left;
    width: 100%;
}


#itemimage {
    display: inline-block;
    background: #396D7B !important;
    height: 40px !important;
    max-width: 130px !important;
    width: 100%;
    padding: 8px;
    color: #FFF !important;
    position: relative;
}

#itemimage:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: attr(data-name);
    text-align: center;
    font-size: 120%;
    display: inline-block;
    background: #396D7B !important;
    height: 40px !important;
    padding: 8px;
    color: #FFF !important;
    left: 0px;
    width: 100%;
    cursor:pointer;
}

#iteminfo {
    background: #ffffff !important;
    display: inline-block;
    float: none;
    clear: both;
    margin-bottom:15px;
    border:0px;
    padding:14px;
}


.upload-file-text {
    font-size: 113%;
}

.form #custom-sub-contain span + span {
    font-size: 79%;
}

.form #custom-sub-contain span {
       padding-right: 0;
    width: 100%;
    display: inline-block;
    background: transparent;
    color: #F36639;
    border: 1px solid #F36639;
    padding: 12px;
    transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;
}

.form #custom-sub-contain span:hover {
    background: #F36639;
    color: #ffffff;
}

.form #custom-sub-contain span + span {
    background: #DC5D34;
}
.form .form-submit {
    width: 100%;
    /* padding: 0 !important; */
}

#custom-sub-contain {
    width: 100%;
    padding: 0;
}
#custom-sub-contain {
    display: inline-block;
    float: none !important;
    margin-top: 0px !important;
    padding-right: 0px;
    text-align: right;
}

.custom-divider {
    margin: 10px 0px;
}

.custom-divider span {
    width: 65%;
    float: left;    text-align: left;
    margin-right: 5%;
}

.custom-divider input#itemimage {
    float: left;
    width: 30%;visibility:hidden;width: 0px;
    height: 0px !important;
    padding: 0;
}
button.uploadFileBtn {
    border: 1px solid;
    background: transparent;
    padding: 10px;
    font-size: 120%;
    -webkit-appearance: none;    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}
button.uploadFileBtn:hover {
    background: #D6D6D6;
}
.custom-divider {
    margin-bottom: 20px;
}

.not-registered a {
    color: #000000;
    width: 35%;
    display: inline-block;
    padding: 7px 5px;
    text-align: center;
    font-size: 130%;
    vertical-align: middle;
    height: 47px;
    border: 1px solid #000000;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    letter-spacing: 1px;margin-right:15px;
}

.not-registered a:hover { background: #D6D6D6; }

.not-registered { display: inline-block;width: 100%; }
.not-registered h3 { margin-bottom: 20px; font-size: 120%; }

.custom-btn    { padding-right: 0;display: inline-block;background: transparent;color: #F36639;border: 1px solid #F36639;padding: 12px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-webkit-appearance:none; }
.custom-btn:hover { background: #F36639; color: #ffffff; }


@media(max-width:991px) {
    .send-requset-wrapper   { width:100%;max-width:100%; padding:20px 10px; }
    button.uploadFileBtn    { width:35%; }
    .custom-divider span    { width:55%; }
    .mobileBody img { max-width: 100%;height: auto; }
}
@media(max-width:767px) {
    .send-requset-headline { font-size: 140%;margin-bottom:0; }
    .custom-divider span { width: 100%;text-align: center; }
    button.uploadFileBtn { width: 100%;margin-top: 5px; }
    #iteminfo { padding: 5px;height: 50px; }
    #custom-sub-contain { font-size: 80%; }
    .not-registered a   { width:42%; padding:9px 5px; }
}



    #custom-sub-contain         { text-align: center; }
    .form .form-submit          { width: 40%; }
    .send-requset-wrapper       { border: 0; }
    button.uploadFileBtn        { display: none; }
    textarea#iteminfo           { display: none; }
    .custom-divider span        { width: 100%; text-align: center; }
    .send-requset-wrapper       { max-width: 1170px; margin-right: auto; margin-left: auto; padding-right: 0;padding-left: 0; }
    .send-requset-wrapper .leftImg          { display: inline-block; max-width: 150px; vertical-align: top; }
    .send-requset-wrapper .leftImg img      { max-width: 100%; }
    .send-request-content                   { float: none; max-width: calc(100% - 160px); display: inline-block; vertical-align: top; text-align: left; margin-left: 0px; }
    .send-request-header                    { float: none; }
    div#PageView>.fixedForm                 { position: fixed; bottom: 0; width: 100%; z-index: 1; background: #ffffff; left: 0; right: 0; margin: 0; border: 2px solid #E9E9E9; }
    .send-requset-headline                  { font-size: 280%; margin-bottom: 0; }
    .send-requset-body                      { font-size: 150%; }
    span.priceForTag,span.smallPriceTag         { color: #B0D3A2; font-size: 150%; width: auto; display: inline-block; margin-right: 0; margin-left: 20px; vertical-align: sub; float: none; }
    span.smallPriceTag                          { color: #F87978; font-size: 100%; position: relative; }
    span.smallPriceTag:after                    { content: ""; position: absolute; left: 0; right: 0; border: 1px solid; top: 50%; }
    .form-group-text.no-pad                     { display: inline-block;  width: 70%; vertical-align: bottom; }
    .buttonHolder                               { display: inline-block; width: 28%; vertical-align: bottom; }
    #custom-sub-contain                         { font-size: 70%; }
    .form .form-submit                          { width: 100%; }

    #customTagModal .modal-content              { border-radius: 0;width:390px; }
    #customTagModal .modal-body                 { background: #ffffff;padding: 22px 40px 40px; border: 2px solid #E9E9E9; max-height: 85vh; overflow: auto; }
    #customTagModal .modal-header               { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); }
    #customTagModal .close                      { font-size: 210%; }
    #customTagModal h2                          { margin-top: 0;font-size: 200%; color: #000000; font-weight: bold; margin-bottom: 0px; }
    #customTagModal .popupBody                  { font-size: 120%; }
    #customTagModal .popupBody h2               { font-size: 170%; margin-top: 25px; }
    #customTagModal .disclaimer                 { font-size: 80%; color: grey; margin-top: 10px; }
    .descStrip                                  { float: left;width: 100%; }
    .rightside                                  { float: right; position: relative; margin-right: 35px; }
    #customTagModal span.smallPriceTag          { position: absolute; right: -44px; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%); width: 40px; text-align: center; }
    .descStrip:first-child .rightside           { margin-right: 45px; }
    #customTagModal input#FileUpload1                           { float: left; width: 30%; visibility: hidden; width: 0px; height: 0px !important; padding: 0; }
    #customTagModal button.uploadFileBtn                        { display: inline-block;width: 27%; font-size: 90%;padding:7px 10px; }
    #customTagModal .attachFileLeftText                         { display: inline-block; vertical-align: middle; width: 72%; font-size: 100%; }
    #customTagModal .attachFileLeftText span                    { font-size: 75%; }
    #customTagModal .attachFileTopText                          {  margin-bottom: 10px; }
    #customTagModal .textBoxHolder                              { margin-bottom: 15px; }
    #customTagModal .textBoxHolder textarea                     { width: 100%; height: 100px; padding-left: 10px; padding-top: 10px; }
    #customTagModal #custom-sub-contain a                       { padding-right: 0; width: 100%; display: inline-block; background: #F36639; color: #ffffff !important; border: 1px solid #F36639;padding:7px 12px; transition: all 250ms ease-in-out;  -webkit-transition: all 250ms ease-in-out; font-size: 150%;  /*max-width: 50%;*/ margin-top: 0px; float: right; }
    #customTagModal #custom-sub-contain a:hover, #customTagModal #custom-sub-contain a:focus { background: #ffffff; color: #F36639 !important; }
    #customTagModal button.closePop                             { border: 1px solid; background: transparent; padding: 7px 20px; -webkit-appearance: none; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; float: left; margin-top: 15px; font-size: 130%; max-width: 50%; margin-top: 15px; }
    #customTagModal button.closePop:hover                       { background: #D6D6D6; }
    #customTagModal span.fileUploaded                           { margin-right: 0; width: 100%; background: #9AE16B; padding: 10px 0px; margin-top: 5px; float: left;  text-align: left; font-size: 80%; margin-bottom: 10px; }
    #customTagModal input#itemimage1                            { float: left; width: 30%;visibility: hidden; width: 0px; height: 0px !important; padding: 0; }
    #customTagModal span.fileUploadedError                      { margin-right: 0; width: 100%; background: #E9D1D1; padding: 10px 0px; margin-top: 5px;float: left;font-size: 80%; margin-bottom: 10px; }
    #customTagModal  .modal-body::-webkit-scrollbar-track       { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);background-color: #F5F5F5; }
    #customTagModal  .modal-body::-webkit-scrollbar             { width: 4px;background-color: #F5F5F5; }
    #customTagModal  .modal-body::-webkit-scrollbar-thumb       { background-color: #c5c1c1; }
    .form .form-submit                                          { padding-right: 0; width: 100%; display: inline-block; background: transparent; color: #F36639 !important; border: 1px solid #F36639;padding: 12px; transition: all 250ms ease-in-out;  -webkit-transition: all 250ms ease-in-out; font-size: 140%; }
    .form .form-submit:hover,.form .form-submit:focus           { background: #F36639; color: #ffffff !important; }
    .mobile-text                                                { display: none; }
    .dektop-text .descStrip                                     { max-width: 600px;  }
    .dektop-text .descStrip .rightside                          { margin-top: -5px; }
    .dektop-text                                                { margin-top: 15px; }
     .dektop-text .descStrip span.smallPriceTag                 { position: absolute; right: -60px; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%); }
     #customTagModal .attachFileLeftText.fullwidth              { width: 100%; }
     #customTagModal .attachFileLeftText.fullwidth a            { border: 1px solid; background: transparent; padding: 7px 20px; font-size: 120%; -webkit-appearance: none; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; font-size: 90%; max-width: 50%; margin-top: 5px; display: inline-block; color: inherit; display: inline-block; margin-bottom: 10px; }
    #customTagModal .attachFileLeftText.fullwidth a:hover,#customTagModal .attachFileLeftText.fullwidth a:focus {  background: #D6D6D6; }
    span.error                                                  { position: relative; left: 0px; width: 100%; display: block; float: left; top: 0px; font-weight: normal; background: #E9D1D1; padding: 10px 0px; color: inherit; }
    span.error:before                                           { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 100%; color: #fff; background: #E36B6D; padding: 2px 4px; font-size: 90%; margin-left: 7px; margin-right: 5px; }

    .no-file .modal-body                                        { background: #ffffff; padding: 22px 40px 40px; border: 2px solid #E9E9E9; max-height: 85vh; overflow: auto; }
    .no-file button.closePop                                    { border: 1px solid; background: transparent; padding: 7px 20px; -webkit-appearance: none; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; float: left; margin-top: 15px; font-size: 130%; max-width: 50%; margin-top: 15px; }
    .no-file button.closePop.continue                           { float: right; }

    @media(max-width:1440px) {
     /*.send-requset-wrapper              { max-width: 100%; margin-left: 0; }*/
     }
@media(max-width:1170px) and (min-width:991px) {
    .send-requset-wrapper       { max-width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; }
    .send-requset-headline      { font-size: 250%; }
    /*.send-request-content       { margin-left: 10px; }*/
    .send-requset-wrapper .leftImg          { max-width: 150px; }
    .send-requset-wrapper .leftImg img      { max-width: 100%; }
    .send-requset-body                      { font-size: 120%; }
    .dektop-text .descStrip span.smallPriceTag  { right:-40px; }
    .buttonHolder                               { width: 30%; vertical-align: bottom; margin-left: 35px; }
    .form-group-text.no-pad                     { width:63%; }
}
@media(max-width:991px) and (min-width:767px) {
    .buttonHolder { margin-left: 10px; }
}

@media(max-width:991px) {
    .send-requset-headline { font-size: 180%; }
    .send-request-content  { margin-left: 10px; max-width: calc(100% - 100px); padding-right: 0; }
    .send-requset-wrapper  { margin-left: 0; max-width: 100%; }
    .send-requset-body     { font-size: 120%; }
    .send-requset-wrapper .leftImg { max-width: 80px; }
    .send-requset-wrapper .leftImg img { max-width: 100%; }    
    #custom-sub-contain             { font-size: 64%; }
    .form-group-text.no-pad         { width: 69%; }
    .send-request-content           { padding-left: 0; }
    .descStrip:first-child .rightside       { margin-right: 10px; }
    .dektop-text .descStrip span.smallPriceTag       { right: -35px; }
}
@media(max-width:767px) {
    .dektop-text           { display:none; }
    .mobile-text            { display:block; }
    .buttonHolder       { display: block; width: 100%; }
    .form-group-text     { width: 100%; }
    .send-requset-headline { display: none; }
    .send-requset-wrapper  { padding-right: 0; padding-left: 0; }
    .send-request-content   { margin-left: 0; max-width: calc(100% - 90px);padding-left: 10px; }
    .form-group-text.no-pad { width: 100%; }
    span.priceForTag, span.smallPriceTag        { font-size: 130%; }
    span.smallPriceTag                          { float: right; margin-left: 0; margin-right: 15px; font-size: 90%; }
    /*#custom-sub-contain                         { width: 75%;  padding: 5px; }*/
    .form .form-submit                          { padding: 5px; }
    .no-pad.buttonHolder                        { text-align: right; }
    .mobile-text                                { line-height: 1.2; }
    #customTagModal .modal-body                 { padding: 30px 30px 30px; }
    #customTagModal h2                          { font-size: 180%; }
    #customTagModal .popupBody h2               { font-size: 150%; }
    #customTagModal .attachFileLeftText         { width: 60%;margin-right:2%; }
    #customTagModal button.uploadFileBtn        { width: 36%; font-size: 90%; }
    #custom-sub-contain.submit-container        { width: 100%; }
    #customTagModal button.closePop             { padding: 9px 20px; }
    #customTagModal span.smallPriceTag          { right: -63px; }



    .send-requset-wrapper .descStrip .rightside { margin-right: 0px; }
    .send-requset-wrapper span.smallPriceTag    { position: absolute; bottom: -16px; right: -5px; }
    .send-requset-wrapper .descStrip:last-child { margin-bottom: 20px; }
    .send-requset-wrapper .leftImg              { max-width: 100px; }
    #PageView>.fixedForm > div                  { padding-right: 5px; padding-left: 5px; }
    .send-requset-wrapper .send-request-content { width: calc(100% - 110px); }
    .send-requset-wrapper .form .form-submit    { width: 80%; }
    #custom-sub-contain.submit-container        { text-align: right; }

    #customTagModal .modal-body                 { padding: 30px 20px 30px; }
    #customTagModal .descStrip > span           { max-width: 70%; display: inline-block; }
    #customTagModal .descStrip:first-child      { margin-bottom: 10px; }
    #customTagModal .descStrip:first-child .rightside       { margin-right: 40px; }
    #customTagModal .modal-body                 { max-height:75vh; }
    #customTagModal .attachFileLeftText.fullwidth a.loginBtn:last-child { display: block; }
    .mobile-text .descStrip:first-child .rightside { margin-right: 7px; }

    iframe                  { max-width: 100%;height:210px;  }
}

@media(max-width:360px) {
    #customTagModal .descStrip > span           { max-width: 60%; }    
}
@media(max-width:320px) {
    .send-requset-wrapper .leftImg              { max-width: 85px; }
    .send-requset-wrapper .send-request-content { width: calc(100% - 80px); }
    .send-requset-wrapper .form .form-submit    { width: 90%; }
    /*#customTagModal #custom-sub-contain a       { padding: 5px 7px; max-width: 70%; }*/
    #customTagModal button.closePop             {  padding: 5px 10px; }
}
.submit-container a span.loading                            { display:none; }
/*.submit-container a.loading:after                                 { content: "\f110"; font-family: 'FontAwesome'; }*/
.submit-container a.loading span.loading                          { display: inline-block; }
.submit-container a.loading span                                  { display: none; }
.submit-container a .fa-spinner               { display:none;margin-left:10px; }
.submit-container a.loading .fa-spinner               { display:inline-block; }

#PageView img                                                   { max-width: 100%; }
a.openPop                                                       { display: inline-block; margin-left: -4px; }
a.openPop ~ img                                                 { display: inline-block; }
body.modal-open                                                 {  height: auto; }

@media(max-width:1170px) and (min-width:767px) {
    a.openPop, #PageView a.openPop ~ img {  max-width: 30%;  }
}


.inputHolder                                    { width: 100%; margin: 0; }
.inputHolder input                              { width: 100%; height: 45px; padding-left: 10px; border: 1px solid #A9A9A9; margin-bottom: 10px; }
.attachFileText p                               { float: left; width: 100%; }
.inputHolder.email                              { width: 100%;  }
.popupHeader img                                { margin: auto; display: block; max-width: 90%; margin-bottom: 10px; }
.popupHeader                                    { text-align: center; max-width: 290px; margin: auto; }
.popupHeader p.heading4                         { font-size: 130%; }
.attachFileText                                 { margin-top: 20px; }
.thanksMsg                                      { background: #BFD98E; display: block; float: left; padding: 5px 10px; font-size: 110%; }
.form .input-data.error + label.error               { font-size: 80%;  margin-bottom: 10px; }
.thanksMsg:before                               { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0px 10px; color: #708A3D; content: "\f00c"; vertical-align: middle; padding: 0; }
.thanksMsg p                                    { display: inline-block;vertical-align: middle; float: none;width: 90%; }
#customTagForm                                  { max-width: 90%; margin: auto; }

@media(max-width:767px) {
    #customTagModal .modal-content  { width:300px; }
    .popupHeader img                { max-width: 60%; }
    #customTagModal h2              { font-size: 160%; }
    .inputHolder input              { height: 35px; }
    .attachFileText                 { margin-top: 10px; }
    #customTagModal .textBoxHolder  { margin-bottom: 10px; }
    #customTagForm                  { max-width: 90%;  margin: auto; }
    #customTagModal .modal-body { padding-top:10px; }
}