ol,
ul {
    padding-left: 18px
}

.noul {
    list-style: none;
    padding-left: 0
}

ol li,
ul li {
    margin-bottom: 7px
}

.read-more {
    display: inline-block;
    padding: 7px 30px;
    border: 1px solid #007a8f;
    color: #fff;
    background: #007a8f;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: .05rem;
    transition: all .5s ease
}

.read-more.collapsed {
    padding: 4px 20px;
}

.read-more:focus,
.read-more:hover {
    background: #fff;
    border: 1px solid #007a8f;
    color: #007a8f
}

.red {
    color: red
}

.orange {
    color: #fa8b15
}

.gray {
    color: #777
}

.mt-0,
.mtop0 {
    margin-top: 0
}

.mt-10,
.mtop10 {
    margin-top: 10px
}

.mt-15,
.mtop15 {
    margin-top: 15px
}

.mt-20,
.mtop20 {
    margin-top: 20px
}

.mt-30,
.mtop30 {
    margin-top: 30px
}

.mt-40,
.mtop40 {
    margin-top: 40px
}

.mt-50,
.mtop50 {
    margin-top: 50px
}

.mb-0,
.mbottom0 {
    margin-bottom: 0 !important;
}

.mb-10,
.mbottom10 {
    margin-bottom: 10px
}

.mb-15,
.mbottom15 {
    margin-bottom: 15px
}

.mb-20,
.mbottom20 {
    margin-bottom: 20px
}

.mb-30,
.mbottom30 {
    margin-bottom: 30px
}

.mb-40,
.mbottom40 {
    margin-bottom: 40px
}

.mb-50,
.mbottom50 {
    margin-bottom: 50px
}

.modal-open {
    overflow: visible
}

label {
    font-weight: 400
}

.ServiceShowPic,
.show-center {
    font-size: .95em;
    text-align: center;
    line-height: 1.7em !important;
    color: #666
}

.ServiceShowPic img,
.show-center img {
    margin: auto
}

.ServiceShowleftPic,
.show-left {
    margin-right: 15px;
    text-align: center;
    color: #666;
    display: inline-block
}

.ServiceShowrightPic,
.show-right {
    margin-left: 15px;
    text-align: center;
    color: #666;
    display: inline-block
}

.ServiceShowleftPic,
.ServiceShowPic,
.ServiceShowrightPic,
.show-center,
.show-left,
.show-right {
    font-size: .95em;
    text-align: center;
    line-height: 1.7em !important
}

.ServiceShowleftPic img,
.ServiceShowPic img,
.ServiceShowrightPic img,
.show-center img,
.show-left img,
.show-right img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

.reference {
    font-size: .95em;
    color: #666
}

.reference p {
    position: relative;
    font-size: 1.1em
}

.reference ol {
    margin-bottom: 15px;
    padding-left: 15px
}

@media(min-width:1000px) {

    .ServiceShowrightPic,
    .show-right {
        float: right
    }

    .ServiceShowleftPic,
    .show-left {
        float: left
    }
}

.product-box ol,
.product-box ul,
.service-box ol,
.service-box ul {
    margin-bottom: 20px
}

.product-box ul ul,
.service-box ul ul {
    margin-bottom: 10px
}

.product-box,
.service-box {
    margin-top: 10px;
    margin-bottom: 40px;
}

@media(min-width:768px) {
    .form-group {
        margin-bottom: 20px
    }
}

.second-banner,
.second-item {
    height: 320px;
    color: #fff
}

.second-title.second-service {
    background: #fff;
    margin-bottom: 0;
    color: #007a8f;
    display: inline-block;
    padding: 15px 20px
}

.second-item {
    display: table
}

.second-cell {
    display: table-cell;
    vertical-align: middle
}

.bread-box {
    padding: 15px 0;
    margin-bottom: 0
}

.bread-box a {
    color: #3d3f40
}

.bread-box>li.active {
    color: #666
}

.bread-box>li {
    position: relative;
    margin-bottom: 0
}

.second-title {
    color: #fff;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
}

.title-name {
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.35em;
}

.price-inquiry {
    display: inline-block;
    padding: 10px 20px;
    background-image: linear-gradient(#31d1ed, #007a8f);
    margin-bottom: 25px;
    color: #fff;
    transition: all .4s ease
}

.price-inquiry:focus,
.price-inquiry:hover {
    box-shadow: 0 0 10px #ddd;
    color: #fff
}

.price-inquiry span {
    font-size: 24px;
    line-height: 1em;
    vertical-align: middle
}

ul.navMenu {
    margin-bottom: 35px;
    padding-left: 10px;
    margin-top: 20px
}

.navMenu li {
    list-style: none
}

.navMenu ul {
    margin: 6px 0;
    display: none;
    padding: 0
}

.navMenu>li::-webkit-scrollbar {
    width: 8px;
    height: 1px
}

.navMenu>li::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 8px #ddd;
    background: #535353
}

.navMenu>li::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #ededed
}

.navMenu>li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 7px 5px;
    margin-bottom: 0;
    line-height: 1.3em;
    max-height: 350px;
    overflow-y: auto
}

.navMenu>li:first-child {
    border-top: 1px solid #ddd
}

.navMenu>li>a {
    display: inline-block;
    overflow: hidden;
    color: #203552;
    transition: all .3s;
    position: relative;
    text-decoration: none;
    padding: 0;
    width: 88%;
    font-weight: 700
}

.arrow:before {
    content: "\e931";
    padding: 2px 10px;
    color: #8b8c87
}

.arrow.open:before,
.arrow:before {
    cursor: pointer;
    float: right;
    display: inline;
    font-family: icomoon
}

.arrow.open:before {
    padding: 0 10px;
    content: "\e92a";
    color: #203552;
    line-height: 1.6em;
    transform: rotate(90deg)
}

.navMenu>li>.arrow:before {
    cursor: pointer
}

.navMenu>li>a:before {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: icomoon;
    font-weight: 900;
    color: #666
}

.navMenu>li a {
    display: inline-block;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: calc(100% - 40px)
}

.navMenu>li>ul.sub-menu>li>a:before {
    top: 3px;
    position: absolute;
    left: 0
}

.navMenu>li>ul.sub-menu .sub-menu li>a {
    padding-left: 15px
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu {
    background: #f5f6f3;
    padding-top: 10px
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li {
    margin-bottom: 4px
}

.navMenu>li>ul.sub-menu>li>.sub-menu>li>a:before {
    content: "+ ";
    top: 0;
    position: absolute;
    left: 0;
    color: #007a8f
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
    padding: 8px;
    margin-bottom: 0;
    background: #eee
}

.ProductsMenu .subsearch {
    width: 100%;
    height: auto;
    padding: 10px 0;
    position: relative;
    display: none
}

.ProductsMenu>li.open .subsearch {
    display: block
}

.ProductsMenu .subsearch input {
    width: 100%;
    height: 36px;
    padding: 0 10px 0 45px;
    border: 1px solid #ddd;
    color: #000
}

.ProductsMenu .subsearch:before {
    content: "\e998";
    font-family: icomoon !important;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #007a8f;
    font-size: 22px
}

.ProductsMenu .subsearch input:focus {
    border: 1px solid #007a8f
}

.ProductsMenu .sublist {
    display: none;
    margin: 6px 0;
    max-height: 350px;
    overflow-y: auto
}

.ProductsMenu .sublist::-webkit-scrollbar {
    width: 8px;
    height: 1px
}

.ProductsMenu .sublist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 8px #ddd;
    background: #535353
}

.ProductsMenu .sublist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #ededed
}

.ProductsMenu .sublist ul {
    display: block
}

.ProductsMenu .searchlist {
    background: #f3f3f3;
    padding: 10px 10px 5px;
    margin-bottom: 10px;
    display: none
}

.ProductsMenu .searchlist li {
    margin-bottom: 0;
    padding: 2px 0
}

.ProductsMenu>li {
    position: relative;
    height: auto;
    max-height: inherit
}

.ProductsMenu>li>a {
    width: 100%;
    background: #c2cacd;
    color: #363636;
    padding: 8px 10px
}

.ProductsMenu>li>span {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 12px;
    width: 40px;
    height: 40px
}

.ProductsMenu>li>span:before {
    float: none !important;
    padding: 0;
    content: "\e915";
    color: #353535
}

.ProductsMenu>li>span.open:before {
    content: "\e918";
    padding: 0;
    transform: none
}

.side-filter {
    margin-top: 20px;
    padding: 0;
    box-shadow: 0 0 15px #ddd;
    border: 1px solid #ddd;
}

.filter-title {
    margin-bottom: 0;
    color: #fff;
    padding: 10px;
    background: #007a8f;
}

.filter-item {
    margin: 10px 0;
    list-style: none;
    padding: 0;
}

.filter-item label {
    padding-left: 0;
}

.filter-item input[type="radio"] {
    margin: 7px 5px 0 0;
    line-height: 1em;
    height: 14px;
    width: 14px;
}

.filter-item a {
    display: block;
    padding: 3px 6px;
}

.filter-item label:hover,
.filter-item label:focus {
    cursor: pointer;
}

.panel-box .panel-title {
    margin: 0;
    font-size: inherit;
    font-weight: bold;
}

.panel-box h4>a:hover {
    color: #23527c
}

.panel-box .panel-default>.panel-heading {
    cursor: pointer;
    border-radius: 0;
    background: 0;
    padding: 15px 10px 5px 10px;
    border-top: 1px solid #ddd;
}

.panel-box input[type=checkbox],
.panel-box input[type=radio] {
    margin-top: -2px;
    padding: 0;
    vertical-align: middle;
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-box .panel {
    border: 0;
    box-shadow: none;
    margin-top: 0;
    border-radius: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    padding: 0 10px;
    border-top: 0;
    max-height: 700px;
    overflow-y: auto;
}

.panel-group #QA_REVIEWS .panel-body {
    max-height: 999999px;
}

.panel-group .panel-heading+.panel-collapse .panel-body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.panel-group .panel-heading+.panel-collapse .panel-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.panel-group .panel-heading+.panel-collapse .panel-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.panel-group .panel:last-child {
    border-bottom: 1px solid #ccc
}

.panel-box .panel-heading.collapsed>.panel-title:after {
    float: right;
    content: "\e92d";
    font-family: icomoon;
    color: #5385ca
}

.panel-box .panel-heading>.panel-title:after {
    content: "\e90f";
    font-family: icomoon;
    color: #999;
    float: right;
    font-size: 13px
}

.panel-box h3>a {
    font-weight: 700;
    color: #397cd8
}

.pro-panel h3 {
    font-size: 1.7rem
}

.pro-panel .panel-default>.panel-heading {
    cursor: pointer;
    border-radius: 0;
    background: #007a8f;
    padding: 12px 10px;
    border: 0;
    color: #fff
}

.pro-panel .panel-group .panel {
    background: 0;
    border: 0;
    margin-bottom: 25px;
    border-radius: 0;
    box-shadow: none
}

.pro-panel .panel-group .panel-heading+.panel-collapse .panel-body {
    margin-top: 30px
}

.pro-panel .panel-heading.collapsed>.panel-title:after {
    float: right;
    content: "\e956";
    font-family: icomoon;
    color: #fff
}

.pro-panel .panel-heading>.panel-title:after {
    content: "\e953";
    font-family: icomoon;
    color: #fff;
    float: right;
    font-size: 20px;
    font-weight: normal;
}

.side-pic {
    box-shadow: 0 0 15px #999;
    display: block
}

.side-pic img {
    width: 100%;
    height: auto
}

.side-note {
    margin-bottom: 50px
}

.side-note div {
    padding: 5px 3px 5px 60px;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    height: 60px;
    display: flex;
    align-items: center
}

.side-note div:before {
    font-size: 36px;
    font-family: icomoon;
    position: absolute;
    left: 10px;
    top: 15px
}

.side-note div:first-child {
    background: #09c
}

.side-note div:nth-child(2) {
    background: #039
}

.side-note div:nth-child(3) {
    background: #00a1a8
}

.side-note div:nth-child(4) {
    background: #36318f
}

.side-note div:first-child:before {
    content: "\e945"
}

.side-note div:nth-child(2):before {
    content: "\e944"
}

.side-note div:nth-child(3):before {
    content: "\e943"
}

.side-note div:nth-child(4):before {
    content: "\e948"
}

.last-box {
    margin-bottom: 40px;
}

@media(min-width:760px) {

    .last-box>.row,
    .last-box>.row>div[class*=col-md] {
        display: flex
    }
}

.last-box a {
    display: block;
    background: #f9f9f9;
    transition: all .4s ease;
    margin-bottom: 30px;
    overflow: hidden;
}

.last-name {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 25px;
}

.last-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}

.last-box h4 {
    margin-bottom: 10px
}

.last-img {
    height: 110px;
    overflow: hidden;
    position: relative;
    transition: all .4s ease;
}

.last-img img {
    min-width: 100%;
    min-height: 100%;
    transition: all .4s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.last-text {
    padding: 20px
}

.last-box a:hover {
    background: #007a8f;
    color: #fff
}

.last-box a:hover .last-img {
    transform: scale(1.1);
}

.price-modal .modal-body {
    background: url(../images/price-inquiry.jpg) no-repeat 50%;
    background-size: cover
}

.price-modal .modal-header,
.review-modal .modal-header {
    background: #415364;
    color: #fff
}

.price-modal .close,
.review-modal .close {
    color: #fff;
    opacity: .8;
    font-size: 1.6em
}

@media(min-width:992px) {

    .col-md-9.product-box,
    .col-md-9.service-box {
        padding-right: 50px
    }
}

.more-info {
    margin-bottom: 0;
}

.more-info a[href*="?opl="] {
    display: inline-block;
    padding: 5px 30px;
    border: 1px solid #007a8f;
    color: #007a8f;
    margin-bottom: 25px;
    transition: all .4s ease;
    text-align: center
}

.more-info a[href*="?opl="] :focus,
.more-info a[href*="?opl="] :hover {
    background: #007a8f;
    color: #fff
}

.list-a {
    display: block;
    height: 200px;
    position: relative;
    border: 1px solid #007a8f;
    overflow: hidden;
    margin-bottom: 25px
}

.list-a:hover .list-image {
    transform: scale(1.1)
}

.list-image {
    height: 200px;
    overflow: hidden;
    position: relative;
    transition: all .4s ease
}

.list-image img {
    min-width: 100%;
    min-height: 100%;
    max-width: 107%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.list-a h3,
.list-a h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px;
    margin-bottom: 0;
    background: hsla(0, 0%, 100%, .7);
    text-align: center;
    color: #007a8f;
    transition: all .4s ease;
    font-size: 1.8rem;
}

.list-a:hover>h3,
.list-a:hover>h2 {
    background: #007a8f;
    color: #fff
}

.side-one {
    margin: 35px 0;
    border-top: 10px solid #007a8f;
    padding: 20px 0;
    box-shadow: 0 0 15px #ddd;
    text-align: center;
}

.side-one img {
    width: 100%;
    height: auto
}

.side-one p:nth-child(3) {
    text-align: center;
    padding: 0 15px
}

.side-one .share-box>a:focus,
.side-one .share-box>a:hover {
    color: #415364
}

.pro-rate {
    background: #f1f1f1;
    margin-top: -60px;
    padding-top: 60px;
    margin-bottom: 40px;
    padding-bottom: 10px
}

@media(min-width:992px) {
    .rate-list {
        display: flex;
        flex-flow: wrap
    }
}

.rate-list {
    margin-bottom: 25px;
}

.rate-list a {
    display: block;
    padding: 7px 10px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.35em;
    background: #007a8f
}

.sub-navlist .rate-list a {
    background: #fff;
    border: 2.5px solid #007a8f;
    color: #007a8f;
    transition: all ease .4s;
    position: relative;
    padding: 7px 10px 7px 25px;
    font-weight: bold;
}

.sub-navlist .rate-list a:before {
    content: ">";
    position: absolute;
    font-weight: bold;
    left: 10px;
}

.sub-navlist .rate-list a:hover,
.sub-navlist .rate-list a:focus {
    background: #007a8f;
    color: #fff;
}

@media(min-width: 992px) {
    .sub-navlist .rate-list .col-md-4 {
        width: 25%;
    }
}

.view-all {
    margin: 0 0 30px;
    text-align: right;
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 20px
}

.view-all>span {
    display: inline-block;
    padding: 10px 40px 10px 30px;
    right: 0;
    position: absolute;
    top: -6px;
    background: #f1f1f1;
    font-size: 20px
}

.view-all>span:after {
    content: "\e915";
    font-family: icomoon;
    position: absolute;
    right: 10px;
    font-size: 16px
}

.view-all:focus,
.view-all:hover {
    cursor: pointer
}

.list-box {
    background: #f4f6f6
}

.list-select {
    font-size: .9em;
    color: #007a8f;
    text-align: right;
    margin-top: 10px;
}

.list-select select {
    border: 1px solid #ddd;
    color: #007a8f;
    text-align: center;
    width: 60px;
    height: 36px;
    padding-right: 5px;
    border-radius: 5px;
}

.list-select select:hover,
.list-select select:focus {
    border: 1px solid #ddd;
    outline: none;
}

@media(min-width:992px) {

    .list-part>.row,
    .list-part>.row>div[class*=col-md]:nth-child(3) {
        display: flex
    }

    .list-part>.row>div[class*=col-md]:nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }

    .list-price,
    .list-size,
    .pro-list-shopping {
        text-align: center
    }
}

.list-part:hover {
    background: #f9f9f9;
}

@media(max-width:992px) {
    .pro-list-shopping {
        padding: 0 10px 10px
    }
}

.pro-list-shopping {
    font-size: .92em
}

.pro-list-shopping>div>span {
    color: #007a8f
}

.pro-list-a a {
    display: block;
    background: #007a8f;
    color: #fff;
    border: 1px solid #007a8f;
    padding: 5px 25px;
    border-radius: 5px;
    font-size: 16px;
}

/* .pro-list-a a:focus,
.pro-list-a a:hover {
    background: #fff;
    border: 1px solid #007a8f;
    color: #007a8f
} */

/* .pro-list-a a{
    font-size: 16px;
    vertical-align: middle
} */

/* .pro-list-a {
    color: #999
}

.pro-list-a a {
    color: #ec7104;
}

.pro-list-a a:focus,
.pro-list-a a:hover {
    color: #007a8f
} */

.list-purity {
    display: table;
    width: 100%
}

.purity-cell {
    display: table-cell;
    vertical-align: middle
}

.list-cat {
    padding: 5px;
    display: flex;
    justify-content: center
}

.list-cat span {
    display: inline-block;
    margin-right: 10px
}

.inquiry-part label {
    font-size: .96em;
}

.inquiry-part label.checkbox-inline {
    margin-right: 15px;
}

@media(min-width: 992px) {
    .inquiry-part label.checkbox-inline {
        width: 300px
    }
}

.paging-data {
    text-align: right;
    margin: 0
}

.paging-data .pagination {
    margin: 40px 0
}

.newpages a {
    color: #666;
    display: inline-block;
    margin-right: 5px;
    background: #eee;
    padding: 5px 10px;
    border-radius: 5px;
}

.newpages {
    text-align: center;
}

.NewsBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination>li>a,
.pagination>li>span {
    margin-right: 0;
    border-radius: 0;
    min-width: 40px;
    text-align: center;
    color: #007a8f;
    display: inline-block;
    float: none;
    position: static;
    padding: 5px 12px;
    font-size: .9em;
    background: 0
}

.pagination>li {
    float: left
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:hover {
    background: #007a8f;
    border: 1px solid #ddd;
    color: #fff
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0
}

.list-part {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #eee
}

.pro-list-view {
    position: relative;
    padding: 32px 0;
    height: 100%;
}

@media (min-width: 992px) {
    .pro-list-view .special-offer {
        right: -27px;
        top: 50%;
        margin-top: -30px;
    }
}

@media (max-width: 992px) {
    .pro-list-view .special-offer {
        right: 10px;
        bottom: -70px;
    }
}

.pro-list-view .special-offer {
    display: inline-block;
    position: absolute;
    width: 65px;
    height: 65px;
    background: url(../images/special-offer.png);
    background-size: cover;
}

.pro-list-view .big-title {
    line-height: 1.45em;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.pro-list-pic {
    border-right: 1px solid #ddd;
    height: 100%;
    width: 100%;
    position: relative
}

@media(min-width:992px) {
    .pro-list-pic {
        text-align: center
    }

    .pro-list-pic img {
        max-width: 98%;
        max-height: 98%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }
}

@media(max-width:992px) {
    .pro-list-pic {
        height: 150px
    }

    .pro-list-view {
        padding: 10px
    }
}

@media(min-width:760px) and (max-width:992px) {
    .pro-list-pic img {
        max-width: 98%;
        max-height: 98%
    }
}

@media(max-width:760px) {
    .pro-list-pic img {
        max-width: 98%;
        max-height: 98%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }
}

.note-warning {
    color: #de690a;
    margin-bottom: 30px
}

.pro-list-view div[class*=col-md] {
    font-size: .92em;
    margin-bottom: 10px;
    line-height: 1.45em
}

.pro-list-view .big-title>a {
    line-height: 1.4em;
    color: #007a8f
}

.pro-list-view .big-title>a:hover,
.pro-list-view .big-title>a:focus {
    color: #0d9eb7;
}

.pro-list-view div>span {
    color: #007a8f
}

.pro-list-view div>a {
    color: #007a8f;
    font-weight: 700
}

.product-title {
    font-size: 2.5rem
}

.identify-box {
    position: relative
}

.identify-box .check-fa {
    position: absolute;
    top: 15px;
    right: 160px;
    font-size: 22px;
    color: #007a8f
}

.identify-box img {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 130px;
    height: 44px;
    cursor: pointer;
    border: 1px solid #ddd
}

.inquiry-submit {
    border: 0;
    padding: 10px 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    width: 100%
}

.inquiry-submit,
.inquiry-submit:focus,
.inquiry-submit:hover {
    background: #007a8f
}

.product-warning {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    font-size: .95em;
    color: #f97d0f;
    margin-bottom: 25px
}

.detail-one div[class*=col-md] {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .detail-one .col-md-3 {
        width: 28%;
    }

    .detail-one .col-md-9 {
        width: 72%;
    }

    .detail-one {
        position: relative;
    }

    .detail-one .special-offer {
        position: absolute;
        right: 20px;
        top: 20px;
    }
}

@media (max-width: 992px) {
    .detail-one .special-offer {
        margin-top: 20px;
    }
}

.detail-one .special-offer {
    display: inline-block;
    width: 95px;
    height: 95px;
    background: url(../images/special-offer.png);
    background-size: cover;
}

.product-icon {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.product-icon a {
    display: block;
    text-align: center;
    font-size: .9em;
    margin-bottom: 20px;
    line-height: 1.25em;
    width: 33.33%
}

.product-icon a>span {
    display: block;
    font-size: 65px;
    margin-bottom: 15px;
    height: 65px;
}

.product-icon a:first-child {
    color: #007a8f
}

.product-icon a:nth-child(2) {
    color: #34a0b2
}

.product-icon a:nth-child(3) {
    color: #007a8f
}

@media(min-width:992px) {
    .detail-pic {
        margin-right: 30px
    }

    .product-part {
        width: 100%;
        display: flex;
        height: 100%
    }
}

.product-part {
    margin: 45px 0 60px
}

.detail-pic {
    border: 1px solid #ddd;
    padding: 10px;
    height: 100%;
    justify-content: center;
    margin-bottom: 30px;
}

.detail-img {
    height: calc(100% - 152px);
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px
}

.detail-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.detail-img>div {
    box-shadow: 0 0 10px #ddd;
    width: 88%;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px
}

.detail-img>div:hover,
.detail-img>div:focus {
    cursor: pointer;
}

table.pro-price {
    border-bottom: 2px solid #007a8f;
    border-top: 2px solid #007a8f;
    border-left: none;
    border-right: 0;
    margin: 20px 0
}

.pro-price td {
    border: 0;
    margin-bottom: 0;
    width: 20%
}

.pro-price th {
    border-bottom: 2px solid #007a8f
}

.pro-price select.form-control {
    height: 34px;
    padding: 2px 10px;
    width: 80px
}

.price-a,
.price-btn,
.price-check {
    display: inline-block;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background: 0;
    text-align: center;
    position: relative;
    font-size: 1em;
    justify-content: center;
    margin-bottom: 20px;
    padding: 10px 25px;
    margin-right: 10px;
    color: #fff;
    transition: all .4s ease
}

.price-btn {
    background: #f97d0f
}

.price-check {
    background: #fb3f2b
}

.price-a {
    background: #00a1a8
}

.price-btn span,
.price-check span {
    font-size: 24px;
    padding-right: 5px;
    vertical-align: middle
}

.price-a span {
    font-size: 29px;
    padding-right: 5px;
    vertical-align: middle
}

.price-a:focus,
.price-a:hover,
.price-btn:focus,
.price-btn:hover,
.price-check:focus,
.price-check:hover {
    box-shadow: 0 0 15px #ccc;
    color: #fff
}

.description-box {
    background: #f6f8f8;
    padding-top: 35px;
}

.star-box {
    font-size: 22px;
    color: #f97d0f
}

.q-a {
    position: relative;
    padding-left: 46px;
    margin-bottom: 30px
}

#QAR-REVIEWSITEMS .q-a:before,
.q-review.q-a:before {
    content: "R";
}

.q-a:before {
    content: "Q";
    font-size: 25px;
    width: 38px;
    height: 38px;
    border-radius: 40px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    left: 0;
    background: #007a8f;
    color: #fff;
    top: -5px
}

.q-a p {
    margin-bottom: 15px
}

.qa-answers {
    background: #eff3f3;
    padding: 15px 10px 5px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.qa-time {
    color: #666
}

.help-box,
.qa-number {
    color: #007a8f
}

.thumbs-down {
    color: #8a8d8d
}

.thumbs-down>span {
    display: inline-block;
    transform: rotate(-180deg)
}

.add-answer a,
.review-star>span.active {
    color: #f97d0f
}

.review-star>span {
    margin-right: 3px;
    color: #999
}

.add-answer span,
.review-star>span {
    font-size: 22px;
    vertical-align: middle
}

.add-answer span {
    color: #f97d0f
}

.review-img {
    padding: 20px;
    background: #f1f1f1
}

@media(min-width:760px) {
    .review-modal .modal-body>.row {
        display: flex
    }

    .review-img {
        margin: -20px 0 0 -20px;
        height: calc(100% + 40px)
    }
}

@media(max-width:760px) {
    .review-img {
        margin-bottom: 20px
    }
}

.detail-nav>li>a {
    padding: 14px 0;
    margin-right: 24px;
    color: #007a8f;
    border-right: 0;
    border-left: none;
    border-top: 0;
    border-bottom: 3px solid transparent;
    font-size: 1.1em;
    font-weight: 700
}

.detail-nav.nav-tabs {
    border: 0;
    margin-bottom: 30px
}

.detail-nav>li>a:hover {
    background: 0;
    color: #007a8f;
    border-bottom: 3px solid #007a8f
}

.detail-nav>li.active>a,
.detail-nav>li.active>a:focus,
.detail-nav>li.active>a:hover {
    background: 0;
    border-right: 0;
    border-left: none;
    border-top: 0;
    border-bottom: 3px solid #007a8f;
    color: #007a8f;
    font-weight: 700
}

.detail-box {
    margin: 50px 0
}

.detail-content {
    background: #fff
}

.detail-pane div[class*=col-md],
.write-review {
    margin-bottom: 20px
}

.detail-pane div[class*=col-md] {
    word-wrap: break-word;
}

.write-review {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #007a8f;
    color: #007a8f;
    border-radius: 30px;
    margin-left: 20px
}

.write-review span.icon-edit {
    font-size: 21px;
    vertical-align: middle
}

.write-review span.icon-communication {
    font-size: 26px;
    vertical-align: middle
}

.detail-link ul {
    list-style: none;
    padding: 0
}

.detail-link {
    margin-top: 60px
}

.quick-links,
.time-gmp,
.side-title,
.side-nav-title {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.modal-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.5em;
}

.inquiry-info {
    font-size: 1.65rem;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5em;
}

@media(min-width: 992px) {

    .quick-links,
    .time-gmp,
    .side-title,
    .pro-title,
    .title-name,
    .last-name,
    .side-nav-title,
    .modal-title,
    .inquiry-info {
        font-family: "SourceSansProBold";
    }
}

.side-title {
    color: #007a8f;
    margin: 20px 10px !important;
    text-align: center;
}

.quick-links:before {
    content: "";
    display: inline-block;
    width: 70px;
    height: 4px;
    background: #f97d0f;
    position: absolute;
    top: -15px
}

.time-gmp {
    text-align: center;
}

.detail-total {
    color: #007a8f
}

.detail-price,
.detail-total {
    font-size: 22px;
    font-weight: 700
}

.detail-price {
    color: #f97d0f
}

.detail-link ul>li {
    position: relative;
    padding-left: 0;
    margin-bottom: 20px
}

.detail-link ul>li>a>img {
    margin-right: 20px
}

.detail-link ul>li>a {
    color: #2b4b50;
    font-weight: 700;
    font-size: .96em
}

.side-slide {
    box-shadow: 0 0 15px #aaa;
    border-top: 10px solid #007a8f;
    margin: 35px 0
}

.side-slide .carousel-inner {
    padding: 0 20px
}

.publication-more {
    padding: 20px 0;
    text-align: center;
    display: block
}

.side-name {
    text-align: center;
    padding: 0 15px;
    color: #007a8f;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

@media(min-width: 992px) {

    .side-name,
    .last-title {
        font-family: "SourceSansProBold";
    }
}

.last-title {
    font-size: 1.65rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5em;
}

.side-nav-title a {
    color: #223032;
}

.side-nav-title span {
    font-size: 22px
}

.side-slide-control {
    position: absolute;
    bottom: 0;
    height: 60px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    left: 0;
    right: 0;
    text-align: right;
    padding: 10px
}

.side-slide-control .carousel-control,
.side-slide-control .carousel-control span {
    position: static;
    opacity: 1
}

.side-slide-control .carousel-control.left,
.side-slide-control .carousel-control.right {
    background: 0;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-left: 10px
}

.side-slide-control .carousel-control.left:hover,
.side-slide-control .carousel-control.right:hover {
    border: 1px solid #007a8f;
    color: #007a8f
}

.careers-box .detail-content {
    margin-bottom: 50px
}

table {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 25px
}

.service-table tr:first-child,
tr.service-tr {
    background: #007a8f;
    color: #fff
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 10px 8px;
    line-height: 1.428571429;
    border-top: 1px solid #ddd;
    vertical-align: middle
}

.contact-box ul>li {
    position: relative;
    padding: 0 15px 15px 70px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}

.contact-usa>ul>li:last-child {
    border-bottom: 0
}

.contact-box ul>li:before {
    position: absolute;
    left: 5px;
    top: 30px;
    font-family: icomoon;
    font-size: 40px;
    color: #007a8f
}

.contact-box ul>li>strong {
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}

.contact-add:before {
    content: "\e901"
}

.contact-phone:before {
    content: "\e954"
}

.contact-fax:before {
    content: "\e94f"
}

.contact-email:before {
    content: "\e94d"
}

.contact-box h3 {
    border-bottom: 1px solid #ddd;
    padding-left: 70px;
    padding-bottom: 25px
}

.contact-inquiry {
    background: #f1f3f4;
    margin-top: -20px;
    padding: 40px 0 80px;
    margin-bottom: -45px
}

.contact-inquiry .inquiry-part {
    margin-bottom: 0;
    margin-top: 20px
}

.inquiry-part hr {
    margin-bottom: 0;
    border-top: 1px solid #ccc
}

.contact-map {
    border-top: 1px solid #ddd
}

@media(min-width:768px) {
    .contact-usa {
        padding-right: 0;
        border-right: 1px solid #ddd
    }

    .contact-uk {
        padding-left: 0
    }

    .contact-uk h3,
    .contact-uk ul>li {
        padding-left: 120px
    }

    .contact-uk ul>li:before {
        left: 55px
    }
}

.product-one {
    background: #007a8f;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    margin-top: -20px;
    margin-bottom: 60px
}

.product-one h4 {
    margin: 20px 0 0;
    font-weight: 400
}

.product-one img {
    max-height: 70px;
    width: auto
}

.product-one a {
    color: #fff
}

@media(min-width:768px) {
    .product-one h4 {
        font-family: SourceSansProRegular
    }

    .product-one .col-md-4:nth-child(2) {
        border-left: 1px solid hsla(0, 0%, 100%, .5);
        border-right: 1px solid hsla(0, 0%, 100%, .5)
    }
}

@media(min-width:992px) {
    pro-related {
        display: flex;
        flex-flow: wrap
    }
}

.pro-related a {
    display: block;
    padding: 6px 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd
}

.pro-circle {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 15px;
    transition: all .4s ease
}

.pro-drug a {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    color: #007a8f
}

@media(min-width:992px) {
    .pro-drug .col-md-3 {
        width: 20%
    }

    .pro-drug .col-md-3.col-md-offset-1 {
        margin-left: 10%
    }
}

.pro-drug a:hover .pro-circle {
    transform: scale(1.1);
    box-shadow: 0 0 20px #aaa
}

.product-two {
    background: #007a8f;
    color: #fff;
    padding: 50px 0;
    margin: 40px 0 60px
}

.product-two-des {
    border-left: 1px solid hsla(0, 0%, 100%, .5);
    font-size: 1.2em;
    padding: 0 25px 0 40px;
    margin-left: -25px
}

.product-two .read-more {
    background: #f97d0f;
    color: #fff;
    margin-top: 15px
}

.product-two .read-more:focus,
.product-two .read-more:hover {
    background: #fff;
    color: #007a8f
}

.product-three a {
    display: block;
    height: 330px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    transition: all .4s ease;
    border-radius: 5px
}

.product-three h3 {
    font-size: 1.7em;
    line-height: 1.2em
}

.product-three-pic {
    height: 330px;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .4s ease
}

.product-three-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px;
    z-index: 1;
    color: #fff;
    background: rgba(0, 0, 0, .3)
}

.pro-three-note {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 12px;
    padding-left: 25px;
    position: relative
}

.pro-three-note:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #f97d0f;
    position: absolute;
    left: 0;
    top: 7px
}

.pro-three-more {
    position: absolute;
    bottom: 0;
    left: 20px
}

.pro-three-more:after {
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
    color: #f97d0f;
    font-size: .98em;
    border-radius: 20px
}

.product-three a:hover {
    box-shadow: 0 0 15px #aaa
}

.product-three a:hover .product-three-pic {
    transform: scale(1.04)
}

.product-three a:hover .product-three-text {
    background: rgba(0, 122, 143, .6)
}

.product-three a:hover .pro-three-note:before {
    background: #fff
}

.product-three a:hover .pro-three-more:after {
    color: #fff
}

.product-four {
    background-image: url(../images/product-four-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 220px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 60px
}

.product-four h2 {
    font-size: 1.7em;
    padding: 30px 0
}

.product-five {
    background: #f6f6f6;
    padding-top: 60px;
    padding-bottom: 30px
}

.pro-five-nav {
    border-bottom: 0
}

.pro-five-nav>li {
    float: none;
    margin: 0
}

.pro-five-nav>li>a {
    border-bottom: 1px solid #ddd;
    text-align: right;
    color: #555;
    position: relative;
    padding: 20px 0;
    border-left: none;
    border-right: 0;
    border-top: 0
}

.pro-five-nav>li>a:active,
.pro-five-nav>li>a:focus,
.pro-five-nav>li>a:hover {
    background: 0
}

.pro-five-nav>li.active>a,
.pro-five-nav>li.active>a:focus,
.pro-five-nav>li.active>a:hover {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: 0;
    border-top: 0;
    background: 0
}

.pro-five-nav>li.active>a:after,
.pro-five-nav>li>a:after {
    content: "";
    display: inline-block;
    height: 3px;
    background: #007a8f;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .4s ease
}

.pro-five-nav>li>a:after {
    left: 100%
}

.pro-five-nav>li.active>a:after,
.pro-five-nav>li>a:hover:after {
    left: 80%
}

.pro-five-content {
    padding-left: 10px
}

.boc-mass,
.button_commom,
.volum-input {
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    height: 50px;
    box-shadow: 0 0 4px #ddd;
    color: #fff;
    line-height: 50px;
    cursor: pointer;
    background: #007a8f;
    transition: all .4s ease;
    border: 1px solid transparent;
    text-align: center
}

.boc-mass,
.volum-input {
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: 0
}

.button_commom {
    width: 110px
}

.boc-mass:hover,
.button_commom:hover,
.volum-input:hover {
    box-shadow: none;
    background: #007a8f;
    color: #fff
}

.event-box a {
    display: block;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 20px;
    color: #333;
    transition: all .4s ease;
    position: relative;
}

.event-box a:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    opacity: 0;
}

.event-box a:hover:before {
    opacity: 1;
}

.event-box p {
    font-size: .96em
}

.event-box h3,
.event-box p {
    margin-bottom: 6px
}

.event-box a:hover {
    box-shadow: 0 0 10px #ddd
}

@media(min-width:992px) {

    .event-box .col-md-3,
    .event-box .col-md-2 {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .event-box .row {
        display: flex
    }
}

.event-request {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    background: #0d9eb7;
    transition: all ease .4s;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    z-index: 3;
}

.event-box a:hover .event-request {
    opacity: 1;
}

.event-request:hover {
    background: #007b8f;
}

.event-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #007a8f;
    margin-right: 5px;
    margin-left: 10px
}

@media(min-width:992px) {

    .flyer-cover .row,
    .flyer-box,
    .signal-list {
        display: flex;
        flex-wrap: wrap;
    }
}

.flyer-cover div[class*="col-md"] {
    margin-bottom: 20px;
}

.flyer-cover a {
    display: block;
    border: 1px solid #ddd;
    padding: 3px;
    height: 100%;
    transition: all .3s ease
}

.flyer-cover a:hover,
.signal-list a:hover {
    background: #fff;
    color: #007a8f;
    box-shadow: 0 0 18px #ddd
}

.flyer-cover a:hover .news-name,
.signal-list a:hover .signal-name {
    color: #007a8f
}

.flyer-box div[class*="col-md"],
.signal-list div[class*="col-md"] {
    margin-bottom: 25px;
}

.flyer-box a {
    display: block;
    border: 1px solid #eee;
    padding: 3px;
    height: 100%;
    color: #007a8f;
}

.flyer-box a:hover {
    cursor: pointer;
}

.news-cover {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.news-cover img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-cover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: all ease .4s;
}

.flyer-box a:hover .news-cover:before {
    background: rgba(0, 0, 0, .2);
}

.news-cover span {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 25px;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -15px;
    z-index: 2;
    opacity: 0;
    transition: all ease .4s;
}

.news-cover:hover>span {
    box-shadow: 0 0 10px #ddd;
}

.flyer-box a:hover .news-cover span {
    opacity: 1;
}

.flyer-name {
    font-size: 1.02em;
    margin-bottom: 0;
    min-height: 64px;
    display: flex;
    align-items: center;
    line-height: 1.4em;
    transition: all ease .4s;
    width: 100%;
    padding: 0 5px;
}

.flyer-box a:hover .flyer-name {
    color: #333;
}

.signal-list .signal-box {
    display: block;
    border: 1px solid #ddd;
    padding: 2px;
    overflow: hidden;
    height: 100%;
}

.signal-list .signal-img {
    height: 100px;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
    width: 100%;
    display: block;
    transition: all .35s ease;
}

.signal-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

.signal-name {
    color: #007a8f;
    margin-bottom: 0;
    padding: 10px;
    display: flex;
    align-items: center;
    line-height: 1.4em;
    justify-content: center;
    width: 100%;
    font-weight: bold;
}

.signal-img:hover {
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.news-content {
    height: 152px;
    overflow: hidden;
    position: relative
}

.news-pic-2 {
    opacity: 1;
    transition: all .5s ease
}

.news-pic-1 {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 100%;
    transition: all .5s ease;
    opacity: 0
}

.flyer-cover a:hover .news-pic-1 {
    top: 0;
    left: 0;
    opacity: 1
}

.flyer-cover a:hover .news-pic-2 {
    opacity: 0;
    transform: translateX(-10px)
}

.news-name {
    display: table;
    padding: 10px 5px 6px 5px;
    color: #333;
    width: 100%;
    min-height: 89px;
    font-weight: 700;
    line-height: 1.45em;
}

.news-name span {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.search-name {
    color: #f97d0f
}

.publication-box {
    margin-bottom: 45px
}

.publication-a {
    background: #f9f9f9;
    border: 1px solid #fff;
    padding: 5px;
    display: block;
    color: #333;
    margin-bottom: 15px
}

.publication-a span {
    color: #007a8f;
    font-weight: 700
}

.publication-a:focus,
.publication-a:hover {
    background: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 5px 5px 5px 6px;
    transition: all .2s ease;
    text-decoration: none
}

.inquirybasket {
    margin: 10px 0 30px
}

.info-title-one {
    padding: 12px 15px;
    margin-bottom: 20px;
    background: #f5fbfc;
    color: #007a8f;
    font-weight: 700;
    font-size: 17px
}

.info-input {
    margin-bottom: 15px
}

.info-title {
    margin: 10px 0
}

.info-box {
    margin-bottom: 30px
}

.info-box input[type=checkbox],
.info-box input[type=radio] {
    margin: 7px 0 0
}

.info-box .checkbox-inline,
.info-box .radio-inline {
    padding-left: 5px
}

.info-title-two {
    padding: 12px 15px;
    background: #f9f9f9;
    color: #007a8f;
    font-weight: 400
}

.basket-table,
.cart {
    border: 0
}

.cart>tbody>tr>td,
.cart>thead>tr>th {
    background: #f9f9f9;
    border-bottom: 12px solid #fff;
    vertical-align: middle
}

.basket-table>tbody>tr>td,
.basket-table>thead>tr>th {
    background: #f9f9f9;
    border-bottom: 12px solid #fff;
    padding: 10px
}

.delete-icon {
    font-size: 18px;
    color: #777
}

.check-title {
    margin: 30px 0
}

.signaling-name {
    margin-top: 50px
}

.pro-title {
    margin-top: 40px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.google-list {
    padding: 15px;
    background: #f9f9f9;
    margin-bottom: 15px;
    color: #555
}

.google-list h4 {
    margin-bottom: 10px
}

.search-table {
    margin-top: 10px
}

.search-table table td,
.search-table table th {
    min-width: 140px
}

.note-part {
    font-size: .9em;
    line-height: 1.45em;
    color: #555;
    display: block;
    padding: 10px 5px 10px 10px
}

.successinfo .iconarea .iconunit {
    position: relative;
    z-index: 9;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #007a8f;
    color: #fff;
    text-align: center;
    font-weight: bolder;
    font-size: 22px;
    line-height: 40px
}

.successinfo .tit {
    display: block;
    color: #007a8f;
    font-weight: 700;
    font-size: 20px
}

.successinfo .iconarea .iconunit img {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 10
}

.resource-title {
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.resource-title:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #007a8f;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0
}

.resource-title span {
    display: inline-block;
    padding: 20px 30px;
    background: #fff;
    color: #007a8f;
    font-size: 1.4em;
    z-index: 1;
    position: relative
}

.feature-resource {
    margin: 40px 0;
    padding: 20px 0;
    background: #eee
}

.feature-resource .resource-title span {
    background: #eee
}

.feature-resource a {
    display: block;
    position: relative;
    width: 100%;
    margin: 30px 0 70px
}

.feature-resource h4 {
    padding-left: 120px;
    display: table;
    width: 100%
}

.feature-resource h4>span {
    display: table-cell;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 0 14px #ccc;
    height: 80px;
    padding: 10px 10px 10px 40px;
    transition: all .4s ease
}

.feature-resource a:hover>h4>span {
    background: #007a8f;
    color: #fff
}

.resource-pic {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 120px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -30px
}

.resource-pic img {
    width: 140px
}

.service-list {
    margin-bottom: 20px
}

.service-list a {
    display: block;
    padding: 5px;
    background: #f9f9f9;
    margin-bottom: 15px;
    transition: all .4s ease
}

.service-list a:hover {
    color: #007a8f;
    box-shadow: 0 0 5px #ddd;
    background: #fff
}

.background-title {
    color: #007a8f;
    padding-bottom: 10px;
    border-bottom: 1px solid #007a8f;
    margin-bottom: 20px;
    font-size: 2rem;
}

.pathway-more {
    text-align: center;
    height: 60px;
    position: relative;
    margin-bottom: 50px
}

.return-pathway {
    margin-bottom: 40px
}

.return-pathway a {
    display: inline-block;
    padding: 6px 15px;
    background: #007a8f;
    color: #fff;
    border-radius: 5px
}

.return-pathway a:hover {
    background: #0e98b0;
    color: #fff;
    transition: all .25s ease
}

.btn-play {
    position: absolute;
    top: 40%;
    left: 47%;
    width: 40px;
    height: 40px;
    border: 1px solid #007a8f;
    background: #007a8f;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    color: #fff
}

.btn-play:hover {
    background: #0e98b0;
    color: #fff;
    border: 1px solid #0e98b0
}

.btn-play:before {
    -webkit-animation: videomodule-anim 1s linear infinite;
    animation: videomodule-anim 1s linear infinite
}

.btn-play span:before {
    font-size: 1.1em;
    line-height: 40px;
    color: #fff;
    content: "\e903";
    font-family: icomoon
}

.btn-play span.fa-angle-double-up:before {
    content: "\e906"
}

.btn-play:after,
.btn-play:before {
    content: "";
    border: 1px solid;
    border-color: inherit;
    width: 150%;
    height: 150%;
    border-radius: 50px;
    position: absolute;
    left: -25%;
    top: -25%;
    opacity: 1
}

.btn-play:after {
    -webkit-animation: videomodule-anim 2s linear infinite;
    animation: videomodule-anim 2s linear infinite
}

@-webkit-keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(.68);
        transform: scale(.68)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(.68);
        transform: scale(.68)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.reference-product .title {
    font-weight: 700;
    line-height: 24px
}

.reference-product .quote {
    padding-top: 10px;
    font-size: .96em;
    color: #666
}

.reference-product .details {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666
}

.appointment-box span {
    position: relative;
    border-radius: 35px;
    padding: 12px 50px 12px 20px;
    line-height: 1.4em;
    cursor: pointer;
    color: #555;
    margin-bottom: 20px;
    border: 1px solid #0e98b0
}

.appointment-box span,
.appointment-box span:before {
    display: inline-block;
    transition: all .3s ease-in-out
}

.appointment-box span:before {
    content: "";
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 12px;
    opacity: 0;
    font-size: 20px
}

.appointment-box input[type=radio] {
    display: none
}

.appointment-box .radio-inline {
    padding-left: 0;
    margin: 0 10px 0 0
}

.appointment-box input[type=radio]:checked+span:before {
    content: "\e90d";
    font-family: icomoon;
    opacity: 1;
    color: #fff
}

.appointment-box input[type=radio]:checked+span {
    background: #0e98b0;
    color: #fff;
    border: 1px solid #0e98b0
}

.appointment-box label {
    padding-left: 10px
}

.appointment-box input[type=text] {
    border-top: 0;
    border-left: none;
    border-right: 0;
    padding: 3px 5px;
    border-bottom: 1px solid #0e98b0;
    outline: 0
}

.time-zone {
    margin-bottom: 30px;
    margin-top: 20px
}

.time-zone h3 {
    font-size: 1.2em;
    margin-bottom: 20px
}

.time-appointment {
    box-shadow: 0 0 20px #f2f2f2
}

.time-appointment .tab-content {
    padding: 20px 30px 40px
}

.time-appointment .nav-tabs {
    font-size: 1.1em;
    border-top: 1px solid #ddd;
    margin-top: 10px
}

.time-appointment .nav-tabs>li {
    position: relative
}

.time-appointment .nav-tabs>li:not(:last-child):before {
    border-left: 10px solid #e3e3e3;
    margin-left: 1px
}

.time-appointment .nav-tabs>li:not(:last-child):after,
.time-appointment .nav-tabs>li:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 100%;
    z-index: 3
}

.time-appointment .nav-tabs>li:not(:last-child):after {
    border-left: 10px solid #fff
}

.time-appointment .nav-tabs>li.active:not(:last-child):after {
    border-left-color: #fff
}

.time-appointment .nav-tabs>li>a {
    margin: 0;
    padding: 15px 35px;
    color: #222
}

.time-appointment .nav-tabs>li>a:hover {
    background: 0;
    border: 1px solid transparent;
    cursor: Default
}

.time-appointment .nav-tabs>li.active>a,
.time-appointment .nav-tabs>li.active>a:focus,
.time-appointment .nav-tabs>li.active>a:hover {
    border-top: 0;
    border-bottom: 2px solid #0e98b0;
    border-right: 0;
    border-left: none
}

.appointment-button {
    background: #333;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    padding: 0 20px;
    outline: 0;
    border: 0;
    display: inline-block;
    line-height: 40px
}

.appointment-button:focus,
.appointment-button:hover {
    background: #0e98b0;
    color: #fff;
    cursor: pointer
}

.you-time {
    margin-bottom: 30px
}

.you-time h3 span {
    font-weight: 400;
    font-size: .9em;
    padding-left: 10px
}

.confirmation-box p a,
.you-time p>a {
    color: #666;
    text-decoration: none
}

.confirmation-box h2 {
    font-weight: 700;
    font-size: 1.5em;
    margin: 10px 0
}

.confirmation-box h2.confirmation-time {
    color: #888;
    margin: 15px 0
}

.confirmation-time span {
    padding-left: 15px
}

.time-appointment .Verification-code .check-fa {
    top: 12px
}

.product-tags a {
    color: #0e98b0;
    font-size: 1em;
    padding: 5px 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border: .5px solid #0e98b0;
    display: block;
    width: 100%;
    transition: all .3s ease-out
}

.product-tags a:hover {
    color: #fff;
    background: #0e98b0
}

.publication-part {
    background: #f4f5f0;
    padding: 40px 0
}

.publication-part h3 {
    color: #007a8f;
    border-bottom: 1px solid #007a8f;
    padding-bottom: 20px;
    font-size: 1.9rem
}

.publication-list {
    position: relative;
    background: #fff;
    padding: 10px 10px 10px 20px;
    transition: all .4s ease;
    margin-bottom: 20px;
    border: 1px solid #ddd
}

.publication-list:hover {
    box-shadow: 0 0 10px #ddd
}

.publication-list:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 4px;
    height: 50px;
    background: #007a8f;
    top: 50%;
    left: 0;
    margin-top: -25px
}

.publication-list h4 {
    margin-bottom: 0;
    line-height: 1.35em
}

.pull-right {
    float: right
}

.publication-list h4>a {
    color: #007a8f
}

@media(min-width:992px) {

    .publication-list .row,
    .publication-part .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
}

.pub-cat {
    color: #555
}

.pub-only {
    font-size: .9em;
    color: #666
}

.pub-to {
    color: #007a8f
}

.pub-inquiry,
.pub-to {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 5px 2px;
    border: 1px solid #007a8f;
    font-size: .9em;
    line-height: 1.45em;
    text-align: center;
    transition: all .4s ease
}

.pub-inquiry {
    background: #007a8f;
    color: #fff
}

.pub-inquiry:focus,
.pub-inquiry:hover,
.pub-to:focus,
.pub-to:hover {
    background: #fff;
    color: #f97d0f
}

.input-group {
    position: relative
}

.input-group-sm .form-control,
.input-group-sm .form-control:hover,
.input-group-sm .form-control:focus {
    height: 40px;
    border: 1px solid #ddd;
}

.input-group-addon {
    font-size: 1.1em;
    position: absolute;
    top: 0;
    padding: 0 10px;
    bottom: 0;
    line-height: 40px;
    background: #eee;
    border: 1px solid #ddd;
}

.input-group-addon.minus {
    left: 0
}

.input-group-addon.plus {
    right: 0
}

ul.product-list-ul.row {
    list-style: none;
    padding-left: 0
}

.pdfPlatform {
    position: relative;
    margin: 30px 0 20px 0;
    padding: 50px 30px;
    background: rgba(121, 121, 121, 0.1);
}

.pdfPlatform form .title {
    position: relative;
    text-align: left;
    font-size: 2.2rem;
    font-weight: bold;
}

.pdfPlatform form div {
    position: relative;
}

.pdfPlatform form input {
    width: 100%;
    background: #fff;
    border: 1px solid rgba(21, 21, 21, 0.2);
    transition: all ease-in-out 0.4s;
}

.pdfPlatform form input:hover {
    border: 1px solid rgba(21, 21, 21, 0.5) !important;
}

.pdfPlatform form button {
    position: relative;
    line-height: initial;
    width: max-content;
    background: #19879A;
    border: 1px solid #19879A;
    color: white;
    transition: all ease-in-out 0.4s;
    padding: 10px 60px;
}

.pdfPlatform form button:hover {
    background: none;
    color: #19879A;
}

.pdfPlatform .links {
    position: relative;
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.pdfPlatform .links a {
    position: relative;
    color: #fff;
    font-size: 1.2rem;
    margin: 10px 12px;
    border-radius: 4px;
    background: #19879A;
    border: 1px solid #19879A;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out 0.4s;
}

.pdfPlatform .links a:hover {
    background: none;
    color: #19879A;
}

@media screen and (min-width: 1081px) {
    .pdfPlatform {
        display: grid;
        grid-template-columns: 40% 60%;
        justify-content: space-between;
    }

    .pdfPlatform>.pdfImg {
        margin-right: 50px;
    }
}

.pdfPlatform>.pdfImg img {
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

.newsList {
    position: relative;
    padding: 0;
}

.newsList li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
}

.newsList li a {
    position: relative;
    display: inline-block;
    transition: all ease 0.25s;
    color: #0e98b0;
}

.newsList li a:hover {
    color: #19879A;
    margin-left: 4px;
}

.newsList li::before {
    position: absolute;
    transition: all ease-in-out 0.4s;
    font-family: 'icomoon';
    content: "\e958";
    font-size: .6em;
    left: 0;
    color: #0e98b0;
}

.downLoadBtn {
    position: relative;
    padding: 1px 30px;
    border-radius: 60px;
    border: 1px solid #19879A;
    background: none;
    color: #19879A;
    transition: all ease-in-out 0.4s;
    text-align: center;
    width: max-content;
    margin-top: 20px;
    font-size: 1.3rem;
}

.downLoadBtn:hover {
    color: #fff;
    background: #19879A;
}

@media (min-width: 992px) {

    .resource-webinar,
    .resource-webinar>div[class*="col-md"] {
        display: flex;
        flex-wrap: wrap;
    }
}

.resource-webinar a {
    margin-bottom: 25px;
    display: block;
    padding: 20px 20px 10px 20px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    width: 100%
}

.resource-webinar a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease .4s
}

.resource-webinar a>h4 {
    font-size: 1.2em;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.resource-webinar a>p {
    position: relative;
    z-index: 1
}

.resource-webinar a:hover:before {
    background: rgba(0, 0, 0, .25)
}

.cat-box {
    position: relative;
}

.cat-box:hover>.search-cat {
    display: block;
    opacity: 1
}

ul.search-cat {
    list-style: none;
    display: none;
    opacity: 0;
    transition: all ease .4s;
    position: absolute;
    top: 2px;
    left: -2px;
    background: #fff;
    padding: 7px 10px;
    z-index: 2;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
}

.loading_site {
    text-align: center;
    width: 30% !important;
    left: 35% !important;
    position: fixed !important;
    top: 30% !important;
    display: none;
    background: rgba(0, 122, 143, .8);
    padding: 15px;
    z-index: 9;
}

.loading_site img {
    vertical-align: middle;
}

.loading_site span {
    color: #fff;
    height: 20px;
    padding-left: 20px;
    font-size: 9pt;
    font-weight: 700;
}

#webnews a:hover,
#webnews a:focus {
    cursor: pointer;
}

img.abb-more {
    float: right;
}

img.abb-more:hover,
img.abb-more:focus {
    cursor: pointer;
}

.distributor-box {
    box-shadow: 0 0 10px #ddd;
}

.map_wrapper svg {
    width: 100%;
    height: 100%;
}

@media(min-width: 992px) {
    .distributor-box {
        display: flex;
        align-items: center;
    }

    .map_wrapper {
        height: 100%;
    }

    .distributor-ul {
        display: flex;
        flex-wrap: wrap;
        background: #f9f9f9;
        padding: 20px 15px;
    }

    .distributor-ul li {
        padding: 0 4px;
    }

    .distributor-country {
        display: block;
        font-size: .9em;
    }
}

@media(max-width: 992px) {
    .distributor-ul {
        max-height: 500px;
        overflow-y: auto;
    }

    .distributor-box li {
        padding: 15px 10px 5px 100px;
        border-top: 1px solid #ddd;
    }

    .distributor-box ul::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .distributor-box ul::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background: rgba(0, 0, 0, 0.1);
    }

    .distributor-box ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .distributor-country {
        position: absolute;
        left: 10px;
        top: 15px;
        display: inline-block;
        padding-right: 10px;
        font-size: .9em;
    }
}

.distributor-ul {
    position: relative;
    list-style: none;
    padding-left: 0;
}

.distributor-box li {
    margin-bottom: 0;
    position: relative;
}

.distributor-box li.active {
    background: #eee;
}

.distributor-box li:hover {
    background: #eee;
    cursor: pointer;
}

.distributor-box li>a {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 52px;
    vertical-align: middle;
    margin-bottom: 5px;
}

svg .animate_wave {
    fill: #fb4511;
    r: 10;
    opacity: 0;
    animation: pulse 0.6s infinite;
    -webkit-animation-name: pulse 0.6s infinite;
    -o-animation: pulse 0.6s infinite;
    -moz-animation: pulse 0.6s infinite;
    -ms-animation: pulse 0.6s infinite
}

svg circle:hover {
    cursor: pointer;
}

@-webkit-keyframes pulse {
    from {
        r: 0;
        opacity: 0
    }

    to {
        r: 10;
        opacity: 1
    }
}

@-moz-keyframes pulse {
    from {
        r: 0;
        opacity: 0
    }

    to {
        r: 10;
        opacity: 1
    }
}

@-o-keyframes pulse {
    from {
        r: 0;
        opacity: 0
    }

    to {
        r: 10;
        opacity: 1
    }
}

@-ms-keyframes pulse {
    from {
        r: 0;
        opacity: 0
    }

    to {
        r: 10;
        opacity: 1
    }
}

@keyframes pulse {
    from {
        r: 0;
        opacity: 0
    }

    to {
        r: 10;
        opacity: 1
    }
}

.distributor-one {
    background: url(../images/distributor-bg-1.jpg) no-repeat center;
    padding: 40px 0;
    margin: 50px 0;
}

.distributor-one h2 {
    font-size: 2.3rem;
    margin-top: 30px;
}

.distributor-one a {
    display: inline-block;
    padding: 7px 15px;
    background: #0e98b0;
    color: #fff;
    border-radius: 5px;
    transition: all ease .3s;
}

.distributor-one a:hover,
.distributor-one a:focus {
    background: #19879A;
}

.product-cat {
    margin-bottom: 10px;
}

.product-cat span {
    display: inline-block;
}

@media (min-width: 992px) {
    .product-cat span {
        padding-right: 20px;
        position: relative;
    }

    .product-cat span:after {
        content: '|';
        position: absolute;
        right: 5px;
        top: 0;
    }

    .product-cat span:last-child:after {
        content: ' ';
    }
}

@media (max-width: 992px) {
    .product-cat span {
        display: block;
        margin-bottom: 10px;
    }
}

.resource-nav {
    text-align: center;
    margin-bottom: 30px;
}

.resource-nav a {
    display: inline-block;
    padding: 5px 20px;
    background: #fff;
    border: 1px solid #0e98b0;
    margin: 0 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #0e98b0;
}

.resource-nav a:hover,
.resource-nav a:focus {
    background: #0e98b0;
    color: #fff;
}

.case-slide p {
    text-align: center;
    padding: 0 20px;
}

.case-slide .carousel-indicators {
    bottom: 40%;
    z-index: 3;
}

.case-slide .carousel-indicators li {
    border: 1px solid #0e98b0;
}

.case-slide .carousel-indicators li.active {
    background: #0e98b0;
}

.poster-cover {
    box-shadow: 0 0 10px #ddd;
}

.poster-box .poster-name {
    margin-bottom: 10px;
    transition: all ease .4s;
}

.poster-box a {
    display: block;
    margin-bottom: 25px;
    color: #303030;
}

.poster-box p {
    font-size: .95em;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.poster-box p:nth-child(2) {
    color: #666;
    font-size: .9em;
    margin-bottom: 10px;
}

.poster-box a:hover .poster-name {
    color: #0e98b0;
}

.poster-box a:hover .request-pdf {
    background: #0e98b0;
    color: #fff;
}

.request-pdf {
    display: inline-block;
    border: 1px solid #0e98b0;
    color: #0e98b0;
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 1.5em;
    transition: all ease .4s;
}

@media(min-width: 992px) {
    .poster-box .row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .poster-box .poster-name {
        font-size: 1.8rem;
    }
}

@media(max-width: 992px) {
    .poster-cover {
        margin-bottom: 20px;
    }

    .poster-box .poster-name {
        font-size: 1.6rem;
    }
}

.poster-cover {
    height: 270px;
    overflow: hidden;
}

.poster-cover img {
    min-width: 100%;
    min-height: 100%;
}

.applied-title {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.applied-title .clear-all {
    flex-shrink: 0;
    margin-left: 40px;
    font-size: 18px;
    color: #007a8f;
    cursor: pointer;
    text-decoration: underline;
}

.applied-title .clear-all:hover {
    color: #007a8f;
}

.applied-item {
    margin-bottom: 15px;
}

.applied-filters {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.applied-span {
    display: inline-block;
    padding: 3px 30px 3px 6px;
    border: 1px solid #0e98b0;
    position: relative;
    color: #fff;
    background: #0e98b0;
    margin: 0 5px 10px 0;
}

.applied-span a {
    font-size: 1em;
    padding: 3px 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-decoration: none;
    color: #fff;
}

.applied-span a.filter-close:hover {
    background: #007a8f;
    color: #fff
}

.applied-search {
    position: relative;
}

.applied-search a {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    line-height: 52px;
    padding: 0 15px;
    font-size: 24px;
    color: #007a8f;
    transition: all ease .4s;
}

.applied-search a:hover {
    color: #333;
}

.applied-search .form-control {
    transition: all ease .4s;
}

.applied-search .form-control:hover,
.applied-search .form-control:focus {
    border: 1px solid #007a8f;
}

.loading-box {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2000;
    display: none;
    left: 0px;
    top: 0px;
}

.loading-box.shows {
    z-index: 99999999;
    display: block;
}

.loading {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 5px solid #BEBEBE;
    border-left: 5px solid #498aca;
    animation: load 1s linear infinite;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

@keyframes load {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.structure-pic {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px !important;
}

.search-inquiry {
    background: #007a8f;
    color: #fff;
    border: 1px solid #007a8f;
    padding: 4px 13px;
    border-radius: 5px;
    font-size: .96em;
}

.search-inquiry:hover,
.search-inquiry:focus {
    background: #fff;
    border: 1px solid #007a8f;
    color: #007a8f
}

.structure-pic img {
    display: inline-block;
    max-width: 350px;
    max-height: 100%;
}

.InChI-box {
    word-wrap: break-word;
    word-break: break-word;
}

.search-title {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}

.browse-btn,
.custom-link {
    display: inline-block;
    padding: 6px 16px;
    background: #007a8f;
    color: #fff;
    margin-bottom: 15px;
}

.custom-link {
    margin-bottom: 0 !important;
}

.browse-btn:hover,
.browse-btn:focus,
.custom-link:hover,
.custom-link:focus {
    background: #0e98b0;
    color: #fff;
    cursor: pointer;
}

.custom-box {
    background: #f3f3f3;
    padding: 20px;
    margin: 25px 0;
}

.custom-title {
    font-size: 2.4rem;
    font-family: "SourceSansProBold";
    line-height: 1.4em;
    color: #007b8f;
}

.custom-box .big-title {
    color: #002437;
}

@media(min-width: 992px) {
    .custom-box>div:nth-child(2) {
        background: #fff;
    }

    .custom-box {
        display: flex;
    }

    .custom-box>div {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        align-items: center;
    }

    .custom-box>div:nth-child(1) {
        width: 30%;
        padding: 0 20px 0 0;
    }

    .custom-box>div:nth-child(2) {
        width: 37%;
    }

    .custom-box>div:nth-child(3) {
        width: 33%;
    }
}

@media(max-width: 992px) {
    .custom-box>div {
        margin-bottom: 25px;
    }

    .custom-box>div:last-child {
        height: 250px;
        margin-bottom: 0;
    }
}

.pic-box.modal .modal-dialog {
    display: inline-block;
    width: auto;
    text-align: center;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%);
    z-index: 11;
    margin: 0;
    max-height: 100%;
}

.pic-box.modal .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}

.pic-box.modal button.close {
    position: absolute;
    right: 0;
    top: 0;
    background: #0e98b0;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 20px;
    opacity: .9;
    text-align: center;
    line-height: 30px;
}

.pic-box.modal img {
    display: inline-block;
    background: #fff;
    max-width: 100%;
    padding: 10px;
    border-radius: 10px;
}

.side-filter .navMenu,
.side-filter .navMenu>li>ul.sub-menu .sub-menu li>a {
    padding-left: 0;
}

.side-filter .navMenu>li {
    padding: 16px 0 7px 15px;
}

.side-filter .navMenu>li ul {
    padding-left: 15px;
}

.side-filter .navMenu>li>ul.sub-menu>li>.sub-menu>li>a:before {
    content: "";
}

.side-filter label {
    padding: 0;
    margin: 0;
}

.side-filter label:hover,
.side-filter label:focus {
    cursor: pointer;
}

.side-filter .navMenu>li a {
    width: 100%;
}

.list-pro {
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 2px solid #007b8f;
}

.list-pro span {
    display: inline-block;
    padding: 10px 20px;
    background: #999;
    color: #fff;
    margin-right: 15px;
    font-size: 1.1em;
    font-weight: bold;
}

.list-pro span:hover,
.list-pro span:focus {
    cursor: pointer;
}

.list-pro span.active {
    background: #007b8f;
}

.leftnavli {
    width: 100%;
    height: auto;
    padding: 0px 10px 0px;
}

.leftnavli>ul {
    width: 100%;
    height: auto;
    margin-bottom: 0px !important;
}

.leftnavli ul li label {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: calc(100% - 22px);
}

.leftnavli ul li label input {
    margin-top: 7px !important;
    margin-right: 8px !important;
}

.leftnavli ul li ul li label {
    font-size: 15px;
    line-height: 22px;
    color: #7e7e7e;
    width: 100%;
}

.leftnavli ul li ul li label input {
    margin-top: 4px !important;
}

.leftnavli ul {
    margin-top: 0px;
    margin-bottom: 7px;
    padding-left: 0px;
}

.leftnavli ul li {
    width: 100%;
    height: auto;
    padding: 0px 0px 5px 0px;
    margin-bottom: 10px;
    position: relative;
    list-style: none;
}

.leftnavli ul li ul li:last-child {
    border-bottom: 0px solid #e2e2e2;
    margin-bottom: 0px;
    padding: 5px 0px 0px;
}

.leftnavli>ul>li:last-child {
    border-bottom: 0px solid #8cc7b5;
    margin-bottom: 0px;
}

.leftnavli ul li span {
    float: right;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.leftnavli ul li span::before {
    padding: 0px 0px;
}

.leftnavli ul li span.open::before {
    transform: none;
    padding: 0px 0px;
}

.leftnavli ul li ul {
    display: none;
    padding-left: 14px;
    margin-top: 10px;
}

.leftnavli>ul>li>ul {
    max-height: 500px;
    overflow: auto;
}

.leftnavli ul li {
    padding: 0px 0px 0px;
    margin-bottom: 7px;
}

.leftnavli ul li ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.leftnavli ul li ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.leftnavli ul li ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

a[data-href]:hover {
    cursor: pointer;
}

.qc-search {
    height: 50px;
    border: none;
    border-radius: 5px;
    background: #048ca9;
    color: #fff;
    padding: 4px 25px;
}