/* NEW */
body{margin:0px;padding:0px;font-family:'Cuprum', sans-serif;font-size:80%;width:100%;color:#282828;background:#eee;-webkit-font-smoothing:antialiased}
img{border:none}
header,footer{display:block;overflow:hidden;clear:both}
footer{background:url(http://olil.ru/templates/olil/images/bg_boot_copy.jpg) center no-repeat #3d3943;background-size:cover}
.content{width:100%;max-width:1000px;margin:0 auto;padding:20px 0 0 0}
/* content > .jshop{padding:0 0 0 30px}
content > .jshop{margin:0 0 50px 230px} */
p{font:14px Arial;text-align:justify;line-height:18px}
a{color:#9b682d}
h1{font:250% 'Cuprum';margin:35px 0 15px 0;text-transform:uppercase}
h2{font:200% 'Cuprum';margin:35px 0 15px 0;text-transform:uppercase}
h3{font:150% 'Cuprum';margin:25px 0 10px 0;text-transform:uppercase}
.ln1{height:120px;overflow:hidden}
.logoolil{float:left}
.logoolil img{margin:12px 0 0 20px}
.logodwyer{float:right}
.logodwyer img{margin:24px 20px 0 0}
.topphone{position:absolute;left:50%;font-size:120%;line-height:18px;margin-top:7px;border-left:3px solid #a51a17;padding-left:10px}
.topphone span{font-weight:bold;color:#a51a17}
.ln2{clear:both;/* background:url(/templates/duol/img/headtopbg.jpg) no-repeat center top #dfdfdf; */overflow:hidden;height:310px}
.ln3{clear:both;background:url(/templates/duol/img/headbg.gif) center top #dfdfdf}
.article-info{display:none}
.usfrendlytext, .page-header, .custom, #xmap{margin:0 auto}
.usfrendlytext p, .usfrendlytext li{font:16px 'Cuprum';line-height:22px;color:#555}
.usfrendlytext li{margin:10px 0}
.usfrendlyimg{border:5px solid #fff;outline:1px solid #b1b1b1}
.mainmenu{margin:0 auto;text-align:center}
.mainmenu ul, .techmenu ul, .footmenu ul{margin:0px;padding:0px}
.mainmenu ul li{list-style-type:none;text-transform:uppercase;display:inline-block;padding-left:2%;width:150px;margin:20px 0 10px 0;vertical-align:top}
.mainmenu ul li a, .techmenu ul li a{font-size:116%;font-weight:700;text-decoration:none}
.mainmenu ul li a{color:#000;border-bottom:1px dotted #000;line-height:150%}
.mainmenu ul li a:hover, .techmenu ul li a:hover{text-decoration:none;border:none}
.mainmenu ul li.active a, .techmenu ul li.active a{color:#888;text-decoration:none;border-bottom:none}
.mainmenu ul li.active a:hover, .techmenu ul li.active a:hover{text-decoration:none;border-bottom:none}
.mainmenu ul li img, .techmenu ul li img{max-width:138px;border:5px solid #fff;outline:1px solid #b1b1b1}
.mainmenu ul li span, .techmenu ul li span{display:block;vertical-align:bottom}
.techmenu ul li img{max-width:208px}
.footmenu{margin:0px;padding:27px 0;text-align:center}
.footmenu ul{width:70%;margin:0 auto}
.footmenu ul li{list-style-type:none;text-transform:uppercase;display:inline-block;margin:5px 10px}
.footmenu ul li img{display:none}
.footmenu ul li a{color:#fff;font-size:116%;text-decoration:none;border-bottom:1px dashed #fff}
.footmenu ul li a:hover{text-decoration:none;border-bottom:none}
.techmenu{width:223px;margin:0 30px 0 7px}
.techmenu ul li{list-style-type:none;text-transform:uppercase;display:block;width:223px;text-align:left;margin-top:0px}
.techmenu ul li a{color:#9b682d;padding:10px 0 10px 20px;background:url(/templates/duol/img/cat_lev0_p.png) no-repeat left center;background-position:5px 50%;display:block}
.techmenu ul li a:hover{background:url(/templates/duol/img/cat_lev0_a.png) no-repeat left center #d8d8d8;color:#282828;background-position:5px 50%}
.footcontacts{width:100%;margin:0 auto;overflow:hidden;max-width:1002px;padding-left:30px}
.footcontacts > div{display:inline-block;vertical-align:top;width:164px;color:#9d9d9d;text-transform:uppercase;margin-top:20px}
.footcontacts > div.copyright{display:block;width:100%}
.footcontacts > div p,.footcontacts > div span{margin:6px 0 0 0;color:#eee;font:80% Georgia, 'Times New Roman', Times, serif!important;font-style:italic!important;font-weight:normal;text-transform:none;text-decoration:none;line-height:11px!important;text-align:left!important}
.footcontacts > div span{margin:0}
.footcontacts > div a{color:#fff;text-decoration:underline}
.footcontacts > div a:hover{color:#fff;text-decoration:underline}
.breadcrumb{padding:50px 0 0 0;margin:0px;text-align:center;width:100%}
.breadcrumb li{list-style-type:none;display:inline-block;font:12px Arial}
.breadcrumb li a{color:#6d436a;text-decoration:underline;font:12px Arial}
.breadcrumb li a:hover{text-decoration:none}
.breadcrumb li.active{color:#282828}
.breadcrumb li img{margin:0 10px}
.leftcolumn{float:left;width:225px;padding:30px 0}
.item-page{margin-left:235px;padding:0 30px}
.item-page li{font:14px Arial;text-align:justify;line-height:16px;margin:8px 0}
.item-page img{border:5px solid #fff;outline:1px solid #b1b1b1}
.flare{display:block;width:1px;position:absolute;left:-200px}
.cols2{vertical-align:top;display:inline-block;width:41%;padding:0 20px 20px 20px;margin:10px;background:#d8d8d8;text-align:center}
.cols2 p{text-align:left}
.cols2 img{border:none;outline:none}
.cols3{vertical-align:top;display:inline-block;width:24%;padding:0 20px;margin:10px;background:#d8d8d8;text-align:center}
.cols3 p{text-align:left}
.cols3 img{float:left;margin:0 10px 0 0;border:none;outline:none;width:48px}

img[tabindex="0"] {
  cursor: zoom-in;
  width:150px;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(0,0,0,.4);
}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
.gallery{text-align:center}
.gallery div{display:inline-block;margin:0 20px 20px 0}
.gallery img{width:320px}
.modal{display:none;width:620px;margin:50px auto}
/* .modal > div > div{background:url(/templates/cybroflat/img/bgtrack.jpg)} */
.modal .close{position:absolute;left:595px;top:15px}
.themodal-lock{overflow:hidden}
.themodal-overlay{position:fixed;bottom:0;left:0;top:0;right:0;z-index:100;overflow:auto;-webkit-overflow-scrolling:touch}
.themodal-overlay > * {-webkit-transform: translateZ(0px)}
.themodal-overlay{background:rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);zoom:1}
#feedback > div{background:#fff;-webkit-box-shadow:0px 7px 13px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 7px 13px 0px rgba(0,0,0,0.75);box-shadow:0px 7px 13px 0px rgba(0,0,0,0.75);border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}
#feedback > div > div{color:#000;padding:10px 40px}
.megabut{text-align:center;cursor:pointer;color:#000;font-size:16px;margin:0 0 20px 10px;padding:10px;background:#de8c01}
.megabut:hover{background:#d8d8d8;color:#9b682d}
.megabut span{font-size:32px}





/* OLD
select, input, textarea{height:24px;padding:0 10px;font:12px Arial;color:#484848;-moz-border-radius:10px;-webkit-border-radius:10px;behavior:url("/templates/duol/css/border-radius.htc");border-radius:10px} */
input[type=text]{border:1px solid #d8d8d8;-webkit-box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36);-moz-box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36);box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36)}
input[type=button]{border:none;-webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.36);-moz-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.36);box-shadow:2px 2px 6px 0px rgba(0,0,0,0.36);background:#119ce6;color:#fff;font-weight:bold;cursor:pointer}
textarea{height:85px;padding:5px;border:1px solid #d8d8d8;-webkit-box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36);-moz-box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36);box-shadow:inset 2px 2px 6px 0px rgba(0,0,0,0.36)}
.sert{display:inline-block;vertical-align:top;margin:10px 20px 10px 0}
.sert img{width:200px;border:5px solid #fff;outline:1px solid #b1b1b1}
.indcateg{margin:35px 65px 0 0!important;width:180px!important}
.closeform{float:right;margin:-20px -50px 0 0;z-index:100;cursor:pointer}
.fastcall .formHorizontal, .fastcall .formControls{margin:10px 0 0 0!important}
.fastcall .formControlLabel, .fastcall p.formDescription{display:none}
.fastcall p.formRed{margin:5px 0;text-transform:none;color:#CF4D4D}
.fastcall .formValidation{display:block!important;margin:2px 0 0 5px}
.fastcall #callsend{font-style:normal;float:right;width:130px}
.fastcall .rsform-input-box{font-style:italic!important}
.search{position:absolute;margin-top:-74px;width:230px;padding:10px 0 5px 0;background:#282828}
.search .inputbox{width:136px;height:26px;-moz-border-radius:14px;-webkit-border-radius:14px;behavior:url("/templates/duol/css/border-radius.htc");border:1px solid #605e5f;border-radius:14px;background:#313131;color:#b3b3b3;padding:0 12px;margin:0 5px 0 15px;font:100% Arial;position:relative;z-index:0}
.search .button{width:28px;height:28px;-moz-border-radius:14px;-webkit-border-radius:14px;behavior:url("/templates/duol/css/border-radius.htc");border:1px solid #605e5f;border-radius:14px;background:#282828;position:absolute;z-index:0;background:url(/templates/duol/img/searchent.png) no-repeat center;cursor:pointer}
#boot_button{margin:0 auto;padding:0;width:100%;height:147px;position:relative;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;background:#3d3943 url(http://olil.ru/templates/olil/images/bg_boot_button.jpg) center no-repeat}
#boot_button1 > div{left:50%;position:relative;color:#9d9d9d;font-size:150%;text-transform:uppercase;text-align:center}
#boot_button1 > div div{width:54px;height:54px;display:block}
#boot_button1 > div div img{width:54px;height:54px}
#boot_button1 > div div.vakansii{margin:10px 0 0 122px;background:url(/templates/duol/img/icon-vakansii.png) center top no-repeat}
#boot_button1 > div div.vakansii:hover{background:url(/templates/duol/img/icon-vakansii.png) center bottom no-repeat}
#boot_button1 > div div.vkontakte{margin:10px 0 0 0;background:url(/templates/duol/img/icon-vk.png) center top no-repeat;display:inline-block}
#boot_button1 > div div.vkontakte:hover{background:url(/templates/duol/img/icon-vk.png) center bottom no-repeat}
#boot_button1 > div div.facebook{margin:10px 15px 0 15px;background:url(/templates/duol/img/icon-fb.png) center top no-repeat;display:inline-block}
#boot_button1 > div div.facebook:hover{background:url(/templates/duol/img/icon-fb.png) center bottom no-repeat}
#boot_button1 > div div.google{margin:10px 0 0 0;background:url(/templates/duol/img/icon-gpl.png) center top no-repeat;display:inline-block}
#boot_button1 > div div.google:hover{background:url(/templates/duol/img/icon-gpl.png) center bottom no-repeat}
#boot_button1 > div div.sitemap{margin:10px 0 0 122px;background:url(/templates/duol/img/icon-smap.png) center top no-repeat}
#boot_button1 > div div.sitemap:hover{background:url(/templates/duol/img/icon-smap.png) center bottom no-repeat}
#boot_button1 .vacancies{margin:26px 0 0 -494px;width:298px;float:left}
#boot_button1 .soc-sety{margin:26px 0 0 -165px;width:328px;float:left}
#boot_button1 .site_map{margin:26px 0 0 32px;width:298px;float:left}
#copyright{margin:0 auto;padding:0;width:100%;float:left;position:relative}
.formsbut{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;margin-top:5px}
.formsbut > div{max-width:1000px;margin:0 auto;overflow:hidden;background:url(/templates/duol/img/formsbutbg.gif) left center no-repeat;padding-left:1px}
.formsbut > div p{margin:0;padding:0}
.formsbut > div a, .formsbut > div div{background:url(/templates/duol/img/formsbutbg.gif) right center no-repeat;display:block;float:left;width:33%;height:108px;text-align:center;text-decoration:none;font:150% 'Cuprum';text-transform:uppercase;color:#6b6b6b;padding-top:40px;cursor:pointer}
.formsbut > div a:hover, .formsbut > div div:hover{background:url(/templates/duol/img/formsbutbg.gif) right center no-repeat #e8e8e8}
.formsbut > div span{color:#9b682d;font-size:200%;text-transform:uppercase}
.customgrid{padding:20px 30px;border-top:1px solid #cdcdcd;background:url(/templates/duol/img/gridbg.gif)}
.customgrid > div{width:100%;max-width:1000px;margin:0 auto;display:table;box-sizing:border-box}
.customgrid > div > div{display:table-cell;vertical-align:top;box-sizing:border-box;padding:20px;text-align:justify;background:#ddd}
.customgrid > div > div h2{text-align:left;line-height:26px}
.customgrid .block1{width:58%;background:#cecece}
.customgrid .block2{width:42%;border-left:1px solid #eee}
.customgrid .block3{width:22%;border-top:1px solid #eee}
.customgrid .block4{width:32%;border-left:1px solid #eee;border-top:1px solid #eee}
.customgrid .block5{width:46%;border-left:1px solid #eee;border-top:1px solid #eee}
.customgrid h2{font:250% 'Cuprum';margin:0}
.customgrid a{color:#282828;text-decoration:none;border-bottom:1px dotted #282828;display:inline-block;line-height:12px}
.customgrid a:hover{border:none}
.undermenu{width:223px;margin:30px 0 0 7px}
.form-horizontal{overflow:hidden}
.top_hits_products{margin:0!important;padding:20px 0!important;background:url(/templates/duol/img/gridbg.gif);overflow:hidden;height:300px}
.top_hits_products > div{display:inline-block;vertical-align:top;width:190px;margin:20px 40px 10px 30px}
.top_hits_products h2{font:180% 'Cuprum';font-weight:400;text-transform:uppercase;margin:0 0 0 30px}
.block_product .description{display:none}
.block_product:hover .description{display:block;position:absolute;width:168px;height:75px;margin-top:-96px;padding:10px!important;overflow:hidden;font:10px Arial;background:#eee;border:1px solid #b1b1b1;border-top:none;font-style:italic;cursor:pointer}
.block_product:hover .image_block{vertical-align:top}
.block_product:hover .image_block img{height:75px;margin-top:5px}
content .blog{padding:0 30px}
content .blog h2{text-transform:uppercase}
content .blog a{color:#000;text-decoration:none;border-bottom:1px dotted #000}
content .blog a:hover{border-bottom:none}
.items-leading > div{margin:50px 0}
.pagination ul{padding:0;margin:0 0 40px 0}
.pagination ul li{display:inline-block;width:20px;height:20px;border:1px solid #9d9d9d;margin:0 4px;padding-top:3px}
.pagination ul li span{display:block;width:20px;height:14px;text-decoration:none;border:none;text-align:center;padding-top:2px}
.pagination ul li a{display:block;width:20px;height:14px;text-decoration:none;border:none;text-align:center;padding-top:2px;color:#9b682d;font-weight:bold}
.pagination-start, .pagination-end, .pagination-next, .pagination-prev{display:none!important}
.listdescr{clear:both;padding:8px 10px 8px 30px;font:18px 'Cuprum';margin:10px 0;cursor:pointer;border:1px solid #e2e2e2;background:url(/templates/duol/img/primdown_p.png) left center no-repeat #e2e2e2;background-position:10px center}
.listdescr:hover{border:1px solid #b1b1b1;background:url(/templates/duol/img/primdown_a.png) left center no-repeat #e2e2e2;background-position:10px center}
.openlist{overflow:hidden;font:16px 'Cuprum';line-height:22px;text-align:justify;margin-bottom:50px}
.openlist img{margin:0 15px 5px 0;float:left;width:30%;border:1px solid #b1b1b1}
#xmap li{margin:10px 0;color:#555}
#xmap li a{color:#555}
#xmap li a:hover{text-decoration:none}
@media screen and (max-width:1024px){content > .custom{padding:0 0 0 30px}
.footcontacts{width:100%}
.topphone{left:38%}
}
@media screen and (max-width:800px){.customgrid > div{display:block;box-sizing:inherit}
.topphone{left:30%}
}
@media screen and (max-width:640px){.formsbut > div a{font:112% 'Cuprum';height:98px;padding-top:50px}
.formsbut > div span{font-size:150%}
.customgrid > div > div{width:94%!important;display:block;box-sizing:inherit;border-left:none!important;border-top:1px solid #eee}
#requestcatalog > div, #feedback > div{width:90%;position:fixed;top:50px;left:50%;margin-left:-45%}
}
@media screen and (max-width:500px){.logoolil{width:45%}
.logodwyer{width:45%}
.logoolil img{width:100%;margin:20px 0 0 5px}
.logodwyer img{width:100%;margin-top:30px}
}