*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
}


.copy_c72c, .chatCopyright_ce1b {display: none!important;} 



.w100 {
  width: 100%;
  
}

.m15 {
  margin: 15px;
}


a {
  text-decoration: none;
}

ul, ol, li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h5 {
  line-height: inherit;
  font-size: inherit;
  margin: 5px;
}

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}
hr.dotted {margin: 10px; border-top: 2px dotted #2e2e2e;}
.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

body {
  color: #2e2e2e;
  text-align: justify;
  font-family: Helvetica, Arial, sans-serif;
}

.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 10px;
}

.contentTop {
  padding: 65px 0 10px 0;
}

header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 50;
  color: #2e2e2e;
}

header:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 2px #2e2e2e solid;
  background: #f5f7f6;
  z-index: 3;
}



.header_body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 55px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_logo, .header_icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  display: block;
  position: relative;
  z-index: 5;
}

.header_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  position: relative;
  z-index: 5;
}

.header_logo img {
  /*max-width: 100%;*/
  max-height: 50px;
}

.header_burger {
  display: none;
  cursor: pointer;
}

.header_list ul {
  margin: 0;

}

.header_list li {
  list-style: none;
  margin: 0 0 0 20px;
}

.header_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 3;
  
}

.header_link {
  color: #2e2e2e;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}

.header_link:hover, header_link:active {
  color: #4a6a94;
}

#cart:empty {
  display: none;
}


.breadcrumb ul {
    display: flex;
}
.breadcrumb li {
    margin: 0 5px;
}

.breadcrumb li a{
    color: #4a6a94;
	font-weight: bolder;
}
    
.breadcrumb li::before {
    content: "→";
	color: #2e2e2e;
	margin-right: 5px;
	    font-size: 20px;
}
    
.breadcrumb li:first-child::before {
    content: "";
}


.content {
  padding-bottom: 15px;
}

.footer {
  border-top: #2e2e2e 2px solid;
  padding: 5px;
  background: #f5f7f6;
  color: #2e2e2e;
  min-height: 100px;
}

.header_menu_icon {
  font-size: 23px;
  
}

._icon-cart > span {
  background-color: #1d1d1d;
  font-weight: bold;
  padding: 3px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: inline-block;
  text-align: center;
  top: -11px;
  left: 21px;
  position: absolute;
  font-size: 16px;
}

.form_elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.radio_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 3px 5px 3px 0;
  font-family: 'ExoRegular','Helvetica';
}

.radio_item input[type=radio] {
  display: none;
}

.radio_caption {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 140%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  margin: 0 25px 0 0;
}

.radio_item input[type=radio]:checked + .radio_caption::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.radio_caption::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  height: 15px;
  background-color: #FFFFFF;
  border: #1d1d1d 1px solid;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.radio_caption::after {
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background-color: #2e2e2e;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.radio_caption span {
  display: block;
}

.nowrap {
  white-space: nowrap;
}

.checkbox_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 3px 5px 3px 0;
  font-family: 'ExoRegular','Helvetica';
}

.checkbox_item input[type=checkbox] {
  display: none;
}

.checkbox_caption {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  line-height: 140%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  margin: 0 25px 0 0;
}

.checkbox_item input[type=checkbox]:checked + .checkbox_caption::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.checkbox_caption::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  height: 15px;
  background-color: #FFFFFF;
  border: #1d1d1d 1px solid;
  border-radius: 3px;
  margin: 0 10px 0 0;
}

.checkbox_caption::after {
  content: "";
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background-color: #2e2e2e;
  border-radius: 3px;
  -webkit-transform: scale(0);
          transform: scale(0);
}

input.galka + .checkbox_caption::after {
  content: "\e945";
  font-family: 'icon' !important;
  font-size: 30px;
  
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 11px;
  height: 11px;
/*  
  background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='$black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
*/  
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.checkbox_caption span {
  display: block;
}

.text_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'ExoRegular','Helvetica';
}

.text_item * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.text_item input, .text_item select, .text_item select option {
  outline: none;
  padding: 11px;
  border: 1px solid #C6CDD2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 7px;
  margin: 3px 0;
}

.text_item {
  padding: 5px;
}

.text_item input:hover, .text_item input:focus {
  border-color: #1d1d1d;
}

.text_item span {
  font-size: 14px;
}

.text_item input.error {
  border-color: #e93711;
}

.text_item span.captionError {
  color: #e93711;
  //display: none;
}

.text_item input + span.caption + span.error {
  display: none;
}

.text_item input.error + span.caption {
  display: none;
}

.text_item input.error + span.caption + span.captionError {
  display: block;
}


.text_item  input:disabled + span > span.editActive {display: none;}
.text_item  input:enabled + span > span.editNoActive {display: none;}



.sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.edit {cursor: pointer; margin: 0 7px;}
.contrastColor-underline a, .edit {
  color: #4a6a94;
}

.contrastColor-underline a:hover, .edit:hover {
  color: #183860;
  text-decoration: underline;
}

  .small-visible {
    visibility: hidden;
  }

.text_item label {
  font-weight: bold;
  font-size: 14px;
}

.maxWidth {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.button {
  margin: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 12px;
  font-size: 14px;
  border: 1px #1d1d1d solid;
  background: #1d1d1d;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.button:hover {
  background: #3b3b3b;
}

.button:active {
  background: #2e2e2e;
}

.button span[class|="_icon"], .buttonLight span[class|="_icon"] {
  font-size: 22px;
}

.button span:first-child, .buttonLight span:first-child {
  margin-right: 7px;
}

.shadow {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.buttonLight {
  margin: 1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: 'ExoRegular','Helvetica';
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  font-weight: bold;
  color: #1d1d1d;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 12px;
  font-size: 14px;
  border: 1px #1d1d1d solid;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.buttonLight:hover {
  color: #3b3b3b;
  border-color: #3b3b3b;
}

.buttonLight:active {
  color: #2e2e2e;
  border-color: #2e2e2e;
}

.button.contrastColor {
  border: 1px #4a6a94 solid;
  background: #4a6a94;
}

.button.contrastColor:hover {
  background: #7E9FCA;
}

.button.contrastColor:active {
  background: #183860;
}

.contrastText {
  color: #4a6a94;
}

.buttonLight.contrastColor {
  border: 1px #4a6a94 solid;
  color: #4a6a94;
}

.buttonLight.contrastColor:hover {
  color: #7E9FCA;
  border-color: #7E9FCA;
}

.buttonLight.contrastColor:active {
  color: #183860;
  border-color: #183860;
}

/*button Gray*/
.button.grayColor {
  border: 1px #989FB9 solid;
  background: #989FB9;
  color: #2e2e2e;
}

.button.grayColor:hover {
  background: #C6CDD2;
}

.button.grayColor:active {
  background: #587C91;
}

.darkGrayText {
  color: #587C91;
}

.buttonLight.grayColor {
  border: 1px #989FB9 solid;
  color: #989FB9;
}

.buttonLight.grayColor:hover {
  color: #C6CDD2;
  border-color: #C6CDD2;
}

.buttonLight.grayColor:active {
  color: #587C91;
  border-color: #587C91;
}

/*End button gray*/
.button.small, .buttonLight.small {
  padding: 3px 6px;
  font-size: 12px;
}

.button.big, .buttonLight.big {
  padding: 14px 24px;
  font-size: 16px;
}

h1, h2, h3, h4 {
  
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}
span.close-modal,
a.close-modal span {
  color: #2e2e2e;
  cursor: pointer;
}
span.close-modal:hover,
a.close-modal:hover span {
  color: #587C91;
}

#modalLogin .modal_content {
  width: 90%;
  max-width: 350px;
}
.flexRow {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}


.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#top p {margin: 5px 0;}
#top p a{text-decoration: none;}
#top p a:hover{text-decoration: underline;}
.spaceAround {justify-content: space-around;}
.spaceBetween {justify-content: space-between;}

.leftColumn {display: flex;
    flex-direction: column;
    justify-content: space-between;}
.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.col75 {
  width: 75%;
}

.col60 {
  width: 60%;
}
.col50 {
  width: 50%;
}
.col40 {
  width: 40%;
}

.col33 {
  width: 33.33333%;
}

.col25 {
  width: 25%;
}

.col20 {
  width: 20%;
}

.ulTitle {
  font-size: 1.2em;
}

footer a {
  color: #4a6a94;
}

footer a:hover {
  text-decoration: underline;
}

.footer_logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
}

.footer_logo img {
  width: 100%;
}


.borderLeft {
	border-left: 2px #2e2e2e dotted; 
	min-height: 70vh;
}
.colContent {
	width: 100%;
	/*height: 100%;*/
	padding: 7px;
}

.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}

.userLinks li {
  clear: both;
  width: 100%;
  text-align: left;
  margin: 5px;
  border-style: none;
  color: #1d1d1d;
  padding: 5px;
}
.userLinks>li>a { color: #1d1d1d; font-size: 17px;}

.card {width: calc(100% - 28px); border: 2px black solid; border-radius: 12px; padding: 5px;}
.card > input {    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
}


.cardList {
	display: flex;
    align-items: center;
}

.cheque
{
	max-width: 320px;
	border: 1px black solid;
	border-radius: 3px;
	padding: 3px;
}




.LCard {
  
    width: 279px;
    height: 184px;
    margin: auto;

    border-radius: 25px;
	
	background-repeat: no-repeat;
    background-size: cover;
	
	border: 1px black solid;
	 display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.LCard div
{
   width: 112px;
}

.LCard img
{
   transform: rotate(90deg);
    border: none;
	width: 160px;
}

.partnerOlivier {
	background-image: url(../cards/OlivierLoyalCard1.jpg);
}
.partnerLoyaltyMine {
	background-image: url(../cards/LoyaltyMineCard.jpg);
}

.vivod
{
	
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

#del {max-width: 350px;}

.togg span
{
	color: #4a6a94;
	cursor: pointer;
	display: block;
	text-align: right;
	user-select: none;
	
}
.togg span:hover
{
	text-decoration: underline;
}
.togg .tog_content p
{
	font-size: 14px;
	padding: 7px 0;
	text-align: justify;
}

.togg .tog_content
{
	display: none;
	padding: 7px 0;
	color: red;
    font-weight: bolder;
	text-align: center;
}
.togg._active .tog_content
{
	display: block;
}

.hrLm{
  height: 2px;
  width: 90%;
  background-color: #4a6a94;
  margin: 15px 6px;
}

.gray{
	Color: #808080d9;
}


#leftMenu{
    position: sticky;
    top: 65px;}

}


@media (max-width: 767px) {
  
.col75, .col60, .col50, .col40, .col33, .col25, .col20 {width: 100%;}
 .borderLeft {	border-left: none;} 
  
  h2 {font-size: 22px;}
  h1 {font-size: 24px;}
  h3,h4,h5,h6 {font-size: 20px;}
  hr.dotted {border-top: none;}
  body.lock {
    overflow: hidden;
  }
  .content {
    padding: 5px 0 0 0;
  }
  .header_list {
    display: block;
	  padding: 15px;
  }
  .header_list li {
    margin: 0 0 20px 0;
    padding: 0;
  }
  .header_body {
    height: 50px;
  }
  .header_logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
  .header_burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 3;
  }
  .header_burger span {
    background-color: #2e2e2e;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 9px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header_burger:before,
  .header_burger:after {
    content: '';
    background-color: #2e2e2e;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header_burger:before {
    top: 0;
  }
  .header_burger:after {
    bottom: 0;
  }
  .header_menu {
    position: fixed;
    overflow: auto;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F0F8FA;
    padding: 50px 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header_menu.activeBurger {
    top: 0;
  }
  .header_burger.activeBurger:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 9px;
  }
  .header_burger.activeBurger:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 9px;
  }
  .header_burger.activeBurger span {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .small-hidden {
    display: none;
  }  
  .small-visible {
    visibility: visible;
  }
  
  
  
  
}

/*max-width 767*/
/*
@font-face {
  font-family: 'Ubuntu';
  src: url(../fonts/Ubuntu.ttf);
}
*/
/*# sourceMappingURL=style.css.map */