body{
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
a{ color: #9bca3c; }
.et-animated-content{ padding-top: 0px;}
#main-footer{
	 position: sticky;
    position: -webkit-sticky;
}
/* Header  -------------------------------------------------------------------------------------*/
#main-header {
    /* position: relative !important; */
/*     position: sticky; */
    /* position: -webkit-sticky; */  /* Safari */ 
	top: 0;
    border-bottom: 4px #9ACA3C solid;
	z-index: 10;
}

.et_header_style_left .et_header_style_split {
    padding-top: 0px;
    margin-top: 40px;
}
#main-header.fixed{
	position: fixed;
}
/* Header  -------------------------------------------------------------------------------------*/


/* Menu  BEGIN---------------------------------------------------------------------------------------*/
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: " " !important;
  }

#top-menu{ margin-bottom: 0px; }
#top-menu li a{
    font-size: 18px;
    line-height: 21px;
    color: #111111;
    font-weight: 500;
    font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    padding-left: 10px;
}

#top-menu li li {
    width: 100%;
    padding-left: 10px;
    border-bottom: 1px solid #EAECEC !important;
}

#top-menu li li a {
    font-size: 16px;
    padding: 6px 20px 6px 10px;
    line-height: 1.8em;
    transition: none !important;
}

/* #et-info-email:hover, #et-secondary-menu>ul>li>a:hover, .et-social-icons a:hover */
#top-menu-nav>ul>li>a {
    transition: none !important;
}

#top-menu-nav>ul>li>a:hover {
    opacity: 1;
    background-color: inherit;
    color: #88c050 !important;
}

.nav ul li a:hover {
    opacity: 1;
    background-color: inherit;
    color: #88c050 !important;
}

.nav li ul {
    border-top: 4px solid #9bca3c;
    border-bottom: 4px solid #9aca3C;
    border-radius: 0 0 6px 6px;
  }

#et-top-navigation{
    padding-top: 0px;
    margin-top: 0px !important;
    padding-top: 17px  !important;
    padding-left: 150px !important;
    clear: none;
    position: relative;
    z-index: 100;
    line-height: 30px;
    height: 100%;
    margin: 0;
    display: block;
    right: 0;
}

.top-nav{
    float: right;
    line-height: 17px;
    min-width: 300px;
}
.top-nav-wrapper{
    width: 100%;
    max-width: 1100px;
    display: block;
    margin: 0 auto;
    height: 37px;
}

.top-nav-menu{ float: right; margin-top: 5px; }
.top-nav-menu ul li{ float: left; padding-right: 20px; padding-left: 1px; }
.top-nav-menu ul li a{
    /* color: #417488; */
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding: 7px 0;
    font-family: 'HelveticaNeue', 'Helvetica Neue','Open Sans', Helvetica, Arial, sans-serif !important;
}

#menu-top-nav, #menu-top-nav-en{ margin-bottom: 1px; }
/* #top-menu li.current_page_item a{ color: #417488; } */
/* Menu  END---------------------------------------------------------------------------------------*/


/* Mobile Menu  ---------------------------------------------------------------------------------------*/
#main-header .et_mobile_menu{ border-top: 4px solid #9ACA3C; border-bottom: 4px solid #9aca3c; border-radius: 0 0 6px 6px; }
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
/* Mobile Menu  ---------------------------------------------------------------------------------------*/

/* Header. Номер телефона и почта. */
#et-info{ float: right !important; padding-top: 0.75em !important;}

#et-top-navigation .et-cart-info { font-size: 26px; color: #9aca3b; } /* CART ICON*/
#menu-item-account-icon{font-size: 26px;} /* ACCOUNT ICON*/

.container{
    width: 100% !important;
    padding: 0px !important;
}
#logo{
    max-height: 52px;
    max-width: 200px;
    vertical-align: top;
}

#main-content .container::before {
    position: absolute;
    top: 0;
    width: 0px !important;
    height: 100%;
    background-color: #fff !important;
    content: "";
}

#left-area {
    width: 100% !important;
    padding-bottom: 23px;

}
.et_right_sidebar #left-area {
    padding-right: 0px !important;
}

.top-margin{
    width: 100%;
    height:  12px;
}

#desktop-cart::before {
    background-image: url('images/cart.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    content: "a";
    color: transparent;
    padding-right: 9px;
    vertical-align: bottom;
    float: right;
    margin-top: 6px;
}
#mobile-desktop-cart::before {
    background-image: url('images/cart.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    content: "a";
    color: transparent;
    padding-right: 9px;
    vertical-align: bottom;
    float: right;
    margin-top: 0px;
    display: none;
    z-index: 99999;
}


.av-icon-char::before { font-family: 'globe'; }
.av-icon-char::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
}
.av-icon-char {
    /* color: #417488 !important; */
    font-size: 18px;
    line-height: 21px;
}
#globe{
    float: right;
    margin-right: 9px;
    margin-top: 3px;
}
.choose-lang:focus, .choose-lang {
    -moz-appearance: none !important;
    float: right !important;
    margin-left: 0px !important;
    margin-bottom: 0 !important;
    /* color: #417488 !important; */
    font-family: HelveticaNeue-Light;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-right: unset !important;
    border-color: #ffffff;
    background-color: #ffffff;
    /* color: #417488; */
    margin-right: 9px;
    margin-top: 2px;
}


#header-store-buy {
    float:right;
    color:#fff;
    font-size: 18px;
    background-color:#9aca3c;
    padding: 20px 16px;
    border-radius: 4px;
    margin-left:28px;
    margin-right: 10px;
    margin-top: -9px;
    font-family: HelveticaNeue-Light;
}
.et_header_style_left .logo_container{
    width: auto !important;
    float: left;
    left: 10px;
    top: 6px;
    overflow: initial;
    z-index: 999;
}
.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
    padding-top: 0px  !important;
}

 input[type="text"]:focus, #top input[type="password"]:focus, input[type="email"]:focus,  input[type="number"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    color: #555;
}

/* Radio button styles for Package Selector on Product Page inside "product-radio-div" and for Quiz*/

.tk-radio-container {
  float: left;
  margin-top: 10px;
}

.tk-radio-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
}

/* Hide the browser's default radio button */
.tk-radio-label input { position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.tk-radio-checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.tk-radio-label:hover input ~ .tk-radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.tk-radio-label input:checked ~ .tk-radio-checkmark {
  background-color: #9aca3c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.tk-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.tk-radio-label input:checked ~ .tk-radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.tk-radio-label .tk-radio-checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

img.partners-logo {
  width: 200px;
  margin: 1em 8em;
}

.et-cart-info-count{
    float: left;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    padding-top: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #9aca3b;
    width: 30px;
    height: 30px;	
}
.et-cart-info-count a{color: white; text-decoration: none;}

@media only screen and (min-width: 980px) {
    #menu-item-account-text{display: none;} /* ACCOUNT TEXT*/

}

@media only screen and (max-width: 980px) {
    #menu-item-account-icon{display: none;} /* ACCOUNT ICON*/
    .et_header_style_left .logo_container{
        z-index: 99;
    }
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation{
        /*width: auto !important;*/
    }
}

@media only screen and (max-width: 1250px) {
  #et_yubikey_5_heading h2 { font-size: 20px; }
}

@media only screen  and (max-width : 1020px) {
    .top-margin{ display: none; }

    #top-menu-nav { float: right !important; }
    #et_mobile_nav_menu { margin-right: 20px; }
    #et-top-navigation { width: 100%; }
    .et_mobile_menu .menu-item-has-children > a { background-color: inherit; }
    .et_mobile_menu li a { padding: 20px 4%; border-bottom: 0px solid; }
    #top-menu li a { font-size: 16px !important; }
    #mobile_menu { margin-left: 0 !important; }
    .top-nav-wrapper { width: 98%; padding-left: 1%; padding-right: 1%; }

    .et_header_style_left #logo{ max-width: none; }
    #main-header .container{ max-width: 98% !important; }

    .mobile-scroll-horizontal{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch;}

    /*The left col of the table is fixed*/
    .table-first-row-fixed tr > td:first-child { 
        position: sticky; left: -1px; z-index: 10;  background: rgb(228, 227, 227);
        border-style: solid;
    border-width: 1px;
    border-color: #b3b3b3;
        /* font-weight: bold; */ }
}

@media only screen  and (max-width : 768px) {
    .top-margin{ height: 15px; }
    #main-content .container { padding-top: 10px !important; }
    .top-nav-wrapper, .et-social-icons, #top-nav-menu, .top-nav { display: none; }
    #et-top-navigation{ padding-left: 0px !important; }
    #et_mobile_nav_menu { margin-right: 20px; }
    .et_header_style_left .logo_container #logo{  max-width: 80%; }
    #logo { max-height: 100%; margin-left: 1%; }
    img.partners-logo {  width: 180px !important; margin: 1em 2em !important; }
    #et-top-navigation .et-cart-info { font-size: 20px !important; text-decoration: none;}
    /* Header. Номер телефона и почта. */
    #et-info{ width: 100% !important;margin: 0 auto; float: none !important;}
}

.et_pb_animation_simple_fast{
    -webkit-animation-duration: 100ms;
    -moz-animation-duration: 100ms;
    -o-animation-duration: 100ms;
    animation-duration: 100ms;
    transition: none !important;
}

/* CONTACT FORM */
/* Message field */
#et_pb_contact_message_0{
    max-width: 100%;
}

.y-head { background-color: #ededed; }
#table-compare-keys .y-head>td:first-child{font-weight: bold;}
#table-compare-keys tr>td{text-align: center;}
#table-compare-keys tr>td:first-child{text-align: left;}