* { font-family: arial; outline: 0; }
body { margin: 0; padding: 0; font-size: 14px; color: black; direction: ltr; }
a { color: black; text-decoration: none; }
img { border: 0; }
#Main { width: 980px; margin: 8px auto 0 auto; }
#Header { width: 980px; height: 90px; clear: both; margin-bottom: 9px; }
#Header #logo { width: 254px; height: 86px; display: block; background: url('../pics/logo.png') no-repeat 0 0; float: left; overflow: hidden; text-indent: -1000px; }
#Header #logo h1 { margin: 0; }
#Header #headSide { width: 700px; height: 90px; float: right; position: relative; }
#Header #headSide #Top { width: 100%; height: 60px; border-bottom: 1px solid #d4d4d4; position: relative; }
#Header #headSide #Top #lang { width: 39px; height: 26px; position: relative; float: right; top: 25px; }
#Header #headSide #Top #phone { width: 118px; height: 22px; background: url('../pics/phone.png') no-repeat 0 0; float: right; margin-right: 16px; position: relative; top: 31px; }
#Header #headSide #Menu { width: 100%; height: 30px; border-bottom: 1px solid #d4d4d4; padding-top: 3px; }

#ContWrapper { width: 980px; clear: both; position: relative; }
#sideCol { width: 255px; float: left; }
#sideCol .menuItem { width: 252px; height: 45px; clear: both; display: block; background: url('../pics/sideMenuItem_ltr.png') no-repeat 0 0; text-decoration: none; position: relative; }
#sideCol .menuItem:hover  { background-position: 0 -45px; }
#sideCol .menuItem span.icon, .artSide .sideMenu span.icon { width: 30px; height: 28px; display: block; position: absolute; top: 7px; left: 12px; text-align: center; }
#sideCol .menuItem span.link, .artSide .sideMenu span.link { max-width: 175px; color: #4a4a4a; font-weight: bold; font-size: 14px; position: absolute; top: 13px; left: 52px; }

#mainCol { width: 700px; float: right; }
#mainCol #homePics { width: 700px; height: 266px; clear: both; position: relative; z-index: 5; }
#mainCol #bottomPlace { width: 700px; clear: both; margin-top: 25px; }
#mainCol #bottomPlace #mainText { width: 415px; min-height: 1px; float: left; }
#mainCol #bottomPlace #sep { width: 30px; height: 195px; float: left; background: url('../pics/home_sep.png') no-repeat center bottom; }
#mainCol #bottomPlace #side { width: 250px; height: 195px; float: left; }
#mainCol #bottomPlace #side #top { width: 100%; height: 75px; clear: both; position: relative; z-index: 99999; }
#mainCol #bottomPlace #side #top #bnrHover { position: absolute; top: -208px; right: 0; z-index: 999999; }
#mainCol #bottomPlace #side #newsBox { width: 100%; clear: both; overflow: hidden; position: relative; }
#mainCol #bottomPlace #side #newsBox #newsTitle { width: 150px; height: 26px; clear: both; background: url('../pics/news_title_ltr.png') no-repeat 0 0; margin-bottom: 5px; }
#mainCol #bottomPlace #side #newsBox #newsHold { width: 100%; height: 85px; clear: both; overflow: hidden; display: block; }

#articlesMenu { width: 980px; height: 41px; margin-bottom: 6px; position: relative; }
#articlesMenu .menuItem { width: 61px; height: 40px; display: block; float: left; background: url('../pics/articles_menu.png') no-repeat 0 0; text-align: center; color: #4a4a4a; font-size: 14px; }
#articlesMenu .menuItem:hover, #articlesMenu .menuItem.selected { background-position: 0 -40px; color: white; }
#articlesMenu .menuItem span { max-width: 57px; position: relative; top: 19px; }
#articlesMenu .menuItem:first-child { margin-left: 5px; }
#articlesMenu #atriclesPath { position: absolute; top: 10px; left: 281px; color: #a71c21; font-size: 14px; }
#articlesMenu #atriclesPath a { color: #a71c21; }
#articlesMenu #atriclesBorder { width: 976px; height: 4px; clear: both; margin: 0 auto; background: url('../pics/articles_sep.png') no-repeat center top; position: relative; top: -3px; }

.articleItem { width: 100%; clear: both; margin-bottom: 17px; clear:none !important; float: left  !important;height: 245px  !important;margin-right:10px; margin-bottom: 37px  !important; border:3px solid #e6e6e6; position: relative  !important;width: 219px  !important; }
.articleItem .title { display: block; font-weight: bold; font-size: 14px; color: #17639f; margin-bottom: 4px; }
.articleItem .readmore { float: right; color: #669342; font-weight: bold; font-size: 12px; height: 15px; padding: 0 12px; background: white url('../pics/art_arr_ltr.png') no-repeat right center; text-decoration: none; position: relative; z-index: 10; }
.articleItem .readmore:hover { color: #7bad53; }
.articleItem .line { width: 100%; height: 1px; clear: both; background-color: #bebebe; position: relative; top: -7px; z-index: 5; }
.articleItem .textHolder { width: 100%; height: 115px; overflow: hidden; position: relative; left:20px; height: 70px; width:170px !important; margin-bottom: 14px; margin-top: 10px; text-align: center !important;}
.artimg {position: relative;left: 20px;text-align: right;width: 171px;}

.artimg img {
    max-width: 100%;
    max-height: 100%;
}

.artSide { width: 251px; clear: both; margin-bottom: 5px; }
.artSide .sideMenu { width: 251px; height: 44px; clear: both; display: block; background: url('../pics/art_side_nav_ltr.png') no-repeat 0 0; position: relative; }
.artSide .subHolder { width: 251px; background: url('../pics/art_side_nav_mid.png') repeat-y 0 0; }
.artSide .subHolder .Sep { width: 204px; height: 0px; margin: 0 auto; clear: both; border-top: 1px solid #b5ad85; border-bottom: 1px solid #fff9da; }
.artSide .subHolder .Item { width: 165px; display: block; margin: 0 auto; clear: both; padding: 6px 0; font-size: 14px; color: #353535; }
.artSide .subHolder .Item:hover { color: #983201; }
.artSide .sideCloser { width: 251px; height: 13px; clear: both; background: url('../pics/art_side_nav_ltr.png') no-repeat 0 -45px; }

#LeadBox { width: 980px; clear: both; padding: 16px 0 22px 0; }
#LeadBox #leadHold { width: 980px; height: 36px; position: relative; background: url('../pics/lead_bg.png') no-repeat left 0; }
#LeadBox #leadHold #text { width: 290px; height: 22px; position: absolute; top: 8px; left: 18px; font-weight: bold; font-size: 14px; }
#LeadBox #leadHold #formHold { width: 595px; height: 26px; position: absolute; top: 5px; left: 318px; }
/*#LeadBox #leadHold #formHold input { width: 130px; height: 18px; padding: 2px 3px; margin-right: 10px; background-color: white; border: 0; border-radius: 4px; box-shadow: 0 9px 3px -7px rgba(0, 0, 0, 0.4) inset; }*/
#LeadBox #leadHold #formHold input { width: 130px; height: 18px; padding: 2px 3px; margin-right: 10px; background: url('../pics/inp_bg.png') no-repeat 0 0; border: 0; }
#LeadBox #leadHold #formHold input.last { margin-right: 0; }
#LeadBox #leadHold #submit { width: 68px; height: 31px; border: 0; background: url('../pics/lead_btn_ltr.png') no-repeat 0 0; cursor: pointer; color: white; font-weight: bold; font-size: 16px; position: absolute; top: 0; right: 0; text-align: left; padding: 0 6px; }
#LeadBox #leadHold #submit:hover { background-position: 0 -31px; }

::-webkit-input-placeholder { color: black; font-weight: bold; font-size: 14px; } /* Can't apply to all of them together */
:-moz-placeholder { color: black; font-weight: bold; font-size: 14px; } /* .. */
input .placeholder { color: black; font-weight: bold; font-size: 14px; } /* .. */

#Footer { width: 980px; clear: both; border-top: 1px solid #d4d4d4; padding-top: 5px; }
#Footer #Inner { width: 810px; float: left; }
#Footer #Inner p { margin: 0; padding: 0; }
#Footer #SimplySmart { width: 165px; text-align: right; float: right; }
.Cleaner { width: 1px; height: 1px; clear: both; }
h2.pageTitle { color: #669342; font-size: 18px; font-weight: bold; clear: both; margin: 4px 0 18px 0; }
.nofirstp p:first-child { margin-top: 0; }


.mobile-header{
  display: none;
}

.mobile-navi{
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 1px solid #000;
  margin-top: 10px;
  margin-left: 10px;
}

.mn-hamburger{
  background:none;
  position:absolute;
  top:0;
  left:0;
  line-height:45px;
  padding:2px 15px;
  color:#000;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:9;
}
.mn-cross{
  background:none;
  position:absolute;
  top:0px;
  left:0;
  padding:0px 17px 0;
  color:#000;
  border:0;
  font-size: 20px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:9;
  width: 100%;
  height: 100%;
}
/* .mn-cross span{
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
} */
.mn-menu{
  z-index:9999999;
  font-size:0.8em;
  width:100%;
  background:#f1f1f1;
  position:relative;
  font-size:12px;
  font-weight: bold;
  padding: 15px;
}

.true-sum-menu{
  position: absolute;
  display: inline-block;
  top: 7px;
  right: 10px;
  border: 1px solid #000;
  width: 30px;
  height: 30px;
  
}

.true-sum-menu::before {
  content: "\f103";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
/*--adjust as necessary--*/
  color: #000;
  font-size: 18px;
  padding-left: 0.5em;
  position: absolute;
  top: 6px;
  right: 8px;
}

.glyphicon-home{
  color:white;
  font-size:1.5em;
  margin-top:5px;
  margin:0 auto;
}

.mn-menu .CsmeMenuTrain_ltr{
  height: auto;
}

.mn-menu .CsmeMenuTrain_ltr .TrainLink{
  padding: 10px 5px;
  height: auto;
}

.mn-menu .CsmeMenuTrain_ltr .TrainWagon{
  float: none;
  border-bottom: 1px solid #bbb;
}

.mn-menu .CsmeMenuTrain_ltr .Sep{
  display: none;
}

.mobile-tel{
  background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU3OC4xMDYgNTc4LjEwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTc4LjEwNiA1NzguMTA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTU3Ny44Myw0NTYuMTI4YzEuMjI1LDkuMzg1LTEuNjM1LDE3LjU0NS04LjU2OCwyNC40OGwtODEuMzk2LDgwLjc4MSAgICBjLTMuNjcyLDQuMDgtOC40NjUsNy41NTEtMTQuMzgxLDEwLjQwNGMtNS45MTYsMi44NTctMTEuNzI5LDQuNjkzLTE3LjQzOSw1LjUwOGMtMC40MDgsMC0xLjYzNSwwLjEwNS0zLjY3NiwwLjMwOSAgICBjLTIuMDM3LDAuMjAzLTQuNjg5LDAuMzA3LTcuOTUzLDAuMzA3Yy03Ljc1NCwwLTIwLjMwMS0xLjMyNi0zNy42NDEtMy45NzlzLTM4LjU1NS05LjE4Mi02My42NDUtMTkuNTg0ICAgIGMtMjUuMDk2LTEwLjQwNC01My41NTMtMjYuMDEyLTg1LjM3Ni00Ni44MThjLTMxLjgyMy0yMC44MDUtNjUuNjg4LTQ5LjM2Ny0xMDEuNTkyLTg1LjY4ICAgIGMtMjguNTYtMjguMTUyLTUyLjIyNC01NS4wOC03MC45OTItODAuNzgzYy0xOC43NjgtMjUuNzA1LTMzLjg2NC00OS40NzEtNDUuMjg4LTcxLjI5OSAgICBjLTExLjQyNS0yMS44MjgtMTkuOTkzLTQxLjYxNi0yNS43MDUtNTkuMzY0UzQuNTksMTc3LjM2MiwyLjU1LDE2NC41MXMtMi44NTYtMjIuOTUtMi40NDgtMzAuMjk0ICAgIGMwLjQwOC03LjM0NCwwLjYxMi0xMS40MjQsMC42MTItMTIuMjRjMC44MTYtNS43MTIsMi42NTItMTEuNTI2LDUuNTA4LTE3LjQ0MnM2LjMyNC0xMC43MSwxMC40MDQtMTQuMzgyTDk4LjAyMiw4Ljc1NiAgICBjNS43MTItNS43MTIsMTIuMjQtOC41NjgsMTkuNTg0LTguNTY4YzUuMzA0LDAsOS45OTYsMS41MywxNC4wNzYsNC41OXM3LjU0OCw2LjgzNCwxMC40MDQsMTEuMzIybDY1LjQ4NCwxMjQuMjM2ICAgIGMzLjY3Miw2LjUyOCw0LjY5MiwxMy42NjgsMy4wNiwyMS40MmMtMS42MzIsNy43NTItNS4xLDE0LjI4LTEwLjQwNCwxOS41ODRsLTI5Ljk4OCwyOS45ODhjLTAuODE2LDAuODE2LTEuNTMsMi4xNDItMi4xNDIsMy45NzggICAgcy0wLjkxOCwzLjM2Ni0wLjkxOCw0LjU5YzEuNjMyLDguNTY4LDUuMzA0LDE4LjM2LDExLjAxNiwyOS4zNzZjNC44OTYsOS43OTIsMTIuNDQ0LDIxLjcyNiwyMi42NDQsMzUuODAyICAgIHMyNC42ODQsMzAuMjkzLDQzLjQ1Miw0OC42NTNjMTguMzYsMTguNzcsMzQuNjgsMzMuMzU0LDQ4Ljk2LDQzLjc2YzE0LjI3NywxMC40LDI2LjIxNSwxOC4wNTMsMzUuODAzLDIyLjk0OSAgICBjOS41ODgsNC44OTYsMTYuOTMyLDcuODU0LDIyLjAzMSw4Ljg3MWw3LjY0OCwxLjUzMWMwLjgxNiwwLDIuMTQ1LTAuMzA3LDMuOTc5LTAuOTE4YzEuODM2LTAuNjEzLDMuMTYyLTEuMzI2LDMuOTc5LTIuMTQzICAgIGwzNC44ODMtMzUuNDk2YzcuMzQ4LTYuNTI3LDE1LjkxMi05Ljc5MSwyNS43MDUtOS43OTFjNi45MzgsMCwxMi40NDMsMS4yMjMsMTYuNTIzLDMuNjcyaDAuNjExbDExOC4xMTUsNjkuNzY4ICAgIEM1NzEuMDk4LDQ0MS4yMzgsNTc2LjE5Nyw0NDcuOTY4LDU3Ny44Myw0NTYuMTI4eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
  width: 32px;
  height: 32px;
  position: absolute;
  top: 9px;
  right: -45px;
  display: inline-block;
}

.sideCol-btn-mobile{
  display: none;
}

.wrapper-aside-panel{
  display: none;
}

@media(max-width: 1024px){
  #headSide,
  #homePics,
  #mainCol #bottomPlace #sep{
    display: none;
  }

  #lang{
    margin-top: 15px;
  }

  .mobile-header{
    display: block;
  }
  #Header{
    height: 70px;
    background-color: #ccc;
    position: fixed;
    top: 0;
    z-index: 9999999;
  }

  #logo{
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 150px;
    background-size: 100% !important;
  }

  #Main,
  #Header,
  #headSide,
  #ContWrapper,
  #sideCol,
  #mainCol,
  #mainCol #homePics,
  #mainCol #bottomPlace,
  #LeadBox,
  #LeadBox #leadHold,
  #Footer,
  #mainText,
  #mainCol #bottomPlace #side,
  #Footer #Inner{
    width: 100% !important;
    float: none !important;
  }

  #mainCol #bottomPlace #mainText{
  }

  #mainCol #bottomPlace #side #top #bnrHover{
    position: static;
    z-index: 2;
  }

  #mainCol #bottomPlace #side,
  #mainCol #bottomPlace #side #top{
    height: auto; 
  }

  #mainCol #bottomPlace #side #top{
    text-align: center;
  }

  #mainCol #bottomPlace #side #newsBox{
    height: 120px;
  }

  #LeadBox #leadHold #formHold,
  #LeadBox #leadHold #text{
    width: 100%;
    height: auto;
    position: static;
  }

  #LeadBox #leadHold #submit{
    position: static;
  }

  #LeadBox #leadHold{
    height: auto;
    background: unset;
  }

  #LeadBox #leadHold #formHold input{
    margin-bottom: 15px;
  }

  #Footer{
    padding: 15px;
  }

  #Main{
    margin-top: 80px;
  }

  #mainCol{
    padding: 15px 30px;
  }

  #mainCol img{
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    float: none !important;
  }

  #articlesMenu #atriclesBorder{
    width: 100%;
  }

  #LeadBox{
    padding: 15px 10px;
  }

  #LeadBox #leadHold #text{
    margin-bottom: 15px;
  }

  #articlesMenu{
    width: 100%;
    padding-left: 35px;
  }

  #articlesMenu #atriclesPath{
    display: none;
  }

  .sideCol-btn-mobile{
    display: block;
    position: absolute;
    top: 50%;
    right: -30px;
    background-color: #f1f1f1;
    transform: translateY(-50%);
    width: 30px;
    height: 45px;
    border-radius: 50px 0 0 50px;
  }

  .sideCol-btn-mobile span{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
    font-size: 26px;
  }

  #sideCol{
    display: none;
  }

  .wrapper-aside-panel #sideCol{
    display: block;
  }

  .wrapper-aside-panel{
    display: block;
    width: 260px;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: -260px;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .wrapper-aside-panel.wrapper-aside-panel_open{
    left: 0;
  }

  .wrapper-aside-panel #sideCol{
    width: 260px;
    min-height: 100%;
    height: 100%;
    background-color: #f1f1f1;
    -webkit-box-shadow: 5px 0 15px 0 rgba(0,0,0,.25);
    box-shadow: 5px 0 15px 0 rgba(0,0,0,.25);
    position: relative;
    overflow-x: auto;
    transition: all .5s;
    padding-top: 85px;
  }

  .articleItem{
    width: 31% !important;
  }

  .articleItem .textHolder,
  .artimg{
    width: 100% !important;
    left: initial;
  }

  .artimg{
    text-align: center;
    height: 125px;
  }

  html[lang="en"] #accessibilityLink{
  
    border-top-left-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
  
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    
  }

}

@media(max-width: 768px){
  .articleItem{
    width: 47% !important;
  }
}

@media(max-width: 500px){
  .articleItem{
    width: 97% !important;
  }
}

html[lang="en"] .accessibility_wrapper{
  right: auto;
  left: 5px;
}

html[lang="en"] .sideCol-btn-mobile{
  border-radius: 0 50px 50px 0;
}

html[lang="en"] .sideCol-btn-mobile span{
  right: 0;
}