#lobby { display: none; }
.footerContact .BottomLine { display: none; }
.image-banner { height: 350px; background-color: #f2f3f6; padding-bottom: 91px; padding-top: 91px; position: relative; overflow: hidden; }
#SiteGrid > #PageBreadCrumps { display: none; }
#PageBreadCrumps { margin: 10px auto; padding-right: 0; }
.banner-wrap { position: absolute; top: 50%; left: 50%; width: 65%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.banner-heading { position: absolute; top: 50%; left: 50%; width: 550px; -webkit-transform: translate(-43%, -80%); transform: translate(-43%, -80%); }
.banner-pic { position: absolute; top: 50%; left: 47%; width: 500px; height: 100%; background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.GridWrapper { margin: 0 auto 15px; padding-bottom: 75px; }
.GridWrapper .row { max-width: 100%; }

.underline-title { margin-bottom: 25px; direction: rtl; padding-left: 30px;text-align:right; }
.underline-title h2 { font-size: 200%; line-height: 1; font-weight: 500; margin-bottom: 15px; text-align: right; text-transform: uppercase; letter-spacing: .5px; }
span.error, small.error { margin: 0; top: 5px; left: 0; font-style: normal;}

/** Move to siteTemplate.css when done */

.custom-scrollbar::-webkit-scrollbar { width: 2px; height: 80%; }
.custom-scrollbar::-webkit-scrollbar-track { background: #e3e3e3; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #231f20; outline: 1px solid #231f20; }

/* ===================================*/


.contact-main { margin-top: 45px; }
.contact-main-form { width: 70%; float: right; }
.contact-main-details { width: 30%; float: right; }
.contact-main #contact-form-wiget { max-width: 680px; }
.contact-main #contact-form-wiget fieldset div[class^="col-"] { padding-left: 10px; padding-right: 10px; }
.contact-main #contact-form-wiget fieldset { padding: 0; margin: 0 -10px; border: none; }
.contact-main #contact-form-wiget .form-control { border: none; border-radius: 0; box-shadow: none; margin: 0; background-color: #f2f3f6 !important; position: relative; }
.contact-main #contact-form-wiget input.form-control { height: 44px; }
.contact-main #contact-form-wiget textarea.form-control { height: 78px; resize: none; }
.contact-main #contact-form-wiget .mrw-form-label { position: absolute; top: 0; padding: 10px; height: 44px; color: #231f20; font-family:inherit; font-size: 75%; width: 100%; z-index: 1; }

.contact-main #contact-form-wiget .mrw-form-label { position: absolute; z-index: 1; display: block; top: 10px; right: 5px; left: 0; padding: 0 5px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; pointer-events: none; }
    .contact-main #contact-form-wiget .form-control:focus ~ label.mrw-form-label, .contact-main #contact-form-wiget .form-control.focus ~ label.mrw-form-label { top: -17px; left: 0px; font-size: 70%; color: #7c7c7c; padding: 0; }

.contact-main #contact-form-wiget .contact-form-title { color: #231f20; font-weight: bold; font-size: 120%; margin: 20px 0; text-transform: uppercase; }
.contact-main #contact-form-wiget button.generalBtn { width: 140px; height: 40px; border: none;    display: inline-block; font-size: 85%; margin: 0; /*font-family: 'opensans';*/ background-color: #231f20; color: #fff; }
.contact-main #contact-form-wiget .control-wrap { margin-bottom: 20px; padding-left: 1px; position: relative; }
.contact-main #contact-form-wiget .control-wrap:before { content: ""; position: absolute; right: -1px; width: 1px; height: 100%; background-image: linear-gradient(to left, #f1d7a0, #e2b86e); }
.contact-main #contact-form-wiget .contact-submit { text-align: left; }

.contact-main-details h2 { font-weight: bold; font-size: 110%; letter-spacing: .5px; margin: 20px 0 25px; color: #000; }
.contact-main-details h3 { font-size: 90%; font-weight: bold; letter-spacing: .5px; color: #000; }
.contact-main-details p { margin-bottom: 20px; font-size: 85%; color: #000; }


.contact-details .contact-socials a { width: 34px; height: 34px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 8px; }
.contact-details .contact-socials .fb-contact { background-image: url('/warehouse/Contact/Social/facebook.png'); }
.contact-details .contact-socials .yt-contact { background-image: url('/warehouse/Contact/Social/youtube.png'); }
.contact-details .contact-socials .inst-contact { background-image: url('/warehouse/Contact/Social/insta.png'); }

.affiliated-retailers { position: relative; background-color: #f2f3f6; }
.affiliated-retailers .GridWrapper { padding-bottom: 15px; margin-bottom: 0; }
.affiliated-retailers:before { content: ""; position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-image: url('/warehouse/Contact/snifim_pic.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.affiliated-retailers-content { width: 50%; float: left; padding: 30px 30px 0 0; direction: rtl; position: relative; }
.affiliated-retailers-content:after { content: ""; position: absolute; bottom: 0; right: 0; width: calc(100% - 5px); height: 25%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f3f6+0,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(bottom, rgba(242,243,246,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgba(242,243,246,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(242,243,246,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f6', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }

.affiliated-retailers-content .affilitated-aside { max-height: 460px; overflow-y: scroll; text-align: right; padding-right: 30px; }
.affiliated-retailers-content .affilitated-aside > *:last-child { padding-bottom: 130px; }
.affiliated-retailers-content .affilitated-aside > h2 { font-size: 110%; margin-bottom: 5px; text-transform: uppercase; }
.affiliated-retailers-content .affilitated-aside > h3 { font-size: 75%; font-family: 'opensans'; font-weight: bold; }
.affiliated-retailers-content .affilitated-aside > p { margin-bottom: 15px; font-size: 75%; }
.affiliated-retailers-mobile-pic { display: none; padding: 40px; }


#SiteFooterContainer { background-color: #F2F3F6; }

.footer-newsletter > form.mrw-dynamic-form > input.form-control { background: #ffffff; }

@media(max-width: 1024px) {
    .GridWrapper { padding-bottom: 20px; }
    .image-banner { height: 400px; }
    .banner-pic { width: 505px; height: 470px; top: 59%; left: 31%; }
    .banner-heading { top: 45%; }
    .contact-main { margin-top: 25px; }
    .contact-main-details { margin-top: 15px; }
    .contact-details .contact-details-wrapper { display: table; width: 100%; }
    .contact-details .contact-details-wrapper .contact-detail-item { display: table-cell; vertical-align: middle; }
    .contact-socials { margin-top: 10px;}
    .contact-main #contact-form-wiget fieldset { padding-left: 5px; }

    .affiliated-retailers-content { width: 100%; float: none; padding: 0; }
    .affiliated-retailers-content .affilitated-aside { overflow: unset; max-height: 100%; padding: 0; }
    .affiliated-retailers:before { display: none; }
    .affiliated-retailers-mobile-pic { display: block; }
    .affiliated-retailers-content:after { display: none; }
    .affiliated-retailers { padding: 40px 0; }
    .underline-title { padding-left: 0; }
    #SiteFooter { background-color: #f5f5f6; margin: 15px 0 0 0; width: 100%; }
    .footer-newsletter > form > input { background-color: #fff; }
    .footerContact .BottomLine { display: block; }
    .affiliated-retailers-content .affilitated-aside > *:last-child { padding-bottom: 0; }
}

@media (max-width: 991px) {
    #contact-form-wiget, .contact-main #contact-form-wiget { display: block; max-width: 100%; }
    .contact-main-form, .contact-main-details { width: 100%; }
}

@media (max-width: 767px) {
    .image-banner { height: 240px; }
    .banner-heading { top: 38%; transform: translate(-46%, -82%); }
    .banner-pic { width: 300px; height: 284px; top: 59%; left: 39%; }
    #PageBreadCrumps { display: none; }
    .contact-main #contact-form-wiget .contact-form-title { margin-top: 0; text-align: center; }
    .contact-main #contact-form-wiget .contact-submit { text-align: center; margin-top: 15px; }
    .contact-details .contact-details-wrapper, .contact-details .contact-details-wrapper .contact-detail-item { display: block; }
    .contact-main-details { margin-top: 25px; }
    .underline-title h2 { font-size: 135%; }
    .contact-main-details p { margin-bottom: 15px; }
    .contact-main-details h2 { margin-bottom: 20px; }
    .contact-main #contact-form-wiget textarea.form-control { height: 90px; }
    .affiliated-retailers-mobile-pic { padding: 20px; }
    #SiteFooter { margin: 30px 0 0 0;}
    .contact-main #contact-form-wiget .control-wrap { margin-bottom: 30px; }
}