@charset "utf-8";
input, select, textarea {
    width: 100%;
    background: #fff;
    border: #ccc 1px solid;
    border-radius: .25rem;
    color: #333;
    padding: .3rem .6rem
}
input:hover, select:hover, textarea:hover {
    border: #000 1px solid;
    outline: none
}
input:focus, select:focus, textarea:focus {
    border: #f00 1px solid;
    outline: none
}
input::placeholder {color: #666}

input[type="checkbox"], input[type="radio"] {width: inherit !important}

button {background: none}
button:hover {background: none}

div.editor {margin-top: 1rem; padding: 1rem}
div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor img {width: auto !important; border: #999 1px solid; margin: .5rem 1rem; padding: .5rem}
div.editor img.img_right {width: 50% !important; float: right}
div.editor table {width: 100% !important}
div.editor ul li {list-style: disc}
div.editor ol li {list-style: decimal}

section.container {
    width: 100%;
    max-width: 1110px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .35) 0 0 10px;
    padding-top: 2rem;
    padding-bottom: 2rem
}

div.pageBanner {z-index: 9999}

/*title*/
div.title {
    border-bottom: #00a0e9 1px solid;
    margin-bottom: 2rem
}
div.title>h1 {
    font-size: 2.5rem;
    font-weight: 400;
    color: #00a0e9;
}

div.towCloumn {margin: 0}

dl.sideNav {}
dl.sideNav>dd {
    font-size: 1.35rem;
    font-weight: 400;
    color: #00a0e9;
    padding: .5rem 1rem
}
dl.sideNav>dd:hover, dl.sideNav>dd[active] {background: #00a0e9; color: #fff}

div.pContent {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .25) 0 0 3px;
    margin: 0;
    margin-bottom: 0;
    padding: 1rem 0
}

.cookie {
    border-bottom: #eee 1px solid;
    font-size: .85rem;
    font-weight: 400;
    text-align: right;
    margin-bottom: 2rem;
    padding-bottom: .5rem
}
.cookie>i {margin: 0 .25rem}

/*products*/
div.prodAD {margin: 0}
div.prodAD>div:nth-child(1) {padding: 0}

dl.itemHot {margin: 0}
dl.itemHot>dd {margin-bottom: 0}
dl.itemHot>dd>button {
    width: 100%;
    border: #333 1px solid;
    font-size: 1.25rem;
    font-weight: 300;
    padding: .75rem
}
dl.itemHot>dd>button:hover {background: #f00; border-color: #f00; color: #fff}

div.itemBanner {padding-left: 0}

dl.itemProd {margin: 1rem 0; padding: 0 .5rem}
dl.itemProd>dd {text-align: center; padding: .5rem}
dl.itemProd>dd>button {
    width: 100%;
    border: #333 1px solid;
    font-size: 1.25rem;
    font-weight: 300;
    padding: .75rem
}
dl.itemProd>dd>button:hover {background: #000; color: #fff}

dl.listProd {margin: 0}
dl.listProd>dd {margin: 0}
dl.listProd>dd.Page {margin-top: 2rem}
dl.listProd>dd>figure {
    position: relative;
    margin-bottom: .25rem
}
dl.listProd>dd>figure>figcaption {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .58);
    text-align: center;
    position: absolute
}
dl.listProd>dd>figure>figcaption>button {
    border: #fff 1px solid;
    border-radius: .25rem;
    color: #fff;
    margin-top: 45%;
    padding: .75rem 1.5rem
}
dl.listProd>dd>p {
    margin-bottom: .25rem;
    padding: 0
}
dl.listProd>dd>p:nth-child(2) {font-weight: 500}
dl.listProd>dd>p:nth-child(3) {}
dl.listProd>dd>p:nth-child(4) {font-size: 1.5rem; font-weight: 700; color: #f00}
dl.listProd>dd:hover>figure>figcaption {display: block}
dl.listProd>dd:hover>p:nth-child(2) {color: #f00}

/*news*/
dl.news {padding: 0}
dl.news>dt, dl.news>dd {
    border-bottom: #ddd 1px solid;
    margin-bottom: 1.5rem;
    padding: 0 0 1.5rem
}
dl.news>dt {color: #a00}
dl.news>dd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
dl.news>dt:nth-last-child(2), dl.news>dd:nth-last-child(1) {border-bottom: none}

div.backToLast {text-align: center}

dl.contact {}
dl.contactInfo {}
dl.contactInfo>dd:nth-child(1) {
    border-bottom: #eee 1px solid;
    font-size: 1.5rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem
}
dl.contactInfo>dd {margin-bottom: 1rem}

dl.contactForm {margin: 0}
dl.contactForm>dd:last-child {text-align: center}
dl.contactForm>dd>button {
    background: #005293;
    color: #fff;
}
dl.contactForm>dd>button:hover {background: #03365f}

dl.contact>dd.map {}
dl.contact>dd.map>iframe {width: 100% !important; border: #666 1px solid}

ul.list-unstyled>li {margin-bottom: 2rem}

/*works dropdown menu*/
.accordion {
  width: 100%;
  max-width: 360px;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}
.accordion li.open .link { color: #b63b4d; }
.accordion li.open i { color: #b63b4d; }
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Submenu */
.submenu {
  display: none;
  background: #444359;
  font-size: 14px;
}
.submenu li { border-bottom: 1px solid #4b4a5e; }
.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}