@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
dfn,var {font-style: normal;}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {
/* dont' remove! */
}
body,input,textarea {color: #000; font: normal 1em/1.4 Tahoma, Geneva, sans-serif;}
code {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}
h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: normal 2.727em/1 "Trebuchet MS", Helvetica, sans-serif; color: #fff;}
h2 {font: normal 1.727em Tahoma, Geneva, sans-serif; color: #fff;}
h3 {font: bold 1.181em Tahoma, Geneva, sans-serif; color: #031d4d;}
h4 {font: bold 1em Tahoma, Geneva, sans-serif; color: #8f0000;}
h5 {font: bold 1em Tahoma, Geneva, sans-serif;}
h6 {font: normal 1em Tahoma, Geneva, sans-serif;}
p {margin: 1em 0; text-align: left;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}
div.body {background:#78828c url(../img/bg_body.png) no-repeat center bottom;zoom: 1;}
html {background: #000;}

/*************** Positioning ***************/
#wrapper { position: relative; width:980px; margin:auto;  color:#FFFFFF!important}
       
/* -- Mainframes -- */
#header     {width:100%; padding:0; margin:107px 0 0; background:#78828c;  color:#fff; _height:350px}
#content    {padding:30px 0 80px 0; background:#78828c url(../img/bg_body.png) no-repeat center bottom}
#footer     {clear: both;}

/*************** Representation ***************/
       
/* ++ Standard elements ++ */
a         {color: #103dff; text-decoration: underline;}
a:visited {color: #000080;}
a:hover, a:active, a:focus {text-decoration: none;}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}
input,select,textarea,button {margin: 0;}
fieldset {padding: 0.5em; border: solid 1px #dcdcdc;}
legend   {color: #ccc;}
  input[type="hidden"] {display: none !important;}
        input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"] {width: auto !important;}
        input.image,input.checkbox {width: auto !important;}
select   {}
textarea {padding: 0.1em;}
input,label,select {vertical-align: middle;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #cdcccc;}
applet,object,iframe {overflow: hidden;}
hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}
table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}
       
/* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 2px 0; padding: 0 0 0 15px; background: url("../img/bull_li.png") 0px 5px no-repeat;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}
       
/* -- Images -- */
img {display: block; border: none; vertical-align: middle;}
 
/* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}
       
/* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em; quotes: none;}
    blockquote:before, blockquote:after {content: ''; content: none;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}
small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}
abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*  -- Header --  */

/*  logo */
#logo { position: absolute;  left:50%;  top:13px; margin-left: -220px; padding:20px 0 0; display:block; width: 440px; height: 59px;  font: bold 16px "Trebuchet MS", Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase;}
#logo a,#logo span {display: block; position: absolute; top: 0px; left:0;  width: 439px; height: 79px; background: url("../img/logo.png") no-repeat; text-indent: -900em ; overflow:hidden}

/* /logo */

/* menu  */
div.main_menu{ width:100%; margin:0; background:#000}
ul#nav {height:54px; width:980px; margin:0 auto; padding:0; color:#FFFFFF; font-size:1.25em; text-transform:uppercase; background:#000;}
ul#nav li{ display:inline; float: right;  background:none; margin:8px 0 0;}
ul#nav li a{ display: block; padding:8px  25px; margin:0; color:#FFFFFF; text-decoration:none;}
ul#nav li a:hover{ background:#78828c;}
ul#nav li a.active{ background:#78828c;}

/* /menu */

/* /-- Header -- */
#header img.big_img { float: left; padding:0; margin-right:20px;}
#header div#flashVideo {height: 336px; float: left; padding:0; margin-right:20px;}
#header div.about{ overflow:hidden; width:980px; margin:0 auto; padding:0; color:#fff;}
#header div.about p{ text-align: justify; color:#FFFFFF; line-height:1.25em; margin:1em 0 0}

/* -- Footer --  */
#footer { height:160px; width:980px; margin:0 auto; text-transform:uppercase; color: #fff; text-shadow: #6b6b6b 0 0; background:#000 url("../img/bg_footer.png") no-repeat; font-family:Arial, Helvetica, sans-serif}
#footer hr  {display: none;}
#footer div{ width:500px; text-align: center; margin-left:162px; padding-top:32px; line-height:26px}
#footer div p{ text-align:center; font-size:1.333em; margin:10px 0}
  #footer div cite#net a {display: block; margin: auto; height: 16px; width: 100px; padding-left: 25px; background: url("../img/logo_netcraft.png") no-repeat; white-space: nowrap; font: normal 11px Corbel, Tahoma, Geneva, sans-serif; color: #888;  text-transform: none;}
#footer ul {margin: 0; overflow: hidden;}
#footer ul li {float: left; margin: 0 0 0 -1px; padding: 0 15px 1px 15px; border-left: 1px solid #fff; background: none; line-height: 1;}
#footer ul li a,#footer ul li a:visited {color: #fff;}
#footer abbr{ border: none}

/* contacts  */
address.vcard {font-style: normal; width:510px; font-size: 1.75em; }
address.vcard a.fn {cursor: default; text-decoration: none; color: #fff;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}

/* /contacts */

/* /-- Footer -- */

/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#header div.page{ position:absolute; top:81px; right:50%; width:980px; margin: 0 -490px 0 0; color:#78828c;  text-align: right; font: normal 26px Arial;  text-transform:uppercase}
#header div.page h1{color:#78828c;  text-align: right; font: normal 26px Arial;  text-transform:uppercase}
div dl.painting{ padding:21px 0 0; margin:0; color:#fff; font-weight: bold; float: right; width:354px; text-align:right;}
div dl.painting dd{ margin:0; margin-left:20px;}
div dl.painting dt{ margin:0; margin-left:20px;}
div dl.painting dd.painting{ float: right; margin-top:-47px}
div dl.painting dd.painting img{ padding:0;}
#content div.content-text{ overflow: hidden}
#content h2 { padding-top:20px; margin:20px 0 41px 0; text-align:center; text-transform:uppercase; font: italic 2.583em Arial, Helvetica, sans-serif; clear:both;}
#content ul.websites{ padding:0; margin:0; overflow: hidden;}
#content ul.websites li{ float: left; background:none; margin:0; padding:0;}
#content ul.websites li a{ display: block; width:306px; height: 183px; text-align: center; color:#fff; text-transform: uppercase; font-size:1.75em}
#content ul.websites li a img { display: block; width: 100%; height: 100%;}
#content ul.websites li.fire{ margin:0 30px}

/* ^^^^^^^^^^^ Contact_us ^^^^^^^^^^^ */
body.inner #header h2{ font:bold  1.166em Tahoma; margin:18px 0 4px 0}
#header div.about span{ font-size:0.916em;}
#header ul.contacts{ margin:1px 0 11px 0;}
#header ul.contacts li{display: -moz-inline-box; display:inline-block; width:166px; padding:0;  background:none}
#header ul.contacts li.nth-child{ padding:0 0 0 25px; background:url(../img/separator.png) no-repeat 0 3px}
#header ul.contacts li strong{ margin-right:5px}
#header ul.contacts li a{ color:#c3dffa}
#header form{margin-left:0; margin-right:0; overflow: hidden; width:362px;}
#header form ul{margin:0 0 9px 0; overflow:hidden;}
#header form li{ background:none; padding:0;}
#header form label{ float: left; width:67px; font-weight:bold}
#header form input{ margin-bottom:3px; border: 1px solid #C3DFFA;}
#header form textarea{ height:35px; border: 1px solid #C3DFFA;}
#header form input.submit{ float:right; width:60px; height:20px; background:#000; border:none; color:#fff; font-size:0.916em; margin-right:8px}
.formSendNotice {width: 352px; margin: 0 0 10px; padding:5px; border:1px solid #C3DFFA;}

/* ^^^^^^^^^^^ About_us ^^^^^^^^^^^ */
div.in_header{ margin-top:11px; overflow:hidden}
div#fill_form{width: 352px; border:1px solid #C3DFFA; display: none; margin:10px 0; padding:5px}
div#fill_form legend{ text-transform:uppercase; color:#fff;}
.visible{ display:block !important}
body.inner #content p{ text-align: justify; line-height:1.25em}
body.inner div dl.painting{ width:425px;}
ul.background { margin-top:10px; margin-left:0;}

@media all and (max-width: 1023px) {
  .page{
    display: none;
  }
  
  .about{
    width: 100% !important;
  }
  
  .big_img{
    width: 100%;
  }
  
  .in_header{
    display: inline-block;
  }
  
  ul#nav{
    width: 100%;
    height: 80px;
  }
  
  ul#nav li{
    margin: 0;
    padding: 0;
    height: 80px;
    width: 33.3333333%;
  }
  
  ul#nav li{
    height: 80px;
    padding: 0;
    text-align: center;
    font-size: 26px;
  }
  
  ul#nav li a{
    height: 80px;
    line-height: 60px;
    box-sizing: border-box;
  }
  
  div.in_header{
    margin: 0;
    padding: 40px 20px 0;
  }
  
  div.in_header p{
    font-size: 22px;
  }
  
  div.in_header dl.painting{
    padding: 0;
    float: none;
    text-align: left;
  }
  
  div.in_header dl.painting dt{
    margin-left: 0;
    font-size: 22px;
    font-weight: 100;
    padding: 20px 0;
  }
  
  div.in_header dl.painting dt br{
    display: none;
  }
  
  #wrapper{
    width: 100%;
  }
  
  #content{
    padding: 20px 0 60px;
    margin: 0 20px;
  }
  
  #content h2{
    float: none;
    width: 100%;
    margin: 20px auto;
    padding: 0;
    text-align: left;
  }
  
  #content ul.websites{
    width: 100%;
  }
  
  #content ul.websites li.fire{
    margin: 0;
  }
  
  #content ul.websites li{
    float: none;
    margin: 10px auto;
    width: 100%;
  }
  
  #content ul.websites li a{
    width: 100%;
    height: 100%;
  }
  
  #footer{
    width: 100%;
    background: url(../img/bg_footer_mobile.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 350px;
    background-position: 0 80%;
  }
  
  #footer div{
    margin: 0 auto;
    width: 90%;
  }
  
  address.vcard{
    font-size: 32px;
    line-height: 40px;
  }
  
  #footer div p{
    font-size: 24px;
  }
  
  #footer div cite#net a{
    font-size: 22px;
    background-position: 0 5px;
    height: 50px;
    background-size: 30px 23px;
    padding-left: 40px;
    width: 200px;
    margin: 240px auto 10px;
  }
  
  body.inner #content p{
    font-size: 26px;
  }
  
  ul.background li{
    font-size: 22px;
  }
  
  div dl.painting{
    text-align: left;
    float: left;
  }
  
  div dl.painting dt{
    margin-left: 0;
    font-size: 26px;
    font-weight: 100;
    margin-bottom: 30px;
  }
  
  body.inner #header h2{
    font-weight: 100;
    font-size: 34px;
    margin-bottom: 20px;
  }
  
  div.in_header{
    font-size: 18px;
  }
  
  #header ul.contacts li{
    width: 100%;
  }
  
  #header ul.contacts li.nth-child{
    background: none;
    padding: 0;
  }
  
  #header form{
    width: 100%;
  }
  
  #header form li{
    width: 100%;
    height: 45px;
  }
  
  #header form input{
    margin: 0 0 15px 40px;
    box-sizing: border-box;
    height: 35px;
    float: right;
    width: 350px;
    padding: 5px 10px;
  }
  
  #header form textarea{
    width: 350px;
    margin: 0 0 25px 40px;
    box-sizing: border-box;
    height: 100px;
    float: right;
    padding: 5px 10px;
  }
  
  #header form input.submit{
    height: 40px;
    width: 150px;
    margin: 0 0 45px;
  }
  
  #header div#flashVideo{
    width: 100%;
    margin: 0;
  }
  
  embed#flashVideof{
    margin: 0 auto;
    width: 450px;
    float: none;
    display: block;
  }
  
  #header form{
    margin-top: 25px;
  }
}