html
{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
body
{
position: relative;
width:100%;
height:100%;
margin:0px;
padding:0px;
color: #484848;
font-size:17px;
font-family: "Verdana";
/*-webkit-font-smoothing: antialiased;*/
-webkit-text-size-adjust: none;
background:#ffffff;
}
.error_404 { margin-top:278px; width:100%; font-size:14px; text-align:center; }
.out_news { width:100%; font-size:14px; text-align:center; }
.backlink { width:100%; text-align:center; margin:15px 0px 55px 0px; }
.list { list-style: url("/img/design/list.png"); margin:0px; padding:0px 0px 5px 25px; }
.list li { padding:2px 0px 2px 0px; margin:0px; font-size:14px; }
table { border-collapse: collapse; margin:0 auto; border-spacing:0px; }
td { vertical-align: top; }
p,div,td { font-size:17px; font-family: "Verdana"; color: #484848; }
p{ text-align:justify; }
object:active, object:focus{ outline:none; border:none;}
a:active, a:focus { outline:none; border:none; }
img{ border:none; }
area { outline:none; border:none; }
a{ text-decoration:none; color:#b2b3b3; border-bottom:dotted 1px #b2b3b3; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a:hover{ text-decoration:none; color:#e31e24; border-bottom:dotted 1px #e31e24; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a.link { color:#272727; border-bottom:dotted 1px #373737; text-shadow:none; }
a.link:hover { border-bottom:solid 1px #373737; }
a.wlink { color:#ffffff; border:none; }
a.wlink:hover { color:#ffffff; border-bottom:dotted 1px #ffffff; }
a.imglink { border: none; transition: 0.3s; }
a.imglink:hover { border: none; transition: 0.3s; }
a.imglink img { filter: contrast(100%); transition: 0.3s; }
a.imglink:hover img { filter: contrast(80%); transition: 0.3s; }
H1 { color:#484848; font-size:28px; font-family: 'Verdana'; padding:10px 0px 10px 0px; margin:0px; text-align:center; }
H2 { color:#000000; font-size:28px; font-family: 'Verdana'; font-weight: 200; padding:10px 0px 10px 0px; margin:40px 0px 20px 0px; text-align:center; }
H3 { font-size:16px; font-family: 'Verdana'; font-weight: bold; padding:20px 0px 10px 0px; margin:0px; text-align:left; }
H4 { color:white; font-size:14px; font-family: 'Verdana'; padding:0px; margin:0px; text-align:left; }
b,strong { font-family: 'Verdana'; }
button { outline:none; border:dashed 2px white; background:#ECECEC; color:#414141; cursor:pointer; margin:5px 0px 5px 0px; }
button:hover { border:solid 2px #ECECEC; background:white; color:black; }
.submenu { list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.submenu li{ float:left; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; color:#e31e24; }
.submenu li a{ color:#989898; text-decoration:none; white-space: nowrap; }
.submenu li a:hover{ color:#e31e24; text-decoration:none; }
.code {font-size:9px; font-style:italic; color:rgb(111,111,111); cursor:help; }
.gal_img { display:table; float:left; padding:3px; }
.gal_img a{ display:block; border:none 0px invert; }
.img_name { text-align:center; color:#ffffff9; font-size:9px; margin:-3px 6px 3px 6px; }
.img_name a{ background:url(/img/youtube.png) no-repeat; width:32px; height:14px; display:block; float:left; }
.news_in { width:100%; margin:30px 0px 0px 0px; }
.news_date { font-size:14px; padding: 3px 0px 0px 0px; }
.news_title { font-size:14px; font-weight:bold; padding: 5px 0px 10px 0px; }
.news_title a { border-bottom:dotted 1px #f6f6f6; text-shadow: 0px 1px white; }
.news_pages { display:table; margin:20px auto 20px auto; height:20px; text-align:right; }
.news_pages div{ margin:0px; float:left; width:20px; font-weight:200; border-right: 1px solid #fff; border-left: 1px solid #d1d1d2;}
.news_pages a{ margin:0px; border-left: 1px solid #fff; border-right: 1px solid #d1d1d2; display:block; width:20px; text-align:center; font-size:10px; height:17px; text-decoration:none; color:#666; font-size:10px; line-height:16px; height:19px; background:url(/img/design/bg_pager.gif) 0px 0px repeat-x; }
.news_pages a:hover{ color:#e31e24; border-left:1px solid #c9d5e6; border-right:1px solid #c9d5e6; background:#c9d5e6; }
.news_pages span{ margin:0px; border-left:1px solid #c9d5e6; border-right:1px solid #c9d5e6; background:#c9d5e6; float:left; display:block; width:20px; text-align:center; font-size:10px; height:17px; text-decoration:none; color:#666; float:left; font-size:10px; line-height:16px; height:19px; }
a.arrow_left{ border:none; float:left; display:block; padding:0px; width:54px; height:19px; background:url(/img/design/bg_pager-prev.png) 0px 0px no-repeat; }
a.arrow_left:hover{ border:none; background:url(/img/design/bg_pager-prev.png) 0px -21px no-repeat; }
a.arrow_right{ margin-left:2px; float:left; display:block; border:none; padding:0px; width:54px; height:19px; background:url(/img/design/bg_pager-next.png) 0px 0px no-repeat; }
a.arrow_right:hover{ border:none; background:url(/img/design/bg_pager-next.png) 0px -21px no-repeat; }
div.arrow_left_empty { border:none; float:left; display:block; padding:0px; width:54px; height:19px; background:url(/img/design/bg_pager-prev.png) 0px -41px no-repeat; }
div.arrow_right_empty { border:none; float:left; display:block; padding:0px; width:54px; height:19px; background:url(/img/design/bg_pager-next.png) 0px -41px no-repeat; }
.news_img { display:table; margin:10px auto 15px auto; }
.news_img img { width:100%; }
.news_brief_place { display:table; margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; }
.news_brief_place .object_place { margin:10px 5px 10px 5px; }
.object_place { overflow:hidden; float:left; width:390px; height:230px; padding:0px 0px 0px 0px; position:relative; margin:10px 5px 0px 5px; }
a.ch_favorit { position:absolute; margin:10px 0px 0px -17px; left:50%; width:26px; height:26px; display:block; /*background:url(/img/design/elements.png) -5px -77px no-repeat;*/ }
a.ch_favorit:hover { background-position:-5px -113px; border:none !important; }
.tr_obj_pn { width:100%; height:28px; bottom:0%; margin-bottom:50px; padding:5px 0px 5px 0px; border-top:solid 1px white; border-bottom:solid 1px white; background:url(/img/design/tonik.png) 0px 0px repeat; position:absolute; z-index:3; color:white; }
.tr_obj_pn div { font-size:15px; color:#f0f0f0; }
.tr_obj_pn div span { font-size:12px; color:#b2b3b3; }
.object_place a img { -webkit-filter: brightness(60%); filter: brightness(60%); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.object_place a:hover img { -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.img-preview { width:100%; display:table; padding:0px; margin:25px 0px 0px 0px; line-height:0px; }
.img-preview a { border:none !important; padding:0px; margin:0px; line-height:0px; font-size:0px; }
.img-preview img { width:24%; margin:0.25%; -webkit-filter: brightness(100%); -moz-filter: brightness(100%); -o-filter: brightness(100%); filter: brightness(100%); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.img-preview a:hover img { -webkit-filter: brightness(80%); -moz-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#central-block { margin:5px auto 20px auto; display:table; position:relative; width:1200px; height:700px; }
.central-block { margin:10px auto 20px auto; display:table; position:relative; width:1200px; }
#news-block { margin:5px auto 20px auto; display:table; position:relative; width:1200px; height:700px; }
#news-block H2 { margin:0px 10px 20px 10px; }
#central-block H1 { font-size:24px; margin-top:30px; }
#central-block H2 { font-size:20px; margin:20px 0px 0px 0px; padding:20px 0px 10px 0px; }
#map-place { overflow:hidden !important; height:600px; width:100%; }
#map-canvas { height:600px; text-shadow:none; overflow:hidden; display:table; margin:0 auto 35px auto; width:100%; }
input, textarea, select{ border:solid 2px #ffffff; padding:0px 5px 0px 5px; font-size:11px; font-family: 'Verdana', Arial; color:#989898; }
textarea{ padding:5px 5px 0px 5px;}
#dismiss_button { float:right; margin: 0px 10px 0px 0px; width:80px; height:25px; background:url(/img/design/but_dismiss.png) 0px 0px no-repeat; }
.areainfo { font-size:10px; text-align:right; padding-right:10px; color:#ffffff; }
.sect td{ border-right:solid 1px #888888; border-bottom:solid 1px #888888; padding:5px; text-align:center;}
.sect th{ border-right:solid 1px #888888; border-bottom:solid 1px #888888; padding:5px; text-align:center;}
.sect { border-left:solid 1px #888888; border-top:solid 1px #888888; padding:0px;}
#top_submenu { top:0%; position:fixed; z-index:100; text-align:center; width:100%; background:#ffffff; padding:5px 0px 5px 0px; margin:0px; height:50px; }
#phone { float:right; margin:0px 20px 0px 20px !important; height:36px; padding:5px 5px 0px 5px; /*background:#ffffff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;*/ }
#phone a { font-weight:bold; color:#b2b3b3; font-size:16px; margin:0px !important; border:none; }
#phone a:hover { font-weight:bold; border:none; font-size:16px; margin:0px !important; color:#e31e24; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#top_submenu .a_title { margin-left:80px; font-size:20px; float:left; font-weight:bold; color:#000000; }
#kom-text { float:right; margin:15px 0px 0px 20px;color:#b2b3b3; }
.menu-page { text-align:left; }
a#show_menu { margin:0px 20px 0px 20px; font-size:14px !important; background:#ffffff url(/img/design/just_menu.png) 0px 0px no-repeat; color:#000000; float:left; font-weight:bold; display:block; width:50px; height:50px; padding:0px 0px 0px 0px; border:none; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
a#show_menu:hover { background-image:url(/img/design/just_menu.png); background-position:-50px 0px; }
#left_menu_panel { overflow:auto; /*background:#b2b3b3;*/ background:url(/img/design/komatsu/left_menu_bg.png); margin:60px 0px 0px -250px; left:0%; top:0%; position:fixed; z-index:10; width:250px; padding:0px 0px 0px 0px; height:100%; -ms-overflow-style: none; }
#left_menu_panel ul { /*list-style:url(/img/design/list_sav.png);*/ list-style:none; margin:30px 0px 0px 20px;}
#left_menu_panel ul li { white-space:nowrap; padding:10px 0px 10px 0px; }
#left_menu_panel ul li a{ font-size:16px; color:#ffffff; font-weight:bold; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#left_menu_panel ul li a:hover{ border-bottom:none; color:#e31e24; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#left_menu_panel ul li.sl { /*list-style:url(/img/design/list_sav.png);*/ list-style:none; }
#left_menu_panel ul li.sl a{ color:#e31e24; }
#left_menu_panel::-webkit-scrollbar { width: 0; }
#left_menu_panel a{ font-size:16px; display:block; margin:3px 0px 3px 0px; padding:12px 0px 12px 20px; text-transform: uppercase; color:#ffffff; border:none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#left_menu_panel a:hover { color:#ffffff; background:#e31e24; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#left_menu_panel a.sl { background:#e31e24; color:#ffffff; }
#left_menu_panel a.list_menu{ float:left; margin:0px 5px 0px 0px; display:block; background:url(/img/design/list_menu_plus.png) 50% 50% no-repeat; width:21px; height:38px; }
#top_menu_panel { top:0%; position:absolute; z-index:10; width:100%; background:#ffffff; opacity:0.9; padding:0px 0px 0px 0px; margin:0px; }
#top_menu { display:table; width:100%; margin:0px auto 0px auto; vertical-align:middle; text-align:center; }
#top_menu .a_title{ display:table; margin:0px auto 0px auto; vertical-align:middle; }
#top_menu .a_title img{ margin:0px 50px 0px 0px; }
#top_menu .a_title #phone { float:right; margin:10px 0px 0px 20px !important; }
a.menu_element { background:none; border:none; text-align:center !important; font-size:12px !important; color:#ffffff; font-weight:bold; width:80px; padding:5px 5px 5px 5px; margin:10px 15px 10px 15px; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a.menu_element:hover { color:#e31e24; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
#arrow-r { margin:30px 0px 0px 0px; width:35px; height:35px; float:left; background:url(/img/design/calc_next_arrow.png) 0px 0px no-repeat; }
#object_choise a.menu_element, #target_choise a.menu_element { display:block; float:left; font-size:14px !important; background:none; color:#ffffff; font-weight:bold; width:90px; padding:5px 5px 5px 5px; margin:10px 15px 10px 15px; border:none; }
#object_choise a.menu_element:hover, #target_choise a.menu_element:hover { color:#e31e24; }
#address { font-size:14px; background:#ffffff; color:#000000; width:200px; font-weight:bold; float:left; height:73px; padding:7px 5px 0px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin:10px 6px 10px 6px; }
#address a { font-size:16px; line-height:22px; }
#slider .tonik { background:url(/img/design/tonik.png) 0px 0px; width:100%; height:100%; position:absolute; position:absolute; z-index:2; }
#slider H1 { font-size:36px; color:#ffffff; font-weight:bold; position:absolute; margin:-36px 0px 0px 0px; top:50%; width:100%; text-align:center; }
#slider a { font-size:32px; color:#ffffff; border:none; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; }
#slider a:hover { color:#e31e24; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; }
.h-top { opacity:0; -webkit-transition-duration: 2s; -o-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; }
.l-top { opacity:0; -webkit-transition-duration: 2s; -o-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; }
#slider{ margin:0 auto; width:1024px; height:675px; overflow:hidden; position:relative; }
a#prev_slide { border:none; background:url(/img/design/slider_arrows.png) -50px 0px no-repeat; width:50px; height:100px; position:absolute; left:0%; top:50%; margin-top:-50px; }
a#next_slide { border:none; background:url(/img/design/slider_arrows.png) 0px 0px no-repeat; width:50px; height:100px; position:absolute; right:0%; top:50%; margin-top:-50px; }
a#prev_slide:hover { background-position:-50px -100px; }
a#next_slide:hover { background-position:0px -100px; }
#slides { width:100%; overflow:hidden; }
#slides img{ padding:0px !important; margin:0px; position:absolute; z-index:1; }
#slides img.sl-1 { }
a#down_slide { border:none; background:url(/img/design/slider_down_arrow.png) -100px -50px no-repeat; width:100px; height:50px; position:absolute; left:50%; top:0%; margin-left:-50px; }
a#down_slide:hover { background-position:0px -50px; }
#slog-1 { position:absolute; color:#ffffff; right:0%; top:40%; width:600px; text-align:center; opacity:0; margin-right:-300px; z-index:2; }
#slog-2 { text-transform: uppercase; position:absolute; font-size:32px; color:#ffffff; right:0%; top:40%; width:800px; text-align:center; opacity:0; margin-right:-400px; z-index:2; }
#slog-3 { position:absolute; font-size:32px; color:#ffffff; right:0%; top:35%; width:600px; text-align:center; opacity:0; margin-right:-300px; z-index:2; }
#slog-4 { position:absolute; font-size:32px; color:#ffffff; right:0%; top:35%; width:600px; text-align:center; opacity:0; margin-right:-300px; z-index:2; }
#slog-5 { position:absolute; font-size:32px; color:#ffffff; right:0%; top:30%; width:600px; text-align:center; opacity:0; margin-right:-300px; z-index:2; }
#slog-6 { position:absolute; font-size:32px; color:#ffffff; right:0%; top:40%; width:600px; text-align:center; opacity:0; margin-right:-300px; z-index:2; }
.slog-move { opacity:1 !important; right:50% !important; -webkit-transition-duration: 2s; -o-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; }
.slog-left { opacity:0 !important; right:100% !important; -webkit-transition-duration: 2s; -o-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; }
.scale-1 { -webkit-animation: scale-1 8s linear; -moz-animation: scale-1 8s linear; -ms-animation: scale-1 8s linear; animation: scale-1 8s linear; }
.scale-2 { -webkit-animation: scale-2 8s linear; -moz-animation: scale-2 8s linear; -ms-animation: scale-2 8s linear; animation: scale-2 8s linear; }
.scale-3 { -webkit-animation: scale-5 8s linear; -moz-animation: scale-5 8s linear; -ms-animation: scale-5 8s linear; animation: scale-5 8s linear; }
.scale-4 { -webkit-animation: scale-4 8s linear; -moz-animation: scale-4 8s linear; -ms-animation: scale-4 8s linear; animation: scale-4 8s linear; }
.scale-5 { -webkit-animation: scale-3 8s linear; -moz-animation: scale-3 8s linear; -ms-animation: scale-3 8s linear; animation: scale-3 8s linear; }
.scale-6 { -webkit-animation: scale-6 8s linear; -moz-animation: scale-6 8s linear; -ms-animation: scale-6 8s linear; animation: scale-6 8s linear; }
@keyframes scale-1
{
0% { margin-top:0px; -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
100% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); }
}
@keyframes scale-2
{
0% { -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
100% { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); }
}
@keyframes scale-3
{
0% { margin-left:-100px; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); }
100% { margin-left:100px; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes scale-4
{
from { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); }
to {-ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}
@keyframes scale-5
{
from { margin-top:100px;-ms-transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); }
to { margin-top:-100px; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes scale-6
{
from { -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
to { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes arrow-d
{
0% { opacity:0; }
50% { opacity:1; }
100% { opacity:0; }
}
@keyframes about-open
{
0% { opacity:0; margin-right:-300px; }
100% { opacity:1; margin-right:10px; }
}
@keyframes about-open-txt
{
0% { opacity:0; }
100% { opacity:1; }
}
#catalog-content { width:100%; display:table; min-height:30px; background:#efefef; }
.catalog-content { width:100%; display:table; min-height:30px; background:#efefef; }
.catalog-title { width:100%; display:block; min-height:30px; background: url(/img/design/komatsu/left_menu_bg.png); text-align:center; }
.catalog-title H4 { font-size:26px; text-align:center; padding:20px; }
#catalog-content H1 { margin-top:20px; }
.shop-element { width:360px; height:560px; margin:10px 10px 10px 10px; float:left; display:block; border:none; position:relative; }
.w-title, .b-title { overflow:hidden; width:360px; height:100%; position:absolute; bottom:0%; margin:0px; display:block; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.w-title { z-index:4; background:#ffffff; }
.b-title { opacity:0; height:100%; z-index:5; background:#222826; }
.elem-view .b-title { opacity:1; }
.shop-element:hover .w-title { background:#222826; }
.shop-element:hover .w-title .l-title, .shop-element:hover .w-title .l-type, .shop-element:hover .w-title .l-article , .shop-element:hover .w-title .l-cost { color:#f6d169; }
.elem-img { border:none; }
.elem-img img { width:340px; margin:10px; position:absolute; z-index:6; }
a.elem-detail { position:absolute; z-index:6; margin:10px; width:300px; height:30px; bottom:0%; font-size:24px; font-weight:200; color:#000000; background:#f9c802; border:none; display:table; padding:15px 20px 15px 20px; text-align:center; outline:none; }
a.elem-detail:hover { color:#f9c802; background:#ffffff; border:none; }
#central-block a.elem-detail { display:block; position:relative; margin-top:50px !important; height:20px; padding:20px 20px 20px 20px !important; font-size:14px; }
#central-block a.elem-detail:hover { background:#e31e24; color:#ffffff; }
#news-block a.elem-detail { display:block; position:relative; margin-top:50px !important; height:20px; padding:20px 20px 20px 20px !important; font-size:14px; }
#news-block a.elem-detail:hover { background:#e31e24; color:#ffffff; }
.elem-info { position:absolute; bottom:0%; margin:10px 0px 85px 0px; width:100%; }
.l-title { color:#000000; font-size:24px; font-weight:bold; text-align:center; }
.l-type { color:#b2b3b3; font-size:14px; text-align:center; }
.l-article { color:#000000; font-size:24px; text-align:center; }
.l-cost { color:#000000; font-size:24px; font-weight:bold; text-align:center; }
.l-cost img { width:14px; }
.b-title .l-title, .b-title .l-type, .b-title .l-article , .b-title .l-cost { color:#f6d169; }
.in-cost { display:table; float:none; font-size:25px; margin-top:15px; width:100%; }
.in-cost img { width:14px; }
.kom-table { display:table; margin:10px auto 10px auto; }
.kom-table div { display:table-cell; width:50%; vertical-align:top; text-align:center; }
.kom-table div a.elem-detail { left:50%; margin-left:-150px !important; }
.cat-title { display:block !important; height:475px; overflow:hidden; position:relative; }
#cat-drag-1 { display:block; height:480px; width:1860px; }
#cat-drag-2 { display:block; height:480px; width:1860px; }
#cat-drag-3 { display:block; height:480px; width:1550px; }
#cat-drag-4 { display:block; height:480px; width:930px; }
#cat-drag-5 { display:block; height:480px; width:2170px; }
#cat-drag-6 { display:block; height:480px; width:1550px; }
.ui-draggable-handle {-ms-touch-action:initial !important; -webkit-touch-action:initial !important; touch-action:initial !important; }
.promotion { width:100%; height:300px; margin:0px 0px 0px 0px; position:absolute; left:0%; }
.promotion_place { position:relative; width:100%; height:300px; overflow:hidden; }
.promotion_bg { top:0; position:absolute; width:100%; height:1500px; background:url(/img/design/promotion_bg.jpg) 0px 0px; }
.promotion_inner { position:absolute; z-index:9; width:1024px; height:300px; margin:0px 0px 0px -512px; left:50%; }
.promotion_img { left:0%; position:absolute; z-index:9; width:200px; height:200px; border:solid 4px white; background:url(/img/design/calc_bg.png) 0px 0px; margin:50px 0px 0px 0px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.promotion_txt { display:table; font-style:italic; color:#000000; position:absolute; z-index:9; width:580px; height:280px; left:50%; margin:0px 0px 0px -300px; padding:10px; text-align:center; font-weight:bold; font-size:26px; }
.promotion_txt div { font-size:22px; display:table-cell; vertical-align:middle; height:100%; }
.promotion_cost { right:0%; position:absolute; font-size:30px; text-align:center; color:#ffffff; z-index:9; border:solid 4px white; padding:86px 0px 0px 0px; width:200px; height:114px; margin:50px 0px 0px 0px; background:url(/img/design/promotion_cost.png) 0px 0px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
#arrows_down { background:url(/img/design/arrow_down.png) 0px 0px no-repeat; width:40px; height:40px; margin:50px 0px 0px -20px; left:50%; position:absolute; -webkit-animation: arrow-d 2s linear infinite; -moz-animation: arrow-d 2s linear infinite; -ms-animation: arrow-d 2s linear infinite; animation: arrow-d 2s linear infinite; }
.int_img { margin:30px 0px 30px 0px; height:500px; position:relative; overflow:hidden; border:solid 4px white; }
.int_img img { position:relative; }
.int_img a { opacity:1; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.int_img a:hover { opacity:0.8; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.just_img { display:table; width:1024px; margin:25px auto; }
#pages { display:table; margin:0px auto 0px auto; font-size:10px; color:#ffffff; }
#download_place { width:1024px; display:table; margin:0 auto; }
#footer { width:100%; padding:10px 0px 0px 0px; display:table; /*background:#000000;*/ background:#000000 url(/img/design/komatsu/kom-footer.jpg) 50% 50% no-repeat; margin:0px; bottom:0%; }
#footer a.link { color:#b2b3b3; border-bottom:dotted 1px #b2b3b3; }
#footer a.link:hover { color:#ffffff; border-bottom:solid 1px #ffffff; }
#f_block_1 { display:table-cell; width:33%; padding:10px; }
#f_block_2 { display:table-cell; width:34%; padding:10px 0px 10px 0px; }
#f_block_3 { display:table-cell; width:33%; padding:10px; }
#f_block_1 p, #f_block_1 div { font-size: 15px; text-align:center; color:#ffffff; }
#f_block_1 p a { font-size: 15px; }
#f_block_1 span { font-size:20px; font-family: 'Prosto', Arial; }
#f_block_2 img { width:100%; vertical-align:middle; }
#f_block_2 { vertical-align:middle; }
#f_block_3 p, #f_block_3 div { font-size: 15px; text-align:center; color:#ffffff; }
#f_block_3 p a { font-size: 15px; }
#f_block_3 span { font-size:20px; font-family: 'Prosto', Arial; }
.f_block_table { display:table; margin:0 auto; color:#bbc1cd; font-size: 15px; }
.f_block_table img { vertical-align:middle; }
.f_block_table p { font-size: 15px; color:#ffffff; }
#footer .f_block_table_all { display:table; width:1200px; margin:0 auto; }
#feedback_place { display:none; width:400px; padding:20px; position:fixed; z-index:9999; margin:-150px 0px 0px -200px; left:50%; top:50%; background:url(/img/design/feedback_bg.png); }
#feedback_inner { width:100%; position:relative; }
#feedback_inner a { border:none !important; }
#feedback_inner h3 { padding-top:0px; color:#ffffff; }
#close_feedback { position:absolute; top:0%; right:0%; margin:-10px -10px 0px 0px; background:url(/img/design/feedback_close.png) 0px 0px; cursor:pointer; width:30px; height:30px; }
#confirm_message { padding:0px 0px 0px 0px; color:#ffffff; text-align:center; }
#feedback_inner input, #feedback_inner textarea { background:#ffffff; color:#000000; width:385px !important; height:20px; font-size:12px; }
#feedback_inner #protect_code { font-size:12px; width:90px !important; height:30px; margin-left:5px; }
#send_button { float:right; margin: 0px 0px 0px 0px; font-size:14px; font-weight:bold; width:100px; height:34px; /*background:url(/img/design/tonik.png) 0px 0px no-repeat;*/ }
a#show_feedback { opacity:1; margin:0px 20px 0px 20px; font-size:14px !important; float:right !important; background:#ffffff url(/img/design/mail.png) 0px 0px no-repeat; color:#000000; float:left; font-weight:bold; display:block; width:50px; height:50px; padding:0px 0px 0px 0px; border:none; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
a#show_feedback:hover { opacity:0.7; background:#ffffff url(/img/design/mail.png) 0px 0px no-repeat; }
#title_text { margin:40px 0px 40px 0px; }
#title_text td p { text-align:left; font-size:16px; }
#title_text td { padding:10px 20px 10px 20px; border-right:solid 1px silver; }
#title_text h3 { font-size:20px; }
#title_text b { font-size:15px; }
#title_text td.t_right p { text-align:justify; font-size:15px; }
#title_text td.t_right { border-right:none; }
#title_text a { background:#e31e24; text-align:center; width:280px; height:20px; padding:10px; display:block; font-size:16px; font-weight:bold; color:#ffffff; border:none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#title_text a:hover { background:#e31e24; }
.g_list { list-style:none; margin:0px; padding:0px 0px 0px 0px; }
.g_list li { font-size:18px; background:url("/img/design/green_list.png") left top no-repeat; vertical-align:top; padding:0px 0px 5px 40px; margin:15px 0px 15px 0px; }
#m_cost, #m_album, #q_ask, #g_home { padding-top:20px; height:60px; }
.table_in { margin:20px 0px 20px 0px; border-left:solid 1px #e31e24; border-top:solid 1px #e31e24; padding:0px; width:100%; }
.table_in td{ vertical-align:middle; border-right:solid 1px #e31e24; border-bottom:solid 1px #e31e24; padding:5px 5px 5px 5px; font-size:14px; color:#ffffff !important; }
.table_in .table_in td { border:none !important; }
.table_in .table_in { border:none !important; }
.table_in th { padding:10px 5px 5px 5px; background:#958a78; color:#ffffff; border-right:solid 1px #ffffff; border-left:solid 1px #ffffff; }
.table_in p { padding:0px; margin:0px; }
#t_price { margin-bottom:40px !important; }
#t_price a { font-weight:bold; border-bottom:dotted 1px #848484; color:#958a78; }
#t_price a:hover { color:#848484; border-bottom:dotted 1px #958a78; }
#clone_price { width:100%; position:fixed; margin:80px 0px 0px 0px; top:0%; height:auto !important; display:none; }
#parallax-bg { /*background:url(/img/design/bg.jpg);*/ position:fixed; width:100%; height:10000px; top:0; z-index:1; }
#content-g { z-index:2; position:absolute; display:table; width:100%; padding:0px; margin:0px; }
a.blog_link { font-size:20px; font-weight:bold; border-bottom:dashed 2px #ffffff; color:#ffffff; }
a.blog_link:hover { color:#ffffff; border-bottom:solid 2px #ffffff; }
a.back_link { font-size:20px; font-weight:bold; border-bottom:dashed 2px #958a78; color:#958a78; }
a.back_link:hover { color:#958a78; border-bottom:solid 2px #958a78; }
#com_check_panel {display:table; margin:-350px auto 0px auto; }
#com_check_panel a{ /*cursor:default;*/ display:block; float:left; margin:0px 5px 0px 5px; width:14px; height:14px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background:#ffffff; /*border:solid 2px #958a78;*/ }
#com_check_panel a.sld_active { background:#e31e24; }
#com_check_panel a:hover{ border:none !important; }
#about-pc { display:block; }
#about-mobile { display:none; }
.about-info { background:url(/img/design/director/info_bg.png); width:100%; height:300px; position:absolute; bottom:0%; }
.about-text { right:0%; text-align:right; width:650px; font-size:14px; color:#cac3b0; position:absolute; margin:20px 300px 0px 0px; -webkit-animation: about-open-txt 1s linear; -moz-animation: about-open-txt 1s linear; -ms-animation: about-open-txt 1s linear; animation: about-open-txt 1s linear; }
.people_img { position:absolute; z-index:2; width:280px; cursor:help; opacity:0; top:0%; right:0%; margin:10px; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; }
.people_img_l { position:absolute; z-index:1; width:280px; top:0%; right:0%; margin:10px; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; -webkit-animation: about-open 0.3s linear; -moz-animation: about-open 0.3s linear; -ms-animation: about-open 0.3s linear; animation: about-open 0.3s linear; }
.view_panel { display:table; margin:25px auto 10px auto; }
.view_panel a { border:none; padding:1px; margin:0px 5px 0px 5px; opacity:0.5; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.view_panel a:hover { opacity:1; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.view_panel a img { border:solid 1px #000000;}
.view_panel a.set_view { opacity:1; }
.block_img { display:block; float:left; width:300px; margin:20px 18px 20px 18px; border:solid 2px #ffffff; padding:0px; }
.block_img a { padding:0px; line-height:0px; border:none; opacity:1; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.block_img a:hover { opacity:0.8; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.block_img img { vertical-align:top; }
.blog_theme { width:1024px; display:table; margin:0 auto; }
.blog_theme p { text-align:justify; padding:0px 12px 0px 12px; }
.blog_theme h3 { text-align:justify; padding:20px 12px 0px 12px; }
.blog_theme .rate_title { display:block; position:static; padding:9px 0px 0px 0px; margin:0px 0px 0px -180px; color:#484848; }
.rate_panel{ width:350px; height:40px; }
.rate_place { width:350px; height:40px; position:absolute; }
.rate_sfill { background:#9B9B9B; width:116px; height:24px; position:absolute; margin:2px 2px 0px 22px; }
.rate_yfill { background:#f8e400; width:105px; height:24px; position:absolute; margin:2px 2px 0px 22px; }
.rate_stars { background:url(/img/design/rate_stars.png) no-repeat; width:120px; height:24px; position:absolute; margin:2px 0px 0px 20px; cursor:pointer; }
.rate_unvote { width:120px; height:24px; position:absolute; margin:2px 0px 0px 20px; cursor:pointer; }
.rate_vote { width:120px; height:24px; position:absolute;margin:2px 0px 0px 20px; }
.rate_vote a { float:left; display:block; width:24px; height:24px; border:none; }
.rate_vote a:hover { border:none; }
.rate_title { left:0%; width:200px; margin:-38px 0px 0px 0px; position:absolute; color:#ffffff; font-style:italic; font-size:12px; cursor:help; }
.blog_theme_in { width:100%; margin:0px; padding:0px 0px 0px 0px; font-size:12px; text-align:justify; }
.blog_theme_date { font-size:14px; font-weight:bold; padding: 10px 0px 15px 0px; }
.blog_theme_date img { border:none; margin-right:2px; vertical-align:bottom; }
.blog_theme_title { font-size:12px; font-weight:bold; padding: 5px 0px 2px 0px; }
.blog_theme_title a{ text-shadow: 0px 1px white; }
.blog_theme_text { font-size:12px; margin:0px; padding:0px 0px 0px 0px; }
.blog_theme_deliter { height:1px; border-bottom:dotted 1px gray; padding:10px 0px 0px 0px; }
.blog_theme_panel
{
margin:60px 0px 60px 0px;
}
.blog_posted { font-size:14px; }
.blog_posted h1 { font-size:30px; color:#e31e24; padding: 30px 12px 20px 12px; }
.blog_rate_place
{
width:160px;
margin:-7px 0px 0px 20px;
padding:0px 0px 0px 0px;
background-color: #ffffff;
height:30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:none;
}
.cost_stiker { display:block; position:absolute; width:45px; height:35px; cursor:pointer; background:url(/img/design/cost_stiker.gif) 0px 0px no-repeat; }
.class_tooltip { color:#ffffff; margin:50px 0px 0px -80px; background: url(/img/design/feedback_bg.png); border: 1px solid #ffffff; display: none; padding: 5px; position:absolute; z-index:10000; width: 200px; text-align:center; }
a.m-about-us { width:120px; text-transform:uppercase; height:28px; font-size:14px !important; font-weight:200 !important; color:#ffffff; margin:14px 5px 10px 240px; border:solid 1px #ffffff !important; padding:11px 0px 2px 0px; display:block; text-align:center; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.gm-style-iw p { text-align:center; }
.creater { font-size:12px !important; }
#lm-sublist_6 { margin-top:-8px !important; }
@media (min-width:1950px)
{
#catalog-content { width:1240px; margin:85px auto 20px auto; }
.catalog-content { width:1240px; margin:85px auto 20px auto; }
}
@media (min-width:1200px)
{
#news-block { width:1200px; height:100%; margin: 10px auto 10px auto; }
#cat-table-4 { width:930px;}
}
@media (min-width:320px) and (max-width:2920px)
{
#catalog-content { width:1240px; margin: 10px auto 10px auto; }
.catalog-content { width:1240px; margin: 10px auto 10px auto; }
#central-block { width:930px; }
.shop-element { width:300px; height:465px; margin: 5px 5px 5px 5px; }
.elem-img img { width:280px; }
.w-title, .b-title { width:300px; }
a.elem-detail { width:240px; font-size:19px; padding:18px 20px 12px 20px; }
.l-title, .l-article, .l-cost { font-size:17px; }
.l-cost img { width:10px; }
.in-cost { text-align:center; }
}
@media (max-width:1200px)
{
#central-block { width:95%; }
.central-block { width:95%; }
.promotion_inner { position:relative; width:100% !important; display:table; margin:0px auto 0px auto; left:0; }
.promotion_txt { font-size:14px; background:url(/img/design/tonik.png); display:table; color:#ffffff; position:relative !important; width:100%; margin:0px; left:0; padding:15px 0px 10px 0px !important; text-align:center; font-weight:200; }
.object_place { display:table-cell; width:32% !important; margin:0.5% !important; }
.img-preview { display:block; }
.img-preview a { float:none; }
.img-preview img { width:32% !important; }
#news-block { width:95%; }
}
@media (min-width:950px) and (max-width:1240px)
{
#catalog-content { width:930px; margin: 10px auto 10px auto; }
.catalog-content { width:930px; margin: 10px auto 10px auto; }
}
@media (min-width:640px) and (max-width:950px)
{
#catalog-content { width:620px; margin: 10px auto 10px auto; }
.catalog-content { width:620px; margin: 10px auto 10px auto; }
#central-block { width:620px; }
}
@media (min-width:320px) and (max-width:640px)
{
#catalog-content { width:310px; margin: 10px auto 10px auto; }
.catalog-content { width:310px; margin: 10px auto 10px auto; }
#central-block { width:310px; }
}
@media (max-width:980px)
{
#about-pc { display:none !important; }
#about-mobile { display:table !important; position:relative !important; background: #000000 url(/img/design/komatsu/kom-footer.jpg) 50% 50% no-repeat; }
.about-text { text-align:right; width:60%; font-size:14px; color:#cac3b0; position:relative; padding:10px 0px 10px 0px !important; margin:0px 0px 0px 0px; }
.people_img { width:280px; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; }
.people_img_l { width:280px; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; }
#com_check_panel { margin:-50px auto 0px auto; }
}
@media (max-width:770px)
{
.about-text { text-align:right; width:95%; font-size:14px; color:#cac3b0; position:relative; padding:10px 0px 10px 0px; margin:210px auto 0px auto; }
.people_img { width:200px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.people_img_l { width:200px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.central-block { width:95%; }
#central_place { margin-top:50px; }
#page-content { margin-top:0px; }
#central-block H1 { font-size:20px; margin-top:0px; }
#central-block H2 { font-size:18px; margin-top:20px; padding:20px 0px 10px 0px; }
#subcontent-page .sub-cell { display:block; width:100%; font-size:16px; padding:0px 0px 0px 0px; text-align:justify; }
#subcontent-page .sub-cell a { margin-right:15px; margin-bottom:5px; }
.img_article_thmb img { width:100% !important; }
.img_article_int img { width:100% !important; }
#main_menu_top_page { display:none; }
#main_menu_top { display:block; }
#right-block-menu { display:none; }
#about-company p { font-size:11px !important; }
#feedback_place { width:100%; margin: 0px 0px 0px 0px; padding:0px; }
#feedback_place H3 { font-size:13px; text-align:right; padding-right:10px; }
#send_button { float:left; margin: 0px 0px 0px 10px; font-size:12px; font-weight:200; width:150px; height:34px; }
#feedback_inner { margin: 0px 0px 0px 0px; }
#feedback_inner input, #feedback_inner textarea { width:90%; margin: 10px 0px 0px 0px; }
.areainfo { padding-left:20px; }
.logo-place { display:none; }
img#logo-word-s { width:100px !important; margin:-3px 0px 0px 0px; }
#f_block_1 { display:table; width:100%; padding:10px 0px 10px 0px; }
#f_block_2 { display:table; width:100%; padding:10px 0px 10px 0px; }
#f_block_3 { display:table; width:100%; padding:10px 0px 10px 0px; }
#f_block_2 img { width:90%; }
#f_block_1 p, #f_block_2 p, #f_block_3 p { text-align:center; }
#f_block_1 span, #f_block_2 span, #f_block_3 span { text-align:center; }
#f_block_1 div, #f_block_2 div, #f_block_3 div { text-align:center; }
#footer .f_block_table_all { display:table; width:100%; margin:0 auto; }
.object_place { display:table-cell; width:48% !important; margin:0.5% !important; }
.img-preview a { float:none; }
.img-preview img { width:48% !important; }
.list li { font-size:14px; }
ol li { font-size:14px; }
#kom-text { display:none; }
.a_title img { width:180px !important; margin-top:8px; }
#phone a { font-size:14px; }
#phone a:hover { font-size:14px; }
.kom-table div { display:table; width:100%; text-align:center; }
.kom-table div img { width:100%; }
}
@media (min-width:770px) and (max-width:1200px)
{
.m_m_t_block_table { width:90%; }
#main_menu_top_page .social-icons { margin-right:15px; }
.logo-place { width:90px; }
.logo-place img { width:60px; }
#about-company p { font-size:13px !important; }
#footer .f_block_table_all { display:table; width:100%; margin:0 auto; }
}
@media (min-width:480px) and (max-width:770px)
{
p,div,td { font-size:15px; }
h1, h2 { font-size:20px; padding:20px 0px 10px 0px; }
#theatre-slides img { }
#menu-theatre-front .ds-line .dsplay span { height:30px; padding-top:10px; }
#menu-theatre-front .ds-line .dsplay a { margin-top:15px; }
}
@media (min-width:320px) and (max-width:480px)
{
body { font-size:14px; }
p,div,td { font-size:14px; }
#central-block { width:95%; }
#central-block H1 { font-size:18px; margin-top:0px; }
#central-block H2 { font-size:16px; margin-top:0px; padding:20px 0px 10px 0px; }
#map { height:600px; }
#map-canvas { height:600px; }
.opisanie h3 { font-size:14px; padding:0px; }
h1, h2 { font-size:18px; padding:20px 0px 10px 0px; text-align:center !important; }
#subcontent-page .sub-cell { display:table; width:100%; font-size:14px; padding:0px 0px 0px 0px; text-align:justify; }
a.imgmask { margin:15px auto !important; display:table; }
a.imgmask { float:none;}
.sub-cell p { display:none; }
.promotion { display:none; }
#about-company div { display:table; }
.object_place { display:table-cell; width:100% !important; }
.object_place img { width:100% !important; }
.img-preview { width:98%; }
.img-preview a { float:none; }
.img-preview img { width:100% !important; }
.img-preview a img { -webkit-filter: brightness(100%); filter: brightness(100%); }
.pre_promotion { height:30px; }
.vert-1, .vert-2 { display:none; }
#menu-theatre-front { display:table; }
#menu-theatre-front .ds-line .dsplay { width:100%; }
#phone a { display:none; }
.a_title img { width:200px !important; margin-top:4px; }
.kom-table div a.elem-detail { left:50%; margin-left:-140px !important; }
}
@media (min-width:360px) and (max-width:400px)
{
}
@media (min-width:320px) and (max-width:360px)
{
}