@charset "UTF-8";

/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
       ========================================================================== */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 1.8em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }


/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }


/* Embedded content
       ========================================================================== */

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}


/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }



/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
	color: #555;
	font-family: 'Lato', sans-serif;
	font-size: 14px;	
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.3; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

a {
  line-height: inherit;
  color: #555;
  text-decoration: none;
  cursor: pointer; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 1px; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 1px; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 1px;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.3;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-order: 1;
      order: 1; }

.clearfix::after {
  clear: both; }

.hide {
  display: none !important; }


@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }


table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: .5rem; }
  
.grid-container {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
  max-width: 61.25rem;
  margin: 0 auto; }

.grid-x {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .cell.shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }


.small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 40em) {
.grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
.grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.small-1 {
  width: 8.33333%; }

.small-2 {
  width: 16.66667%; }

.small-3 {
  width: 25%; }

.small-4 {
  width: 33.33333%; }

.small-5 {
  width: 41.66667%; }

.small-6 {
  width: 50%; }

.small-7 {
  width: 58.33333%; }

.small-8 {
  width: 66.66667%; }

.small-9 {
  width: 75%; }

.small-10 {
  width: 83.33333%; }

.small-11 {
  width: 91.66667%; }

.small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
.medium-1 {
    width: 8.33333%; }
.medium-2 {
    width: 16.66667%; }
.medium-3 {
    width: 25%; }
.medium-4 {
    width: 33.33333%; }
.medium-5 {
    width: 41.66667%; }
.medium-6 {
    width: 50%; }
.medium-7 {
    width: 58.33333%; }
.medium-8 {
    width: 66.66667%; }
.medium-9 {
    width: 75%; }
.medium-10 {
    width: 83.33333%; }
.medium-11 {
    width: 91.66667%; }
.medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
.large-1 {
    width: 8.33333%; }
.large-2 {
    width: 16.66667%; }
.large-3 {
    width: 25%; }
.large-4 {
    width: 33.33333%; }
.large-5 {
    width: 41.66667%; }
.large-6 {
    width: 50%; }
.large-7 {
    width: 58.33333%; }
.large-8 {
    width: 66.66667%; }
.large-9 {
    width: 75%; }
.large-10 {
    width: 83.33333%; }
.large-11 {
    width: 91.66667%; }
.large-12 {
    width: 100%; } }


.grid-padding-x .grid-padding-x {
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.grid-padding-x > .cell {
  padding-right: 0.5rem;
  padding-left: 0.5rem; }



.small-order-1 {
  -ms-flex-order: 1;
      order: 1; }

.small-order-2 {
  -ms-flex-order: 2;
      order: 2; }

.small-order-3 {
  -ms-flex-order: 3;
      order: 3; }

.small-order-4 {
  -ms-flex-order: 4;
      order: 4; }

.small-order-5 {
  -ms-flex-order: 5;
      order: 5; }

.small-order-6 {
  -ms-flex-order: 6;
      order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
        order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
        order: 6; } }


.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 5px; }


/* // FOUNDATION ========================================================================== */
/* =======================================   ANYSIGN =================================== */
h1 {
	color: #0064bf;
	font-weight: bold;
}
.site-container {
    max-width: 1020px;
    margin: 0 auto;
	padding-left: 6px;
	padding-right: 6px;
}
.panel-header {
	background: #000;
	padding: 4px;
}
.panel-header-menu {
	justify-content: flex-end;
}
.panel-header-menu a {
	color: #fff;
	display: inline-block;
	padding: 4px;
	text-transform: uppercase;
}
.panel-header-menu a:hover {
	text-decoration: underline;
}
.panel-header__chat:after {
	background: url(../images/chat.svg) no-repeat;
	content:"";
	display: inline-block;
    height: 15px;
    margin-bottom: -3px;
	margin-left: 5px;
    width: 17px;
}
.panel-header-menu li {
	margin-left: 15px;
	margin-right: 15px;
}
.site-logo {
	margin: 20px 0 5px;
}
.search-form {
	display: flex;
	margin:20px 5px 5px;
}
.search-form__input {
	border:2px solid #0064bf;
	height: 44px;
	flex-grow: 1;
}
.search-form__submit {
	background: url(../images/icon-search.png) no-repeat;
	border: none;
	height: 44px;
	margin-left:-2px;
	text-indent: -9000px;
	width: 50px;
}
.header-phone {		
	color: #0064bf;
	font-size: 18px;
	line-height: 20px;
	margin-top:10px;
	text-align: center;
}
.header-basket {
	margin-top:20px;
	text-align: center;
}
.header-basket-link {
	align-items: center;
	border: 3px solid #0064bf;
	border-top: none;
	color: #a8a8a8;
	display: flex;
	height: 75px;
	justify-content: center;
	margin: 0 auto 2px;
	text-align: center;
	width: 80px;
}
.header-basket span {
	color: #0064bf;
	font-size: 18px;
	text-transform: uppercase;
}
.site-menu-container {
	background: #0064bf;
	margin-top: 15px;
}
.site-menu {
	width:100%;
}
.site-menu li {
	flex-grow: 1;
}
.site-menu a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 18px 5px  22px;
	position: relative;
	text-align: center;
	width: 100%;
}
.site-menu a:hover {
	background: #00488C;
}
.site-menu a:after {
	bottom: 2px;
	color: #2da2ff;
	content: '\0276F';
	display: block;
	font-size: 15px;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	transform: rotate(90deg);
}
.site-guarantees li {
	background: #e3f2ff;
	color: #0064bf;
	flex-grow: 1;
	font-weight: bold;
	margin: 4px 2px 10px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}
.site-builder {
	margin-top: 20px;
}
.help-block {
	border: 1px solid #bcbcbc;
	padding:10px;
}
.help-block h2 {
	color: #000;
	margin-top:10px;
}
.reviews-container {
	background: #e3f2ff;
	margin: 20px 0 10px;
	padding: 10px 20px;
	text-align: center;
}	
.reviews-total {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	text-align: center;
}
.reviews-total-value {
	color: #000;
	font-weight: bold;
	font-size: 40px;
}
.reviews-total-stars img {
	width: 20px;
}
.sitefooter {
	background: #0064bf;
	text-align: center;
}
.footer-bottom {
	background: #000;
	text-align: center;
}
@media print, screen and (min-width: 64em) {
	.header-phone {		
		font-size: 24px;
		line-height: 30px;
		margin-top:20px;
	}
	.header-phone:before {
		background: url(../images/icon-phone.png) no-repeat;
		content:"";
		display: inline-block;
		height: 30px;
		margin-bottom: -5px;
		margin-right: 15px;
		width: 20px;
	}
}
	
/* =======================================   /ANYSIGN =================================== */


