/* new slide form */
#slide-form.desktop {display: none;}
#slide-form.mobile {display: block;}
#slide-form {background-color: #1d4580;}
#slide-form .form-arrow-wrap {display: none;background: #fff;width: auto;height: 50px;line-height: 50px;text-align: center;top: 200px;position: relative;right: 200px;cursor: pointer;float: right;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);border: 2px solid #1d4580;}
#slide-form .form-arrow-wrap:hover {background-color: #1d4580; border-color: #fff; color: #fff;}
#slide-form .form-arrow-wrap:hover .form-arrow::before {color: #fff;}
#slide-form .form-arrow {color: #1d4580;}
#slide-form .form-arrow::before {content: 'Comenzar mi pedido';font-family: "Roboto",Helvetica,sans-serif;font-size: 40px;position: relative;bottom: 2px;left: 1px;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;padding: 0 20px;}
#slide-form.opened .form-arrow::before {content: 'Comenzar mi pedido';}
#slide-form .form-title {color: #fff; font-size: 24px; font-weight: bold; text-align: center; padding: 20px;}
#slide-form .form-title.small {font-size: 14px; font-weight: normal;}
#slide-form #slideForm {padding: 0 30px;}
#slide-form #slideForm .reqd {padding-bottom: 10px;}
#slide-form #slideForm .form-group .form-control {border-radius: 0; height: 40px;}
#slide-form #slideForm .form-group input#submitbutn {width: 100%;padding: 10px;font-size: 16px;font-weight: bold;text-transform: uppercase;color: #fff;background-color: #1B394E;border: none;margin-bottom: 40px;}
#slide-form #slideForm .form-group input#submitbutn:hover {background-color: #fff; color: #1B394E;}
#slide-form #slideForm .form-group input.form-control::-webkit-input-placeholder,
#slide-form #slideForm .fieldset .col .form-group input.form-control::-moz-placeholder,
#slide-form #slideForm .fieldset .col .form-group input.form-control:-ms-input-placeholder,
#slide-form #slideForm .fieldset .col .form-group select.form-control,
#slide-form #slideForm .fieldset .col .form-group textarea::-webkit-input-placeholder,
#slide-form #slideForm .fieldset .col .form-group textarea::-moz-placeholder,
#slide-form #slideForm .fieldset .col .form-group textarea:-ms-input-placeholder {color: #616161; font-family: 'Roboto', Helvetica, sans-serif;}

/*laptop Screen */
@media (min-width: 1000px) and (max-width: 1439px) {
    #slide-form {zoom: 80%;top: 220px;}
    #slide-form #slideForm .form-group {margin-bottom: 10px;}
    #slide-form #slideForm .form-group:not(.comments-box) {width: 50%;display: inline-block;}
  #slide-form #slideForm .form-group[data-type="submit"] {width: 75%;padding-left: 0 !important;}
    #slide-form #slideForm .form-group:not(.comments-box):nth-of-type(odd) {padding-right: 5px;}
    #slide-form #slideForm .form-group:not(.comments-box):nth-of-type(even) {padding-left:5px;}
    #slide-form #slideForm .form-group .form-control {margin-bottom: 0px !important;height: 6vh !important;}
    #slide-form #slideForm .form-group textarea.form-control {height: 10vh !important;}
    #slide-form #slideForm .form-group input#submitbutn {margin-bottom: 10px; margin-top: 10px;}
}

@media (min-width: 1024px) {
    #slide-form.mobile {display: none;}
    #slide-form.desktop {display: block;}
     #slide-form {display: block; position: fixed; top: 180px; right: 0; z-index: 101; }
     #slide-form .slide-form-wrap {width: 350px;}
  	 #slide-form .form-title {padding: 0 30px; position: relative; bottom: 20px;}
     #slide-form .form-arrow-wrap {display: block;top: 200px;right: 260px;}
     #slide-form .form-arrow::before {font-size: 16px;}
     #slide-form #slideForm .form-group .form-control {height: 45px; margin-bottom: 5px;}
     #slide-form #slideForm .form-group textarea.form-control {height: 55px;}
}
@media (min-width: 1200px) {
     #slide-form.opened .form-arrow-wrap {right: 260px;}
     #slide-form .form-arrow-wrap {top: 260px;}
     #slide-form #slideForm .form-group textarea.form-control {height: 75px;}
}

/* MICROMACHINES */
div[id*='micromachines'] .micromachines .lineup .vTile .vLabel {font-size: 18px !important; font-weight: bold !important; text-transform: uppercase;}
div[id*='micromachines'] .micromachines .lineup .vTile .vButton {font-size: 16px !important; letter-spacing: 1px !important;}

/* MICROMACHINE OVERRIDES */
div[id*="micro-machines"] .micromachines .lineupWrapper .lineupPrev::before, 
div[id*="micro-machines"] .micromachines .lineupWrapper .lineupNext::before{color:#0577BB;font-size:50px !important;font-weight:bolder;}
div[id*="micro-machines"] .micromachines .lineupWrapper .lineup .vTile .vButton{color:#1b71a5 !important;}
div[id*="micro-machines"] .micromachines .lineupWrapper .lineup .vTile .vButton[class*="highlight-"]{color:inherit !important;}
div[id*="micro-machines"].desktop .micromachines .lineupWrapper {width:100%;height:220px;}
div[id*="micro-machines"].desktop .micromachines .lineupWrapper .lineup .vTile img {width:85%;max-width:100%;max-height:150px;margin:0 auto 15px;}
div[id*="micro-machines"].laptop .micromachines .lineupWrapper {width:100%;height:220px;}
div[id*="micro-machines"].laptop .micromachines .lineupWrapper .lineup .vTile img {width:85%;max-width:100%;max-height:150px;margin:0 auto 15px;}

/* ## BOXES ## */
#boxes {padding: 40px 20px; width: 100%;}
#boxes > div { width: calc(25% - 40px);margin: 0 20px;}
#boxes > div > div { }
#boxes > div > div > div {}
#boxes > div > div > div > img {width: 100%;}
#boxes > div > div > div > .hm-hero-button {background-color: #035280;cursor: pointer;color: #fff;text-align: center;padding: 20px 0;font-size: 16px;transition:.5s;font-weight: bold;}
#boxes > div > div > div > .hm-hero-button:hover {background-color:#1d4580;}
#boxes > div > div > div > .hm-hero-button > .hm-hero-button-link {width: 100%;height: 100%;display: block;color:#fff;text-decoration:none;}
#boxes > div > div > div > .hm-hero-button > .hm-hero-button-link:after {content: "\f138";font-family:'fontawesome';margin-left:10px;}

.fb-like-box > iframe,iframe.twitter-timeline {	display: block;	width: 100% !important;}

@media only screen and (max-width:1199px) {
    #boxes {padding: 40px 20px 0 20px;}
    #boxes > div {width: calc(50% - 40px);margin-bottom: 40px;}
    #boxes > div > div { }
    #boxes > div > div > div { }
}

@media only screen and (max-width:1024px) {
    #boxes {padding: 20px 10px 0 10px;}
    #boxes > div {margin: 0 10px;width: calc(50% - 20px);margin-bottom: 20px;}
    #boxes > div > div { }
    #boxes > div > div > div { }
}

@media only screen and (max-width:767px) {
    #boxes {padding: 20px 20px;}
    #boxes > div { margin: 0 0 20px 0; width: 100%; }
    #boxes > div > div { }
    #boxes > div > div > div { }
}
.fb-page,
.fb-page span,
.fb-page span iframe[style] {max-width: 100% !important;}
.side-menu-widget {display: block;}