Шрифты в IE.

*{margin:0;padding:0;}
html, body{transition: all 0.4s ease-in-out; height:100%;}
body{
font: 14pt Arial, Tahoma;
cursor: default;
background-color: #2d2d2d;
color: #fafafa;
}
img {border:0;}
a{text-decoration:none; color: #cd6928;}
a:hover{text-decoration:none;cursor: pointer; color:  #FF8635;}
h1 small{font-size: 14pt;font-family: Arial;text-shadow: none;}
h4 {font-size: 19pt;clear:both; }
h4 dl {float:left;margin-right: 15px;}
h4 dt {color:#FF8635;}
ul {list-style:none;}
#description {clear:both;}
#discription img {float:left;width: 40%;margin: 0px 20px 100px 34px;}
.dicsription li {margin: 5px 0 5px 0;font-family: 'Marmelad', sans-serif;}
.dicsription li:before {content: "- "; font-size:21pt;vertical-align:center;}
#discription_ps {margin: 25px 0 0 0;}
#social  img{
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
-webkit-filter: grayscale(100%);
padding: 5px;
}
#social img:hover{
-webkit-filter: grayscale(0%);
padding:0 5px 10px 5px;
cursor: pointer;
}
#homepage{min-width: 300px;}
#container {
    width: 100%;
    float: left;
    overflow: hidden;
}
#contents {
    padding: 0 320px 0 0;
}
#sideRight {
    float: left;
    margin-right: -3px;
    width: 300px;
    margin-left: -300px;
    position: relative;
}
#right-block {position:relative;margin-bottom: 50px; }
#right-block dt{
max-width: 250px;
font-size: 22pt;
font-weight: bolder;
float: right;
margin-left: 15px;
min-width: 200px;
text-align: left;
}
#right-block dd{
padding: 5px 10px 5px 10px;
margin-left: 50px;
border-bottom:  2px solid #FF8635;
width: 210px;
font-size: 12pt;
}
#right-block dd li{
padding: 5px 0 10px 0;
list-style:square inside;
}
.right-block[data-icon]{font-size: 32px;float: left;}
.right-block {
padding: 5px 10px;
margin-top:25px;
height: 30px;text-align: center;
padding-bottom: 15px;
border-bottom: 5px solid #FF8635;
}
#ps{
color:white;
-moz-opacity:0.8;
-o-opacity:0.8;
-khtml-opacity:0.8;
-webkit-opacity:0.8;
}
#ps:hover{
-moz-opacity:1;
-o-opacity:1;
-khtml-opacity:1;
-webkit-opacity:1;
}
#mobile-nav{
transition: all 0.4s ease-in-out;
display:none;
background: #FF8635;
padding: 5px;
padding-top: 1px;
position: fixed;
bottom:0;
left:0;
height: 65px;
width: 100%;
text-align: center;
z-index: 9999999999999;
}
#mobile-nav ul li{
list-style:none;
display: inline-block;
font-size: 30px;
position: relative;
}
#mobile-nav ul li a{
color: rgba(45,45,45,.7);
padding: 0 15px;
text-decoration: none;
}
#mobile-nav li small {
padding: 0 4px 0 4px;
background: #FF8635;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: black;
font-size: 12px;
font-family: Arial;
font-weight: bolder;
line-height: 22px;
height: 22px;
position: absolute;
left: 50%;
top: -99999px;
margin: 0 0 0 -40px;
text-align: center;
width: 80px;
opacity: 0;
-moz-transition: opacity .20s ease-in-out;
-webkit-transition: opacity .20s ease-in-out;
transition: opacity .20s ease-in-out;
z-index: 1;
}
#mobile-nav li small:after {
border-color: #FF8635 transparent;
border-width: 4px 4px 0 4px;
border-style: solid;
position: absolute;
left: 50%;
bottom: 0;
margin: 0 0 -4px -2px;
content: "";
}
#mobile-nav li a:hover + small{
top:-37px;
opacity: 1;
}
#mobile-nav li a:hover{
color: rgba(45,45,45, 1);
}
#body{
min-height: 74.3%;
_height: 74.3%;
}
header{
padding: 10px;
margin:0 auto;
font-family: 'Lobster', cursive;
height:200px;
background: url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/bghl.png) no-repeat, url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/bghr.png) no-repeat, url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/bghc.png) repeat-x;
background-position: left, right, center;
background-size: 700px 100% ;
box-shadow: 0 2px 7px 2px  #000;
}
footer{
position: relative;
clear:both;
width: 100%;
height:130px;
background-color:#FF8635;
z-index:20; 
box-shadow: -10px 0px 25px black;
-moz-box-shadow:-10px 0px 25px black;
-o-box-shadow: -10px 0px 25px black;
-webkit-box-shadow:-10px 0px 25px black;
padding-bottom:15px;
}
#footer {
max-width: 600px;
margin: 0 auto;
}
#footer ul{
border-right: 1px solid black;
padding-right: 40px;
padding-left: 10px;
margin-top: 5px;
float: left;
list-style: none;
}
#footer ul li a{
font-size: 14pt;
text-decoration: none;
color: black;
font-family: cursive;
line-height: 1px;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#footer ul li a:hover{
color: #fafafa;
text-shadow: -2px -2px 3px black;
}
#copyright{
width: 100%;
font-size: 24pt;
font-family: Kranky, cursive, lobster;
margin: 0 auto;
clear: both;
text-align: center;
}
h2{
text-align: center;
font-family: Kranky, cursive, lobster ;
text-shadow: -1px -1px 1px #FF8635;
}
h2 a{
color: #fafafa;
cursor:default;
}
h2 a:hover{
color: #fafafa;
cursor:default;
}
#logotype {
float:left;
margin-left: 100px;
}
#logo {
width: 600px;
height:150px;
clear:both;
background: url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/logo.png) no-repeat;
}
#logotype h1{
color: black;
font-size: 34pt;
text-shadow: 5px 2px 5px #dc680e;
}
#main{
float:right;
margin-top: -10px;
}
#main ul{
list-style: none;
}
#main ul li{
width: 350px;
}
#main ul li a{
text-decoration: none;
font-size: 22pt;
color: #fafafa;
display: block;
padding-left: 10px;
padding-right: 100px;
border-radius: 50px 0 0 50px;
-o-border-top-left-radius: 50px;
-o-border-bottom-left-radius: 50px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-khtml-border-top-left-radius: 50px;
-khtml-border-bottom-left-radius: 50px;
-moz-border-radius: 50px 0 0 50px;
border: 2px solid black;
border-right: 2px solid #2d2d2d;
margin-top:  10px;
background-color: #2d2d2d;
box-shadow: -7px 2px 15px black, -8px -2px 15px black;
-moz-box-shadow:-7px 2px 15px black, -8px -2px 15px black;
-o-box-shadow:-7px 2px 15px black, -8px -2px 15px black;
-webkit-box-shadow:-7px 2px 15px black, -8px -2px 15px black;
margin-right: -5px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#main ul li a:hover{
padding-left: 50px;
position:relative;
color: #cd6928;
}
#nav2block{
width: 100%;
height: 80px;
background: url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/nav2.png) repeat-x;
background-size: 100% 80px;
margin-top: -9px;
}
#nav2 {
width: 1100px;
margin: 0 auto;
}
#nav2 ul{
width: 1150px;
list-style: none;
position:absolute;
margin: 0 0 0 -40px;
}
#nav2 ul li{
padding: 10px;
padding-left: 0;
margin-left: 38px ;
margin-top: 10px;
float: left;
}
#nav2 ul li a{
font-family:lobster;
text-decoration: none;
color: #fafafa;
font-size: 25pt;
text-shadow: 1px 1px 2px #fafafa, -4px -3px 5px black;
-o-text-shadow:  1px 1px 2px #fafafa, -4px -3px 5px black;
-moz-text-shadow:  1px 1px 2px #fafafa, -4px -3px 5px black;
-webkit-text-shadow:  1px 1px 2px #fafafa, -4px -3px 5px black;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#nav2 ul li a:hover{
color: #cd6928;
}
#content {
padding-left: 40px;
max-width: 1400px;
margin: 0 auto;
margin-bottom: 100px;
}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav3 ul{
    list-style:none;
    left:-9999px; 
    opacity:0; 
    -webkit-transition:0.25s linear opacity; 
    padding-bottom: 15px;
}
#nav3 ul li{
    float:none;
    background:url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/dot.gif);
}
#nav3 ul a{
    white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
}
#nav3 li:hover ul{
background:rgba(45,45,45,.8) ;
z-index:9999;
    left:0; 
    opacity:1;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-o-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
width: 420px;
}
#nav3 li:hover .li_nav3{left: 460px;}
#nav3 li:hover ul li a{ 
z-index:9999;
    -webkit-transition:-webkit-transform 0.075s linear;
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    color: #FF8635;
        -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#nav3 li:hover ul li a:hover{
z-index:99999;
margin-left: -20px;
    background: #FF8635 ;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    color: white;
}
#content h1{
font-family: lobster, cursive;
font-size: 26pt;
color: #FF8635;
border-bottom: 1px solid #cd6928;
text-shadow: -1px -1px 1px white ;
}
p{
font-family: lobster, arial;
font-size: 14pt;
}
#uslugi{
max-width:1300px;
margin: 0 auto;
}
#uslugi ul{
max-width: 200px;
color: black;
background-color: white;
margin: 10px 20px auto;
padding-left: 40px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 0;
float:left;
border: 2px solid #cd6928;
box-shadow: -2px -2px 2px #cd6928, 2px 2px 2px #cd6928;
-o-box-shadow: -2px -1px 2px #cd6928, 2px 2px 2px #cd6928;
-moz-box-shadow: -2px -2px 2px #cd6928, 2px 2px 2px #cd6928;
-khtml-box-shadow: -2px -2px 2px #cd6928, 2px 2px 2px #cd6928;
-webkit-box-shadow: -2px -2px 2px #cd6928, 2px 2px 2px #cd6928;
}
#uslugi ul li{
list-style-image: url(../../../post/6013/_theme_site_url/img/ru.forum_subdomain/list-img.png);
font-family: 'Times New Roman';
font-weight: 600;
font-size: 13pt;
}
#uslugi ul h3{
text-shadow: -1px -1px 2px rgba(0,0,0,.3);
color: rgba(205,105,40,1);
}
#uslugi ul:hover h3{
color: rgba(205,105,40,.7);
}
#ugol{
width:0;
height:0;
border-color: #cd6928 transparent transparent transparent;
border-style: solid;
border-width: 20px 15px 0px 15px;
}
#moduls{
text-align: center;
margin:0 auto;
}
#moduls dl{float:left; padding: 20px 0 0 0;}
#moduls h2{margin-bottom: 45px;}
#moduls dd{margin-bottom: 16px;color: white; font-size: 14pt;}
#moduls dt{font-size:20pt;color:#ff8811; font-weight:bold;text-shadow:-1px -1px 1px white;display:block;}
#moduls li{transition: all 0.2s ease-in-out;
max-width: 350px;
padding: 10px 25px 10px 25px;
margin:0 auto;
border: 1px solid #ff8811;position:relative;}
#moduls li:hover{box-shadow: inset 0px 0px 11px 1px white;height:auto !important;}
#design{margin-left: 50px;}
#clr {
clear:both;
}
#cryptogram {background: white !important;}
#inpt {margin-bottom: 10px;}
#send {
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
color: white;padding: 10px 5px;
font: bolder 13pt Arial;
box-shadow: inset 0 0 15px 3px white;
-o-box-shadow: inset 0 0 15px 3px white;
-moz-box-shadow: inset 0 0 15px 3px white;
-ms-box-shadow: inset 0 0 15px 3px white;
-webkit-box-shadow: inset 0 0 15px 3px white;
-khtml-box-shadow: inset 0 0 15px 3px white;
background: transparent;}
#send:hover {
color: black;
box-shadow: inset 0 0 25px 15px white;
-o-box-shadow: inset 0 0 25px 15px white;
-moz-box-shadow: inset 0 0 25px 15px white;
-ms-box-shadow: inset 0 0 25px 15px white;
-webkit-box-shadow: inset 0 0 25px 15px white;
-khtml-box-shadow: inset 0 0 25px 15px white;
}
#send:active {
color: black;
box-shadow: inset 0 0 25px 15px white;
-o-box-shadow: inset 0 0 25px 15px white;
-moz-box-shadow: inset 0 0 25px 15px white;
-ms-box-shadow: inset 0 0 25px 15px white;
-webkit-box-shadow: inset 0 0 25px 15px white;
-khtml-box-shadow: inset 0 0 25px 15px white;
}
#guestbook {max-width: 400px;margin:0 auto;float:right;margin-bottom: 50px;margin-right: 15px;}
#guestc {max-width: 600px;float:left;}
@media (max-width: 1100px) {
header{
background-size: 100% 100% ;
padding:0;
}
#logo {
width: 300px;
height:150px;
clear:both;
background-size: 100% 100%;
positioN:relative;
}
#logotype h1{
font-size:20pt;
}
#logotype {
margin-left: 10px;
}
#nav2block {
display: none;
}
#moduls dl{clear:both;margin: 0 auto;width: 100%;}
#main {margin-right: 5px;}
}
@media (max-width: 1031px) {
#guestbook {float:none;}
}
@media (max-width: 800px) {
#discription_ps {clear:both;}
#guestbook {float:none;}
}
@media (max-width: 669px) {
#uslugi ul{width: 100%;float:none;margin:15px auto;max-width: 80%;}
#uslugi ul{word-wrap:break-word;}
#logo {
width: 100%;
height:100px;
clear:both;
background-size: 100% 100%;
}
#logotype h1{
font-size:20pt;
}
#logotype {margin-left: 10px;}
header{height: 150px;}
#content {padding:7px;}
h1{font-size: 22pt;}
footer {height: 90px;}
#main { display:none;}
#mobile-nav {display: block;}
footer ul{display:none;}
#copyright{display:none;}
#container {
    float: none;
}
#contents {
    padding:0;
}
#sideRight {
    float: none;
    margin: 0 auto;
    position: relative;
}
#discription ul {clear:both;margin: 0 0 0 20px;}
#discription img{ width: 100%; height: auto;margin:0;}
}
@media (max-width: 370px) {
#design {margin-left: 0;}
#uslugi ul{word-wrap: break-word;margin-left:0; padding-right: 1px;}
#logotype h1{font-size: 15pt;}
#moduls li{padding:0; width:100%;}
}
@media (max-width: 251px) {
footer{height:110px;}
#mobile-nav {height: 110px;}
body{word-wrap:break-word}
}
@media (max-width:220px) {
#logotype h1{ margin-top: 0;}
#uslugi ul h3 p{margin-left: -35px; }
}

*{margin:0;padding:0;}
@font-face {
    font-family: 'icomoon';
    src:url('@theme_site_url/fonts/icomoon.eot');
    src:url('@theme_site_url/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('@theme_site_url/fonts/icomoon.woff') format('woff'),
        url('@theme_site_url/fonts/icomoon.ttf') format('truetype'),
        url('../../../post/6013/_theme_site_url/fonts/ru.forum_subdomain/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-question-mark, .icon-list, .icon-comment-stroke, .icon-phone-hang-up, .icon-address-book, .icon-envelop, .icon-pushpin, 
.icon-checkmark, .icon-cursor, .icon-calendar-alt-stroke, .icon-key-stroke, .icon-folder-fill, .icon-calendar-alt-fill, 
.icon-key-fill, .icon-comment-fill, .icon-cloud-download, .icon-paperclip, .icon-target, .icon-bars, .icon-bars-alt, .icon-
user, .icon-lock-fill, .icon-lock-stroke, .icon-star, .icon-box, .icon-book-alt2, .icon-pen-alt-fill, .icon-pen-alt-stroke, 
.icon-pen, .icon-layers-alt, .icon-layers, .icon-image, .icon-home, .icon-file, .icon-user-2, .icon-mail, .icon-phone {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-question-mark:before {
    content: "\e022";
}
.icon-list:before {
    content: "\e023";
}
.icon-comment-stroke:before {
    content: "\e003";
}
.icon-phone-hang-up:before {
    content: "\e004";
}
.icon-address-book:before {
    content: "\e005";
}
.icon-envelop:before {
    content: "\e006";
}
.icon-pushpin:before {
    content: "\e007";
}
.icon-checkmark:before {
    content: "\e008";
}
.icon-cursor:before {
    content: "\e009";
}
.icon-calendar-alt-stroke:before {
    content: "\e00a";
}
.icon-key-stroke:before {
    content: "\e00b";
}
.icon-folder-fill:before {
    content: "\e00c";
}
.icon-calendar-alt-fill:before {
    content: "\e00d";
}
.icon-key-fill:before {
    content: "\e00e";
}
.icon-comment-fill:before {
    content: "\e00f";
}
.icon-cloud-download:before {
    content: "\e010";
}
.icon-paperclip:before {
    content: "\e011";
}
.icon-target:before {
    content: "\e012";
}
.icon-bars:before {
    content: "\e013";
}
.icon-bars-alt:before {
    content: "\e014";
}
.icon-user:before {
    content: "\e015";
}
.icon-lock-fill:before {
    content: "\e016";
}
.icon-lock-stroke:before {
    content: "\e017";
}
.icon-star:before {
    content: "\e018";
}
.icon-box:before {
    content: "\e019";
}
.icon-book-alt2:before {
    content: "\e01a";
}
.icon-pen-alt-fill:before {
    content: "\e01b";
}
.icon-pen-alt-stroke:before {
    content: "\e01c";
}
.icon-pen:before {
    content: "\e01d";
}
.icon-layers-alt:before {
    content: "\e01e";
}
.icon-layers:before {
    content: "\e01f";
}
.icon-image:before {
    content: "\e020";
}
.icon-home:before {
    content: "\e000";
}
.icon-file:before {
    content: "\e001";
}
.icon-user-2:before {
    content: "\e002";
}
.icon-mail:before {
    content: "\e024";
}
.icon-phone:before {
    content: "\e021";
}