html, body { margin: 0; padding: 0; width: 100%; }
main, header, footer, nav { display: block; width: 100%; }
img{border:none;}

html { overflow-y: scroll; }
body{
    background: #fafcfd;
    color: #363a43;
    font-family: "Open Sans", sans-serif;
}



/* CONTAINERS */

.limit    {
    width: 1100px;
    margin: 0 auto;
}
/* position:relative; */

header    {
    z-index: 5;
    height: 90px;
    background: #dcebf1;
}
main {
    margin-top: 60px;
    z-index: 4;
    /* margin-bottom: 100px; */
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dcebf1 0%, #fafcfd 50%) repeat scroll 0 0;
}



footer    {  background: #363a43 ; position:fixed; bottom:0; width:100%; z-index: 5; height: 60px }
footer .limit {max-width: 100%}
footer p, footer p a{
    color: white;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
}
footer p {
    text-align: center;
    line-height: 25px;
    height: 25px;
    margin:0;
    padding:0;
}
.footer-info{height:60px; margin: 0 280px 0 0; padding: 4px 0; }

.footer-CE{height:60px; margin-right: 40px; float: right; width: 60px; }
.CE{
    height:32px;
    margin: 14px auto;
}

.footer-youtube{height:60px; margin-right: 8px; float: right; width: 160px; }
.icon-youtube{
    height: 28px;
    margin: 16px auto;
}


footer p a{
    font-size: 16px;
    text-decoration: none;
}


/* MENU */

nav ul{
    list-style: none;
    display: block;
    margin:0;
    padding:0;    
}

/* TOP MENU */

.top-menu {
    height: 60px;
    width: 100%;
    position: absolute;
    top: 90px;
    z-index: 10;
    background: #dcebf1;
}
.top-menu.docked{ position: fixed; top: 0; background:#254377;
    -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
     -o-transition: background-color 0.5s;
     transition: background-color 0.5s;

}

.top-menu-fill{
    background:#254377;
    height: 60px;
    border-radius:6px;
}

.top-menu ul{
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 0 px;
    width:1000px;
}

.top-menu li{
    display: block;
    float: left;
}

.top-menu li a{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    color:#fff;
    padding:0px 25px;    
    line-height:60px;
    border-right: 1px solid #304F85;
    font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
}

.top-menu li a:first-of-type{border-left: 1px solid #304F85;}

.top-menu a:hover { background:#256077;  }
.top-menu a.active { background:#362577;  }

/* SIDE MENU */

aside{ width: 230px; float:left; }
#side_sticky.docked{ position: fixed; top:60px; }

.narrow .content{ margin-left: 230px; }
.wide   .content{ margin-left: 0; }

.side-menu{
    background: #F1F6F8;
    margin-top: 40px;
    border-radius:6px;
}
.side-menu ul {padding: 5px}
.side-menu li a{
    color: #2D6073; font-weight: bold;
    display: block;
    line-height: 20px;
    text-decoration: none;
    font-size: 14px;
    /* color: #4c4c4c; */
    padding: 7px 10px;
}
.side-menu li a:hover{
    color: #2D7332;
}
.side-menu li a.active{
    color: #833533;
}

a.button{
    text-decoration: none;
    background: #ea6c56; /* ea6c56 */
    border-radius: 6px;
    padding: 10px 16px 12px;
    color: #fff !important;
    letter-spacing: 0.7px;
    transition: all 0.3s ease 0s;
    display:block; float:left;
    margin: 5px;
    box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
    font-size: 14px;
    font-weight: bold;
}


a.button:hover{
    background: #65AF29;
}
a.button:active{
    margin: 6px 5px 4px;
}

.info{
    padding: 15px 25px 25px;
    border-radius: 6px;
    overflow: hidden;}
.info h3{margin: 5px;}

.specification{ background: #D4E2E7; }

.finished-products{ background: #D4DBE7;}
.finished-products img{float:left; width: 20%}


/* LOGO */
/*
.logo{ display: block; float:left; height: 60px; width: 300px; padding: 15px 30px; }

.logo img{ display:block; float:left; height:60px; vertical-align: middle; }
*/
/*.caption{ display:block; float:left; margin: 2px 0 0 10px; line-height: 24px } */

.aedice{float: left;  width: 27%; margin-left: 50px;  }
.expo{float: left;  width: 36%; }
.expo img{margin-top: 5px; }
.imexline{float: left;  width: 27%; }

.aedice, .imexline{ height: 50px;  margin-top: 20px; }
.aedice .logo, .imexline .logo{ float:left; height: 100%; }

.aedice .text{ height: 64%; margin: 12px 0 0 16px; }
.imexline .text{ height: 46%; margin: 20px 0 0 16px; }

.contacts{ float: left; width: 40%; margin-top:24px; }
.contacts div{ float: left; margin-left: 30px;}

.contacts{ font: 600 16px "Segoe UI", sans-serif; }

/* temp 
.contacts{ display:none; }
*/

/* IMG */

.wide img.full{width: 800px; display: block; margin: 5px auto;}
.start{margin-top: -30px !important;}

.main-photo{text-align: center; margin:30px 0;}
.main-photo img{max-height: 340px; margin: 10px;}
.main-photo.single img{max-width: 80%;}
.main-photo.double img{max-width: 40%;}
.main-photo.frame img{padding:4px; border: 1px solid #D6D8D7;}
.main-photo.shadow img{ 
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222); 
}

.main-photo.thumbs{overflow: hidden}
.main-photo.thumbs img{max-height: 180px; border: 1px solid #D6D8D7; display: block}
.main-photo.thumbs span{display: block}
.main-photo.thumbs a{display: block; float:left; text-decoration: none;}



.pic-menu{ overflow: hidden;  }
.pic-menu ul {margin-top: 0; }
.pic-menu a{display:block; float:left; text-decoration: none; margin: 5px; background: #E3EDF1; padding: 15px; text-align: center; }
.pic-menu img{max-height: 250px; }
.pic-menu span{display:block; padding-top: 5px; }




/* CONTENT */

.content li{ margin: 0 0 16px 0; font-size: 15px; text-align: justify }
.content ul, ol{ margin: 0 0 14px 0; padding: 0 0 0 30px}
.content a{color: #0081ad; font-weight: bold; } /* 2eadc1*/
.content a:visited{color: ##7d337e; font-weight: bold; }

h1{ font-size: 32px; margin: 0 0 18px 0; padding-bottom: 5px; }
h2{ font-size: 24px; margin: 0 0 18px 0; padding-bottom: 5px; text-transform: uppercase; letter-spacing: -0.5; }
h3{ font-size: 20px; margin: 0 0 18px 0; padding-bottom: 5px; }
h4{ font-size: 17px; margin: 0 0 14px 0; }
h5{ font-size: 16px; margin: 0 0 14px 0; font-weight: 600}
p { font-size: 16px; margin: 0 0 14px 0; text-align: justify; line-height: 24px;}


#expo p{ font-size: 17px; }
#expo h2{ text-transform: none; margin: 0 0 0px 0; }
#expo h3{ text-transform: none; margin: 0 0 28px 0; }


article{
    margin: 0 10px 40px; 10px;
    padding: 40px;
}

section{
    margin-bottom: 20px;
}

/* h1,h2,h3,h4,h5 {letter-spacing: 1px;} */
 h1,h2,h3,h4,h5 {letter-spacing: 1px; font-family: "Open Sans"}


section.table {
    display: none;
    background: transparent;
    
}
section.table:first-child{margin-top:0 !important}

section.table h3{
    display: none;
    
}
section.table table{
    border: 5px solid #555;
    margin:0 auto 10px;
}




section.table caption{
    color: #eee;
    margin-bottom: 20px;
    font-size: 22px;
}



.notes{ color: #eee; margin:0; }
.notes ul{ margin:0; }
.notes p{text-align:center;}


.videos a{
    background-size: cover; display:block; height: 252px; width: 448px;
    line-height: 252px;
    text-align: center;
    display:block;
    float:left;
    margin:10px;
    border: 10px solid #979CAB;
    border-radius:10px;

}
.videos a svg{
    vertical-align: middle;
    width: 100px;
    height:70px;
}
.ytp-large-play-button-bg{
    fill-opacity: 0.5;
}

.videos a:hover .ytp-large-play-button-bg{
    fill: #cc181e;
    fill-opacity: 0.7;
}
.videos a:hover{border-color: #B19797;}

.videos{overflow: hidden}


.expo-photos{ float:right; clear:both; margin: 0; }
.expo-photos:after{ content: ""; display: table; clear: both; }
.expo-photos a{ margin: 2px; float:left; display:block; }
.expo-photos img{ height: 100px; float:left; }


/*
body { background: red; }
@media screen and (max-width: 1600px) {  body { background: orange; } }
@media screen and (max-width: 1200px) {  body { background: yellow; } }
@media screen and (max-width: 1000px) {  body { background: green; } }
@media screen and (max-width: 800px) {  body { background: blue; } }
@media screen and (max-width: 600px) {  body { background: violet; } }
*/