/* Webfont: Lato-Bold */

@font-face {
    font-family: 'helveticaneueltcom-blkcn-1';
    src: url('../fonts/helveticaneueltcom-blkcn-1.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/helveticaneueltcom-blkcn-1d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/helveticaneueltcom-blkcn-1.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/helveticaneueltcom-blkcn-1.woff') format('woff'), /* Modern Browsers */
    url('../fonts/helveticaneueltcom-blkcn-1.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.overlay_section {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999999999999;
    width: 100%;
    text-align: center;
    opacity: 0.6;
}


/* This stylesheet generated by Transfonter (https://transfonter.org) on December 22, 2017 12:42 PM */

@font-face {
    font-family: 'HelveticaNeueLTCom-Roman';
    src: url('../fonts/HelveticaNeueLTCom-Roman.eot');
    src: url('../fonts/HelveticaNeueLTCom-Romand41d.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTCom-Roman.woff2') format('woff2'), url('../fonts/HelveticaNeueLTCom-Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTCom-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Webfont: Lato-Bold */

@font-face {
    font-family: 'HelveticaNeueLTStd-Lt';
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeueLTStd-Ltd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/HelveticaNeueLTStd-Lt.html') format('woff2'), /* Modern Browsers */
    url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), /* Modern Browsers */
    url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Lato-Bold */

@font-face {
    font-family: 'helveticaneueltcom-bdcn';
    src: url('../fonts/helveticaneueltcom-bdcn.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/helveticaneueltcom-bdcnd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/helveticaneueltcom-bdcn.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/helveticaneueltcom-bdcn.woff') format('woff'), /* Modern Browsers */
    url('../fonts/helveticaneueltcom-bdcn.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

header {
    width: 100%;
}

.logo {
    float: left;
    padding: 30px 0px 40px 0px;
}

.navbar {
    min-height: auto;
    margin-bottom: 0px;
    float: right;
    width: 74%;
    background: none;
    border: 0;
    margin-top: 36px;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff0;
}

.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #959595;
    font-family: Roboto Condensed;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    /*padding: 0px 0px 0px 60px;*/
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #464646;
    background: none;
    font-weight: 600;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #464646;
    background: none;
}

.dropdown-menu>li {
    border-bottom: 1px solid #fff;
}

.dropdown-menu>li>a {
    padding: 2px 20px;
    line-height: 17px;
    color: #333;
    font-family: Roboto Condensed;
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
    margin: 0;
}

.navbar-nav>li>.dropdown-menu {
    background: #f8f6f6;
    border: 0;
    box-shadow: none;
    min-width: 105px;
    padding: 0px 0;
    margin: 2px 0 0;
    border-radius: 0px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #898989;
}

.banner {}

.carousel-control {
    background: none !important;
    width: 4%;
    top: 65%;
    height: 43px;
}


/*footer {width: 100%;float: left;margin-top: 50px;margin-bottom: 30px; background-color: #fff;}*/

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 10px 0px;
    padding: 0.65vmax 0;
    background-color: #fff;
}

footer .social {
    float: left;
    width: 10%;
    margin-left: 129px;
}

.facebok a {
    float: left;
    background-image: url(../images/facebook.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    margin: 0px 3px 0px 0px;
}

.facebok a:hover {
    background-image: url(../images/facebook-hover.png);
}

.twitter a {
    float: left;
    background-image: url(../images/twitter.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    margin: 0px 3px 0px 0px;
}

.twitter a:hover {
    background-image: url(../images/twitter-hover.png);
}

.linkedin a {
    float: left;
    background-image: url(../images/linkdin.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    margin: 0px 3px 0px 0px;
}

.linkedin a:hover {
    background-image: url(../images/linkdin-hover.png);
}

.rss a {
    float: left;
    background-image: url(../images/rss.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 21px;
    margin: 0px 3px 0px 0px;
}

.rss a:hover {
    background-image: url(../images/rss-hover.png);
}

footer span a {
    float: left;
    color: #959595;
    font-family: Roboto Condensed;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding: 7px 0;
}

footer span a:hover {
    color: #464646;
}

.right {
    float: right;
}

footer .product a {
    background: black;
    color: #fff;
    padding: 7px;
    line-height: 12px;
    margin-left: 44px;
    border: 1px solid #000;
}

footer .product a:hover {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

footer .right span a {
    margin: 0px 0px 0px 67px;
}

footer span a.active {
    color: #464646;
    background: none;
    font-weight: 600;
}

footer span.terms a {
    width: 128px;
}

.top-link {
    float: left;
    z-index: 99;
    position: absolute
}

.top-link a {
    font-family: Roboto Condensed;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: #959595;
    text-decoration: none;
}

.listing-img {
    margin: -4px 5px 0px 0px;
}

footer .authenticate-form {
    float: left;
    margin-left: 44px;
    position: relative;
}

footer .authenticate-form .authentic_form {
    background-color: #000;
}

footer .authenticate-form .submit {
    float: none;
}

footer .authenticate-form .submit input[type=submit] {
    padding: 7px 9px 8px 8px;
    line-height: 12px;
    margin-top: 0;
    border-radius: 0;
    font-size: 12px;
}

footer .authenticate-form .authentic_form form {
    width: 202px;
    border: 1px solid #000;
}

footer .authenticate-form .form-group input {
    width: 145px;
    height: auto;
    padding: 0 0 0 10px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: Roboto Condensed;
    border: 0;
}

footer .authenticate-form .alert.red,
footer .authenticate-form .alert.green {
    line-height: 12px;
    width: 202px;
    text-align: left;
    padding: 7px;
    margin: 0;
}

footer .authenticate-form #scratch-code-error {
    position: absolute;
    top: 26px;
    left: 0px;
    font-family: Roboto Condensed;
}

footer .authenticate-form .form-group input:focus {
    outline: none;
}

footer .authenticate-form .form-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

footer .authenticate-form .form-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

footer .authenticate-form .form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

footer .authenticate-form .form-group input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}


/* bxslider */

.bx-wrapper {
    position: relative;
    left: 0%;
    transform: translateX(0%);
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}


/** THEME
===================================*/


/*.bxslider {
top: -12px;
}*/

.bx-wrapper .bx-viewport {
    background: #fff;
}

.bx-wrapper .bx-pager {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}


/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: -50px;
    border-radius: 0;
}

.bx-wrapper .bx-prev:before {}

.bx-wrapper .bx-next {
    right: -50px;
}

.bx-wrapper .bx-next:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    outline: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-prev {
    background: url(../images/arrow-prv.png);
    background-repeat: no-repeat;
}

.bx-next {
    background: url(../images/arrow-next.png);
    background-repeat: no-repeat;
}

.bx-wrapper .bx-controls-direction a:hover {}

.bx-wrapper .bx-controls-direction a:hover:before {
    left: 45%;
}

.bx-wrapper .bx-controls-direction a.bx-next:hover:before {
    left: 55%;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}


/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../../../bxslider.com/lib/images/controls.html) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../../../bxslider.com/lib/images/controls.html) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}


/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.bx-wrapper .bx-controls-direction a:hover {}

.bx-wrapper span h1 {
    margin: 0;
    font-size: 14px;
    color: #898989;
    font-weight: 700;
    font-family: Roboto Condensed;
}

.bx-wrapper span h1 a {
    color: #898989;
}

.bx-wrapper span {
    width: 100%;
    text-align: center;
    padding: 0px 15px 0px 15px;
    float: left;
    min-height: 274px;
}

.bx-wrapper span p {
    font-size: 12px;
    font-family: Roboto Condensed;
    color: #898989;
    /*margin-bottom: 40px;
height: 36px;*/
}

.top-link-home {
    margin: 0px 0px 56px 0px;
}

.top-link-home a {
    font-family: Roboto Condensed;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: #959595;
    text-decoration: none;
}

.breadcum_denik {
    color: #959595;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 400;
    font-style: normal;
}

.breadcum_denik>div span {
    color: #959595;
    text-transform: capitalize;
    font-weight: 700;
}

.breadcum_denik>div a {
    color: #959595;
}

.product_images_desc .white-box {
    height: auto;
    margin-top: 10px;
}

.products-left {
    float: left;
    width: 55%;
}

.products-right {
    float: right;
    width: 37%;
    background: #f2f1f1;
    padding: 17px 17px;
}

.products-right h2 {
    border-bottom: 1px solid #fff;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 5px 0px;
    font-family: HelveticaNeueLTCom-Roman;
    font-size: 29px;
    letter-spacing: 3px;
}

.products-left #carousel,
{
    max-width: 100%;
    margin: 0px 0px 10px 0px;
}

.products-left #carousel-thumbs {
    max-width: 100%;
    margin: 100px 0px 10px 0px;
}

.products-left #carousel-thumbs .item img {
    opacity: 1;
    border: 1px solid #ffffff;
    padding: 3px 3px;
}

.products-left #carousel-thumbs .item.active div.active img {
    opacity: 1;
    border: 1px solid #464646;
    padding: 3px 3px;
}

.products-left #carousel-thumbs .item.active div:not(.active) img {
    cursor: pointer;
}

.products-left #carousel-thumbs .carousel-control {
    background-image: none;
}

.prv {
    background: url(../images/prv.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px;
    width: 10px !important;
    height: 60px !important;
}

.next-1 {
    background: url(../images/next.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    width: 10px !important;
    height: 18px !important;
    margin: 0px 0px 0px 0px;
}

hr {
    margin-top: 12px;
    margin-bottom: 12px;
    border: 0;
    border-top: 1px solid #fff;
}

.products-right p {
    margin: 0;
    font-size: 12px;
    font-family: Roboto Condensed;
    color: #58585a;
    line-height: 15px;
}

.products-right p img {
    display: inline-block;
    width: 27px;
}

.products-right span {
    display: inline-block;
    margin: -3px 0px 0px 10px;
    width: 88%;
    vertical-align: top;
}

.products-right h1 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 3px;
    color: #58585a;
}

.products-right ul {
    margin: 0;
    padding: 0;
}

.products-right ul li {
    font-family: Roboto Condensed;
    font-size: 11px;
    margin: 0px 0px 7px 14px;
    padding: 0;
    color: #58585a;
    line-height: 13px;
}

.black-strip {
    background: #58585a;
    padding: 4px 7px;
    float: left;
    margin: 10px 0px 10px 15px;
}

.black-strip ul {}

.black-strip ul li {
    float: left;
    color: #fff;
    margin: 0px 6px 0px 6px !important;
    list-style: none !important;
    background: url(../images/blt.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 9px !important;
    padding: 1px 0px 0px 10px !important;
}

.box-detail {
    border: 1px solid #7d7d7d;
    float: left;
    width: 66%;
    padding: 5px 5px;
}

.box-detail h2 {
    margin: 0px 0px 3px 0px;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-weight: 600;
    letter-spacing: 0;
}

.box-detail p {
    font-size: 11px;
}

.box-detail-right {
    width: 33%;
    position: relative;
    font-size: 12px;
    font-family: Roboto Condensed;
    text-align: right;
    display: inline-block;
    top: 75px;
    float: right;
}

.temporect p {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
}

.temporect ul li {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    background-image: url(../images/blt-box.jpg);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    list-style: none;
    padding: 0px 20px;
    margin: 0px 0px 12px 5px;
}

.white-box {
    width: 100%;
    height: 200px;
    background: #fff;
    float: left;
    padding: 9px 9px;
}

.white-box h2 {
    margin: 0;
    padding: 5px 35px;
    color: #fff;
    background: #808080;
    float: left;
    font-size: 19px;
    font-weight: 700;
    font-family: Roboto Condensed;
}

.white-box h3 {
    font-size: 19px;
    color: #464646;
    font-weight: 700;
    font-family: Roboto Condensed;
    margin: 15px 0px 15px 0px;
}

.white-box p {}

.temporect #carousel-thumbs {
    margin: 55px 0px 10px 0px;
}

.contact-left {
    width: 51%;
    float: left;
    background: #f9f9f9;
    border-top: 1px solid #ececec;
    padding: 15px 15px;
}

.contact-right img {
    vertical-align: bottom;
    bottom: 0;
    position: absolute;
    left: 0;
}

.contact-right {
    width: 47%;
    float: right;
    text-align: center;
    height: 547px;
    position: relative;
}

.feedback {
    height: 547px;
}

.careers {
    height: 540px;
}

.contact-left.careers-left .col-right textarea {
    height: 135px;
    border: 1px solid #fff;
}

.contact-right figure {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0px;
}

.contact-right figure img {
    width: 100%;
    height: auto;
}

.contact-us {
    margin: 0px 0px 11px 0px;
}

.contact-left h1 {
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-size: 14px;
    font-family: Roboto Condensed;
    color: #898989;
    line-height: 17px;
    font-weight: 500;
}

.contact-left p {
    margin: 0px 0px 20px 0px;
    padding: 0;
    font-size: 14px;
    font-family: Roboto Condensed;
    color: #898989;
    line-height: 18px;
    font-weight: 300;
}

.row-contact {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

.col-left {
    width: 25%;
    float: left;
    color: #898989;
    font-family: Roboto Condensed;
    font-size: 14px;
    padding: 4px 0px 0px 0px;
}

.col-right {
    width: 74%;
    float: right;
}

.col-right input {
    width: 100%;
    float: left;
    height: 27px;
    border: 0;
    outline: none;
    padding: 0px 0px 0px 6px;
    font-size: 14px;
    font-family: Roboto Condensed;
    border: 1px solid #fff;
}

.col-right textarea {
    width: 100%;
    float: left;
    height: 290px;
    border: 0;
    outline: none;
    padding: 10px 0px 0px 6px;
    font-size: 14px;
    font-family: Roboto Condensed;
    border: 1px solid #fff;
}

.col-right input::-webkit-input-placeholder {
    color: #d7d7d7;
}

.col-right input::-moz-placeholder {
    color: #d7d7d7;
}

.col-right input:-ms-input-placeholder {
    color: #d7d7d7;
}

.col-right input:-moz-placeholder {
    color: #d7d7d7;
}

.col-right textarea::-webkit-input-placeholder {
    color: #d7d7d7;
}

.col-right textarea:-moz-placeholder {
    color: #d7d7d7;
}

.col-right textarea::-moz-placeholder {
    color: #d7d7d7;
}

.col-right textarea:-ms-input-placeholder {
    color: #d7d7d7;
}

.left-con-text {
    display: inline-block;
    font-size: 14px;
    color: #959595;
    font-family: Roboto Condensed;
    font-weight: 300;
    width: 49%;
    margin-top: 10px;
    line-height: 18px;
    clear: both;
    word-wrap: normal;
}

.submit {
    display: inline-block;
    float: right;
}

.submit input[type=submit] {
    background: #464646;
    color: #fff;
    font-family: Roboto Condensed;
    border: 0;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 9px;
    outline: 0;
    text-transform: uppercase;
    font-size: 13px;
}

.contact-right h1 {
    margin: 20px 0px 0px 0px;
    font-size: 30px;
    font-family: helveticaneueltcom-bdcn;
    color: #898989;
}

.contact-right h2 {
    margin: 0;
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: 900;
    color: #898989;
    font-size: 28px;
    letter-spacing: 2px;
    margin: -4px 0px 0px -80px;
}

.contact-right h3 {
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: 900;
    color: #898989;
    font-size: 28px;
    letter-spacing: 2px;
    margin: -4px 0px 0px 0px;
}

.contact-right h4 {
    font-size: 30px;
    font-family: helveticaneueltcom-blkcn-1;
    color: #898989;
    font-weight: bolder;
    margin: -4px 0px 90px 0px;
    position: relative;
}

.white-line {
    background: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: -53px 3px;
    width: 151px;
    height: 26px;
    float: left;
    position: absolute;
}

.about-left {
    width: 49%;
    background: #ececec;
    float: left;
    padding: 20px 20px;
}

.about-right {
    width: 49%;
    float: right;
    margin-top: 0px;
}

.about-us h1 {
    text-align: left;
    margin: -41px 0px 20px 0px;
    font-size: 36px;
    font-family: Roboto Condensed;
    color: #454545;
    font-weight: 600;
}

.about-us p {
    font-family: Roboto Condensed;
    font-size: 14px;
    color: #636363;
    font-weight: 300;
    margin: 0 0 20px 0px;
}

.about-left h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    color: #636363;
    font-weight: 600;
    margin: 0px 0px 7px 0px;
}

.about-left p {}

.about-right h2 {
    font-family: Roboto Condensed;
    font-size: 18px;
    color: #636363;
    margin: 0px 0px 7px 0px;
    font-weight: 600;
}

.about-right p {}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px 15px 4px 0px;
    background: #cccccc;
    border: 0;
    color: #464646;
    font-size: 14px;
    font-family: Roboto Condensed;
    padding: 10px 0px;
    float: left;
    border-radius: 5px;
    width: 109px;
    text-align: center;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.site-map {
    margin-top: 50px;
    height: 400px;
}

.site-box {
    width: 23%;
    float: left;
}

.site-box5 {
    width: 22%;
    float: left;
}

.site-box h2 {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 14px;
    color: #8c8c8c;
    border-bottom: 1px solid #ececec;
    font-family: Roboto Condensed;
}

.site-box ul {
    margin: 0px;
    padding: 0px;
}

.site-box ul li {
    list-style: none;
    margin: 7px 0px 7px 0px;
}

.site-box ul li a {
    color: #b7b7b7;
    font-size: 13px;
    font-weight: 400;
    font-family: Roboto Condensed;
}

.site-box5 h2 {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 7px 0px;
    font-size: 14px;
    color: #959595;
    border-bottom: 1px solid #ececec;
}

.tc-left {
    padding: 0px 0px;
    background: #ffffff;
    width: 47%;
}

.red {
    float: left;
    text-align: right;
    margin: 4px 10px 10px 0px;
    padding: 0;
    font-size: 15px;
    font-family: Roboto Condensed;
    line-height: 17px;
    font-weight: 400;
    background: #fe0000;
    color: #fff;
    padding: 7px 15px 7px 15px;
    border-radius: 0;
    border: 1px solid red;
}


/*.main-body { height:590px;}*/

sup {
    font-size: 8px !important;
    top: -.5em;
    vertical-align: top !important;
}


/*Hide the lable by display none when error*/

label.error {
    display: none !important;
}

.col-right input.error,
.col-right textarea.error,
.authentic_form .scratchCodeError,
.QapTcha.qapTchaError,
.inputfile-6+label strong.fileError {
    border-color: red !important;
}


/*#security_code_confirm-error{display: inline-block !important;}*/


/*Hide the lable by display none when error*/

label.error {
    color: red;
    background: #fff;
    font-size: 13px;
    font-weight: normal;
    float: left;
    clear: both;
    margin: 3px 0 6px;
    font-family: Roboto Condensed;
}

#file-7-error {
    position: relative;
    left: 26%;
}

.QapTcha {
    float: left;
    width: 63%;
    margin: 0px 0px 0px 0px;
    position: relative;
    clear: both;
    border: 1px solid #464646;
}

.QapTcha .clr {
    clear: both
}

.QapTcha .bgSlider {
    width: 100%;
    float: left;
    background-color: #464646;
    padding: 2px;
    border-radius: 0px;
}

.QapTcha .Slider {
    width: 35px;
    height: 25px;
    background: transparent url(../images/slid.jpg) no-repeat;
    cursor: e-resize;
    position: relative;
    top: 0;
    left: 0;
    background-position: center center;
}

.QapTcha .TxtStatus {
    width: 100%x;
    text-align: left;
    color: red;
    font-family: Verdana;
    font-size: 12px;
    clear: both
}

.QapTcha .dropSuccess {
    color: #4e8b37;
}

.QapTcha .dropError {
    color: red;
}

.slide_text {
    position: absolute;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-family: Roboto Condensed;
    width: 100%;
    padding-top: 7px;
}

table {
    font-family: Roboto Condensed;
    font-size: 14px;
    color: #636363;
    font-weight: 300;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-bottom: 1px solid #fff;
    line-height: 18px;
    border-top: 0;
    font-family: Roboto Condensed;
}

.products-right sup {
    font-size: 15px;
    top: 9px;
    vertical-align: top;
    letter-spacing: 2px;
}

.authenticity {
    height: 540px;
    margin-top: 20px;
}

.carousel-control.right {
    right: -4%;
}

.carousel-control.left {
    left: -4%;
}

.explor a {
    position: absolute;
    z-index: 999;
    top: 46%;
    background: #fff;
    left: 45%;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    font-family: Roboto Condensed;
    font-weight: 400;
    padding: 9px 24px;
    border-radius: 5px;
}

.carousel {
    height: 412px;
}

.products-left #carousel-thumbs {
    margin: 22px 0px 10px 0px;
    height: auto;
}

.products-left .carousel-control.left {
    left: 0%;
}

.products-left .carousel-control.right {
    right: 0%;
}

.content {
    overflow: auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 573px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content.hidden {
    display: none;
}

.bxslider sup {
    top: 4px;
}

#carousel-thumbs .carousel-control {
    top: 33%;
}


/*.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


/* style 6 */

.inputfile-6+label {
    color: #d3394c;
}

.inputfile-6+label {
    padding: 0;
    margin-bottom: 10px;
}

.inputfile-6+label span,
.inputfile-6+label strong {
    /* 10px 20px */
}

.inputfile-6+label span {
    width: 110px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    vertical-align: top;
    position: absolute;
    top: 52px;
    left: 0;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-family: Roboto Condensed;
    font-weight: normal;
    color: #959595;
    height: 14px;
}

.inputfile-6+label strong {
    height: 100%;
    color: #f1e5e6;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 10px 15px 0px 0px;
    background: #cccccc;
    border: 1px solid #cccccc;
    color: #464646;
    font-size: 14px;
    font-family: Roboto Condensed;
    padding: 10px 30px;
    float: left;
    border-radius: 5px;
}

.inputfile-6+label span {
    display: none;
}

.inputfile-6.has-focus+label span {
    display: inline-block;
}

.inputfile-6.error+label span {
    display: inline-block;
}

.inputfile-6.valid+label span {
    display: inline-block;
}

.browse-btn {
    float: left;
    position: relative;
    width: 110px;
    margin-right: 10px;
}

.site-box:first-child {
    width: 15%;
}

.site-box:nth-child(3) {
    width: 17%;
}

.green {
    float: left;
    text-align: right;
    margin: 4px 10px 10px 0px;
    padding: 0;
    font-size: 15px;
    font-family: Roboto Condensed;
    line-height: 17px;
    font-weight: 400;
    background: green;
    border: 1px solid green;
    color: #fff;
    padding: 7px 15px 7px 15px;
    border-radius: 0;
}

.row-contact .alert-success {
    float: left;
    text-align: left;
    margin: 0px 10px 0px 0px;
    padding: 0;
    font-size: 15px;
    font-family: Roboto Condensed;
    color: #464646;
    line-height: 17px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    border: 0;
    width: 100%;
    color: #959595;
    font-size: 14px;
    font-weight: 300;
    background: none;
    word-break: normal;
}

.error-page {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 200px 0px;
    background: #fdfdfd;
}

.error-page h1 {
    font-size: 49px;
    font-weight: bold;
    font-family: Roboto Condensed;
    margin: 0;
}

.error-page p {
    font-size: 30px;
    font-family: Roboto Condensed;
}

.back-home a {
    font-size: 23px;
    font-family: Roboto Condensed;
    background: #333333;
    padding: 13px 10px;
    border: 1px solid #000;
    line-height: 11px;
    color: #fff;
    display: inline-block;
}

.main-page .carousel-inner {
    top: 24px;
}


/*Only for safari*/

body,
.top-link a,
.temporect ul li,
.products-right p,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.about-us p {
    [;
    font-family: Arial !important;
    ;
    ];
}

.inputfile-6+label span {
    [;
    margin: -4px 0px 0px 0px;
    ;
    ];
}

.bx-wrapper span p {
    [;
    font-weight: 900 !important;
    ;
    ];
}

.bx-wrapper span h1 a {
    [;
    font-size: 14px;
    ;
    ];
}

.navbar-default .navbar-nav>li>a {
    [;
    margin: 0px 35.2px 0px;
    ;
    ];
}

.table-hover>tbody>tr {
    [;
    background-color: #f5f5f5;
    ;
    ];
}

.container {
    [;
    padding-left: 160px!important;
    padding-right: 160px!important;
    ;
    ];
}

.top-link-home {
    [;
    margin: 0px 0px 10px 0px;
    ;
    ];
}

#carousel {
    [;
    height: 470px!important;
    ;
    ];
}

.content {
    [;
    height: 550px!important;
    ;
    ];
}

.about-us p {
    [;
    font-size: 12px;
    margin-bottom: 10px;
    ];
}

.contact-left.careers-left .col-right textarea {
    [;
    height: 80px;
    ;
    ];
}

.careers,
.feedback,
.contact-right {
    [;
    height: 470px;
    ;
    ];
}

.col-right textarea {
    [;
    height: 170px;
    ;
    ];
}

.contact-left h1,
.contact-left p {
    [;
    font-size: 12px;
    ;
    ];
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    [;
    width: 74% !important;
    ;
    ];
}

.products-left .carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    [;
    width: 100% !important;
    ;
    ];
}

.bx-viewport {
    [;
    max-height: 500px;
    ;
    ];
}

.bx-wrapper img {
    [;
    height: 150px;
    ;
    ];
}

.products-left #carousel-thumbs .item img {
    [;
    max-height: 74px !important;
    ;
    ];
}


/*End Only for safari*/


/*Internet Explorer */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .container {
        padding-left: 160px!important;
        padding-right: 160px!important;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 33.2px 0!important;
    }
    .top-link-home {
        margin: 0px 0px 10px 0px;
    }
    #carousel {
        height: auto!important;
    }
    .content {
        height: 455px!important;
    }
    .about-us p {
        font-size: 13px;
        margin-bottom: 10px
    }
    .contact-left.careers-left .col-right textarea {
        height: 80px;
    }
    .careers,
    .feedback,
    .contact-right {
        height: 470px;
    }
    .col-right textarea {
        height: 170px;
    }
    .contact-left h1,
    .contact-left p {
        font-size: 12px;
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 74% !important;
    }
    .products-left .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 100% !important;
    }
    .bx-viewport {
        max-height: 500px;
    }
    .bx-wrapper img {
        height: 150px;
    }
    .products-left #carousel-thumbs .item img {
        max-height: 74px !important;
    }
}


/*End Internet Explorer */


/*Microsft Edge css*/

@supports (-ms-ime-align: auto) {
    .container {
        padding-left: 160px!important;
        padding-right: 160px!important;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 33.2px 0!important;
    }
    .top-link-home {
        margin: 0px 0px 10px 0px;
    }
    #carousel {
        height: auto!important;
    }
    .content {
        height: 455px!important;
    }
    .about-us p {
        font-size: 12px;
        margin-bottom: 10px
    }
    .contact-left.careers-left .col-right textarea {
        height: 80px;
    }
    .careers,
    .feedback,
    .contact-right {
        height: 470px;
    }
    .col-right textarea {
        height: 170px;
    }
    .contact-left h1,
    .contact-left p {
        font-size: 12px;
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 74% !important;
    }
    .products-left .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 100% !important;
    }
    .bx-viewport {
        max-height: 500px;
    }
    .bx-wrapper img {
        height: 150px;
    }
    .products-left #carousel-thumbs .item img {
        max-height: 74px !important;
    }
}


/*End Microsft Edge css*/


/*bxslider*/


/*.bxslider.product-listing div{width: 267px !important; display: inline-block;}*/

.bxslider.product-listing div a img {
    display: inline-block !important;
    margin-top: 13px;
}


/*bxslider*/

@media all and (-ms-high-contrast:none) {
    footer {
        margin-top: 40px;
        margin-bottom: 50px;
        float: left;
        height: 40px;
    }
    /* IE10 */
    *::-ms-backdrop,
    . footer {
        margin-top: 40px;
        margin-bottom: 50px;
        float: left;
        height: 40px;
    }
    /* IE11 */
}

@supports (-ms-ime-align:auto) {}

footer .authenticate-form .form-group input:-webkit-autofill,
footer .authenticate-form .form-group input:-webkit-autofill:hover,
footer .authenticate-form .form-group input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.col-right input:-webkit-autofill,
.col-right input:-webkit-autofill:hover,
.col-right input:-webkit-autofill:focus {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}