@-webkit-keyframes cssAnimation {
    from { -webkit-transform: rotate(0deg) scale(0.7); }
    to { -webkit-transform: rotate(360deg) scale(1); }
}
@-moz-keyframes cssAnimation {
    from { -moz-transform: rotate(0deg) scale(0.7); }
    to { -moz-transform: rotate(360deg) scale(1);}
}
@-o-keyframes cssAnimation {
    from { -o-transform: rotate(0deg) scale(0.7);}
    to { -o-transform: rotate(360deg) scale(1);}
}

body {background-image:url(../images/fon_fix.jpg); margin:0; padding:0;}

p.line{ border-bottom:1px dotted #CCC; width:80%; margin:0 auto;}

img{border:none;}

h1{text-align:center; margin-top: 12px; font:italic 30px Verdana, Times New Roman, serif; letter-spacing:2px; color:#545454; }

/*HEADER NEW*/
div#header{position: relative; margin: 0 auto; padding: 10px 10px 0 10px; background-image: url("../images/bg/bg1.png"); position: relative;
    box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; }
div#header > div{width: 90%; margin: 0 auto;}
div#header div#top{display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; z-index: 10; position: relative;}
div#header div#top span#tel{font:14px Verdana; color: #333; margin-right: 10px;}
div#header div#top span#tel i.fa-mobile-alt{color: #597f8a; opacity: 0.7; }
div#header div#top span#tel img{width: 20px; opacity: 0.5; position: relative; top: 1px; margin-right: 2px; }
div#header div#top span#callback{font:bold 14px Verdana; color: #597f8a; margin-right: 10px; border-bottom: 1px dotted #597f8a;}
div#header div#top span#callback:hover{border-bottom: none; cursor: pointer;}
div#header div#top div.login{font:bold 14px Verdana; color: #597f8a; align-self: flex-start; padding-right: 5px; margin-bottom: 10px; text-align: right;}
div#header div#top div.login a{font:bold 14px Verdana; color: #597f8a; align-self: flex-start; padding-right: 5px; margin-bottom: 10px; text-align: right;}
div#header div#top div.login a:hover{text-decoration: none;}
div#header div#top div.login > span{border-bottom:1px dotted #597f8a;}
div#header div#top div.login > span:hover{border-bottom:none;}
div#header div#top div.login i.fa-sign-out-alt{ margin-left: 10px; color: #ccc;}
div#header div#top div.login i.fa-sign-out-alt:hover{ color: #ff5d32; cursor: pointer;}
div#header div#top div.login div#auth{margin-top: 8px; display: none; }
div#header div#top div.login div#auth input{margin-left: 3px; font:bold 14px Verdana; padding: 3px; border: 1px solid #f89406; outline: none; width: 80%;}
div#header div#top div.login div#auth i.fa-sign-in-alt{font-size: 20px;}
div#header div#top div.login div#auth i.fa-sign-in-alt:hover{color:#cc9347; cursor: pointer;}
div#header div#top div.login span.show_auth_email{cursor: pointer;}
div#header div#top ul#menu_ship{ list-style-type: none; margin: -6px 0 0 -4px; padding: 0; text-align: left;}
div#header div#top ul#menu_ship li{ display: inline-block; padding: 5px; }
div#header div#top ul#menu_ship li a{ color: #3E77AA; font:14px Verdana; text-decoration: none; border-bottom: 1px dotted #597f8a; }
div#header div#top ul#menu_ship li a:hover{border-bottom: none; }
div#header div#top ul#menu_ship li:nth-child(5) a{margin-left: 15px; font-style: italic; color: #999999; }
div#header div#top ul#menu_ship li:nth-child(5) i{margin-right:5px; }
div#header div#top ul#menu_ship li:last-child{font:italic 14px Verdana; color: #CC9347; }
div#header div#top div.country select{padding: 0 5px; font:14px Verdana, Times New Roman; border: 1px solid #ccc; cursor: pointer;}
div#header div#top div.country select:invalid{color: #999;}
div#header div#bottom{display: flex; justify-content: space-between; flex-wrap: wrap;}
div#header div#bottom > div{align-self: center; text-align: center;}
div#header div#bottom img.logo{width: 80px; margin: 1px;
    -webkit-animation: cssAnimation 5s 1 ease;
    -moz-animation: cssAnimation 5s 1 ease;
    -o-animation: cssAnimation 5s 1 ease;}
div#header div#bottom img.stay{width: 150px; margin-left: 15px; opacity: 0.3;
    border-radius:5px; -webkit-border-radius:5px;}
div#header div#bottom ul.menu{list-style-type: none; margin: 0; padding: 0;}
div#header div#bottom ul.menu li{display: inline-block; padding: 5px;}
div#header div#bottom ul.menu li a{color: #3E77AA; font:15px Verdana; text-shadow: 0 0 1px #ccc; text-decoration: none; border-bottom: 1px dotted #597f8a;}
div#header div#bottom ul.menu li a:hover{border-bottom: none;}
div#header div#bottom ul#list{list-style-type: none; margin: 0; padding: 0;}
div#header div#bottom ul#list li{display: inline-block; text-align: center; margin: 0 10px;}
div#header div#bottom ul#list li span{font: 11px Verdana;}
div#header div#bottom ul#list li:hover, div#header div#bottom ul#list li:hover i{color: #cc9347; cursor: pointer;}
div#header div#bottom ul#list li span.total_fav{border: 0px solid #ccc; border-radius: 100%; padding: 3px; font-size: 12px;
    width: 16px; height: 16px; line-height: 16px; color: #fff; background-color: #FF0000; position: absolute; margin-left: -8px; margin-top: -5px;}
div#header div#bottom i#favorites,
div#header div#bottom i#balance,
div#header div#bottom i#send_mess{font-size: 30px; color: #c7c6c2; }
div#header div#bottom a.flag img{width: 85px;}
div#header div#bottom a.flag{opacity: 0.6;}
div#header div#bottom a.flag:hover{opacity:1.0;}
div#header div.wds{position: absolute; font:bold 22px Verdana; text-align: center; width: inherit; left: 50%; top:41px; margin-left: -237px;
    letter-spacing: 7px; color: #fff; text-shadow: 0 0 3px #333; display: none;}
div#header span.sales{font: 17px Verdana, Times New Roman; color: #FF6600;  display: block; margin: 15px;}
div#header span.sales > span{font-weight: bold;}
div#header span.sales span.time{display: block; margin-top: 5px;}
div#header span.sales span.time > span{font-weight: normal;}

div#header div.curr{position: relative;}
div#header div.curr ul{list-style-type: none; border: 1px solid #eaeaea; position: absolute; top: 5px; left: 18px; width: 90px;
    background: #fff; padding: 3px 8px 2px 8px; display: none;}
div#header div.curr ul li{text-align: left; padding: 5px 3px; font:bold 14px Verdana; color: #545454;}
div#header div.curr ul li:hover{ background:#f1f1f1; color: #597F8A; cursor: pointer;}
div#header div.curr ul li span{margin-right: 5px; color: #ff9900;}
div#header div.curr span.name{font:italic 13px Verdana, Times New Roman;}
div#header div.curr span.name i{color: #ff9900; margin: 0 2px;}
div#header div.curr span.curr_name{font:bold 14px Verdana, Times New Roman; border-bottom: 1px dotted #ccc; color: #0e67af;}
div#header div.curr span.curr_name:hover{border: none; cursor: pointer;}
div#header div.curr span.curr_name img {width: 15px; height: 10px; margin-right: 5px; opacity: 0.6;}
div#header img.new_year{position: absolute; right: 4px; top: 6px; opacity: 0.3; z-index: 1;}
/*END HEADER NEW*/

/*SHOW CALLBACK, MESS*/
div#show{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); text-align: center; z-index: 100; display: none;}

div#show > div{ padding: 15px; display: inline-block; margin-top: 30px; background: rgba(255,255,255,0.9); position: relative;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
    box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff;}

div#show > div p.name{font:bold 16px Verdana, Times New Roman; text-transform: uppercase;}

div#show > div input,
div#show > div textarea{font:15px Verdana, Times New Roman; padding: 5px; margin: 5px 0; outline: none;}
div#show > div textarea{ width: 230px; height: 100px;}

div#show > div p.send{font:bold 16px Verdana, Times New Roman; background-color: #f89406; color: #fff; display: inline-block;
    padding: 5px 8px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div#show > div p.send:hover{ box-shadow: 0 0 5px #f89406; -webkit-box-shadow: 0 0 5px #f89406; cursor: pointer;}
div#show > div p.send:active{ background-color: #0c8abc;}

div#show > div div#mess{ display: none;}
div#show > div div#mess p{font:bold 14px Verdana, Times New Roman; color: #0a7bfa;}

div#show > div span.close{ font:36px Verdana; color: #f89406; position: absolute; top: -9px; right: 5px; padding-bottom: 5px;}
div#show > div span.close:hover{ cursor: pointer; color: #ff5d32;
    -webkit-animation: cssAnimation 0.5s ease;
    -moz-animation: cssAnimation 0.5s ease;
    -o-animation: cssAnimation 0.5s ease;}
/*END SHOW CALLBACK, MESS*/

/*SHOW Price Calc Shipping, MESS*/
div#calc_price_form{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); text-align: center; z-index: 100; display: none;}

div#calc_price_form > div{ padding: 15px; display: inline-block; margin-top: 30px; background: rgba(255,255,255,0.9); position: relative;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
    box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff;}

div#calc_price_form > div p.name{font:bold 16px Verdana, Times New Roman; text-transform: uppercase;}

div#calc_price_form > div input{font:15px Verdana, Times New Roman; padding: 5px; margin: 5px 0; outline: none;}

div#calc_price_form > div p.send{font:bold 16px Verdana, Times New Roman; background-color: #f89406; color: #fff; display: inline-block;
    padding: 5px 8px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div#calc_price_form > div p.send:hover{ box-shadow: 0 0 5px #f89406; -webkit-box-shadow: 0 0 5px #f89406; cursor: pointer;}
div#calc_price_form > div p.send:active{ background-color: #0c8abc;}

div#calc_price_form > div div#mess{ display: none;}
div#calc_price_form > div div#mess p{font:bold 14px Verdana, Times New Roman; color: #0a7bfa;}

div#calc_price_form > div span.close{ font:36px Verdana; color: #f89406; position: absolute; top: -9px; right: 5px; padding-bottom: 5px;}
div#calc_price_form > div span.close:hover{ cursor: pointer; color: #ff5d32;
    -webkit-animation: cssAnimation 0.5s ease;
    -moz-animation: cssAnimation 0.5s ease;
    -o-animation: cssAnimation 0.5s ease;}
/*END Price Calc Shipping, MESS*/

#t_header{ margin: 0 auto; width: 100%;}
#t_header td{ vertical-align: top; }
#t_header td:first-child{ vertical-align: top; }

#title {width:990px; text-align:center; height:274px; background:url(../images/title.jpg) no-repeat; margin:0 auto; position:relative;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; }

#title #block_time{position:absolute; top:114px; left:30px; width:358px;}

#title #block_time > p.time{ font:italic bold 18px Verdana, Geneva, sans-serif; padding:10px; color:#999; display:inline-block;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999;}

#title #block_auth{ position:absolute; right:0; top:112px; width:400px; }
#title #block_auth #t_auth{ margin:0 auto; border:1px solid #CCC; border-spacing:10px;
box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 20px #999;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#title #block_auth #t_auth input{ padding:4px; font:14px Verdana, Geneva, sans-serif;}
#title #block_auth #t_auth button{ font:bold 14px Verdana, Geneva, sans-serif; outline:none; padding:5px 8px;}
#title #block_auth #t_auth button:hover{ background-color:#06F; color:#fff; border:2px solid #06f; cursor:pointer;}
#title #block_auth #t_auth button:active{ background-color:#03F;}
#title p#mess{ position:absolute; display:none; top:70px; right:133px; padding:5px; font:bold 14px Verdana, Geneva, sans-serif; background-color:#C90; color:#900;}

#title #block_auth #t_logout{ margin:-20px auto 0 auto; border:1px solid #CCC; border-spacing:10px;
box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 20px #999;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#title #block_auth #t_logout p{ padding:5px; margin:5px;}
#title #block_auth #t_logout p:first-child{font:bold 15px Verdana, Geneva, sans-serif; margin:0 0 5px 0; color:#060; text-decoration:underline;}
#title #block_auth #t_logout p:last-child{font:bold italic 15px Verdana, Geneva, sans-serif; color:#03F; letter-spacing:2px; border:1px dotted #03f;}

#title #block_auth #t_logout button{ font:bold 14px Verdana, Geneva, sans-serif; outline:none; padding:5px 8px;}
#title #block_auth #t_logout button:hover{ background-color:#F60; color:#fff; border:2px solid #F60; cursor:pointer;}
#title #block_auth #t_logout button:active{ background-color:#F30;}

#title a.rus{ position:absolute; right:12px; bottom:8px; font:bold italic 13px Verdana, Geneva, sans-serif; color:#999; text-shadow: 0 0 3px #333;}
#title a.rus:hover{ color:#333; text-shadow: 0 0 1px #333;}

#title img.tree{ position:absolute; left:5px; bottom:10px; width:100px; opacity:0.3;}
#title div#time{ position:absolute; left:5px; bottom:10px; font:bold 18px Verdana, Geneva, sans-serif; color:#930;}
#title div#time span{ color:#060; font-size:20px;}



@media screen and (max-width:1025px){
    div#header div#top{align-items: center;}
	
    h1{text-align:center; font:bold 25px Georgia, "Times New Roman", Times, serif; letter-spacing:2px; text-shadow:0px 0px 40px #999; color:#333;}

    div#header div#bottom{justify-content: space-around;}

    div#header span.sales{top:0; display: block; margin-top: 5px;}

    div#header div#bottom img.logo{display: none;}
    div#header div#top ul#menu_ship{text-align: center;}
    div#header div#top ul#menu_ship li a{font-size: 17px;}

    div#header div.curr{text-align: center; margin: 10px auto; }
    div#header div.curr span.name{font-size:15px; }

    div#header div.country{margin-bottom: 15px; width: 100%;}
    div#header div#top div.country select{font-size: 15px; }

    div#header div#top div.login{ margin:0 auto 10px auto; text-align: center;}

    div#header div#bottom ul.menu li a{font-size: 16px;}

    div#header div#bottom img.flag{margin: 5px 0;}
}

@media screen and (max-width:990px){
    div#header div#bottom ul.menu{margin-bottom: 15px;}
}

@media screen and (max-width:380px){
    div#header div#bottom a.flag img{margin-bottom: 10px;}
}