/***************************************************************************************/
/* Master color: changes all the colors of the default theme */
/***************************************************************************************/

/*
 * Keep track of your colors!
 * Keep the colors list below updated!
 * 
 * This list displays all the colors
 * from the darkest to the lightest.
 *
 * You must use 6 differents shades of
 * your highlight color.
 *
 * —DARKEST
 * 1.  * 2.  * 3.  (the main color)
 * 4.  * 5.  * 6.  * —LIGHTEST
 *
 * The CSS that follows goes from
 * dark to light as well.
 *
 */

body {
	background-color: #e2dfe2;
  background-image:url();
}

.basketline a { 
    color: #ffffff;
}

/*
 * 1. Everything that is very dark blue by default
 *
 */

.containerFakeSelect .active {
	color: ;
}

.containerFakeSelect .contVal {
	background-color: ;
}

.main-content > aside > .btn.btn-blue {
	box-shadow: -3px 0 0 0 ;
}

.containerFakeSelect .active .arrowSelect-bg {
	border-top-color: ;
}

/*
 * 2. Everything that is dark blue by default
 *
 */

.topup-options a:hover {
	box-shadow: inset 0 0 0 1px ;
}

.topup-options a:hover {
	border-color: ;
}

.sidebar .btn.btn-blue {
	box-shadow: -3px 0 0 0 , 3px 0 0 0 ;
}

/*
 * 3. Everything that is blue by default (the main color)
 *
 */

.top-bar , .top-bar .container,
.services-quick-access header,
#services-description,
.services-quick-access .services-description li,
.topup-options a:hover,
.btn-toggle,
.order-steps .done:before,
.order-steps li:after {
	background-color: ;
}

a,
.top-bar a.active,
h1,
.field > label,
.btn-toggle.active,
.btn-toggle.active:hover,
.current .step-title,
.visual-steps .current a:hover .step-title,
.order-steps .done span,
.order-steps .done a,
.services-nav .btn {
	color: ;
}

.sidebar .user figure,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.content.standalone,
.btn-toggle,
.add-to-cart input[type="text"],
.current .step-number,
.order-steps li:before {
	border-color: ;
}

.services-quick-access .services-description .arrow {
	border-bottom-color: ;
}

/*
 * 4. Everything that is slightly lighter than blue by default
 *
 */

.btn-blue {
  background-color: #e10e49;
}

.btn-blue:hover {
	background-color: #a8b400;
}

.help-text a:hover,
.services-nav .btn:hover {
	color: ;
}

/*
 * 5. Everything that is light blue by default
 *
 */

.services-quick-access,
.current .step-number {
	background-color: ;
}

h2,
a:hover,
.article-name {
	color: ;
}

/*
 * 6. Everything that is very light blue by default
 *
 */

.containerFakeSelect .contVal li:hover {
	color: ;
}
                        



/***************************************************************************************/
/* Other colors, if changes are needed */
/***************************************************************************************/

/*
 * Green by default
 *
 */

.btn-green,
.service-icon.green {
	background-color: ;
}

.sidebar .btn.btn-green.new-order {
    background-color: ;
}

.sidebar .btn.btn-green {
	box-shadow: -3px 0 0 0  , 3px 0 0 0  }

.tab-nav a.tabactive {
	-webkit-box-shadow: inset 0 4px , inset 1px 0 #E3E3E3, inset -1px 0 #E3E3E3; /* Change the first HEX code only! */
	-webkit-box-shadow: inset 0 4px , inset 1px 0 #E3E3E3, inset -1px 0 #E3E3E3; /* Change the first HEX code only! */
}

.article-price {
	color: ;
}

.services-overview-list li:hover {
	border-left-color: ;
}

/*
 * Slightly lighter than green by default
 *
 */

.btn-green:hover {
	background-color: ;
}

.sidebar .btn.btn-green.new-order:hover {
	background-color: ;
}

/*
 * "Calendar-red" by default
 *
 */

.sidebar-section-header.calendar {
	background-color: ;
}

.calendar .date:first-child {
	color: ;
	border-bottom-color: ;
}

/*
 * Services icons (not on the homepage)
 *
 */

.service-icon.green {
	background-color: ;
}

.service-icon.blue {
	background-color: ;
}






.order-steps li.done span, .order-steps li.done a {
	color: }
.order-steps li.done:before {
	background-color: }

.order-steps li:before {
	border: 2px solid }
.order-steps li:after {
	background-color: }

/* === add on 19/01/2017 === */

.top-bar .logo {
      margin: 12px 0 5px;
    max-width: 210px;
}

.top-bar .logo img{ max-width:100%;}

.menu {
    margin: 8px 25px !important;
}

.top-bar .select {
    margin: 18px 30px 0 0;
}

.top-bar {
    border-bottom: thin solid #080808;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 9;
}

.content {
    padding: 100px 0 120px;
}

.top-bar nav{ top:72px;}

.top-bar a{ 
  margin:0 10px; 
  font-size:14px; 
  font-weight:500;
  text-decoration: none;
  font-family: ingra, sans-serif;
}

.banner{ padding:0 20px 20px;}

.banner img{ max-width:100%;}


.top-bar a.active {
    background:none !important; color:#e10e49; curser:pointer;
}

.top-bar nav a:hover { border-bottom:none;
    color: #e10e49;
}

.top-bar nav a:hover { border-bottom:none;
    color: #e10e49;
}

.containerFakeSelect .valSelect{ font-weight:600;}


@media only screen and (max-width:767px){	

.spinner-master{ margin:15px 18px 15px 10px;}


}


/***************************************************************************************/
/* Do not change the following */
/***************************************************************************************/

.top-bar a,
button,
.btn,
button:hover,
.btn:hover,
.services-list a,
.services-list a:hover,
.topup-options a:hover,
.preferences-table .containerFakeSelect li:hover,
.field .containerFakeSelect li:hover,
.view-cart span:hover {
	color: #ffffff;
}

.services-nav .btn {
	background-color: #ffffff;
}

.account-quick-access a,
tbody td:last-child a:hover {
	color: #8fc372;
}

.calendar a {
	color: #404040;
}

.calendar a:hover,
.topup-options a,
.footer nav a:hover {
	color: #808080;
}

.preferences-table .containerFakeSelect .contVal,
.field .containerFakeSelect .contVal {
	background-color: #808080;
}

.sidebar-login-form label,
.services-list .active,
.services-list .active:hover {
	color: #565656;
}

.easyday-update .toggle-visibility {
	color: #a0a0a0;
}

.help-text a {
	color: #cacaca;
}

tbody td:last-child a.delete:hover {
	color: #D06A6B;
}

.account-quick-access a:hover {
	color: #99d07a;
}

.btn-toggle.active {
	background-color: transparent;
}

/*.basket {
  top: 130px;
  background-color: ;
  box-shadow: -3px 0 0 0 , 3px 0 0 0 ;
}
*/

.basket {
  top: 130px;
  background-color: #ffac5a;
  box-shadow: -3px 0 0 0 #de9c4b, 3px 0 0 0 #de9c4b;
}

.comming-soon-events{
    background: #f8f8f8;
}

.comming-soon-events h2{ 
  color:; 
}

.comming-soon-events h2:after{ 
    background:  none repeat scroll 0 0;
}

.comming-soon-events ul li span{
  border: thin solid;
  color:;
}

.comming-soon-events ul li:hover span{ 
  background:; 
  color:#fff;
}
	
.comming-soon-events ul li h3{
  color:#fff;
}

.comming-soon-events ul li h3 a{ 
  color:; 
}

.comming-soon-events ul li h3 a:hover{ 
  color:;
}

.comming-soon-events ul li p{
  color:;
}


/***************************************************************************************/
/* End of the theme */
/***************************************************************************************/

/* UPDATED */

body {
	background-color: #28272A;
  font-family: ingra, sans-serif;
}

h1, h2, h3 {
  font-family: 'Doctrine', sans-serif;
}

h1 {
  font-size: 30px;
}

.conclusion-cta h2 {
    color: #E10E49;
}

h3 {
  color: #A8B400;
}

h4 {
  color: #5D4F4B;
}

.sidebar-section-header.calendar-col {
  background-color: #E10E49;
}

.account-quick-access a, tbody td:last-child a:hover {
    color: #5D4F4B;
}

.notice.success {
    color: #ffffff;
    background-color: #A8B400;
    border-left-color: #5D4F4B;
}

.btn-orange {
    background-color: #FF6D22;
}

.sidebar .btn.btn-orange {
    box-shadow: -3px 0 0 0 #5D4F4B, 3px 0 0 0 #5D4F4B;
}

.topup:before {
    border-bottom-color: #FF6D22;
}

.sidebar .btn.btn-green {
    box-shadow: -3px 0 0 0 #5D4F4B, 3px 0 0 0 #5D4F4B;
}

.basket {
    top: 130px;
    background-color: #A8B400;
    box-shadow: -3px 0 0 0 #5D4F4B, 3px 0 0 0 #5D4F4B;
}

.top-bar, .top-bar .container{
    background-color: #222;
}

.comming-soon-events h2:after{ background: #e10e49 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 100px;}

.btn-black {
  background-color: #5d4f4b;
}