#sandwichbar {position:fixed; right: 0; left: 0; z-index: 1050}

/* #bg-color-mode 
#sandwichbar {top:0; background:transparent; transition: background 0.3s} 
*/
/** #popup-mode */
#sandwichbar {top:0; background:#1f509c; top:-76px; transition: top 0.3s;} 
.sandwichbar-wrap {height:72px; padding:16px}
.sandwichbar-name {vertical-align:middle}
.sandwichbar-name img {height:40px}
.sandwichbar-phone {float:right; color:#fff; font-size:18px; position:relative; top:-6px}
.sandwichbar-phone a, .sandwichbar-phone a:hover, .sandwichbar-phone a:active {color: #fff; text-decoration: none}
.sandwichbar-city {font-size:22px; padding-right: 20px}

.sandwichbar-gap {display:inline-block; width:40px; height:20px; font-size:1px}
.sandwichbar-anchors {display:inline-block; vertical-align:middle; }

.social-icons a {text-decoration:none; padding:9px 22px}
.social-icons a svg {height:20px}
.social-icons a.icon-instagram svg {height:22px}
.social-icons a svg path {fill:#6e5336}
.social-icons a:hover svg path {fill:#009846}
.social-icons.inverse a svg path {fill:#fff}
.social-icons.inverse a:hover svg path {fill:#009846}
.social-icons.inverse a {padding-left:7px}


@media (max-width: 991px) { /* Sm */
.sandwichbar-anchors {display:none}
}

@media (max-width: 767px) { /* Xs */
.sandwichbar-phone span{display:none}
}
@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
.sandwichbar-name img {height:34px;}
.sandwichbar-wrap {height:57px; padding:11px}
}

/* From left */
.modal.left .modal-dialog {position:fixed; margin:auto; width:320px; height:100%; -webkit-transform:translate3d(0%, 0, 0); -ms-transform:translate3d(0%, 0, 0); -o-transform:translate3d(0%, 0, 0); transform:translate3d(0%, 0, 0)}
.modal.left .modal-content {height:100%; overflow-y:auto}
.modal.left .modal-body{padding:15px 0px 15px}
.modal.left.fade .modal-dialog {left:-320px; -webkit-transition:opacity 0.3s linear, left 0.3s ease-out; -moz-transition:opacity 0.3s linear, left 0.3s ease-out; -o-transition:opacity 0.3s linear, left 0.3s ease-out; transition:opacity 0.3s linear, left 0.3s ease-out}
.modal.left.fade.in .modal-dialog {left:0}
/* ----- MODAL STYLE ----- */
.modal.left .modal-content {border-radius:0; border:none}
.modal.left .modal-header {border-bottom-color:#EEEEEE; background-color:#fff}

/* Transcoin */
.modal.left .modal-header {background-color:#fff}
.modal.left .modal-dialog {width: 640px} /*320*/
.modal.left .modal-content {padding-left:320px}

@media (min-width: 992px) and (max-width: 1200px) { /* Md */
.modal.left .modal-dialog {width: 540px} /*320*/
.modal.left .modal-content {padding-left:220px}
}
@media (min-width: 767px) and (max-width: 991px) { /* Sm */
.modal.left .modal-dialog {width: 440px} /*320*/
.modal.left .modal-content {padding-left:120px}
}
@media (max-width: 767px) { /* Xs */
.modal.left .modal-dialog {width:320px} /*320*/
.modal.left .modal-content {padding-left:0px}
}