a{  color: #254e57;  text-decoration: underline;}

a:link{  color: #254e57;  text-decoration: underline;}

a:visited{  color: #3D7A99;}

a:hover{  color: #0080FF;}

a.header{  color: #405F80;  z-index: 2000;  text-decoration: none;  text-transform: uppercase;  font-family: Verdana, Arial, Helvetica, Tahoma;  font-size: 12px;  font-weight: bold;  padding-right: 30px;  }

a.header:link{  color: #405F80;}

a.header:visited{  color: #4B78A6;}

a.header:hover{  color: #FFFFFF;}

td.sidemenu a{  color: #FFFFFF;  text-decoration: none;}

td.sidemenu a:link{  color: #FFFFFF;  text-decoration: none;}

td.sidemenu a:visited{  color: #334C66;}

td.sidemenu a:hover{  color: #99D5FF;  text-decoration: underline;}


table.footer a.header{  color: #FFFFFF;  text-decoration: none;  text-transform: uppercase;  z-index: 2000;  font-family: Verdana, Arial, Helvetica, Tahoma;  font-size: 12px;  font-weight: normal;  padding-left: 10px;   padding-right: 20px;  }
table.footer a.header:link{  color: #FFFFFF;}

table.footer a.header:visited{  color: #ADC4D9;}

table.footer a.header:hover{  color: #4CB5FF;}

 @font-face {
    font-family:Rockwell;
      src: url('fonts/rockwell.eot'); /* Для IE5-8 */
        src: local(rockwell), url('fonts/rockwell.ttf'); /* Для остальных браузеров */}

body{
 font-size: 1em;
 color: #131313;
 font-family: Verdana, Arial, Helvetica, Tahoma;
 background-color: #FFFFFF;
 text-decoration: none;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 max-width: 1500px;
}

@media (max-width: 480px) {
  body {
    font-size: 1.6em;
  }
}

h1{  color: #254e57;  font-size: 1.5em;}

h2{  color: #254e57;  font-size: 1.25em;}

h3{  color: #254e57;  font-size: 1.1em;}

h4{  color: #153555;  font: bold Arial;  font-size: 2.25em;  margin-bottom: 15px;}

h5{  color: #eeeff1;   font: bold Arial;  font-size: 1.3em;   margin-bottom: 0px;   margin-top: 0px;  }

h6{  margin-top: 25px;  color: #0c3648;  font: bold Arial;  font-size: 1.05em;  line-height: 1.5;  margin-bottom: 0px;}

table{  border-right: #6584A0;  border-top: #6584A0;  border-left: #6584A0;  border-bottom: #6584A0;  border-collapse: collapse;}

td{  border-left-color: #6584A0;  border-bottom-color: #6584A0;  border-top-color: #6584A0;  border-right-color: #6584A0;}

tr{  border-left-color: #6584A0;  border-bottom-color: #6584A0;  border-top-color: #6584A0;  border-right-color: #6584A0}

th{  border-left-color: #6584A0;  border-bottom-color: #6584A0;  border-top-color: #6584A0;  border-right-color: #6584A0;  font-weight: bold;  color: #004080;  background-color: #94BEE7;}

td.mainbody{  padding-top: 20px;   padding-bottom: 20px;  padding-left: 30px;   padding-right: 30px;    line-height: 1.5em;  vertical-align: top;}
td.sidemenu{  background-color: #22405c;  color: #002D59;  vertical-align: top;  font-size: 0.75em;  padding-bottom: 10px;}

table.rightmenu th{  background-color: #6386A5;  color: #FFFFFF;  font-size: 1.2em;  padding-top: 3px;  padding-bottom: 3px;  padding-right: 0px;  text-align: left;  padding-left: 20px;}

div.rightmenu{  padding-left: 5px;  padding-right: 5px;}

table.services{  font-size: 1.25em;  padding-left: 0px;}

table.articles{  padding-left: 0px;}

ul.services{  margin-left: 20px;  margin-top: 5px;  margin-bottom: 5px;  padding-left: 0px;  padding-right: 5px;  list-style-type: disc;}

hr{  font-size: 1pt;  color: #6386A5;  height: 1pt;  size: 1;}

table.footer{  border-width: 0pt;   background-color: #246b89;  color: #FFFFFF;  font-family: Verdana, Arial, Helvetica, Tahoma;  font-size: 0.8em;}

div.copyright{  margin-top: 10px;  color: #FFFFFF;  font-family: Verdana, Arial, Helvetica, Tahoma;}

span.company{  color: #6386A5;  font-weight: bold;}

span.product{  color: #6386A5; margin-top:0; margin-bottom:0; font-style: italic;}

span.mark{   COLOR: #FF0000;    FONT-WEIGHT: bold;}

div.indent{  margin-left: 20px;}

tr.productorder{   text-align: center;}

h2.quote{  font-size: 1em;  text-decoration: none;  text-align: right;  font-weight: none;  font-style: italic;  margin-bottom: 4px;}


table.quote{  background-color: #E5F2FF;}

image.sign{  margin-top: 10px;   padding-bottom: 0px;  padding-left: 5px;  border-width: 0px;}

.clr {height:20px;}

.sign {  text-align:right; font-weight:bold;}

.testimonials { padding-bottom:20px;  -moz-box-shadow:0 0 10px #ccc;  -webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; border:solid #fff 5px;  left:-5px;  background: #fff; }

.testimonials td { width:200px;  padding: 20px 50px 20px 50px;   font-weight:100;  vertical-align:top;}

.blocks {width: 95%; position: relative; z-index: 0; margin-left: auto; margin-right: auto;}

.blocks a{ text-decoration: underline;color: #204249;}

.blocks a:hover{ text-decoration: none;  color: #0054a7; }

.blocks th{background-color: #83ceed}


.blocks1 {width: 95%;position: relative; align: left; z-index: 0;}

.blocks1 a{ text-decoration: none;color: #254e57;}

.blocks1 a:hover{ text-decoration: underline;     color: #0054a7; }

.blocks1 th{background-color: #83ceed}

.blocks1 td{ align: left;}

.indext a{ text-decoration: none;color: #204249;}

.indext a:hover{ text-decoration: underline;  color: #0054a7; }

.menu2 td{padding: 0 5px 0 5px;}

.menu3 td{padding: 5px 5px 5px 5px;}

.menu6 td{padding: 10px 0 10px 0;}

.slide td{padding: 10px 0 10px 10px;}


td.sidemenu3{  background-color: white;  color: #002D59;  vertical-align: top;  font-size: 0.75em;  padding-bottom: 10px;}

td.sidemenu3 a{  color: #FFFFFF;  text-decoration: none;}

td.sidemenu3 a:link{  color: #FFFFFF;  text-decoration: none;}

td.sidemenu3 a:visited{  color: #334C66;}

td.sidemenu3 a:hover{  color: #99D5FF;  text-decoration: underline;}

.sidebar {margin-left: 0% ;margin-right: auto;width: 200px; }

.overlay {top: 0;right: 0;bottom: 0;left: 0;z-index: 10000;visibility: hidden;

/* фон затемнения */
background-color: rgba(0, 0, 0, 0.8);opacity: 0;position: fixed; 

/* фиксированное позиционирование *//* трансформация прозрачности при открытии  */
-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}

/* активируем при клике */
.overlay:target {visibility: visible;opacity: 1;}

/** стили модального блока */
.modal {top: 0;right: 0;left: 0;width: 50%;z-index: 10001;

/** полная прозрачность изначально */
opacity: 0;display: block;visibility: hidden;position: fixed;
/* трансформация прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;-moz-transition: opacity 500ms ease-in;transition: opacity 500ms ease-in; margin: 0 auto;padding: 24px;min-width: 320px;max-width: 1024px;width: 50%;border: 1px solid rgba(120,120,120,.7);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: rgba(60, 63, 65, 0.9); -webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);box-shadow: 0 0 13px 3px rgba(0,0,0,.5);}
/* активируем при клике */
.overlay:target+.modal{top: 15%;visibility: visible;opacity: 1;}
/* планшет */
@media only screen and (min-width: 768px) and (max-width: 959px) {  .modal {    width: 95%; }}
/* смарт */
@media only screen and (min-width: 459px) and (max-width: 767px) {  .modal {    width:85%;    }}
/* кнопка закрытия */
.close {position: absolute;width: 30px;height: 30px;right: 18px;top: 18px;z-index: 999999;cursor: pointer;text-align: center;text-decoration: none;line-height: 26px; color:#ee6666;}
@media (max-width: 530px) {  .close {    top: 6px;  }}
.close:after {content: 'X';display:block; color:#ee6666;text-decoration: none;width: 30px;height: 30px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: 2px solid #fff;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;transition: all 0.6s;-moz-transform: scale(0.8);-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.close:hover:after {  transform: scale(1);}
/* блок заголовка видео */
.video__title {  height: auto;  width: 70%;  padding: 0px 5px 15px 5px;  color: white;  font: normal 16px/22px 'Open Sans', Calibri, Arial, sans-serif;}
@media (max-width: 530px) {.video__title {height: 38px;font-size: 12px;line-height: 18px;  }}
/* адаптивный блок видео */
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; }
.video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%;height: 100%; }/* -- */

ul.dropdown li { position: relative; }
 ul.dropdown,
 ul.dropdown-inside {
 list-style-type: none;
 padding: 0;
 z-index:1;
 }
 ul.dropdown-inside {
 position: absolute;
 height:0px;
 overflow:hidden;
 }
 ul.dropdown li.dropdown-top {
 display: inline;
 float: right;
 margin: 0 10px 0 0;
 }
 ul.dropdown li.dropdown-top a {
 padding: 3px 10px 4px; /* пэдинги заголовка*/
 display: block;
 color: #153555; text-decoration: none;
 text-align: -webkit-left;
 }
 /*ul.dropdown a.dropdown-top { background: #46b3d0; } /* бекграунд заголовка*/*/
 ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
 ul.dropdown li.dropdown-top:hover .dropdown-inside {
display: block;
height: 200px;
width:250px;
box-shadow: 0 5px 25px;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
 }
 ul.dropdown .dropdown-inside { background: #fff; }
 ul.dropdown .dropdown-inside a:hover { background: #efefef;   color: #84c1eb}




.features5 {
  border-bottom:0px solid #6386A5;
  padding-bottom: 0px;
}

.border {
  width:95%;
  -moz-box-shadow:0px 0px 20px #ccc;
  -webkit-box-shadow:0px 0px 20px #ccc;
  box-shadow:0px 0px 20px #b1b1b1;
  border-top:solid #fff 0px;
  border-bottom:solid #fff 5px;
  background: #F8F8F8;
  margin-left: auto;
  margin-right: auto;
}

.fon{ background: #F8F8F8;}


/* Main navigation menu */

.nav a{
  text-decoration: none;
}

.nav{
  height: 30px;
  background: #3ec2de;
  position: relative;
  z-index: 10
}

.nav>ul{
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav>ul>li>ul{
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nav>ul>li:hover>ul li a{
  opacity: 1;
  height: 28px;
  border-bottom: 2px solid #d1d1d1;
          transition: all .2s;
       -o-transition: all .2s;
     -moz-transition: all .2s;
  -webkit-transition: all .2s;
}

.nav>ul>li>ul a{
  display: block;
  color: #222;
  width: 160px;
  line-height: 28px !important;
  font: 700 12px 'pt sans',sans-serif;
  background: #eee;
  border-left: 2px solid #d1d1d1;
  border-right: 2px solid #d1d1d1;
  border-bottom: 0 solid #d1d1d1;
  text-align: left;
  padding: 0 5px;
  height: 0;
  overflow: hidden;
  opacity: 0;
          transition: all .2s;
       -o-transition: all .2s;
     -moz-transition: all .2s;
  -webkit-transition: all .2s;
}

.nav>ul>li{
  float: left;
  position: relative;
}

.nav>ul>li>a{
  padding: 0 20px;
  color: #fff;
  display: block;
  line-height: 30px !important;
  font: 400 15px 'PT Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

.nav ul li:hover{background: rgba(0,0,0,.15);}
.nav>ul>li>ul>li>a:hover{background: #cbcbcb;}
.nav>ul>li>ul:hover{background: rgba(0,0,0,.15);}

.lamp span{
  display: block;
  height: 4px;
  background: #ee6666;
  position: relative;
}

.lamp span:after{
  bottom: 10%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 102, 102, 0);
  border-bottom-color: #ee6666;
  border-width: 4px;
  margin-left: -4px;
}

.lamp{
  position: absolute !important;
  height: 4px;
  top: 30px;
  background: #333;
          transition: all .2s;
       -o-transition: all .2s;
     -moz-transition: all .2s;
  -webkit-transition: all .2s;
}

.selected.active>a,.active>a{
          transition: all .2s;
       -o-transition: all .2s;
     -moz-transition: all .2s;
  -webkit-transition: all .2s;
  color:#fff;
}


/* Sidebar menu */

.sidebar {
margin-left:0;
margin-right:auto;
float: left;
position: relative;}

.sidebar table {
  margin-left:0px;
  padding:0px;
  width:200px;

  border:1px solid #e1e1e1;
  
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
  border-bottom-left-radius:5px;
  
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
  border-bottom-right-radius:5px;
  
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  border-top-right-radius:5px;
  
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  border-top-left-radius:5px;
}
.sidebar table{
    border-collapse: collapse;
        border-spacing: 0;
  width:100%;
  margin:0px;padding:0px;}
  

.sidebar th{
  
 color:#fff;
 font:400 20px 'PT Sans', sans-serif;
  background-color:#02B8DA;
  border:0px solid #07a4bd;
  text-align:center;
  border-width:0px 0px 1px 0px;
  width:30px;
}

.sidebar td:hover{background-color:#3FC1D9}
.sidebar td a:hover{text-decoration:none;}


.header2 {

  position: absolute;
  background: #3ec2de;
  width: 100%;
    z-index: 1000;
  left: 0;
  padding-top: 0px;
  box-shadow: 1px 1px 3px #BEBEBE;
  min-width: 95%;
}

 .inside {
  width: 95%;
  padding: 0px 0px;
  margin-left: auto;
  margin-right: auto;
}


.footer2 {

  position: absolute;
  background: #246b89;
  width: 100%;
  z-index:99;
  left: 0;
  padding-top: 0px;
  box-shadow: 1px 1px 3px #BEBEBE;
  min-width: 95%;

}


.break {border-bottom: 100px solid #ffffff;}

   .transparent75 {
    filter: alpha(Opacity=75); /* Полупрозрачность для IE */
    opacity: 0.75; /* Полупрозрачность для других браузеров */ 
   }
   .transparent50 {
    filter: alpha(Opacity=50);
    opacity: 0.5; 
   }
   .transparent25 {
    filter: alpha(Opacity=25);
    opacity: 0.25; 
   }

  #bodyheight {
  min-height: 1060px;}

  #bodyheight1 {
  min-height: 800px;}
  #bodyheight2 {
  min-height: 600px;}

.fix1{ width: 95%;}

.framer {
 border: 1px solid rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0px 0px 10px #ccc;
  -webkit-box-shadow:0px 0px 10px #ccc;
  box-shadow:0px 0px 10px #b1b1b1;
 background-color: #e9e9e9;  
           -moz-border-radius:2px;
       -webkit-border-radius:2px;
                border-radius:2px;
        width:90%;
        padding: 10px;
 margin-right:auto;
margin-left:auto; 
       }

     
.cool_img{
border-radius: 5px;
padding:10px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
 -webkit-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
 -moz-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.cool_img1{
border-radius: 1px;
padding:1px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
 -webkit-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
 -moz-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);

}