@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
body{font-size:20px;line-height:1.4;font-weight:400; font-family:font-family: 'Roboto', sans-serif;margin: 0;padding:0; height: 100%;  min-height: 100%;color: #333333; background: #E3E5E9; }
body {position: relative;}
html,body {
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  min-height: 800px;
}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; }

a{text-decoration:none;}
a:hover,a:focus{outline:0;text-decoration:none;cursor:pointer;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong { font-weight:700;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;padding:0;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;outline:none;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;resize: none;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
*:focus {outline: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type='number'] {-moz-appearance: textfield;}
label{display:block;}
iframe {border:0px;}
a, area, button, [role="button"], input, label, select, summary, textarea {-ms-touch-action: manipulation;touch-action: manipulation;}

header {position: fixed;left: 0;right: 0;z-index: 100;top: 0;}
main {padding-top: 75px;}
.menu-mobile, .nav-mobile {display: none;}
.header-line {background-color: #000032;color: #F2F2F2;font-size: 24px;height: 75px;border-bottom: 3px solid #f2f2f2;}
.header-line .col-auto {cursor: pointer;}
.header-line .col-auto i {font-size: 32px;}
.header-line .col-auto span {font-weight: 600;}
.header-line i {padding-right: 15px}
.header-line .menu {text-align: right;}
.header-line .menu ul {list-style: none;margin: 0}
.header-line .menu ul li {display: inline-block;padding-left: 15px;}
.header-line .menu ul li a {text-transform: uppercase; color:#F2F2F2;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out }
.header-line .menu ul li a:hover, .header-line .menu ul li a:focus {border-bottom: 2px solid #A93495}

.banner {background: -webkit-linear-gradient(200deg, rgba(13, 149, 202, 1) 0%, rgba(13, 149, 202, 1) 0%, rgba(234, 90, 61, 1) 100%, rgba(234, 90, 61, 1) 100%);
background: -moz-linear-gradient(250deg, rgba(13, 149, 202, 1) 0%, rgba(13, 149, 202, 1) 0%, rgba(234, 90, 61, 1) 100%, rgba(234, 90, 61, 1) 100%);
background: linear-gradient(250deg, rgba(13, 149, 202, 1) 0%, rgba(13, 149, 202, 1) 0%, rgba(234, 90, 61, 1) 100%, rgba(234, 90, 61, 1) 100%);}
.banner .title {text-align: center;padding: 25px 0 35px;}
.banner .title h1 {font-size: 30px;color: #F2F2F2; font-weight: 600}
.banner .title i {color: #173746; padding: 0 15px;font-size: 30px;display: flex;align-items: center;}
.banner .description h3 {font-size: 16px;color: #F2F2F2;text-align: center;padding-bottom: 25px;}
.banner-stick {max-width: 300px;margin: auto;border-radius: 5px;-moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.349019607843137);-webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.349019607843137);overflow: hidden;text-align: center; text-transform: uppercase;height: 340px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;margin-bottom: 35px;}
.banner-stick .img-container {height: 80px;display: flex;margin: 10px 25px 0 25px;}
.banner-stick img {width: 100%;object-fit: contain;}
.banner-stick.white {background: rgb(242, 242, 242);}
.banner-stick.blue {background:rgba(17, 28, 50, 1); color: #F2F2F2}
.banner-stick.grey {background:rgba(51, 51, 51, 1); color: #F2F2F2}
.banner-stick .plus {width: 100%}
.banner-stick .button {width: 100%;align-self: end;padding-bottom: 10px;}
 .button a button {outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform: uppercase;font-size: 24px;text-align: center;border-radius: 5px;border: none;height: 42px;font-weight: 600;width: 200px; background-color: #008000; color: #fff; text-transform: uppercase;text-align: center; border-radius: 5px;animation: background 3s infinite alternate;}


.flag-icon {display: flex;width: 30px;line-height: 25px;align-self: center;margin: 0 15px;}
.button a button:hover, .banner-stick .button a button:focus {background-color: #003500}
.banner-stick .subtitle {font-size: 16px;font-weight: 600;width: 100%}
.banner-stick .text {font-size: 25px;font-weight: 700;width: 100%}
.banner-stick .description {font-size: 14px; width: 100%}
.banner-stick .ta {font-size: 12px;color: #666666;font-weight: 600;height: 25px;width: 100%;border-top: 1px #666 dashed;align-items: center;display: flex;justify-content: center;padding-bottom: 5px;}

.page-content {background-color: #fff; border: 1px solid rgba(201, 201, 201, 1);margin-top: 15px;margin-bottom: 35px;padding-bottom: 25px;}
.page-content h2 {color: #666666; font-size: 30px; padding: 25px 0;font-weight: 600}
.page-content h3 {color: #666666;font-size: 25px;padding-bottom: 20px;font-weight: 600}
.page-content p {font-size: 14px;line-height: 24px;}

.footer-content {border: 1px solid rgba(201, 201, 201, 1); background-color: #000032}
.footer-content p {font-size: 14px;color: #CCCCCC;line-height: 23px;padding-left: 10px;padding-right: 15px;}
.footer-content .copyright {text-align: center;}
.footer-content .copyright img {width: 100%;padding-bottom: 25px;}
.footer-content .blok-title {text-align: center; position: relative;padding: 15px 0;}
.footer-content .blok-title h4 {font-size: 20px;color: #FFFFFF; font-weight: 600; text-transform: uppercase; position: relative;}
.footer-content .blok-title h4:after {content: ''; background-color: #0099CC; width: 74px; height: 2px; position: absolute; bottom: -7px;margin-left: -37px;left: 50%;}

.sidebar-info {margin-top: 35px;padding: 15px;background-color: rgba(242, 242, 242, 1);border-width: 2px;border-style: solid;border-color: rgba(0, 51, 51, 1);border-radius: 3px;}
.sidebar-info p {font-size: 18px;line-height: 24px;}
.sidebar-info .list-item i {color: #008000;padding-right: 10px;font-size: 23px;}
.sidebar-info .list-item {font-size: 16px;display: flex;line-height: 21px;align-items: start;padding-bottom: 5px;}
.sidebar-banner {padding-top: 25px; text-align: center;}
.sidebar-banner h3 {text-transform: uppercase;}

.lined-items .lined {background-color:rgba(242, 242, 242, 1); text-align: center;cursor: pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.lined-items .lined:hover, .lined-items .lined:focus {background-color: rgba(152, 152, 152, 0.3);} 
.lined-items .lined ul {margin: 0; text-align: left;}
.lined-items .lined ul li {list-style: none; font-size: 14px; position: relative;} 
.lined-items .lined .logo img {width: 200px; height: 100px; object-fit: cover;}
.lined-items .lined ul li:before {content: "\f00c"; font-weight: 900;font-family: "Font Awesome 5 Free"; position: absolute;left: -20px;}
.lined-items .lined .description {font-size: 12px; line-height: 12px; text-transform: uppercase;}
.lined-items .lined .price-block .amount {font-size: 30px;color: #0099CC; font-weight: 700}
.lined-items .lined .promo-block .amount {font-size: 30px;color: #008000; font-weight: 700}
.lined-items .lined .rating i {color: #D3D3D3}
.lined-items .lined .rating .gold i {color:#FCD330}
.lined-items .lined .rating .title {font-size: 14px;color: #666666;text-transform: uppercase; font-weight: 600}
.lined-items .additional-text {font-size: 14px;color: #666666;padding-bottom: 10px;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color: #fafafa;width: 30px;height: 3px;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {background-color: #fafafa}
.menu-mobile button {width: 42px;height: 42px;padding: 0;margin: 0;outline: none;}
@media (max-width: 1200px) {
	.lined .button {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;max-width: 100%;padding-top: 15px;padding-bottom: 25px;}
	.lined .logo {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;max-width: 100%;padding-top: 15px;padding-bottom: 25px;}
	.lined .price-block {flex: 0 0 50%;width: 50%;max-width: 50%;text-align: right;}
	.lined .promo-block {flex: 0 0 50%;width: 50%;max-width: 50%;text-align: left;}
	.lined .rating {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
}
@media (max-width: 991px) {
	
	.header-line .menu {display: none;}
	.menu-mobile {display: block; text-align: right;}
	.header-line {height: auto; padding: 10px 0;padding-top: 20px;}
	.nav-mobile ul {list-style: none;text-align: center;padding: 0;}
	.nav-mobile ul li{padding-bottom: 7px}
	.nav-mobile ul li a{color: #fafafa}
}
@media (max-width: 768px) {
	.lined .rating {-ms-flex: 0 0 100%;flex: 0 0 100%;width: 100%;max-width: 100%;}
	.lined .benefits ul {max-width: 300px;margin: auto;padding-top: 15px;padding-bottom: 20px;}
	.lined-items .additional-text {text-align: center; padding-bottom: 0}

}

@media (max-width: 576px) {
	.logo {font-size: 18px;}
	.logo i{font-size: 18px !important;}
	.button a button {width: 100%; font-size: 18px}
}


.banner-stick .button a button {
transform-origin: center center; }
 
 
@keyframes shake-hard {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  } } 
 
.shake-hard:hover,
.shake-trigger:hover .shake-hard,
.shake-hard.shake-freeze,
.shake-hard.shake-constant, .banner-stick .button a button {
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-name: shake-hard;
animation-timing-function: ease-in-out; }