.bg-user{
  background: url(../img/bg_users.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.signup-data{
	 margin: 0 auto;
	max-width: 1200px;
}

/*
* PROFLE
*/

/* profile header */

.profile-header{
	margin-top: -4.5%;
	position: relative;
	z-index: 0;
}

@media (max-width: 425px) {
	.profile-header{
		margin-top: 0;
	}
}

.profile-header .avatar img{
	width: 60%;
}

.profile-header .title{
	text-align: center;
	color: #F7F5BC;
	font-size: 150%;
	height: 100%;
}

.signup-data ul.pages.tabs{
	background-color: transparent;
}

.signup-data ul.pages.tabs .indicator{
	height: 0px;
}

.signup-data ul.pages.tabs li{
	color: white;
	background-color: transparent;
	padding: 10px;
	font-size: 16px;
	cursor: pointer;
	text-transform: none;
	height: auto;
	line-height: initial;
}

.signup-data ul.pages.tabs li.selected{
	background-color: white;
}

.signup-data ul.pages.tabs li a{
	color: white;
	background-color: transparent;
	padding: 0;
}

.signup-data ul.pages.tabs li i{
	margin-right: 5px; 
}

.signup-data ul.pages.tabs li a.active{
	color: #26456E;
	background-color: white;
	font-weight: bold;
}

/* profile */

.profile .avatar{
	position: relative;
	cursor: pointer;
}

.profile .avatar img{
	width: 30%;
	-webkit-filter: brightness(0.55);
    filter: brightness(0.55);
}

.profile .avatar p{
	color: white;
	font-size: 14px;
}

/*
* orders
*/

.orders{
	border-top: #0C273F solid 1px;
}

.orders .options-choosed{
	padding: 0;
	margin-top: 10px;
	width: 100%;
	min-height: 100px;
	border-bottom: #0C273F solid 1px;
	margin-bottom: 0;
}

.orders .options-choosed .title{
	padding: 0;
	border-right: #0C273F solid 1px;
	height: 85px;
	width: 5%;
}

@media (max-width: 425px) {
	.orders .options-choosed .title{
		padding: 0;
		border-right: #0C273F solid 1px;
		height: 85px;
		width: 10%;
	}
}

.orders .options-choosed .title p{
	text-align: center;
	margin: 10px 0 5px 0;
	width: 80px;
	font-size: 16px;
	color: #6791BF;
	height: 65px;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
    -moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.orders .options-choosed .list .choosed-item{
	width: 8%;
	color: white;
	text-align: center;
	display: inline-table;
	margin-right: 10px;
}

@media (max-width: 425px) {

	.orders .options-choosed .list .choosed-item{
		width: 20%;
	}
}

.orders .status{
	color: white;
	margin-top: 20px;
	font-size: 14px;
	margin: 5% 0 10% 0;
}

.orders .status .title{
	margin-bottom: 15px;
}

/* feedback */

.feedback{
	border-top: #0C273F solid 1px;
}

.signup-data .feedback .avatar{
	margin-top: 5%;
	margin-bottom: 5px;
	cursor: pointer;
}

.feedback .avatar img{
	width: 40%;
}

.feedback .feedback-fields textarea{
	color: #F7F5BC;
	background-color: #EE4823;
	font-size: 14px;
	height: 6rem;
	padding-left: 10px;
}

.feedback-fields .connection{
	margin-bottom: -1.5rem;
}

.feedback-fields .connection img{
	margin-left: -50px;
}

.feedback-fields .rating{
	margin-bottom: 20px;
}

.feedback-fields .rating .title{
	color: white;
	font-size: 14px;
}

.feedback-fields .rating .stars{
	color: #2D5277;
}

.feedback-fields .rating .stars .star{
	cursor: pointer;
}

.feedback-fields .rating .stars .star.selected{
	color: #BA2819;
}

.feedback-box::-webkit-input-placeholder {
   color: #F7F5BC;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   vertical-align: center;
}

.feedback-box:-moz-placeholder { /* Firefox 18- */
  color: #F7F5BC;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
   vertical-align: center;
}

.feedback-box::-moz-placeholder {  /* Firefox 19+ */
   color: #F7F5BC;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
}

.feedback-box:-ms-input-placeholder {  
  color: #F7F5BC;
   font-weight: bold;
   font-size: 16px;
   text-align: center;
}

/*
* CONTACT
*/

.contact-data{
	max-width: 1200px;
    margin: 0 auto;
	height: 90%;
	margin-bottom: 0px;
}

.contact-data div .icon-text{
	margin-bottom: 5%;
	margin-top: 3.5%;
	cursor: pointer;
}

.contact-data div .icon-text p{
	width: 100%;
	text-align: center;
	margin: 0px;
	color: #F7F5BC;
}

.contact-data div .icon-text p.icon i{
	font-size: 30px;
}

.contact-data div .icon-text p.text{
	font-size: 15px;
}

.contact-data div .form-container{
	margin-top: 1rem;
}

.contact-data div .form-container form div .input-field{
	margin-top: 0.5rem;
}

.contact-data div .form-container form div div input, 
.contact-data div .form-container form div div textarea{
	border: 1px solid #6791BF;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #6791BF;
	height: 36px;
}

.contact-data div.col{
	padding: 0;
}

.contact-data div .actions .send-button a{
	background-color: #25D64F;
}

.contact-data .logo{
	margin-bottom: 0px;
	text-align: right;
}

.contact-data.closed-delivery .logo{
	margin-bottom: 0px;
	text-align: center;
}

.contact-data .logo img{
	width: 200px;
	height: 60px;
	margin-left: 0px;
	margin-right: 10px;
}

.contact-data .logo img{
	width: 108px;
	height: 40px;
}

.contact-data.closed-delivery .logo img{
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.contact-data .logo.delivery
{
	text-align: left;
}

.contact-data .logo.delivery img{
	height: 32px;
    width: 144px;
	margin-bottom: 8px;
	margin-right: 0px;
	margin-left: 10px;
}

.contact-data div.col .phone{
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px !important;
}

.contact-data.closed-delivery .region,
.contact-data div.col .region{
	color: #F7F5BC;
	margin: 20px 0;
	font-size: 14px;
	font-weight: bold;
}

.contact-data.closed-delivery .col .region {
	font-size: 24px;
}

.contact-data div.col .phone,
.contact-data div.col .phone a,
.contact-data div.col .address,
.contact-data div.col .address a{
	color: #F7F5BC;
	font-size: 14px;
}

.contact-data.closed-delivery div.col .address {
	margin-top: 40px;
}

.contact-data.closed-delivery div.col .phone a,
.contact-data.closed-delivery div.col .address a {
	font-size: 20px;
}

.contact-data div.col .phone i,
.contact-data div.col .address i{
	font-size: 20px;
}

@media (max-width:480px) {

	.contact-data div.col .phone{
		padding-right: 20px;
		padding-left: 20px;
	}

	.contact-data div.col .address{
		padding-right: 20px;
		padding-left: 20px;
	}

	.contact-data div .form-container{
		padding-right: 20px;
		padding-left: 10px;
	}
}


/*
* ENTER
*/


.enter-data{
	width: 100%;
	height: 65vh;
	margin-bottom: 0px;
}

@media (max-width:480px) {

	.enter-data{
		height: 80vh;
	}
}

.enter-data div div{
	max-width: 270px;
	margin: 0 auto;
}

.enter-data div div .buttons-container a{
	text-align: left;
	text-transform: none;
	margin-bottom: 5px;
	margin-top: 5px;
}

.enter-data div div .buttons-container a.login{
	background-color: transparent;
	border: 1px solid #6791BF;
}

.enter-data div div .buttons-container a.facebook{
	background-color: #3A5998;
}

.enter-data div div .buttons-container a i{
	margin-right: 15px;
}

.enter-data div div .buttons-container a.signup{
	background-color: #25D64F;
}

/*
* SIGNUP
*/

.signup-data{
	width: 100%;
	margin-bottom: 0px;
}

.signup-data div .icon-text{
	margin-bottom: 5%;
	margin-top: 3.5%;
	cursor: pointer;
}

.signup-data div .icon-text p{
	width: 100%;
	text-align: center;
	margin: 0px;
	color: white;
}

.signup-data div .icon-text p.icon i{
	font-size: 30px;
}

.signup-data div .icon-text p.text{
	font-size: 15px;
}

.signup-data div .avatar{
	margin-bottom: 10px;
}

.signup-data div .avatar a.icon{
	text-align: center;
	width: 100%;
	display: block;
	cursor: pointer;
}

.signup-data div .avatar a.profile-pic{
	text-align: center;
	width: 100%;
	display: block;
	cursor: pointer;
}

.signup-data div .avatar a.profile-pic img{
	width: 100px;
}

.signup-data div .avatar a.icon i{
	font-size: 75px;
	color: #fff;
}

.signup-data div .click-to-upload-photo{
	text-align: center;
	color: white;
	font-style: italic;
}

.signup-data div .form-container form div .input-field{
	margin-top: 0px;
}

.signup-data div .form-container form div .input-field .input-field{
	padding: 0;
}

.signup-data div .form-container form div .input-field .error{
	color: #EE4823;
	font-weight: bold;	
    margin-bottom: 2.5px;
}

.signup-data div .form-container form div div label{
	color: #fff;
	width: 100%;
}

.signup-data div .form-container form div div input{
	border: 1px solid #6791BF;
	padding-left: 10px;
	margin-bottom: 10px;
	color: white;
	height: 36px;
}

.signup-data div .form-container form div div button{
	background-color: #25D64F;
	text-transform: none;
	width: 106.5%;
	margin-top: 5%;
	margin-left: 0;
	margin-right: 0;
	font-size: 1rem;
}

.signup-data div .form-container form div .options{
	margin-top: 10px;
}

.signup-data div .form-container form div .options,
.signup-data div .form-container form div .options .gender,
.signup-data div .form-container form div .options .gender .gender-options{
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.signup-data div .form-container form div .options .gender .gender-options{
	margin-bottom: 1px;
	padding: 0;
	text-align: center;
}

.signup-data div .form-container form div .options .gender .gender-options div{
	padding: 0;
}

.signup-data div .form-container form div .options .gender .gender-options div img{
	border : 1.5px solid transparent;
	padding: 0;
}

.signup-data div .form-container form div .options .gender .gender-options div img.selected{
	border : 1.5px solid #fff;
}

.signup-data div .form-container form div .options .gender .gender-title{
	margin-bottom: 10px;
	padding: 0;
}

.signup-data div .form-container form div .options .gender .gender-title p{
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 1rem;
	margin-top: 0px;
}

.signup-data div .form-container form div .options .gender .gender-options .gender-option-male{
	/*margin-left: 0px;*/
}

.signup-data div .form-container form div .options .vegan .vegan-title{
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 1rem;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.signup-data div .form-container form div .options .vegan .vegan-title div,
.signup-data div .form-container form div .options .vegan .vegan-title div p{
	display: inline;
}

.signup-data div .form-container form div .options .vegan .vegan-title .vegan-title-3{
	margin-left: -6px;
}

.signup-data div .form-container form div .options .vegan .vegan-options .option p{
	margin-top: 2.5px;
}

.signup-data div .form-container form div .options .vegan .vegan-options .option p input[type="checkbox"]+label:before, input[type="checkbox"]:not(.filled-in)+label:after {
	border: 1px solid #fff;
}

.signup-data div .form-container form div .options .vegan .vegan-options .option p input[type="checkbox"]:checked+label:before{
	top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.signup-data div .form-container form div .cards, 
.signup-data div .form-container form div .cards .brands,
.signup-data div .form-container form div .cards .brands div{
	padding-left: 0;
	padding-right: 0;
}

.signup-data div .form-container form div .cards .title p{
	width: 100%;
	font-size: 15px;
	text-align: center;
	color: white
}

.signup-data div .form-container form div .cards .fields div.validate,
.signup-data div .form-container form div .cards .fields div.security-code{
	padding-left: 0;
	padding-right: 0;
}

.signup-data div .form-container form div .cards .fields div .label{
	margin-top: 10px;
	padding-left: 10px;
	color: #fff;
	font-size: 0.95rem;
}

.signup-data div .form-container form div .cards .fields div.new-data-link{
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}

.signup-data div .form-container form div .cards .fields div.new-data-link a{
	color: white;
	background-color: #EE4823;
	text-transform: none;
}

.signup-data div .actions{
	padding-top: 1.5%; 
	border-top: #0C273F solid 1px;
}

.signup-data div .actions div a{
	text-transform: none
}

.signup-data div .actions .back-button a{
	background-color: #EE4823;
}

.signup-data div .actions .go-button a{
	background-color: #25D64F;
}

.signup-data form .continue-button a{
	background-color: #F7F5BC;
	color: #1D3B60;
	text-transform: none;
}

.signup-data form .remove-button a{
	background-color: #F7F5BC;
	color: #1D3B60;
	text-transform: none;
}

/*
* LOGIN
*/

.login-data{
	width: 100%;
	height: 65vh;
	margin-bottom: 0px;
}

.login-data div .icon-text{
	margin-bottom: 5%;
	margin-top: 3.5%;
	cursor: pointer;
}

.login-data div .icon-text p{
	width: 100%;
	text-align: center;
	margin: 0px;
	color: white;
}

.login-data div .icon-text p.icon i{
	font-size: 30px;
}

.login-data div .icon-text p.text{
	font-size: 15px;
}

.login-data div .form-container a{
	text-align: center;
	font-size: 15px;
	width: 100%;
	display: block;
	color: white;
	margin-bottom: 10px;
}

.login-data div .form-container form div .input-field{
	margin-top: 0px;
}

.login-data div .form-container form div div input{
	border: 1px solid #6791BF;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #fff;
	height: 36px;
}

.login-data div .actions{
	padding-top: 1.5%; 
	border-top: #0C273F solid 1px;
}

.login-data div .actions div a{
	text-transform: none
}

.login-data div .actions .back-button a{
	background-color: #EE4823;
}

.login-data div .actions .go-button a{
	background-color: #25D64F;
}

@media (max-width:480px) {

	.login-data{
		height: 70vh;
	}

	.login-data div .icon-text{
		margin-bottom: 25%;
		margin-top: 0%;
		cursor: pointer;
	}
}

::-webkit-input-placeholder {
   color: #F7F5B7;
}

:-moz-placeholder { /* Firefox 18- */
  color: #F7F5B7;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #F7F5B7;
}

:-ms-input-placeholder {  
   color: #F7F5B7;
}

.modal.avalia-ai{
	width: 500px;
	height: 80%;
	max-height: 80%;
	/*margin-top: 10vh;*/
}

.modal.avalia-ai .modal-content{
  background-color: #1D3B60;
  color: #F7F5BC;
  height: 100%;
  padding: 0 40px;
}

.modal.avalia-ai .modal-content iframe{
	height: 100%;
	width: 420px;
	border: none;
}

.modal.avalia-ai .modal-content p{
  font-size: 20px;
}

.modal.avalia-ai .modal-content p i{
  position: relative;
  top: 3px;
  font-size: 18px;
  margin-right: 10px;
}

.modal.avalia-ai .modal-footer a{
  font-size: 20px;
  color: #F7F5BC;
  font-weight: bold;
  text-align: center;
}