.sfmc-main-container{
 display:none; 
 width: 100%;
 height: 100%;
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
 z-index: 9999;
 padding-top: 5%;
 padding-bottom: 5%;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 min-height: 400px;
}
.sfmc-h1{
 font-size:18px;
 font-weight:bold;
 line-height: normal;
 margin: auto;
}
.sfmc-st{
 font-size:16px;
 margin:auto;
}
.sfmc-retmsg{
 font-size:18px;
 margin:auto;
}
.sfmc-left {
 float: left;
 width: 45%;
}
.sfmc-right {
 float: right;
 min-height: 400px;
 width: 54%;
} 
.sfmc-form-return {
 padding-top: 100px;
 padding-left: 8%;
 padding-right: 5%;
 display:none;
 width: 100%;
}
.sfmc-bgImg {
 position: relative;
 min-height: 300px;
 width: 100%;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-size: cover;
 background-image: url(https://image.email.sysco.com/lib/fe5715707c630c7c731c/m/2/26e53822-c353-4aa1-8efd-fabf90de2329.png);
} 
.sfmc-disclaimer {
  font-size:11px;
  margin-top:2%;
  display:block;
}
.sfmc-outer-container {
 max-width: 600px;
 max-height: 90%;
 width: 90%;
 margin: auto;
 position:relative;
}
.sfmc-inner-container {
 background-color: #fefefe; 
 border: 1px solid #888;
 max-width: 600px;
 max-height: 300px;
 width: 100%;
 height: 100%;
 margin:auto;
 overflow: auto;
 z-index: 9999;
}
.sfmc-close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 2;
}
.sfmc-close:before, .sfmc-close:after {
    background-color: #414141;
    content: '';
    position: absolute;
    left: 14px;
    height: 14px;
    top: 8px;
    width: 2px;
}
.sfmc-close:before {
     transform: rotate(45deg);
 }
.sfmc-close:after {
     transform: rotate(-45deg);
 }
.sfmc-smartcapture-form {
 padding:5% 5% 5% 1%;
}
.sfmc-sc-formfield-label,
.sfmc-sc-formfield-label label,
.sfmc-sc-formfield-input label,
.sfmc-sc-formfield-select label,
.sfmc-sc-formfield-checkbox label {
 color:#000000;  
 margin-top:1%;
 margin-bottom:1%;
}
.sfmc-sc-formfield-select select,
.sfmc-sc-formfield-select option {
 margin-bottom:1%;
 width:95%;
 padding: 2% 3%;
 border: 1px solid #b5b5b5;
}

.sfmc-sc-formfield-input input[type="text"],
.sfmc-sc-formfield-input input[type="email"],
.sfmc-sc-formfield-input input[type="tel"] {
 width:95%;
 padding: 2% 3%;
 border: 1px solid #b5b5b5;
}
.sfmc-sc-formfield-checkbox input[type="checkbox"] {
 margin: 0 0.4em 3px 0;
 vertical-align: middle;
}
.sfmc-sc-button {
 background-color:#009DDC;border-color:#009DDC;border-radius:3px;border-style:solid;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFFFFF;line-height:normal;padding:8px 10px; font-family: calluna,serif; font-size: 18px;
}
.sfmc-buttonWrapper { 
 text-align: center; 
 margin-top:2%;
 margin-bottom:2%;
}
.sfmc-smartcapture-form span {
 line-height: normal;
 text-align: left;
}

@media only screen and (min-height:499px) {
.sfmc-inner-container {
 max-height: 400px !important;
 overflow:auto;
 width: 100%;
 height: 100%;
}
.sfmc-bgImg {
 height: 400px;
}
}

@media only screen and (min-height:600px) {
.sfmc-inner-container {
 max-height: 500px !important;
 height: 500px !important;
}
.sfmc-bgImg {
 height: 500px;
}
}

@media only screen and (min-height:700px) {
.sfmc-inner-container {
 max-height: 600px !important;
 height: 600px !important;
}
.sfmc-bgImg {
 height: 600px;
}
}

@media only screen and (min-height: 800px) {
.sfmc-inner-container {
 max-width: 630px;
 max-height: 630px !important;
 height: 630px !important;
}
.sfmc-bgImg {
 min-height: 630px;
} 
}

@media only screen and (max-width: 899px) {
.sfmc-bgImg {
 height: 180px;
 min-height: 180px;
 width: 100%;
 padding-top: 0;
 padding-bottom: 0;
} 
.sfmc-right {
 width: 100%;
}
.sfmc-left { 
 width: 100%;
}
.sfmc-form-return {
 display:none;
 padding-top: 50px;
 padding-left: 8%;
 padding-right: 5%;
 width: 100%;
}
.sfmc-smartcapture-form {
 width: 100%;
 padding: 5%;
} 
.sfmc-sc-formfield-input input[type="text"],
.sfmc-sc-formfield-input input[type="email"],
.sfmc-sc-formfield-input input[type="tel"],
.sfmc-sc-formfield-select select,
.sfmc-sc-formfield-select option,
.sfmc-sc-formfield-checkbox {
 width: 95%;
}
.sfmc-smartcapture-form span {
 width: 95%;
}
.sfmc-outer-container {
 max-width: 500px;
 max-height: 500px;
 width: 90%;
 height: 90%;
 margin: auto;
}
}

@media only screen and (max-width: 899px){
.sfmc-inner-container {
 max-width: 500px;
 max-height: 500px;
 width: 100%;
 height: 100%;
}
}


@media only screen and (max-width: 768px) {
.sfmc-inner-container {
 max-height: 500px;
 max-width: 500px;
 width: 100%;
 height: 100%;
 margin: 0;
}
.sfmc-bgImg {
 height: 180px;
 min-height: 180px !important;
 width: 100%;
 padding-top: 0;
 padding-bottom: 0;
} 
.sfmc-right {
 width: 100%;
}
.sfmc-left { 
 width: 100%;
}
.sfmc-form-return {
 display:none;
 padding-top: 50px;
 padding-left: 8%;
 padding-right: 5%;
 width: 100%;
}
.sfmc-smartcapture-form {
 width: 100%;
 padding: 5%;
} 
.sfmc-sc-formfield-input input[type="text"],
.sfmc-sc-formfield-input input[type="email"],
.sfmc-sc-formfield-input input[type="tel"],
.sfmc-sc-formfield-select select,
.sfmc-sc-formfield-select option,
.sfmc-sc-formfield-checkbox {
 width: 95%;
}
.sfmc-smartcapture-form span {
 width: 95%;
}
.sfmc-outer-container {
 max-width: 500px;
 max-height: 500px;
 margin: auto;
 width: 90%;
 height: 90%;
}
}

@media only screen and (max-width: 499px) {
.sfmc-bgImg {
 height: 150px;
 min-height: 150px !important;
} 
}

@media only screen and (min-width: 900px) {
.sfmc-bgImg {
 position: fixed !important;
 max-width: 260px;
} 
}



/* spinning wheel */
.sfmc-spinner_container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9050;background-color:hsla(0,0%,100%,.75);visibility:visible;opacity:1;transition:opacity .2s ease,visibility 0;transition-delay:0s,.3s;display:none}
.sfmc-spinner{position:absolute;top:50%;left:50%;z-index:9051;transform:translate(-50%,-50%) rotate(90deg)}
.sfmc-spinner,.sfmc-spinner__dot-a,.sfmc-spinner__dot-b{transform-origin:50% 50%;will-change:transform}
.sfmc-spinner__dot-a,.sfmc-spinner__dot-b{position:absolute;top:0;left:0;width:100%}
.sfmc-spinner:after,.sfmc-spinner:before,.sfmc-spinner__dot-a:after,.sfmc-spinner__dot-a:before,.sfmc-spinner__dot-b:after,.sfmc-spinner__dot-b:before{content:"";position:absolute;background:#b0adab;border-radius:50%;animation-duration:1s;animation-iteration-count:infinite;transform:translateZ(0)}
.sfmc-spinner__dot-a{transform:rotate(60deg)}
.sfmc-spinner__dot-b{transform:rotate(120deg)}
.sfmc-spinner:before{animation-delay:-.083s}
.sfmc-spinner__dot-a:before{animation-delay:.083s}
.sfmc-spinner__dot-b:before{animation-delay:.25s}
.sfmc-spinner:after{animation-delay:.41666667s}
.sfmc-spinner__dot-a:after{animation-delay:.583s}
.sfmc-spinner__dot-b:after{animation-delay:.75s}
@keyframes dotsBounceBefore-medium {
0%{transform:translateZ(0)}
60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
80%{transform:translate3d(-.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
to{transform:translateZ(0)}
}
@keyframes dotsBounceAfter-medium {
0%{transform:translateZ(0)}
60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
80%{transform:translate3d(.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
to{transform:translateX(0)}
}
.sfmc-spinner--large,.sfmc-spinner_large{width:2.75rem}
.sfmc-spinner--large .sfmc-spinner__dot-a:after,.sfmc-spinner--large .sfmc-spinner__dot-a:before,.sfmc-spinner--large .sfmc-spinner__dot-b:after,.sfmc-spinner--large .sfmc-spinner__dot-b:before,.sfmc-spinner--large.sfmc-spinner:after,.sfmc-spinner--large.sfmc-spinner:before,.sfmc-spinner_large .sfmc-spinner__dot-a:after,.sfmc-spinner_large .sfmc-spinner__dot-a:before,.sfmc-spinner_large .sfmc-spinner__dot-b:after,.sfmc-spinner_large .sfmc-spinner__dot-b:before,.sfmc-spinner_large.sfmc-spinner:after,.sfmc-spinner_large.sfmc-spinner:before{width:.625rem;height:.625rem}
.sfmc-spinner--large .sfmc-spinner__dot-a:before,.sfmc-spinner--large .sfmc-spinner__dot-b:before,.sfmc-spinner--large.sfmc-spinner:before,.sfmc-spinner_large .sfmc-spinner__dot-a:before,.sfmc-spinner_large .sfmc-spinner__dot-b:before,.sfmc-spinner_large.sfmc-spinner:before{animation-name:dotsBounceBefore-medium;top:-.3125rem;left:-.3125rem}
.sfmc-spinner--large .sfmc-spinner__dot-a:after,.sfmc-spinner--large .sfmc-spinner__dot-b:after,.sfmc-spinner--large.sfmc-spinner:after,.sfmc-spinner_large .sfmc-spinner__dot-a:after,.sfmc-spinner_large .sfmc-spinner__dot-b:after,.sfmc-spinner_large.sfmc-spinner:after{animation-name:dotsBounceAfter-medium;top:-.3125rem;right:-.3125rem}
@keyframes dotsBounceBefore-large {
0%{transform:translateZ(0)}
60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
80%{transform:translate3d(-.75rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
to{transform:translateX(0)}
}
@keyframes dotsBounceAfter-large {
0%{transform:translateZ(0)}
60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
80%{transform:translate3d(.75rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
to{transform:translateX(0)}
}