/******************************************************************** GENERAL */
* {
    outline: 0px none;
    padding: 0px;
    margin: 0px;
}
html, body {
    width: 100%;
    font: 12px "Play", Helvetica, Arial, Verdana, Sans-Serif;
}
html, body, form, p, img {
    border: 0px none;
}
a {
    color: #009bc3;
    text-decoration: underline;
}
a:hover {
    color: #b91659;
    text-decoration: underline;
}
.al     { text-align: left;   }
.ac     { text-align: center; }
.ar     { text-align: right;  }
.aj     { text-align: justify;  }
.at     { vertical-align: top; }
.ab     { vertical-align: bottom; }
.fl     { float: left;  }
.fr     { float: right; }
.mask   {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.clear  {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}



/*********************************************************************** MAIN */
body {
    background: #f4f4f2;
}
.main-site-width {
    width: 940px;
    margin: 0px auto;
}
#main {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}
#main-topline {
    background: #00547b;
}
#main-topline ul {
    display: block;
    height: 28px;
}
#main-topline li {
    display: block;
    float: left;
    line-height: 10px;
    padding: 8px 10px 6px 0px;
    background: url(../images/topline-separator.png) 100% 8px no-repeat;
}
#main-topline li:nth-child(n+2) {
    padding-left: 9px;
}
#main-topline li:last-child {
    background: none;
}
#main-topline a {
    font-size: 10px;
    text-decoration: none;
    color: #dddddd;
}
#main-topline a:hover {
    color: #ffffff;
}
#main-header {
    height: 580px;  
    background: url(../images/header-bg.png) 0px 0px repeat-x;
}
#main-header.compact {
    height: 187px;
    background: url(../images/headersm-bg.png) 0px 0px repeat-x;
}
#main-header .logo-contacts {
    padding: 30px 0px 0px 0px;
}
#main-header .logo-contacts .ema-logo {
    display: block;
    float: right;
    padding: 0px 260px 0px 0px;
    width: 400px;
    height: 49px;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #ffc600;
    background: url(../images/ema.jpg) 100% 0% no-repeat;
}
#main-header .ema-logo-header {
    display: block;
    float: right;
    padding: 0px 10px 0px 0px;
    width: 470px;
    height: 49px;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #ffc600;
    

}
#main-header .hmenu {
    display: block;
    height: 40px;
    padding: 15px 0px 0px 0px;
}
#main-header .hmenu > li {
    display: block;
    float: left;
    padding: 0px 3px 0px 3px;
    list-style: none;
    border-left: 1px solid #4abdd7;
}
#main-header .hmenu > li:last-child {
    border-right: 1px solid #4abdd7;
}
#main-header .hmenu a.root {
    position: relative;
    display: block;
    padding: 5px 7px 5px 7px;
    z-index: 10;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    font-family: Play, Arial;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.20);
}
#main-header .hmenu > li:hover a.root {
    background: #00547b;
}
#main-header .submenu {
    position: absolute;
    display: none;
    min-width: 160px;
    margin-top: -3px;
    padding: 10px;
    z-index: 8;
    border-radius: 0px 4px 4px 4px;
    background: #00547b;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
#main-header .submenu.level2 {
    border-radius: 4px;
    margin-top: -38px;
    background: #095d84;
}
#main-header .hmenu > li:hover .submenu.level1 {
    /*display: block;*/
}
#main-header .submenu > li {
    list-style: none;
}
#main-header .submenu a {
    display: block;
    padding: 8px 10px 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;
}
#main-header .submenu a:hover {
    background: #72bbce;
}
#main-header .hmenu .level2 {
    display: none;
}




#main-header .bigboard {
    display: block;
    width: 940px;
    height: 418px;
    margin-top: 17px;
    background: url(../images/header-bigboard.png) 0px 0px no-repeat;
}
#main-header .bigboard .info-frame {
    display: block;
    float: left;
    margin: 45px 0px 0px 45px;
    width: 360px;
    height: 309px;
}
#main-header .bigboard .info-frame h2 {
    display: block;
    font-size: 22px;
    font-weight: normal;
}
#main-header .bigboard .info-frame a {
    font-size: 12px;
    font-weight: normal;
}
#main-header .bigboard .info-frame p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #666666;
}
#main-header .bigboard .image-frame {
    display: block;
    float: right;
    margin: 40px 40px 0px 0px;
    width: 456px;
    height: 309px;
    background: url(../images/index-slide-bg.jpg) 0px 0px no-repeat;
}
#main-header .bigboard .image-frame img {
    margin: 10px 0px 0px 10px;
}
#main-content {
    min-height: 200px;
}
#main-footer {
    display: block;
    height: 324px;
    background: url(../images/footer-bg.png) 0px 0px repeat-x;
}
#main-footer .info-box {
    display: block;
    float: left;
    width: 285px;
    margin: 60px 40px 0px 0px;
    color: #eeeeee;
    line-height: 20px;
}
#main-footer .info-box a {
    color: #98dce9;
    text-decoration: none;
}
#main-footer .info-box:nth-child(n+2),
#main-footer .info-box:nth-child(n+3) {
    margin-right: 0px;
}
#main-footer .info-box:last-child {
    float: right;
}
#main-footer .info-box h3{
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    padding: 20px 0px 7px 0px;
    border-bottom: 1px solid #4ec0d9;
    text-transform: uppercase;
}
#main-footer .info-box .email {
    width: 198px;
    padding: 4px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #0078af;
}
#main-footer .info-box .submit {
    margin: 5px 0px 0px 0px;
}
#main-copy {
    display: block;
    height: 89px;
    font-size: 11px;
    background: #004668 url(../images/footer-copy-bg.jpg) 50% 0px no-repeat;
}
#main-copy a {
    color: #98dce9;
    text-decoration: none;
}
#main-copy .copy {
    display: block;
    float: left;
    color: #eeeeee;
    padding: 40px 0px 0px 0px;
}
#main-copy .link-top {
    display: block;
    float: right;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    padding: 0px 0px 0px 15px;
    margin: 5px 0px 0px 0px;
    background: url(../images/top-link.png) 0px 2px no-repeat;
}

.orange-button {
    display: inline-block;
    height: 43px;
    padding-left: 20px;
    margin-right: 20px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    line-height: 44px;
    opacity: 0.8;
    background: url(../images/orange-button-bg.png) 0px 0px no-repeat;
}
.orange-button span {
    display: block;
    float: right;
    margin: 0px -20px 0px 0px;
    width: 20px;
    height: 43px;
    background: url(../images/orange-button-bg.png) 100% -43px no-repeat;
}
.orange-button:hover {
    opacity: 1.0;
    color: #ffffff;
    text-decoration: none;
}


/* CONTENT ************************************************************************************************************/
#main-content {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}
#main-content .nocolor {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}
#main-content .homelittleicons {
    float: left;
    width: 208px;
}
#main-content .homelittleicons:last-child {
    float: right;
    width: auto;
}
#main-content .homelittleicons h3 * {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
#main-content h2 {
    display: block;
    font-size: 22.8px;
    font-weight: normal;
    line-height: 24px;
    color: #222222;
    padding: 0px 0px 10px 0px;
}
#main-content h3 {
    display: block;
    font-size: 20.4px;
    font-weight: normal;
    line-height: 24px;
    color: #222222;
    padding: 0px 0px 10px 0px;
}
#main-content h4 {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    color: #222222;
    padding: 0px 0px 10px 0px;
}
#main-content p {
    margin-bottom: 15px;
}
#main-content p + h1,
#main-content p + h2,
#main-content p + h3,
#main-content p + h4,
#main-content p + h5,
#main-content p + h6 {
    padding-top: 20px;
}
#main-content ul {
    margin: 0px 0px 20px 15px;
}
#main-content .check-list {
    padding: 5px 0px 0px 0px;
    margin: 0px;
}
#main-content .check-list li {
    display: block;
    color: #009bc3;
    padding: 12px 0px 0px 20px;
    background: url(../images/check-bullet.png) 0px 15px no-repeat;
}
#main-content .check-list * {
    color: #009bc3;
}
#main-content .star-list {
    padding: 15px 0px 0px 0px;
}
#main-content .star-list li {
    display: block;
    color: #009bc3;
    padding: 12px 0px 0px 20px;
    background: url(../images/star-bullet.png) 0px 15px no-repeat;
}
#main-content .accordion-list {
    margin: 0px;
    padding: 0px;
}
#main-content .accordion-list li {
    display: block;
    margin: 5px 0px 0px 0px;
    list-style-type: none;
}
#main-content .accordion-list p {
    display: block;
    paddin: 0px;
    margin: 0px;
}
#main-content .accordion-list li > div {
    display: block;
    padding: 10px;
}
#main-content .accordion-list a.header {
    display: block;
    height: 38px;
    line-height: 38px;
    color: #666666;
    text-decoration: none;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    background: url(../images/accordion-bg.jpg) 0px 0px repeat-x;
}
#main-content .accordion-list span {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    background: url(../images/accordion-close.png) 50% 50% no-repeat;
}

#main-content .page-header {
    display: block;
    padding: 16px 16px 0px 16px;
    border-radius: 5px;
    background: url(../images/page-header.png) 0px 0px repeat-y;
}
#main-content .page-header h1 {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
    padding: 3px 0px 0px 5px;
}
#main-content .page-header .search-form {
    display: block;
    float: right;
}
#main-content .page-header .search-form .input {
    width: 138px;
    padding: 4px 4px 4px 25px;
    border: 0px none;
    color: #ffffff;
    font-family: "Lucida Sans Unicode","Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 20px;
    background: url(../images/sprites1.png) -67px -78px no-repeat;
}
#main-content .page-header .path {
    display: block;
    padding: 5px 30px 0px 0px;
    float: right;
    color: #ffffff;
    font-size: 11px;
}
#main-content .page-header .path a {
    display: inline-block;
    padding: 0px 15px 0px 6px;
    color: #ffffff;
    background: url(../images/arrow-right.png) 100% 50% no-repeat;

}
#main-content .page-header .path .current {
    display: inline-block;
    font-weight: bold;
    padding: 0px 0px 18px 5px;
}
#main-content .page-sidebar {
    display: block;
    float: left;
    width: 210px;
    padding: 0px 0px 40px 0px;
    background: url(../images/sidemenu-vr.png) 197px 0px repeat-y;
}
#main-content .page-sidebar li{
    display: block;
    list-style-type: none;
}
#main-content .page-sidebar li .hr{
    display: block;
    width: 197px;
    height: 2px;
    background: url(../images/sidemenu-hr.png) 0px 100% repeat-x;
}
#main-content .page-sidebar .sidemenu0 > li > a {
    display: block;
    width: 177px;
    padding: 4px 0px 4px 20px;
    margin: 3px 0px 4px 0px;
    color: #666666;
    text-decoration: none;
    border-radius: 4px;
}
#main-content .page-sidebar .sidemenu0 > li > a.selected,
#main-content .page-sidebar .sidemenu0 > li > a:hover {
    color: #ffffff;
    width: 190px;
    background: url(../images/sprites1.png) -10px 0px no-repeat;
}
#main-content .page-sidebar .sidemenu1 {
    margin-bottom: 10px;
}
#main-content .page-sidebar .sidemenu1 > li {
    padding: 5px 0px 0px 0px;
}
#main-content .page-sidebar .sidemenu1 > li > a {
    display: block;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 12px;
    text-decoration: none;
    background: url(../images/sidemenu-bullet.png) 0px 5px no-repeat;
}
#main-content .page-sidebar .sidemenu1 > li > a:hover {
    color: #ef8000;
    text-decoration: underline;
}
#main-content .page-sidebar .sidemenu1 > li > a.selected {
    font-weight: bold;
}
#main-content .hr-shadow {
    border: 0 none;
    height: 20px;
    margin: 15px 0 22px;
    background: url(../images/content-shade.png) no-repeat scroll 0px -20px;
}
#main-content .box-shadow {
    padding: 30px 27px 0px;
    background: url(../images/content-box-bg.png) repeat-x scroll 0px 0px;
}
#main-content .tab-list li {
    display: inline-block;
}
#main-content .tab-list a {
    display: inline-block;
    padding: 4px 12px;
    color: #474747;
    border-radius: 5px;
    text-decoration: none;
}
#main-content .tab-list a.selected {
    color: #ffffff;
    background: #007cb2;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.5) inset;
}
#main-content .image-note {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 11px;
}

#main-content .login-form {
    display: block;
    padding: 30px 60px 30px 60px;
    width: 210px;
    margin: 0px auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
#main-content .login-form .form-group {
    padding: 5px 0px 5px 0px;
}
#main-content .login-form .form-control {
    display: block;
    width: 200px;
    padding: 5px;
    border: 1px solid #dddddd;
}
#main-content .contact-form {
    padding-top: 15px;
}
#main-content .contact-form label {
    color: #555;
    display: block;
    float: none;
    font-weight: bold;
    margin-bottom: 3px;
}
#main-content .contact-form label span {
    color: #999;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}
#main-content .contact-form input[type="text"] {
    margin-bottom: 13px;
    width: 300px;
}
#main-content .contact-form .invalid {
    border: 1px solid #CC0000;
    color: #cc0000;
    background: #FFEEEE;
}
#main-content .contact-form .valid {
    border: 1px solid #00CC00;
    color: #00cc00;
    background: #EEFFEE;
}
#main-content textarea,
#main-content input {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 1em;
    padding: 8px;
}
#main-content .contact-form label.checkbox,
#main-content .contact-form label.radio {
    display: inline-block;
    float: none;
    font-weight: normal;
    margin-bottom: 3px;
}
#main-content .contact-form input[type="radio"],
#main-content .contact-form input[type="checkbox"] {
    float: none;
    margin-bottom: 13px;
}
#main-content .contact-form textarea {
    float: none;
    height: 150px;
    margin-bottom: 13px;
    width: 430px;
}
#main-content .contact-form .submit {
    background: url(../images/submit-bg.png) repeat-x scroll 0 -46px #040404;
    border: 1px solid #000;
    color: #ddd;
    cursor: pointer;
    display: block;
    letter-spacing: 1px;
    margin: 0;
    outline: medium none;
    padding: 10px 15px !important;
    text-transform: uppercase;
    box-shadow: 1px 1px 3px #666;
    border-radius: 5px;
    transition: all 500ms;
}
#main-content .contact-form .submit:hover {
    opacity: 0.7;
}

/** Custom **/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(4,4,4,4);
	-moz-box-shadow: 0 1px 2px rgba(4,4,4,4);
	box-shadow: 0 1px 2px rgba(4,4,4,4);
}
.button:hover {
	text-decoration: none;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #ec7c44;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1894d), to(#ec7c44));
	background: -moz-linear-gradient(top,  #f1894d,  #ec7c44);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1894d', endColorstr='#ec7c44');
}
.orange:hover {
	background: #ed681f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f17025), to(#ed681f));
	background: -moz-linear-gradient(top,  #f17025,  #ed681f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f17025', endColorstr='#ed681f');
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .main-site-width{
    width: 100%;
    
  }
  #main-header .bigboard{
      width: 100%;
      
  }
  #main-header .ema-logo-header{
      width: 100%;
       text-align:center;
       float:none;
       height: auto;
  }
  #main-header .logo-contacts{
      text-align:center;
  }
   .ema-logo-headerleft{
      float:none !important;
  }
  .ema-logo-headerright{
  float:none !important;
  }
  #main-header .bigboard .image-frame{
      display:none;
  }
  #main-content{
      margin: 0 10px 0 10px;
  }
  #main-content .homelittleicons{
      width: 50%;
  }
  #main-content .homelittleicons:last-child{
      float:left;
  }
  #main-header{
      height: auto;
  }
  #main-header .bigboard .info-frame h2{
      font-size:18px;
  }
  #main-header .bigboard .info-frame{
      margin: 20px 0px 0px 20px;
      width: 100%;
  }
  #main-footer{
      background: #2596be;
  height: 820px;
  }
  #main-footer .info-box{
      width: 100%;
  margin: 20px 40px 0px 10px;
  }
  #main-footer .info-box:last-child{
      margin: 20px 40px 0px 10px;
      float:left;
  }
   .leading-edge{
     width:100% !important; 
  }
  .leading-edgeright{
      width:100% !important; 
      float:left;
  }
  }
  .ema-logo-headerleft{
      float:left;
  }
  .ema-logo-headerright{
  float:right;
  }
  .leading-edge{
     width:55%; 
  }
  .leading-edgeright{
      width:35%; 
    display: flex;
    justify-content: center;
}
    
iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}