.online-pdf {
    text-align: left;
}

.online-pdf a {
    display: block;
    text-align: left;
    font-size: 8pt;
    color: #3d904f;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
}

.online-pdf a:hover {
    color: #000;
}

.online-pdf a img {
    max-height: 30px;
    margin-right: 5px;
}

.dropdown-menu > li > a.dropdown-toggle {
    display: none !important;
}

.mega-dropdown:hover .mega-dropdown-menu {
    display: block !important;
}

#body {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 60px;
    position: relative;
    overflow: hidden;
}

.btn.btn-update {
    width: auto;
    border-radius: 15px;
    background: #505050;
    border: none;
    padding: 15px;
    margin-bottom: 30px;
}

.btn.btn-update:hover {
    background: #000;
}

#start-nav {
    width: 100%;
    height: 92px;
    position: sticky;
    top: 0;
    left: 0;
    background: #ffffff;
    padding: 29px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 1000000;
}

#start-nav .logo {
    float: left;
    display: block;
    max-height: 50px;
}

.logo img {
    max-height: 50px;
}

#navbar, .navbar-default {
    background: none;
    border: none;
    border-radius: 15px;
}

.nav {
    height: 50px;
}

.nav li {
    height: 50px;
    position: relative;
    text-align: center;
}

.dropdown-menu {
    width: 100%;
    position: absolute;
    right: inherit !important;
    left: 0 !important;
}

.dropdown-menu li {
    text-align: left;
    height: auto;
    padding: 0;
}

.dropdown-menu li a {
    color: #676767;
    font-size: 10pt;
    height: 35px;
    line-height: 35px;
    font-weight: 700;
}

.dropdown-menu li:hover a, .dropdown-menu li.active a, .dropdown-menu li.active:hover a {
    background: #fff;
    font-weight: 700;
    color: #00509d;
}

.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    color: #000;
    font-size: 10pt;
}

.navbar-nav>.active:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    content: '';
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #ddd;
    bottom: 0;
    margin-left: -5px;
}

.navbar-nav>li:hover:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    content: '';
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #ddd;
    bottom: 0;
    margin-left: -5px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: none;
}

#slider {
    position: relative;
    width: 100%;
    height: 100vh;
    background: transparent;
    overflow: hidden;
    z-index: 0;
    min-height: 450px;
    border-radius: 15px;
}

.half-slider {
    height: 300px !important;
    min-height: 300px !important;
    overflow: hidden;
}

.half-slider .slider-item {
    height: 300px !important;
    min-height: 300px !important;
    overflow: hidden;
    background-position: center center;
}

.half-slider .slider-info {
    display: none !important;
}

#slider .slider-item {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    min-height: 450px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}

#slider .slider-gradient {
    width: 100%;
    height: 100vh;
    /* background: #000; */
    z-index: 10;
    position: absolute;
    min-height: 450px;
    top: 0;
    left: 0;
    opacity: .5;
}

#slider .slick-list {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 620px;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#slider .slider-info {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: auto;
    min-height: 320px;
}

#slider .slider-txt {
    width: 260px;
    height: auto;
    position: relative;
    border: 5px solid #00509d;
    display: none;
}

.slider-txt .sld-txt {
    width: 100%;
    position: absolute;
    color: #fff;
    left: 30%;
    top: 10%;
}

.sld-txt .head {
    width: 100%;
    font-size: 12pt;
    font-weight: 700;
}

.sld-txt .text {
    width: 150%;
    height: auto;
    font-size: 3.7em;
    font-weight: 300;
    line-height: 130%;
    margin-top: 20px;
}

.slider-txt a {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    line-height: 30px;
    text-align: right;
    box-sizing: border-box;
    padding: 0 5px;
    color: #fff;
    font-size: 14pt;
    font-weight: 100;
}

.slider-bottom {
    width: 100%;
    height: auto;
    text-align: right;
}

.slider-bottom .tx-right {
    display: inline-block;
}

.slider-bottom .slider-number {
    font-size: 2em;
    color: #00509d;
    text-align: left;
}

.slider-number ul {
    width: 40px;
    display: inline-block;
    height: 25px;
    overflow: hidden;
    text-align: left;
    margin-bottom: -12px;
}

.slider-bottom .slick-dotted.slick-slider {
    margin-bottom: -10px;
}

.slider-number ul li {
    width: 40px;
    height: 25px;
    display: inline-block;
    float: left;
}

.slider-number span {
    display: inline-block;
    font-size: 10pt;
    color: #000;
    line-height: 25px;
}

.slider-number .line {
    width: 70px;
    height: 1px;
    background: #000;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.next-prew {
    text-align: left;
    width: auto;
    height: 20px;
    position: relative;
    top: 7px;
    margin-left: 15px;
}

.next-prew a {
    display: inline-block;
    background: #00509d;
    color: #fff;
    text-align: center;
    padding: 0 15px;
    line-height: 25px;
    height: 23px;
    margin-top: 5px;
    font-size: 12pt;
}

.next-prew .next {
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.next-prew .prew {
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.social-media {
    width: 60px;
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 0;
    top: 0;
    height: auto;
}

.social-media ul {
    width: 100%;
    height: auto;
    text-align: center;
}

.social-media ul li {
    display: list-item;
    width: 100%;
    height: auto;
}

.social-media ul li a {
    width: 100%;
    height: auto;
    color: #000;
    font-size: 9pt;
}

.social-media .line {
    width: 1px;
    height: 90px;
    background: #000;
    display: inline-block;
    margin-top: 10px;
}

#content {
    padding: 75px 0;
    background: #fff;
    width: 100%;
    height: auto;
}

.title {
    color: #000000;
    font-size: 1.5em;
    width: 100%;
    height: auto;
}

.labels {
    width: 100%;
    height: auto;
    font-weight: 700;
    color: #000;
    font-size: 2.2em;
    margin-top: 15px;
    line-height: 125%;
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
}

.content-text {
    width: 100%;
    height: auto;
    margin-top: 40px;
}

.content-text p {
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 150%;
    font-size: 11pt;
    color: #464646;
    font-weight: 300;
}

.full-img {
    width: 100%;
    height: auto;
    text-align: right;
    position: relative;
}

.full-img .img {
    width: 100%;
    height: auto;
    text-align: right;
    position: relative;
    z-index: 100;
}

.full-img .img img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
}

.full-img .img-back {
    background: url(../img/bck.png) repeat;
    width: 100%;
    height: 50%;
    position: absolute;
    z-index: 0;
    bottom: -15%;
    left: -25%;
}

#content .bottom-logo {
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 110px;
}

#content .bottom-logo img {
    max-height: 100px;
}

#product {
    width: 100%;
    height: auto;
}

#product .pr-title {
    color: #000000;
    font-size: 2em;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
}

.pr-list ul {
    width: 100%;
    height: auto;
    text-align: right;
}

.pr-list ul li {
    display: inline-block;
    height: 50px;
    background: #00509d;
    padding: 0 15px;
    margin-bottom: 3px;
}

.pr-list ul li a {
    line-height: 50px;
    width: 100%;
    height: 50px;
    color: #FFF;
    position: relative;
    margin-right: 25px;
    font-weight: 500;
    font-size: 11pt
}

ul.reference.slick-initialized.slick-slider {
    width: 75%;
    margin: 20px auto;
}

.pr-list ul li a::before {
    display: inline-block;
    content: "🔗";
    font-size: 2rem;
    height: 50px;
    position: absolute;
    left: -5px;
    top: 0;
    font-weight: 300;
}

.pr-list ul li.active, .pr-list ul li:hover {
    background: #000;
}

.pr-list ul li.active a, .pr-list ul li:hover a {
    color: #fff;
}

.pr-list ul li.active a::before, .pr-list ul li:hover a::before {
    color: #fff;
}

.pr-items {
    width: 100%;
    height: auto;
    margin: 70px 0;
}

.pr-items ul {
    width: 100%;
    height: auto;
    text-align: left;
}

.pr-items ul li {
    height: auto;
    overflow: hidden;
}

.pr-items ul li a {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
}

.pr-items ul li a .pr-img {
    width: 100%;
    height: auto;
}

.pr-items ul li a .pr-img img {
    width: 100%;
    height: auto;
}

.pr-items ul li a .pr-label {
    width: 100%;
    height: auto;
    position: absolute;
    color: #fff;
    padding: 40px;
    font-size: 2em;
    bottom: 0;
    font-weight: 700;
    line-height: 125%;
    display: block;
    margin-bottom: 25px;
    z-index: 10000;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pr-items ul li a .pr-link {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 40px;
    color: #fff;
    font-size: 2em;
    z-index: 10000;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pr-items ul li a .pr-hover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 0;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.3);
    opacity: .9;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pr-items ul li:hover a .pr-hover {
    width: 100%;
    height: 100%;
    z-index: 10000;
    font-size: 5em;
    color: #fff;
    text-align: center;
    line-height: 100%;
}

.pr-items ul li:hover a .pr-link {
    left: 100%;
}

.pr-items .slick-list {
    padding: 0 !important;
}

.pr-items ul li .pr-label > p {
    font-size: 9pt;
    font-weight: 300;
    line-height: 125%;
    height: 0;
    overflow: hidden;
    margin-top: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.pr-items ul li:hover .pr-label > p {
    height: 90px;
}

.pr-items .slick-dots {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 50px 0;
    bottom: 0;
}

.pr-items .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
}

.pr-items .slick-dots li button:before {
    font-family: 'slick';
    font-size: 15px !important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: 'â– ' !important;
    text-align: center;
    opacity: .25;
    color: #717171;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pr-items .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #00509d;
}

.pr-items .slick-dots li {
    display: inline-block;
}

#references {
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: url(../img/bck.png) repeat;
}

.ref-title {
    width: 100%;
    height: auto;
    letter-spacing: 3px;
    font-size: 2em;
    font-weight: 700;
}

.ref-comments {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 50px 0;
}

.ref-comments li {
    position: relative;
    text-align: left;
}

.ref-comments li .comnt {
    width: 100%;
    height: auto;
    background: #f9f9f9;
    padding: 50px;
    border: 1px solid #e8e8e8;
}

.ref-comments li .com-label {
    width: 100%;
    height: auto;
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 10px;
}

.ref-comments li .com-title {
    width: 100%;
    height: auto;
    font-size: 10pt;
    line-height: 150%;
}

.ref-comments li.comnts::before {
    width: auto;
    height: auto;
    display: block;
    content: ',,';
    position: absolute;
    z-index: 10000;
    font-size: 6em;
    top: -15px;
    right: 40px;
    color: #00509d;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

.ref-comments .slick-dots {
    display: none !important;
}

.ref-comments .slick-arrow {
    width: 100%;
    height: auto;
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.ref-comments .slick-prev:before, .ref-comments .slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ref-comments .slick-next:before {
    content: '→';
    position: relative;
    top: 15px;
    z-index: 1;
    left: 0;
}

.ref-comments .slick-prev:before {
    content: '←';
    position: relative;
    top: 0;
    z-index: 100;
    right: 0;
}

.reference {
    width: 100%;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 50px;
}

.reference li {
    width: auto;
    height: auto;
    display: inline-block;
}

.reference li a {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 30px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-align: center;
}

.reference li a:hover {
    opacity: 1;
    filter: grayscale(0);
}

.reference li a img {
    max-height: 50px;
    display: inline-block;
}

#new-product {
    width: 100%;
    height: auto;
    padding: 100px 0;
}

#new-product .new-list-title {
    width: 50%;
    float: left;
    letter-spacing: 1px;
}

#new-product .new-pr-title {
    height: 50px;
    line-height: 50px;
    font-weight: 300;
    color: #00509d;
    font-size: 2.2em;
}

#new-product .new-pr-link a {
    width: auto;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #2d2d2d;
    font-size: 1.5em;
    text-align: right;
    float: right;
}

#new-product .new-pr-link a:hover {
    color: #00509d;
}

#new-product .new-pr-link a .fa {
    font-size: 2em;
    position: relative;
    top: 5px;
    margin-left: 10px;
    display: inline-block
}

.new-pr-item {
    position: relative;
    width: 100%;
    height: 370px;
    padding: 50px 0;
}

.new-pr-item .new-pr-left {
    width: 100%;
    height: 492px;
    border: 2px solid #00509d;
    padding: 50px;
}

.new-pr-left .new-pr-date {
    position: absolute;
    top: 30px;
    font-size: 9pt;
    font-weight: 700;
    left: 50px;
}

.new-pr-left .new-pr-left-title {
    width: 100%;
    height: auto;
    line-height: 150%;
    font-size: 1.7em;
    font-weight: 700;
    margin-top: 95px;
    margin-bottom: 30px;
}

.new-pr-left .new-pr-left-p {
    width: 100%;
    height: 90px;
    overflow: hidden;
    line-height: 150%;
    font-size: 12pt;
    color: #7b7b7b
}

.new-pr-right {
    height: auto;
}

.new-pr-right ul {
    width: 100%;
    height: 492px;
}

.new-pr-item ul li {
    display: inline-block;
    height: 492px;
}

.new-pr-item ul li a {
    width: 100%;
    height: 492px;
    position: relative;
    overflow: hidden;
}

.new-pr-item ul li a .img-new-pr {
    width: 100%;
    height: 492px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.new-pr-item .slick-arrow {
    display: none !important;
}

.new-pr-item .slick-dots {
    display: none !important;
}

.new-pr-and-link {
    display: block;
    width: 100%;
    height: auto;
    text-align: right;
    font-size: 14pt;
    box-sizing: border-box;
    padding: 0 15px;
    font-weight: 700;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #464646;
    letter-spacing: 2px;
}

.new-pr-and-link:hover {
    padding: 0;
    color: #464646;
}

#footer {
    width: 100%;
    height: auto;
    display: block;
    border-top: 1px solid #eaeaea;
    background: #f3f3f3;
    padding: 100px 0 0;
    color: #333333;
}

#footer .footer-header {
    width: 100%;
    height: auto;
    font-weight: 300;
    font-size: 2.5em;
}

.footer-header > span {
    font-weight: 300;
}

.footer-item {
    height: auto;
}

.footer-item .footer-title {
    width: 100%;
    height: auto;
    color: #525252;
    font-size: 14pt;
}

.footer-item .footer-title::after {
    width: 25%;
    height: 1px;
    content: '';
    display: block;
    background: #00509d;
    margin-top: 30px;
    margin-bottom: 10px;
}

#footer .text-color-none {
    color: transparent;
}

#footer .footer-item-p {
    width: 100%;
    height: 60px;
    line-height: 150%;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 10pt;
}

#footer .info-footer {
    width: 100%;
    height: auto;
}

#footer .info-footer li {
    display: inline-block;
    position: relative;
    padding: 7px 35px;
    font-weight: 400;
    line-height: 150%;
}

#footer .info-footer li a {
    color: #00509d;
}

#footer .info-footer li a:before {
    display: none
}

#footer .info-footer li a:hover {
    color: #000;
}

#footer .info-footer li .fa {
    position: absolute;
    top: 9px;
    left: 0;
    font-size: 12pt;
    color: #585858;
}

.footer-item ul {
    width: 100%;
    height: auto;
}

.footer-item ul li {
    display: list-item;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.footer-item ul.left-li li {
    padding: 15px!important;
    width: auto!important;
    display: list-item;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.footer-item ul li a {
    width: 100%;
    display: inline-block;
    height: auto;
    line-height: 170%;
    color: #717171;
    font-weight: 500;
    font-size: 10pt;
}

.footer-item ul li:hover a {
    color: #000
}

.footer-item ul li a::before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f18e";
    margin-right: 10px;
    color: #bfbfbf;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.footer-item ul li:hover a::before {
    color: #000;
    margin-right: 15px;
}

.footer-start-item {
    padding-right: 60px;
}

.footer-and-item {
    padding-left: 60px;
}

#footer .google-maps {
    width: 100%;
    height: 235px;
    overflow: hidden;
}

#footer .google-maps iframe {
    width: 100% !important;
    height: 235px !important;
}

#footer .google-maps:hover {
}

#and-footer {
    width: 100%;
    height: 90px;
    background: #fff;
    margin-top: 100px;
    position: relative;
    text-align: center;
}

#and-footer .and-footer-item {
    height: 90px;
    padding: 0;
    line-height: 90px;
    font-size: 10pt;
    font-weight: 500;
    color: #777;
}

#and-footer .and-footer-left {
    text-align: right;
}

#and-footer .and-footer-right {
    text-align: left;
}

#and-footer a {
    display: inline-block;
    color: #000
}

#and-footer a:hover {
    display: inline-block;
    color: #00509d;
}

#and-footer .and-footer-top {
    display: block;
    width: 100%;
    height: 150px;
    text-align: center;
    position: absolute;
    top: -50px;
    background: url(../img/and-footer.png) center top;
    font-size: 1.5em;
    padding-top: 10px;
    color: #b3b3b3;
}

#and-footer .and-footer-top:hover {
    color: #b3b3b3;
}

#and-footer .and-footer-top a {
    display: inline-block;
    color: #b3b3b3;
}

#and-footer a:hover {
    color: #000;
}

.nav-bar-back {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: rgb(255, 255, 255);
    display: none;
    z-index: 1;
}

.nav-bar-back {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: none;
    display: none;
    z-index: 1;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #ffffff;
}

.forms-in {
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.forms-in .input-s {
    background-color: #f1ede8;
    width: 100%;
    height: 58px;
    padding: 1px;
    position: relative;
    box-sizing: border-box;
}

.forms-in .input-s:hover .input-text {
    background-color: #f7f7f7;
}

.forms-in .input-txt:hover .input-textarea {
    background-color: #f7f7f7;
}

.forms-in .input-s .input-text {
    background-color: #fdfdfd;
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    padding: 0px 52px;
    font-size: 9pt;
    color: #a9a9a9;
}

.forms-in .input-txt {
    background-color: #f1ede8;
    width: 100%;
    height: 141px;
    position: relative;
    margin-bottom: 5px;
    box-sizing: border-box;
    padding: 1px;
}

.forms-in .input-txt .input-textarea {
    background-color: #fdfdfd;
    width: 100%;
    height: 139px;
    box-sizing: border-box;
    padding: 15px 52px;
    font-size: 9pt;
    overflow: hidden;
    color: #484848;
}

.forms-in .input-s .fa {
    display: block;
    position: absolute;
    color: #d8d8d8;
    font-size: 15pt;
    top: 20px;
    left: 20px;
    width: 25px;
    height: 25px;
}

.forms-in .input-txt .fa {
    display: block;
    position: absolute;
    color: #d8d8d8;
    font-size: 16pt;
    top: 15px;
    left: 20px;
    width: 25px;
    height: 25px;
}

.forms-in .c-button {
    width: 75px;
    height: 32px;
    background-color: #00509d;
    color: #ffffff;
    font-size: 9pt;
    text-align: center;
    line-height: 32px;
    float: right;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 10px;
}

.forms-in .c-button:hover {
    color: #fff;
    background: #000;
}

ul.address {
    box-sizing: border-box;
    padding: 0;
    background: #fff
}

ul.address li {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    padding: 15px 0;
    border: 1px dotted #ddd;
    background: #f9f9f9;
}

ul.address li span {
    display: block;
    width: 100%;
    font-weight: 800;
    font-family: 'Montserrat Alternates', sans-serif;
    margin-right: 15px;
    text-align: center;
    padding: 5px 0;
}

@media all and (max-width: 1171px) {
    .social-media {
        display: none;
    }

    #body {
        padding: 0 15px;
    }
}

@media all and (max-width: 991px) {
    .sld-txt .text {
        width: 100%;
        height: auto;
        font-size: 3.7em;
        font-weight: 300;
        line-height: 130%;
        margin-top: 20px;
    }

    #and-footer .and-footer-left {
        text-align: center;
    }

    #and-footer .and-footer-right {
        text-align: center;
    }

    .footer-start-item {
        padding-right: 0;
    }

    .footer-and-item {
        padding-left: 0;
    }

    #footer .footer-item {
        padding: 15px;
    }

    .new-pr-item {
        position: relative;
        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    .social-media {
        display: none;
    }

    #slider .slider-txt {
        width: 100%;
        border: none;
    }

    .slider-txt .sld-txt {
        left: 0;
    }

    .logo img {
        max-height: 35px;
    }
}

@media all and (max-width: 768px) {
    .online-pdf a {
        display: block;
        text-align: center;
        font-size: 9pt;
        color: #ffffff;
        height: 50px;
        line-height: 50px;
        font-weight: 700;
        position: absolute;
        top: -40px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .online-pdf a img {
        display: none;
    }

    .navbar-default .navbar-toggle {
        border-color: #00509d;
        background: #00509d;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #00509d;
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .nav {
        height: auto;
        background: #00509d;
        margin-top: -5px;
    }

    .nav li {
        height: auto;
        position: relative;
        text-align: left;
        padding: 7px;
    }

    .navbar-nav>.active:before, .navbar-nav>li a:before {
        display: none;
    }

    .navbar-nav>li:hover:before {
        display: none;
    }

    .navbar-default .navbar-nav>li>a {
        font-weight: 700;
        color: #fff;
        font-size: 10pt;
    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        color: #fff;
        background: none;
    }

    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #7c8242;
        background-color: transparent;
    }

    .navbar-nav .open .dropdown-menu {
        position: relative;
        float: none;
        width: 100%;
        margin-top: 0;
        background-color: white;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        top: 0;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 0;
    }

    #start-nav {
        width: 100%;
        height: 65px !important;
        position: sticky;
        top: 0;
        left: 0;
        background: #ffffff;
        padding: 29px 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        z-index: 1000000;
        padding: 15px 0 0 0!important;
        position: relative !important;
    }

    .slider-bottom {
        width: 100%;
        height: auto;
        text-align: center;
    }

    #content {
        padding: 50px 0;
        background: #fff;
        width: 100%;
        height: auto;
    }

    #content .bottom-logo {
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: 50px;
    }

    #product {
        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    .pr-list ul {
        width: 100%;
        height: auto;
        text-align: center;
    }

    #product .pr-title {
        color: #00509d;
        font-size: 2em;
        font-weight: 700;
        letter-spacing: 3px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .pr-list ul li a::before {
        display: none;
        content: ".";
        font-size: 3em;
        height: 50px;
        position: absolute;
        left: 7px;
        top: -14px;
    }

    .ref-comments .slick-arrow {
        width: 100%;
        height: auto;
        display: none !important;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }

    .ref-title {
        width: 100%;
        height: auto;
        letter-spacing: 3px;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
    }

    #new-product .new-pr-title {
        height: auto;
        font-weight: 300;
        color: #00509d;
        font-size: 2.2em;
        line-height: 125%;
    }

    #new-product .new-list-title {
        width: 100%;
        float: left;
        letter-spacing: 1px;
        text-align: center;
    }

    #new-product .new-pr-link a {
        width: 100%;
        height: auto;
        line-height: 125%;
        font-weight: 700;
        color: #2d2d2d;
        font-size: 1em;
        text-align: center;
        float: right;
        margin-top: 30px;
    }

    .new-pr-item {
        position: relative;
        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .slider-bottom .slick-dotted.slick-slider {
        margin-top: 0;
    }

    #new-product {
        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    #footer {
        width: 100%;
        height: auto;
        display: block;
        border-top: 1px solid #dedede;
        background: #f9f8f4;
        color: #333333;
        overflow: hidden;
        padding: 50px 0 0;
    }

    #footer>.container>.row {
        padding: 0 30px;
    }

    .footer-item {
        height: auto;
        margin-bottom: 30px;
    }

    .footer-start-item {
        padding-right: 15px;
    }

    .footer-and-item {
        padding-left: 15px;
    }

    #and-footer {
        width: 100%;
        height: auto;
        background: #fff;
        margin-top: 100px;
        position: relative;
        text-align: center;
    }

    #and-footer .and-footer-right, #and-footer .and-footer-left {
        text-align: center;
    }
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 321px) {
}

@media all and (max-width: 286px) {
}