/* Table of content
    1.General - This is created general styles and overide some bootstrap classes.
    2. WebPages
    2.1 Home

****************************************************/


/*
    1. General styles
****************************************************/

html,body {
    height:100%;
}
 body {
    /*min-width:414px;*/ /* suppose you want minimun width of 1000px */
    /*width: auto !important;*/  /* Firefox will set width as auto */
    /*width:414px;*/             /* As IE ignores !important it will set width as 1000px; */

    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #FFF;
    line-height:1.4em;
    font-size:16px;
     text-align: justify;
    /*line-height:20px;*/
}
a {
    color:#181A1C;
    text-decoration: none;
}
a:hover {
    color: #FECE1A;
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    margin: 10px;
}
p {
    padding: 10px;
    font-weight: 100;
    color: #fff;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
    display: block;
    margin-bottom: 0;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
	pointer-events: none;
}
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("/Content/Images/remove-icon-small.png") !important;
}
.modal-dialog {
    color: #000;
    font-size: 14px;
    font-weight: normal;
}

.modal-dialog .modal-content .modal-footer button.btnDismiss {
    background-color: #FFF;
    color: #FF0000;
     border: 1px solid #FF0000;
    font-size: 17px;
    padding: 6px 25px 6px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.modal-dialog .modal-content .modal-footer button.btnDismiss:hover {
    background-color: #FF0000;
    color: #FFF;
     border: 1px solid #FF0000;
   transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.modal-dialog .modal-content .modal-footer button.btnAction {
    background-color: #FF0000;
    color: #FFF;
     border: 1px solid #FF0000;
    font-size: 17px;
    padding: 6px 25px 6px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.modal-dialog .modal-content .modal-footer button.btnAction:hover {
    background-color: #FFF;
    color: #FF0000;
     border: 1px solid #FF0000;
   transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

/* CSS for AJAX Loader */
.modalLoading {
    background-color:#f6f6f6;
    font-size:15px;
    border:5px solid #FFF;
    width: 300px; /* This value will depend on what size you want for your loading image, let's say it's 50px */
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -105px; /* This needs to be half of the height */
    margin-left: -155px; /* This needs to be half of the width */
    text-align:center;
    padding:35px 15px 15px 15px;
}
.modalLoadingImage {

}
.modalLoadingText{
    color:#808080;
    font-size:14px;
    padding-top:30px;
}

#modalChooseOption {
    background-color:#f6f6f6;
    font-size:15px;
    border:5px solid #FFF;
    width: 500px; /* This value will depend on what size you want for your loading image, let's say it's 50px */
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -205px; /* This needs to be half of the height */
    margin-left: -255px; /* This needs to be half of the width */
    text-align:center;
    padding:35px 15px 15px 15px;
}
.modalChooseOption {
    background-color:#f6f6f6;
    font-size:15px;
    border:5px solid #FFF;
    width: 500px; /* This value will depend on what size you want for your loading image, let's say it's 50px */
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -205px; /* This needs to be half of the height */
    margin-left: -255px; /* This needs to be half of the width */
    text-align:center;
    padding:35px 15px 15px 15px;
}

.modalChooseOptionImage {

}
.modalChooseOptionText{
    color:#000;
    font-size:15px;
    padding-top:30px;
}
.modalChooseOptionOption{
    text-align: left;
    color:#000;
    font-size:13px;
    padding-top:5px;
    padding-left: 30px;
}

.modalSuccess {
    background-color:#414042;
    font-size:15px;
    border:5px solid #FFF;
    width: 300px; /* This value will depend on what size you want for your loading image, let's say it's 50px */
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -105px; /* This needs to be half of the height */
    margin-left: -155px; /* This needs to be half of the width */
    text-align:center;
    padding:35px 15px 15px 15px;
}
.modalSuccessImage {

}
.modalSuccessText{
    color:#FFF;
    font-size:14px;
    padding-top:30px;
}
.modalError {
    background-color:#ed1c24;
    font-size:15px;
    border:5px solid #FFF;
    width: 350px; /* This value will depend on what size you want for your loading image, let's say it's 50px */
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -130px; /* This needs to be half of the height + 5 border */
    margin-left: -180px; /* This needs to be half of the width + 5 border */
    text-align:center;
    padding:35px 15px 15px 15px;
}
.modalErrorImage {

}
.modalErrorText{
    color:#FFF;
    font-size:14px;
    padding-top:30px;
}

.modalCouponsButtons {

}
.modalCouponsOption{
    text-align: left;
    color:#000;
    font-size:13px;
    padding-top:5px;
    padding-left: 30px;
    height: 230px;
    overflow: auto;
    overflow-x: hidden;
}


.container {
    position: relative;
}
.navbar {
    background: #fff;
    margin-bottom:0;
    min-height:60px;
}

.navbar-fixed-top {
    min-height:60px;
    height:60px;
    padding-top:0;
}
.navbar-inner {
    background: var(--BringEatRed);
    border-radius: 0;
    height: 53px;
    border-bottom: 7px solid #fff;
    filter: none;
    border: none;
    box-shadow: none;
}
.navbar .brand .beLogo {
    width:150px;
    height:92px;
    position: absolute;
}
.navbar .brand .beLogoSlogan {
    width:180px;
    height:110px;
    margin-left:-15px;
    position: absolute;
}

#navContainer {
    margin-left: 180px;
    
}
.navbar .nav > li > a {
    text-transform:uppercase;
    line-height: auto;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size:14px;
    text-shadow: none;
    color: #fff;
    padding-left:5px;
    padding-right:5px;
    transition: border-color 1s ease;
}
.navbar .nav > li:hover > a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    border: 0;
    /*color: #000;*/
    background-color: transparent;
    /*transition: border-color 1s ease;*/
}


.navbar .btn-navbar:hover, .navbar .btn-navbar {
    color: #000;
}

.navbarHeaderContacts {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.navbar .navbarContacts {
    float: left;
}
.navbar .navbarContacts > a > img {
    margin-top: 4px;
    padding-top: 0;
}

.navbar .navbarContacts > img {
    margin-left: 10px;
}

.navbar .navbarUserBox {
    float: left;
}

.navbar .navbarUserBox .navbarLogin {
    font-size: 14px;
    /*font-family: Helvetica, Arial, sans-serif;*/
    margin-top: 8px;
    margin-left: 20px;
    float: left;
    cursor:pointer;
}
    .navbar .navbarUserBox .navbarLogin .lnkEnter {
        margin-top:3px;
        float:right;
    }

.navbar .navbarUserBox .navbarLogin > a {
    color: #FFF;
    text-decoration: none;
}

.navbar .navbarUserBox .navbarLogin .dropdown-menu {
    margin-top:10px;
    margin-left:-40px;
}
    .navbar .navbarUserBox .navbarLogin .dropdown-menu li {
        margin:0 7px 0 7px;
        border-bottom:1px solid #C6C7C8;
    }

.navbar .navbarCart {
    float:left;
    margin:6px 0 0 8px;
}
.navbar .navbarCart a, .navbar .navbarCart a:hover, .navbar .navbarCart a:visited {
    color:#FFF;
    text-decoration:none;
}
.navbar .navbarCart span{
    font-size:12px;
}


footer {
    background-color: var(--BringEatRed);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
}

footer a, footer a:visited {
    color: #FFF;
}

footer a:hover, footer a:active, footer a.active {
    color: #000;
}

footer .footerContent {
    margin-top: 10px;
}
footer .footerContent img {
    padding-right: 10px;
}


.badge {
    background-color: #FFF;
    color: #FF0000;
}

.btn-bringeat {
    border-radius: 0.7em;
    background-color: #FF0000;
    color: #FFF;
    border: 1px solid #FF0000;
    padding: 10px 25px 10px 25px;
}

    .btn-bringeat:hover {
        background-color: #FFF;
        color: #FF0000;
        border: 1px solid #FF0000;
    }

    .btn-bringeat:disabled {
        background-color: #FFF;
        color: #808080;
        border: 1px solid #808080;
    }
.btn-bringeat-white {
    border-radius: 0.7em;
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    padding: 10px 25px 10px 25px;
}

    .btn-bringeat-white:hover {
        background-color: #FF0000;
        color: #FFF;
        border: 1px solid #FF0000;
    }




/*@media (max-width: 1200px) {

    .navbar .brand img {
        width:150px;
        height:92px;
    }
}

@media (max-width: 992px) {
    .navbar {
        min-height:50px;
    }
    .navbar-fixed-top {
        min-height:50px;
        height:50px;
        padding-top:0;
    }
    .navbar-inner {
        height:44px;
    }
    .navbar .brand img {
        width:125px;
        height:77px;
    }
    #navContainer {
    margin-left: 130px;
    margin-top: 5px;
    }
    .navbar .nav > li > a {
        text-transform:uppercase;
        line-height: 0.7;
        vertical-align: middle;
        font-size:13px;
        color: #fff;
        padding-left:5px;
        padding-right:5px;
        transition: border-color 1s ease;
    }
    .navbar .navbarContacts > a > img {
        margin-top: 0;
        padding-top: 0;
        width: 30px;
        height: 30px;
    }

    .navbar .navbarContacts > img {
        margin-left: 2px;
         width: 168px;
        height: 35px;
   }
    .navbar .navbarContacts > a  {
         width: 31px;
        height: 31px;
    }

    .navbar .navbarUserBox .navbarLogin {
        font-size: 11px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        margin-top: 9px;
        margin-left: 5px;
    }

}*/

/*@media (max-width: 768px) {*/
/*@media (max-width: 1px) {
    .navbar {
        min-height:40px;
    }
    .navbar-fixed-top {
        min-height:40px;
        height:40px;
        padding-top:0;
    }
    .navbar-inner {
        height:35px;
    }
    .navbar .brand img {
        width:100px;
        height:62px;
    }

    #navContainer {
        margin-left: 0;
        margin-top: 30px;
        position: absolute;
        width: 95%;
    }

    .navbar .nav > li > a {
        text-align: center;
        margin:5px 3px;
        border: 1px solid #FFF;
        background-color: #FF0000;
        font-size:14px;
        text-shadow: none;
        color: #fff;
        transition: border-color 1s ease;
    }
    .navbar .nav > li:hover > a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
        border: 1px solid #000;
        color: #FF0000;
        background-color: #FFF;
        transition: border-color 1s ease;
    }

    .navbar .navbarOptions {
        float: left !important;
        width: 100%;
        margin-top: 0;
    }
    .navbar .navbarUserBox {
        float: left;
        width: 100%;
    }
    .navbar .navbarUserBox .navbarLogin {
        display: block;
        text-align: center;
        margin:5px 3px;
        font-size: 13px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;

        float: left;
        width: 48%;
   }
    .navbar .navbarUserBox .navbarLogin > a {
        display: block;
        height: 100%;
    width: 100%;
    text-decoration: none;
        background-color: #FF0000;
        border: 1px solid #FFF;
        color: #FFF;
         padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar .navbarUserBox .navbarLogin > a:hover {
        border: 1px solid #000;
        color: #FF0000;
        background-color: #FFF;
        transition: border-color 1s ease;
    }
    .navbar .navbarUserBox .navbarReorder {
        float: right;
   }


   .navbar .navbarHeaderContacts {
       margin-right: 50px;
    }
    .navbar .navbarHeaderContacts > a > img {
        margin-top: 3px;
        padding-top: 0;
        width: 29px;
        height: 29px;
    }

    .navbar .navbarHeaderContacts > img {
        margin-top: 3px;
        margin-left: 2px;
        width: 125px;
        height: 29px;
   }
    .navbar .navbarContacts {
        display: none;
    }
    .navbar .navbar-header > button {
        padding: 0;
        margin: 0;
        margin-top: 3px;
        margin-right: 10px;
        width: 29px;
        height: 29px;
        border-radius:0;
        background: #FFF;
        color: #FF0000;
    }
    .navbar .navbar-header > button > span {
        color: #FF0000;
    }


}*/



/*
    2. WebPages
****************************************************/


/*
    2.1. Home
****************************************************/

.homeFirstRow {
    margin-top: 40px;
    height: 675px;
}
.homeFirstRowBackground {
    max-width: 100%;
    height: 100%;
    /*background: #181A1C url(/img/TempBanners/201612_Banner.jpg) no-repeat center;*/
    background: #181A1C url(https://s3.eu-west-3.amazonaws.com/bringeat.web/layout/homepage_bg.jpg) no-repeat center;
    /*background: #181A1C url(/Content/layout/Home/mundial2018.jpg) no-repeat center;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.homePrecoFixo {
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 5;
}

.searchRow {
    margin-top: 50px;
    margin-left:auto;
}

.homeSearchContainer {
    background-color: rgba(255,255,255,0.7);
    text-align: center;
    padding: 5px;
    border-radius: 1em;
    margin-top: 10px;
    margin-left: auto;
}

.homeSearchTitle {
    color: #FF0000;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: bold;
    margin-top: 20px;
}
.homeSearchText {
    color: #000;
    margin-top: 10px;
    font-weight: normal;
    font-size: 15px;
}

.homeSearchBox {
    margin: 15px 20px 20px 20px;
    border: none;

}

.homeSearchBox .input-group > input {
    border: none;
}

.homeSearchBox .input-group .input-group-btn > button {
    border: none;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    background-color: #FF0000;
}

.homeBulletCheck {
    background-image: url(/Content/layout/Home/BulletCheck.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-size: 15px;
    /*color: #000;*/
}

.homeMobileRow {
    margin-top: 50px;
    text-align: center;
}
.homeMobileRow > div > img {
}

/*.appStoreIcon {
    width: 111px;
    height: 37px;
}

.GooglePlayIcon {
    width: 125px;
    height: 37px;
}
.windowsStoreIcon {
    width: 135px;
    height: 37px;
}*/

.homeSecondRowBackground {
    background-color: var(--BringEatRed);
    padding-bottom: 40px;
}

.howItWorksTitle {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;
}

.howItWorksContent {
    margin-top: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.howItWorksContent img {
    width: 190px;
    height: 190px;
    margin-bottom: 10px;
}

.howItWorksContent .badge {
    font-size: 16px;
    line-height: 1.7em;
}


.homeThirdRowBackground {
    background-color: #FFF;
    color: #FF0000;
}

.ourPartnersTitle {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-top: 90px;
}
.ourPartnersSubTitle {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.ourPartnersContent {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.ourPartnersContent .row {
    padding: 0;
    margin-bottom: 30px;
}

.ourPartnersContent .row .col-md-2  {
    padding-bottom: 20px;
}

.ourPartnersContent .ourPartnersKnowMore {
    padding-bottom: 20px;
}

.ourPartnersContent .ourPartnersKnowMore a {
    background-color: #FF0000;
    color: #FFF;
    font-size: 17px;
    padding: 6px 20px 6px 20px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.ourPartnersContent .ourPartnersKnowMore a:hover {
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

.homeFourthRow {
    height: 400px;
}

.homeFourthRowBackground {
    max-width: 100%;
    height: 100%;
    background: #181A1C url(/Content/layout/Home/Entregas.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fourthRowTitle {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-top: 300px;
    margin-left: 150px;
}

.fourthRowSubTitle {
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 10px;
    margin-left: 150px;
}

.homeFifthRowBackground {
    background-color: #FFF;
    color: #FF0000;
    margin-bottom: 50px;
}

.fifthRowTitle {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;
}

.fifthRowContent {
    text-align: center;
    margin-top: 50px;
}
.fifthRowContent .fifthContentTitle {
    font-size: 25px;
    font-weight: normal;
    margin-top: 50px;
}

.fifthRowContent .fifthContentText {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 1.7em;
    font-weight: normal;
}

.fifthRowContent img {
    width: 190px;
    height: 190px;
    margin-bottom: 10px;
}

.homeSixthRow {
    height: 320px;
}

.homeSixthRowBackground {
    max-width: 100%;
    height: 100%;
    background: #181A1C url(/Content/layout/Home/Surface.gif) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sixthRowTitle {
    text-align: center;
    color: #FF0000;
    font-size: 40px;
    font-weight: bold;
    margin-top: 30px;
}

.sixthRowText {
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 20px;
    padding: 0 25px 0 0;
}

.sixthRowSubTitle {
    text-align: center;
    font-size: 22px;
    margin-top: 30px;
    padding: 0 20px 0 0;
}
.sixthRowAppLinks {
    margin-top: 25px;
}
/*.sixthRowAppLinks .appStoreIcon {
    width: 93px;
    height: 31px;
}

.sixthRowAppLinks .GooglePlayIcon {
    width: 104px;
    height: 31px;
}
.sixthRowAppLinks .windowsStoreIcon {
    width: 113px;
    height: 31px;
}*/


.homeSeventhRow {
    height: 410px;
}

.homeSeventhRowBackground {
    height: 100%;
    background-color: #FF0000;

}
.homeSeventhRowBackground .container {
    max-width: 100%;
    height: 100%;
    /*background: #FF0000 url(/Content/layout/Home/EncomendaV.png) no-repeat right;*/
    background-repeat: no-repeat;
    text-align: center;
}
.homeSeventhRowTitle {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    margin-top: 100px;
}

.homeSeventhRowContent {
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4em;
}
.homeSeventhRowContent span {
    font-size: 15px;
    line-height: 1.4em;
}
.homeSeventhRowButton {
    margin-top: 40px;
    text-align: center;
}

.homeSeventhRowButton a {
    background-color: #FF0000;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 20px;
    padding: 10px 25px 10px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.homeSeventhRowButton a:hover {
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}


.homeEightRow {
    height: 450px;
    color: #000;
}

.homeEightRowBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Home/Imprensa.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.eightRowTitle {
    text-align: center;
    color: #FF0000;
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;
}

.eightRowText {
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
    margin-left: 40px;
    padding-right: 40px;
}

.eightRowText2 {
    color: #FFF;
    text-align: center;
    font-size: 15px;
    margin-top: 100px;
    padding-left: 20px;
    padding-right: 50px;
}
.eightRowText2 em {
    font-size: 12px;
}
.eightRowButton {
    margin-top: 140px;
}
.eightRowButton button {
    background-color: #FF0000;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 20px;
    padding: 6px 20px 6px 20px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.eightRowButton button:hover {
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}



/*
    2.2. Quem somos
****************************************************/

.quemSomosContainer {
    height: 410px;
    color: #000;
}

.quemSomosBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/QuemSomos.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.quemSomosContainer .quemSomosTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.quemSomosContainer .quemSomosTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.quemSomosContainer .quemSomosTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.quemSomosContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.quemSomosText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.quemSomosText p {
    color: #000;
    font-weight: normal;
    text-align: justify;
}
.quemSomosText span {
    color: #FF0000;
}

/*
    2.3. FAQ
****************************************************/

.faqContainer {
    height: 410px;
    color: #000;
}

.faqBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Faq.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faqContainer .faqTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.faqContainer .faqTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.faqContainer .faqTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.faqContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.faqText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.faqText p {
    color: #000;
    font-weight: normal;
    text-align: justify;
}
.faqText span {
    color: #FF0000;
}


/* Accordion */

.panel-default {
    border: 0;
    border-bottom: 2px solid #FF0000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel-default .panel-heading {
    border: 0;
    background-color: #FFF;
}
    .panel-default .panel-heading > h4 > a {
        text-decoration: none;
    }
    .panel-default .panel-heading > h4 > a:hover {
        color: #FF0000;
    }
  .panel-default .panel-heading .panel-collapse  .panel-body {
        border-top-color:transparent;
    }



/*
    2.4. Contactos
****************************************************/

.contactosContainer {
    height: 410px;
    color: #000;
}

.contactosBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Contactos.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contactosContainer .contactosTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.contactosContainer .contactosTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.contactosContainer .contactosTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.contactosContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.contactosText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.contactosText p {
    color: #000;
    font-weight: normal;

}
.contactosText span {
    color: #FF0000;
}



/*
    2.5. Pagamento
****************************************************/

.pagamentoContainer {
    height: 410px;
    color: #000;
}

.pagamentoBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Pagamentos.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagamentoContainer .pagamentoTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.pagamentoContainer .pagamentoTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.pagamentoContainer .pagamentoTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.pagamentoContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.pagamentoText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.pagamentoText p {
    color: #000;
    font-weight: normal;

}
.pagamentoText span {
    color: #FF0000;
}


/*
    2.6. Termos e condições
****************************************************/

.termosContainer {
    height: 410px;
    color: #000;
}

.termosBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Termos.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.termosContainer .termosTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.termosContainer .termosTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.termosContainer .termosTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.termosContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.termosText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.termosText p {
    color: #000;
    font-weight: normal;

}
.termosText span {
    color: #FF0000;
}



/*
    2.7. Política de Privacidade
****************************************************/

.privacidadeContainer {
    height: 410px;
    color: #000;
}

.privacidadeBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Privacidade.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.privacidadeContainer .privacidadeTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.privacidadeContainer .privacidadeTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.privacidadeContainer .privacidadeTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.privacidadeContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.privacidadeText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.privacidadeText p {
    color: #000;
    font-weight: normal;

}
.privacidadeText span {
    color: #FF0000;
}



/*
    2.8. Cookies
****************************************************/

.cookiesContainer {
    height: 410px;
    color: #000;
}

.cookiesBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Cookies.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cookiesContainer .cookiesTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.cookiesContainer .cookiesTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.cookiesContainer .cookiesTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.cookiesContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.cookiesText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.cookiesText p {
    color: #000;
    font-weight: normal;

}
.cookiesText span {
    color: #FF0000;
}


/*
    2.9. Newsletter
****************************************************/

.newsletterContainer {
    height: 410px;
    color: #000;
}

.newsletterBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Newsletter.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.newsletterContainer .newsletterTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.newsletterContainer .newsletterTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.newsletterContainer .newsletterTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.newsletterContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.newsletterText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.newsletterText p {
    color: #000;
    font-weight: normal;

}
.newsletterText span {
    color: #FF0000;
}


/*
    2.10. Promoção
****************************************************/

.promocaoContainer {
    height: 410px;
    color: #000;
}

.promocaoBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Promocao.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.promocaoContainer .promocaoTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.promocaoContainer .promocaoTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.promocaoContainer .promocaoTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.promocaoContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.promocaoText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.promocaoText p {
    color: #000;
    font-weight: normal;

}
.promocaoText span {
    color: #FF0000;
}


/*
    2.11. Parceiro
****************************************************/

.parceiroContainer {
    height: 410px;
    color: #000;
}

.parceiroBackground {
    max-width: 100%;
    height: 100%;
    /*background: #FFF url(/Content/layout/Banners/Parceiro.png) no-repeat center;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.parceiroContainer .parceiroTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.parceiroContainer .parceiroTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.parceiroContainer .parceiroTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.parceiroContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.parceiroText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.parceiroText p {
    color: #000;
    font-weight: normal;

}
.parceiroText span {
    color: #FF0000;
}


/*
    2.12. Restaurantes
****************************************************/

.restaurantesContainer {
    height: 410px;
    color: #000;
}

.restaurantesBackground {
    max-width: 100%;
    height: 100%;
    background: #FFF url(/Content/layout/Banners/Restaurantes.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
}

.restaurantesContainer .restaurantesTitle {
    text-align: left;
    line-height: 1.2em;
    font-size: 36px;
    font-weight: bold;
    margin-top: 150px;
}
.restaurantesContainer .restaurantesTitle p {
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFF;
    display: inline-block;
}
.restaurantesContainer .restaurantesTitle p span {
    color: #FF0000;
    font-weight: bold;
}

.restaurantesContent {
    background-color: #FFF;
    color: #000;
    padding-bottom: 50px;   
}
.restaurantesText {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.7em;
}
.restaurantesText p {
    color: #000;
    font-weight: normal;

}
.restaurantesText span {
    color: #FF0000;
}







  /*
    3. AccountPages
****************************************************/


/*
    2.1. Layout
****************************************************/

.bannerRow {
    margin-top: 40px;
    height: 185px;
}
.bannerRowBackground {
    max-width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerPrecoFixo {
    position: absolute;
    top: 40px;
    right: 20px;
}

.bannerWelcomeRow {
    margin-top: 60px;
    font-size: 23px;
    z-index: 0;
}
/*.bannerWelcomeRow p {
    color:#000;
}*/

.bannerNavBar {
    margin-top: 18px;
    text-align: center;
    background-color: transparent;
}

.nav-justified {
   border-collapse:separate;
   border-spacing:5px;
}

.bannerNavBar ul li {
    width:100%;
    background-color: #FF0000;
}

.bannerNavBar ul li.active, .bannerNavBar ul li:hover {
    color: #FF0000;
    background-color: #FFF;
    cursor: pointer;
}

.bannerNavBar ul li a {
    border: 0 !important;
    margin: 0 important;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    color: #FFF;
}

.bannerNavBar ul li.active a, .bannerNavBar ul li.active a:hover, .bannerNavBar ul li a:hover {
    color: #FF0000;
    background-color: #FFF;
    cursor: pointer;
}

.bannerNavBar ul li.active .icn_user_menu a:hover {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Content/Images/user_menu_hover.png) no-repeat;
    width: 30px; /* Width of new image */
    height: 30px; /* Height of new image */
    padding-left: 30px; /* Equal to width of new image */
}

.containerDetails {
    color: #000;
    margin-top: 40px;
    margin-bottom: 40px;
}

.orderNow {
    position: fixed;
    width: 100px;
    height: 100px;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 1000;
  /* FF3.5+ */
  -moz-transform: rotate(90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(90.0deg);
}
.orderNow a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    font-size:18px;
}



/*
    3.2. Personal Details
****************************************************/

.accountDetailsRow {
    padding-bottom: 20px;
    border-bottom: 1px solid #c6c7c8;
}
.accountImage {
    float: left;
}
.accountImage img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.accountName {
    font-size: 18px;
}
.accountDetail {
    font-size: 13px;
}

.accountDetail span {
    font-size: 13px;
    color: #9c9ea0;
}
.accountDetailsRow .btnEditPersonalDetails a {
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    font-size: 17px;
    padding: 10px 25px 10px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.accountDetailsRow .btnEditPersonalDetails a:hover {
    background-color: #FF0000;
    color: #FFF;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

.accountDetailsRow2 {
    margin-top: 20px;
}

.accountDetailsTitle {
    color: #000;
    height: 5px;
  border-bottom: 1px solid #9c9ea0;
    margin-bottom: 30px;
}
.accountDetailsTitle span {
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
}

.accountDetailsRow2 .btnAddDetails a {
    margin-top: 10px;
    background-color: #FF0000;
    color: #FFF;
     border: 1px solid #FF0000;
    font-size: 17px;
    padding: 10px 25px 10px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.accountDetailsRow2 .btnAddDetails a:hover {
    background-color: #FFF;
    color: #FF0000;
     border: 1px solid #FF0000;
   transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

.accountDetailItem {
    border: 1px solid #9c9ea0;
    vertical-align: middle;
    font-size: 14px;
}
.accountDetailItemText {

}

.accountDetailItemOptions {
    width:100%
}

.accountDetailItem .accountDetailItemOptions a {
    background-color: #dddddd;
    color: #727070;
     border: 1px solid #FFF;
    font-size: 14px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.accountDetailItem .accountDetailItemOptions a.selectable {
    background-color: #424143;
    color: #9d9d9c;
     border: 1px solid #FFF;
    font-size: 14px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.accountDetailItem .accountDetailItemOptions a:hover, .accountDetailItem .accountDetailItemOptions a.selected, .accountDetailItem .accountDetailItemOptions span.selected {
    background-color: #FF0000;
    color: #FFF;
     border: 1px solid #dddddd;
    font-size: 14px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

.accountDetailItem .accountDetailItemOptions span {
    cursor: default;
}




.editAccountRow {
}
.editAccountTitle {
    color: #000;
    height: 5px;
  border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.editAccountTitle span {
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
}

.editAccountRow .form-group label {
    font-size: 14px;
    font-weight: normal;
}
.editAccountRow .btn-group label {
    font-size: 16px;
    font-weight: normal;
    color: #9c9ea0;
    background-color: #FFF;
    border: 1px solid #9c9ea0;
    line-height: 1.7em;
}
.editAccountRow .btn-group label.active, .editAccountRow .btn-group label:hover {
    color: #FFF;
    background-color: #9c9ea0;
    border: 1px solid #9c9ea0;
}

.editAccountRow .btn-group-justified {
    border-collapse:separate;
    border-spacing:10px 0;
}

.editAccountPictureRow {
    border: 1px solid #9c9ea0;
    vertical-align: middle;
    font-size: 14px;
}

.editAccountPictureRow img {
    height: 75px;
    width: 75px;
}

.datepicker  {
    color: #000 !important;
}

.editAccountRow .btnSavePersonalDetails button {
    margin-top: 10px;
    background-color: #FF0000;
    color: #FFF;
     border: 1px solid #FF0000;
    font-size: 17px;
    padding: 10px 25px 10px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.editAccountRow .btnSavePersonalDetails button:hover {
    background-color: #FFF;
    color: #FF0000;
     border: 1px solid #FF0000;
   transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}

.editAccountRow .btnCancelPersonalDetails a {
    margin-top: 10px;
    background-color: #FFF;
    color: #FF0000;
    border: 1px solid #FF0000;
    font-size: 17px;
    padding: 10px 25px 10px 25px;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}
.editAccountRow .btnCancelPersonalDetails a:hover {
    background-color: #FF0000;
    color: #FFF;
    transition: background-color 1s ease, color 1s ease, border-color 1s ease;
}








/*@media (max-width: 1200px) {
.sixthRowTitle {
    text-align: center;
    color: #FF0000;
    font-size: 34px;
    font-weight: bold;
    margin-top: 50px;
    }

    .sixthRowText {
        text-align: center;
        font-size: 18px;
        margin-top: 20px;
    }

    .sixthRowSubTitle {
        text-align: center;
        font-size: 19px;
        margin-top: 30px;
    }
    .sixthRowAppLinks {
        margin-top: 25px;
    }
    .sixthRowAppLinks .appStoreIcon {
        width: 70px;
        height: 24px;
    }

    .sixthRowAppLinks .GooglePlayIcon {
        width: 79px;
        height: 24px;
    }
    .sixthRowAppLinks .windowsStoreIcon {
        width: 85px;
        height: 24px;
    }

}



@media (max-width: 992px) {
    .homePrecoFixo {
        position: absolute;
        top: 30px;
    right: 40px;
        width: 158px;
        height: 82px;
    }
    .homePrecoFixo > img {
        width: 158px;
        height: 82px;
    }

    .homeSearchTitle {
    color: #FF0000;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    }
    .homeSearchText {
        color: #000;
        margin-top: 10px;
        font-weight: normal;
        font-size: 13px;
    }

    .homeBulletCheck {
        background-image: url(/Content/layout/Home/BulletCheck.png);
        background-size: 15px;
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        font-size: 11px;
        margin-left: 0;
    }

    .homeMobileRow {
        margin-top: 50px;
        text-align: center;
    }
    .appStoreIcon {
        width: 93px;
        height: 31px;
    }

    .GooglePlayIcon {
        width: 104px;
        height: 31px;
    }
    .windowsStoreIcon {
        width: 113px;
        height: 31px;
    }

    .howItWorksContent {
    margin-top: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    }

    .howItWorksContent img {
        width: 150px;
        height: 150px;
        margin-bottom: 10px;
    }

    .howItWorksContent .badge {
        font-size: 14px;
    }

    .ourPartnersContent .row img  {
        width: 100px;
    }

    .sixthRowTitle {
    text-align: center;
    color: #FF0000;
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px;
    }

    .sixthRowText {
        text-align: center;
        font-size: 15px;
        margin-top: 20px;
    }

    .sixthRowSubTitle {
        text-align: center;
        font-size: 19px;
        margin-top: 30px;
    }
    .sixthRowAppLinks {
        margin-top: 25px;
    }
    .sixthRowAppLinks .appStoreIcon {
        width: 56px;
        height: 19px;
    }

    .sixthRowAppLinks .GooglePlayIcon {
        width: 63px;
        height: 19px;
    }
    .sixthRowAppLinks .windowsStoreIcon {
        width: 68px;
        height: 19px;
    }

    .homeSeventhRowTitle {
        font-size: 32px;
    }

    .homeSeventhRowContent {
        font-size: 18px;
    }
    .homeSeventhRowContent span {
        font-size: 14px;
    }


    .eightRowTitle {
        text-align: center;
        color: #FF0000;
        font-size: 30px;
        font-weight: bold;
        margin-top: 100px;
    }

    .eightRowText {
        text-align: center;
        font-size: 14px;
        margin-top: 30px;
        margin-left: 40px;
        padding-right: 40px;
    }

    .eightRowText2 {
        color: #FFF;
        text-align: center;
        font-size: 15px;
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .eightRowButton {
        margin-top: 60px;
    }
    .eightRowButton button {
        font-size: 15px;
    }
}*/

/*@media (max-width: 768px) {*/
/*@media (max-width: 1px) {
    .homePrecoFixo {
        position: absolute;
        top: 20px;
    right: 30px;
        width: 127px;
        height: 65px;
    }
    .homePrecoFixo > img {
        width: 127px;
        height: 65px;
    }

    .homeBulletCheck {
        color: #FF0000;
        font-size: 15px;
    }
    .ourPartnersContent .row .col-md-2 img {
        width: 50%;
}

    .fourthRowTitle {
    font-size: 27px;
    margin-left: 100px;
}

.fourthRowSubTitle {
    font-size: 15px;
    margin-left: 100px;
}
    .eightRowText2 {
        color: #FFF;
        text-align: center;
        font-size: 15px;
        margin-top: 50px;
        margin-left: 20%;
        margin-right: 20%;
    }


}*/

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}





/*
    RESTAURANT LIST
*/

    .restaurantListTopBar {
        height: 30px;
        background-color: #414042;
        color: #fff;
        padding: 5px;
    }

        .restaurantListTopBar a {
            text-decoration: none;
            color: #FFF;
        }

            .restaurantListTopBar a:hover {
                color: #FF0000;
            }

    .restaurantListSearchContainer {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .restaurantListSearchContainer .input-group {
            border: 10px solid #dcdcdc;
        }

            .restaurantListSearchContainer .input-group input, .restaurantListSearchContainer .input-group button {
                border: 0;
            }

    .restaurantItem {
        border: 1px solid #d1d2d2;
        margin-bottom: 10px;
        padding: 10px 0 10px 10px;
        vertical-align: middle;
    }
    .restaurantItem .logoPlaceHolder {
        float: left;
        margin-right: 10px;
    }

        .restaurantItem .row {
            margin: 0;
        }
        .restaurantItem .row .col-md-6 {
            padding: 0;
        }

            .restaurantItem .row .businessLogo {
                width: 100px;
                height: 100px;
            }

            .restaurantItem .row .text-right a {
                background-color: #FF0000;
                color: #FFF;
                border: 1px solid #FF0000;
                border-top-left-radius:0.5em;
                border-top-right-radius:0;
                border-bottom-right-radius:0;
                border-bottom-left-radius:0.5em;
                padding-top: 10px;
                padding-bottom: 10px;
                margin-top: 30px;
            }
            .restaurantItem .row a:hover {
                text-decoration:none;
                color:#000;
            }

                .restaurantItem .row .text-right a:hover {
                    background-color: #FFF;
                    color: #FF0000;
                    border: 1px solid #FF0000;
                }
        .restaurantItem .restaurantName {
            font-size: 20px;
            margin-top: 5px;
            text-align:left;
        }

        .restaurantItem .foodCategories {
            font-size: 13px;
            color: #808080;
        }

        .restaurantItem .restaurantState {
            float: left;
            display: table;
            width: 100px;
            font-size: 13px;
            text-align: center;
            vertical-align: middle;
            margin-right: 5px;
            border-radius: 5px;
        }
        .restaurantItem p {
            margin:0;
            padding:0;
            display: table-cell; 
            vertical-align: middle; 
            text-align: center;
        }
                .restaurantItem .stateOpen {
                    background-color: #FF0000;
                    border: 1px solid #FF0000;
                }
                .restaurantItem .stateOpen p {
                    color: #FFF;
                }
                .restaurantItem .stateClosed {
                    color: #000;
                    background-color: #FFF;
                    border: 1px solid #000;
                }
                .restaurantItem .stateClosed p {
                    color: #000;
                }
                .restaurantItem .statePreOrder {
                    height: 50px;
                    color: #FF0000;
                    background-color: #FFF;
                    border: 1px solid #FF0000;
                }
                .restaurantItem .statePreOrder p {
                    color: #FF0000;
                }

        .restaurantItem .restaurantRank {
            color: #FF0000; font-size: 20px;
        }
        .restaurantItem .restaurantRank .rankStars {

        }
        .restaurantItem .restaurantRank .rankCount {
            font-size: 11px;
            vertical-align: top;
        }

        .restaurantItem .restaurantHighlights {
            margin-top: 5px;
        }
        .restaurantItem .restaurantHighlights img {
            width: 20px;
            height: 20px;
        }
         .restaurantItem .restaurantHighlights img:first-child {
            margin-left:8px;
        }
       .restaurantItem .restaurantHighlights img:not(:first-child) {
            margin-left:5px;
        }
        .restaurantItem .restaurantPromotions {
            font-size: 14px;
            color: #FF0000;
            margin-top: 20px;
            float: left;
        }
        .restaurantItem .restaurantPromotions img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }



/* OrderConfirmationResume*/

    .orderConfirmationResume {
        border: 1px solid #FF0000;
        background-color: #FFF;
    }

        .orderConfirmationResume .orderResumeHeader {
            height: 30px;
            background-color: #FF0000;
            color: #fff;
            padding: 5px;
            margin-bottom: 5px;
            font-size: 15px;
        }

        .orderConfirmationResume .orderResumeContent .actionIcon {
            width: 15px;
            height: 15px;
            margin-left: 10px;
        }

        .orderConfirmationResume .orderResumeContent .row {
            margin: 0;
        }

        .orderConfirmationResume .orderResumeContent .productItem {
            padding: 5px 0 5px 10px;
            border-bottom: 1px solid #c6c7c8;
            font-size: 13px;
        }

    .priceTag {
        margin: 5px 0 5px 0;
        background-color: #FF0000;
        color: #FFF;
        border: 1px solid #FF0000;
        border-top-left-radius: 0.7em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0.7em;
        padding: 7px 10px 7px 15px;
        font-size: 13px;
    }

    .orderConfirmationResume .orderResumeContent .btnDisabled {
        background-color: #808080;
        color: #FFF;
        border: 1px solid #808080;
        border-top-left-radius: 0.7em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0.7em;
        padding: 7px 10px 7px 15px;
        cursor: auto;
        font-size: 13px;
    }

    .orderConfirmationResume .orderResumeContent .productTotal {
        padding: 5px 0 5px 0;
        background-color: #FF0000;
        text-align: center;
    }

    .orderConfirmationResume .orderResumeContent .orderSubmit {
        padding: 15px 10px 10px 10px;
        border-bottom: 1px solid #c6c7c8;
    }

        .orderConfirmationResume .orderResumeContent .orderSubmit .orderSubmitButton {
            padding: 0 30px 0 30px;
            text-align: center;
        }


    .orderResumeFooter .totalPriceTag {
        float: right;
    }

        .orderResumeFooter .totalPriceTag .priceTag {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    .orderResumeFooter .voucherDiscount {
        float: right;
        padding: 5px 20px 10px 10px;
    }

    .orderResumeFooter .addMoreProducts {
        padding: 10px 0 10px 15px;
        font-size: 13px;
    }

        .orderResumeFooter .addMoreProducts a, .orderResumeFooter .addMoreProducts a:visited {
            color: #FF0000;
        }

            .orderResumeFooter .addMoreProducts a:hover {
                color: #FF0000;
            }

    .orderResumeOptions {
        margin-top: 20px;
        padding: 10px;
    }

    .orderResumeBillingDetails {
        margin-top: 20px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .orderResumeOptions .btn-bringeat-white {
        width: 100%;
    }

    .paymentOptionsContainer {
        border-top-left-radius: 0.7em;
        border-top-right-radius: 0.7em;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #FF0000;
    }

        .paymentOptionsContainer .btn-bringeat-white {
            border-top-left-radius: 0.7em;
            border-top-right-radius: 0.7em;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border: 0;
        }

            .paymentOptionsContainer .btn-bringeat-white.active {
                border-top-left-radius: 0.7em;
                border-top-right-radius: 0.7em;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border: 0;
                background-color: #FF0000;
                color: #FFF;
            }

            .paymentOptionsContainer .btn-bringeat-white:hover {
                border-top-left-radius: 0.7em;
                border-top-right-radius: 0.7em;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border: 0;
            }

        .paymentOptionsContainer .paymentOptions {
            font-size: 13px;
            padding: 0 10px 0 15px;
        }

            .paymentOptionsContainer .paymentOptions label {
                margin: 3px 0 3px 0;
            }




 /* --------New layout styles-------*/



:root {
    --BringEatRed: rgb(238, 49, 36);
}

#pageContent{
    margin-top:100px;
}


html, body {
    font-family: "Montserrat", sans-serif !important;
}

html{
    overflow-x:hidden;
}

#pageContent, footer, header, bosy, html, .navbar,
#navContainer, .container,.homeWhereWeAreRow {
    max-width: 100vw !important;
}

/*Header*/




#img-login{
    width:25px!important;
    height:auto;
}

.navbar-fixed-top {
    background-color: var(--BringEatRed);
    padding: 20px 0 !important;
}

.navbar-inner{
    height:110px;

}

.nav-item {
    width: fit-content !important;
    font-weight: 500;
    margin-right: 5px;
}


.nav-item:visited, .nav-item:active, .nav-item:hover {
     font-weight: 700 !important;
}

.nav-item-a {
    text-decoration: none;
}


#top-navigation {
    flex-direction:row;
}

#navContainer{
    margin-top:20px!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
}

#phone-contact {
    display: flex;
    align-items: center;
    padding: 7px 10px;
    background-color: white;
    border-radius: 10px;
    color: var(--BringEatRed);
    font-size: 1.6rem;
    font-weight: 800;
    justify-content: space-between;
}


#phone-contact img{
    width:20px;
    height:20px;
    margin-right:10px;
    
}

.language{
    color:white;
    display:flex;
    align-items:center;
}

.language a {
        color: white;
 }

 .language a:active{

     font-weight:700;
 }

 .language a:hover {
        font-weight: 700;
  }

.user-login {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    color: var(--BringEatRed);
    font-size: 1.2rem;
    font-weight: 600;
}

    .user-login:hover {
        transform: scale(1.05);
        color: var(--BringEatRed);
    }




/*Banner*/

.homeFirstRow{
    margin:0;
    height:auto;
   

}

.homeFirstRowBackground {
    background-color: var(--BringEatRed)!important;
    
    background-image: none;
}


.img-box {
    position: absolute;
    background: url(/Content/layout/Home/food_1.png) no-repeat;
    width: 550px;
    height: 800px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-position-y: 175px;
    margin: 0;
    right: 0;
    overflow: hidden;
}

.img-box2 {
    position: absolute;
    background: url(/Content/layout/Home/food_2.png) no-repeat;
    width: 225px;
    height: 400px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position-x: -50px;
    background-position-y: 150px;
    margin: 0;
    left: 0;
    overflow: hidden;
}

.searchRow{
    margin-top:0;
}

.homeBulletCheck {
    background-image: none !important;
    background-size: 40px;
    padding-left: 0;
    font-size: 13px;
    font-weight: 500 !important;
    margin-bottom: 0;
}

.check{
    width:30px;
    height:30px;
    margin-right:10px;
}

.homeSearchContainer {
    background-color: white;
    text-align: center;
    padding: 40px 10px!important;
    border-radius: 1em;
    margin-top: 50px;
    max-width:800px!important;
}

.homeSearchBox {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

form{
    width:80%;
}

.input-group-search{
    display:flex;
    justify-content:center;
    align-items:center;

}

.homeSearchTitle {
   font-weight:800;
   font-size:3rem;
   margin:10px;

}

.homeSearchText {
    font-size: 1.3rem;
}

.homeSearchBox {
    margin:0;
    padding:0;
    margin-bottom:10px;
}

#searchString {
    border: solid 2px var(--BringEatRed);
    border-radius: 7px;
}

.btn-search {
    background-color: var(--BringEatRed) !important;
    border-radius: 7px !important;
    padding: 8px !important;
    margin-left: -80px !important;
    width: 80px !important;
    color: white !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    z-index: 99;
}

.section-1 {
    display: flex;
    flex-direction:row;
    margin-top:40px;
}

.stores {
    display: flex;
    flex-direction: column;
    justify-content:center;
}

.store-icon{
    margin:7px
}

.store-icon img{
    height:40px;
}

.bullets {
    display: flex;
    flex-direction: column;
}

.bullet-content{
    display:flex;
    align-items:center;
    margin:5px;

}

/*Onde estamos div*/

.homeWhereWeAreRow{
    width:100vw!important;
}

.homeThirdRowBackground {
    margin-top: 90px;
    margin-bottom:50px;
}


    .homeThirdRowBackground .container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ourPartnersTitle {
        width: 100vw !important;
        font-weight: 800;
        font-size: 3rem;
        margin: 10px;
        text-align: left;
    }

.cards{
    display: flex;
    margin: 90px 0 !important;
    width: 100vw !important;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0;
}

.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    border-radius: 30px !important;
    background-color: var(--BringEatRed);
    height: 225px;
    transition: transform .2s ease;
}

    .card:hover {
        transform: scale(1.1);
    }

.card img{
    width:230px;
    border-radius:30px 30px 0 0!important;
}

    .card p {
        color: white;
        font-size: 1.9rem;
        font-weight: 700;
        margin-top: 10px;
    }


.cities{

        margin-bottom:10px!important;
}

.city{
    height:auto!important;
    background-color:white!important;
    
}

.city img{
    width:150px!important;
    border-radius:0!important;
}

.city p {
        color: var(--BringEatRed)!important;
}

.saber-mais{
    text-align:center!important;
}



/*Como funciona div*/

.howItWorksTitle {
    font-weight: 800;
    font-size: 3rem;
    margin: 10px;
    color:white;
    padding-top:40px;
}

.howItWorksContent{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:40px 0;
    flex-wrap:wrap;
}

.howItWorksStep {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
}

    .howItWorksStep p {
        padding: 5px 0 5px 8px;
        font-weight: 500;
        max-width: 225px;
    }

/*App móvel div*/
.homeSixthRow {
    height: 600px;
}
.homeSixthRowBackground {
    background: url(/Content/layout/Home/app.png);
    background-size: cover;
}

.app-movel{
    display:flex;
    justify-content:end;
}

.sixthRowTitle {
    font-weight: 800;
    font-size: 3rem;
    margin: 10px;
    padding-top: 40px;
}

.sixthRowText, .sixthRowSubTitle{
    color:black;
    font-size:1.8rem;
    padding:0;
}

.sixthRowText {
    font-weight: 400;
}


 .sixthRowSubTitle {
    font-weight: 600;
}

.sixthRowAppLinks {
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
}

/*Compromisso div*/
.homeFifthRowBackground {
    background-color: var(--BringEatRed);
    margin-bottom: 0;
}

.fifthRowTitle {
    font-weight: 800;
    font-size: 3rem;
    margin: 10px;
    padding-top: 40px;
    color:white;
}

.fifthRowContent{
    display:flex;
    flex-direction:row;
    padding-bottom:40px;
    flex-wrap:wrap;

}

.compromisso-content{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.fifthContentTitle, .fifthContentText{
    color:white!important;
}

.fifthContentTitle {
    margin-top: 20px !important;
    font-weight: 600 !important;
    font-size:2rem!important;
}

.fifthContentText {
    padding: 6px 15px;
    font-size: 1.4rem!important;
    margin-bottom:25px;
    max-width:400px;
}

#exigencia{
    margin-top:10px!important;
}

/*Franchising div*/
.homeFourthRow{
    height:800px;
}
.homeFourthRowBackground {
    background: url(/Content/layout/Home/franchising.png);
    background-position:center;
}

.franchising {
    display: flex;
    flex-direction: column;
    background-color: white;
    text-align: center;
    padding: 40px 10px !important;
    border-radius: 1em;
    margin-top: 150px;
    
}

.homeSeventhRowTitle {
    font-weight: 800;
    font-size: 3rem;
    margin: 10px;
    padding-top: 40px;
    color: var(--BringEatRed);
}

.homeSeventhRowContent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap:wrap;
}

.franchising-content{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.homeSeventhRowContent p{
    color:black;
    font-weight:700;
    font-size:2.3rem;
    margin:20px;
}

.homeSeventhRowContent img {
    width:250px;
    margin:15px 50px 15px 15px;
}


.homeSeventhRowContent a {
    background-color: var(--BringEatRed);
    border: none;
    padding: 15px;
    width: 120px;
    margin-bottom: 15px;
    border-radius: 10px;
    font-weight: 600;
}

    .homeSeventhRowContent a:hover {
        transform: scale(1.05);
        background-color: var(--BringEatRed);
    }



    /*Footer*/

.footerMenu{
    display:flex;
    justify-content:space-between;
    padding-top:30px;
    
}

.footerMenu a{
    font-size:1.4rem;
}

    .footerMenu a:hover {
        font-weight: 600;
        color:white;
    }

.footer-notes{
    display:flex;
    justify-content:space-between;
}

.footer-notes p {
    padding:0;
    font-size:1rem;
    font-weight:400;
}

.madeira-logos, .footer-notes{
    padding:0;
    margin:15px 0;
}

    .madeira-logos img {    
        width: auto;
        height: 50px;
    }

/*Misc*/

.btn-bringeat {
    background-color: white;
    border: solid 4px var(--BringEatRed);
    color: var(--BringEatRed);
    font-weight: 700;
}

    .btn-bringeat:hover {
        border: solid 4px var(--BringEatRed);
        color: white;
        font-weight: 700;
        background-color: var(--BringEatRed);
    }

.autocomplete-suggestions {
    border: solid 2px var(--BringEatRed) !important;
    border-radius: 5px;
}
/*Media queries*/




 @media (max-width: 992px) {

     .homeSearchContainer {width: 90% !important;}   

     .section-1 {
            width: 100% !important;
            flex-direction: column !important;
        }
        .row-stores {width: 100% !important;}
        .bullets {width: 100% !important;}

    .howItWorksStep {
        min-width: 50%;
    }


    
}

@media (max-width: 720px) {
    .ourPartnersTitle {
        text-align: center;
    }

    .cards {
        justify-content: center;
    }

    .howItWorksStep {
        min-width: 100%;
    }

    .app-movel {
        justify-content: start;
    }

        .app-movel h1, .app-movel p {
            text-align: left;
            margin-left: 0;
        }

    .sixthRowAppLinks {
        justify-content: space-between;
    }

    .homeSixthRowBackground {
        background-position-x: left;
    }

    .compromisso-content{
        min-width:100%;
        margin:20px 0;
    }

    .fifthRowContent div:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }

    .homeSeventhRowContent img{
        margin:0;
    }

    .footer-notes{
        justify-content:space-around;
    }


}


#menu-toggle, .menu-button-container, .menu-burguer {
    display: none;
}


@media (max-width: 860px) {

    #top-navigation, .language {
        display: none !important;
    }



    /**************Burguer menu*************/

    .menu-burguer {
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin: 0;
        padding: 0;
        
    }

        .menu-burguer > li {
            margin: 0 1rem;
            overflow: hidden;
            color:white;
        }

    .menu-button-container {
        display: none;
        height: 100%;
        width: 30px;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #menu-toggle {
        display: none;
    }

    .menu-button,
    .menu-button::before,
    .menu-button::after {
        display: block;
        background-color: #fff;
        position: absolute;
        height: 4px;
        width: 30px;
        transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-radius: 2px;
    }

        .menu-button::before {
            content: '';
            margin-top: -8px;
        }

        .menu-button::after {
            content: '';
            margin-top: 8px;
        }

    #menu-toggle:checked + .menu-button-container .menu-button::before {
        margin-top: 0px;
        transform: rotate(405deg);
    }

    #menu-toggle:checked + .menu-button-container .menu-button {
        background: rgba(255, 255, 255, 0);
    }

        #menu-toggle:checked + .menu-button-container .menu-button::after {
            margin-top: 0px;
            transform: rotate(-405deg);
        }



    .menu-button-container {
        display: flex;
    }

    .menu-burguer {
        position: absolute;
        top: 60px;
        margin-top: 50px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    #menu-toggle ~ .menu-burguer li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    #menu-toggle:checked ~ .menu-burguer li {
        
        height: 2.5em;
        padding: 0.5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .menu-burguer > li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: white;
        background-color: var(--BringEatRed);
    }

    .menu-burguer li a {
        color: white;
        font-weight: 600;
    }

   
    .menu-burguer > li:not(:last-child) {
            border-bottom: 1px solid #444;
    }
    
}

@import url(https://fonts.googleapis.com/css?family=Raleway);


@media (max-width: 930px){

    .footerMenu {
        display: block;
    }
}


@media (max-width: 700px){

    #phone-contact{

        padding:5px 7px;
        font-size:1.2rem;
        font-weight:700;
        border-radius:10px;
    }

    #phone-contact img{
        width:13px;
    }

    .user-login {
        padding: 7px;
    }

    .language {
        font-size: 1.2rem;
    }
}


@media (max-width: 500px){

    #phone-contact-mobile{
        display:flex!important;
        width:120px;
        margin:15px 5px;
    }

    #phone-contact{
        display:none;
    }

    .stores{
        flex-direction:row;
        justify-content:flex-start;
    }

    .language {
        font-size: 1.2rem;
    }

    .franchising{
        margin-top:40px;
        padding:10px;
    }

    .franchising img{
        width:180px;
    }

    .footerMenu a{
        font-size:1rem;

    }

}



#phone-contact-mobile {
    display: none;
    align-items: center;
    padding: 7px 10px;
    background-color: white;
    border-radius: 10px;
    color: var(--BringEatRed);
    font-size: 1.2rem;
    font-weight: 800;
    justify-content: space-between;
}


#phone-contact-mobile img {
    width: 13px;
}

@media (max-width: 550px) {

    .img-box2{
        display:none!important;
    }
    
}


@media (max-width: 670px){
    .sixthRowAppLinks img{
        margin:10px 0;
    }

    .sixthRowText {
        font-size: 1.4rem;
    }

}



.container {
    max-width: 100%;
    overflow-x: clip;
}


.tabs-banner{
    display:none!important;
}

.g-play{
    height:40px!important;
}


/*Info pages background*/

#estafeta_info {
    background: #FFF url(/Content/layout/Home/estafeta_info.jpg) no-repeat center !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

#restaurante_info {
    background: #FFF url(/Content/layout/Home/restaurante_info.jpg) no-repeat center !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}



#franchising_info {
    background: #FFF url(/Content/layout/Home/franchising_info.png) no-repeat center !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.parceiroContainer{
    height:500px!important;
}

/*Dropdown login menu fix*/

#login-dropdown {
    left: -100px !important;
    width: 200px!important;
}