/*FONTS*/

@font-face {
    font-family: 'eurostar-reg';
    src: url('fonts/eurostar-webfont.eot');
    src: url('fonts/eurostar-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/eurostar-webfont.woff') format('woff'), url('fonts/eurostar-webfont.ttf') format('truetype'), url('fonts/eurostar-webfont.svg#eurostarregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'patua-reg';
    src: url('fonts/PatuaOne-Regular-webfont.eot');
    src: url('fonts/PatuaOne-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PatuaOne-Regular-webfont.woff') format('woff'), url('fonts/PatuaOne-Regular-webfont.ttf') format('truetype'), url('fonts/PatuaOne-Regular-webfont.svg#PatuaOneRegular') format('svg');
    font-weight: 600;
    font-style: normal;
}

.patua {
    font-family: 'patua-reg';
    font-weight: normal;
}

.eurostar {
    font-family: 'eurostar-reg';
}

body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    color: #232323;
}


/*---------------navbar-----------------*/

.navbar-default {
    background-color: #050505;
    border-color: #050505;
    background: rgb(19, 19, 19);
    background: -moz-linear-gradient(top, rgb(19, 19, 19) 0%, rgb(1, 1, 1) 50%, rgb(19, 19, 19) 100%);
    background: -webkit-linear-gradient(top, rgb(19, 19, 19) 0%, rgb(1, 1, 1) 50%, rgb(19, 19, 19) 100%);
    background: linear-gradient(to bottom, rgb(19, 19, 19) 0%, rgb(1, 1, 1) 50%, rgb(19, 19, 19) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#131313', GradientType=0);
}
.navbar-default a {
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a {
    color: #f8d100;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #f0ca00;
    background-color: #565555;
}

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

.dropdown-menu {
    background-color: #565555;
}

.dropdown-menu>li>a {
    color: #ffd701;
    padding: 10px 20px;
    border-bottom: 1px #4c4b4b solid;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffd701;
    background-color: #9f9f9f;
}

.dropdown-menu ul {
    background-color: #565555;
    padding-left: 20px;
    padding-right: 10px;
}

.dropdown-menu ul li {
    list-style-type: none;
}

.dropdown-menu ul li:last-child {
    padding-bottom: 10px;
}

.dropdown-menu ul a {
    color: #fff;
}

.dropdown-menu ul a:hover,
.dropdown-menu ul a:hover {
    color: #ffd701;
    text-decoration: none;
}

.product-menu>li>a {
    font-weight: bold;
}

.product-menu>li>a:hover {
    background-color: #565555;
    cursor: default;
}

body {
    background: url(../images/bg.gif) repeat-x;
    background-color: #6b0201;
}

.main-content {
    background-color: #fff;
    padding: 30px 15px;
}

.header {
    margin: 30px 0;
}

.logo {
    display: inline-block
}
.logo img {
    width: 180px;
}

.top-details {
    color: #fff;
    text-align: right;
    float: right;
}

.top-details p {
    margin-bottom: 8px;
    line-height: normal;
    font-size: 1.2em;
}

.top-details h1 span {
    background: url(../images/phone-icon.png) no-repeat left;
    padding-left: 32px;
    width: 26px;
    height: 26px;
}

.top-details h1 {
    margin-top: 5px;
}

.title-header {
    padding: 10px;
    margin: 0;
}

.yellow-header {
    background-color: #ffd701;
}

.chart ul {
    border: 1px #ffd701 solid;
}

.chart ul li:not(:last-child) {
    border-bottom: 1px #ffd701 solid;
}

.chart ul,
.prod-categories ul {
    padding: 10px;
    list-style-type: none;
    font-family: 'eurostar-reg';
}

.chart ul li a {
    background: url(../images/arrow-bullet.png) no-repeat 8px;
    padding-left: 22px;
}

.chart ul li a,
.prod-categories ul li a {
    color: #232323;
    font-size: 16px;
    padding: 5px 25px;
    display: inline-block;
}

.grey50-header {
    background: #262626 url(../images/skins/grey-bg.jpg) repeat-x top;
    background: linear-gradient(top, #0c0c0c 2%, #595959 5%, #313131 6%, #262626 100%);
    color: #ffd701;
}

.prod-categories {
    border: 1px #ddd solid;
}

.prod-categories ul li:not(:last-child) {
    border-bottom: 1px #ddd solid;
}

.main-content .h1,
.main-content h1 {
    font-size: 28px;
}

.red-header {
    background: #bd1b13 url(../images/skins/red-bg.jpg) repeat-x top;
    color: #fff;
}

.products {
    padding-left: 0;
    padding-right: 0;
    margin: 15px 0;
}

.product {
    min-height: 440px;
    padding: 15px;
    margin-bottom: 25px;
    background-color: #eee;
    position: relative;
}

.catalogue {
    min-height: 310px !important;
}

.red-btn {
    background-color: #b41914;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: 200ms linear;
}

.red-btn:hover,
.red-btn:focus {
    background-color: #9c1713;
    color: #fff;
    outline: none;
}

.product-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    min-height: 25px;
}

.product-view {
    position: absolute;
    bottom: 20px;
}

p {
    margin: 0 0 15px;
}

hr {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d0d0d0;
}

footer,
footer a {
    color: #fff;
}

footer {
    margin-top: 30px;
    padding: 0 15px;
}

.foo-links ul {
    padding-left: 0;
}

.foo-links ul li {
    display: inline-block;
    list-style-type: none;
    padding-right: 0;
    padding-left: 10px;
}

.foo-links ul li:not(:last-child) {
    border-right: 1px solid #fff;
    padding: 0 10px;
}

.foo-logo,
.foo-logo .left {
    float: left;
}

.foo-logo .right {
    margin-left: 15px;
    float: left;
}

.foo-links ul li:first-child {
    padding-left: 0;
}

.foo-links {
    text-align: right;
}

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

.breadCrumbs li {
    display: inline-block;
}

.breadCrumbs a {
    color: #919191;
}

.full-content h1 {
    color: #BD1B13;
}

.headerBorder {
    border-bottom: 1px #ddd solid;
    padding-bottom: 16px;
}

.subCategTitle {
    font-size: 20px;
    margin-bottom: 2px;
}

.mainCategTitle {
    font-size: 24px;
    color: #bd1b13;
}

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

.chainLinks li {
    display: inline-block;
}

.downloads ul li .file img {
    width: 25px;
    height: auto;
}

.prod-categories ul li a:hover,
.prod-categories ul li a:focus {
    background: #eee;
    text-decoration: none;
    outline: none;
}

.downloads {
    border: 1px solid #ddd;
    padding: 10px;
}

.downloads ul {
    padding-left: 0;
    list-style-type: none;
}

.downloads ul li .desc {
    float: left;
    width: 75%;
    margin-left: 5px;
}

.downloads ul li .file {
    float: left;
    width: 20%;
}

.banner {
    margin-bottom: 20px;
}

.carousel-inner {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(31, 31, 31) 50%, rgb(0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(31, 31, 31) 50%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(31, 31, 31) 50%, rgb(0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.item {
    text-align: center;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    display: inline-block;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    text-shadow: none;
    padding: 10px;
}
.carousel-caption p:last-child {
    margin: 0;
}

.carousel-control img {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control.left img {
    left: 0;
}

.carousel-control.right img {
    right: 0;
}

.flexslider .slides img {
    border: 1px solid #d6d6d6;
    padding: 5px;
    margin-bottom: 10px;
}

span.zoom {
    bottom: 20px;
    right: 10px;
    background: url(../lib/flexslider/gallery-ui.png) no-repeat 0 -48px;
    position: absolute;
    width: 30px;
    height: 30px;
}

.enquire-btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

.enquire-btn a {
    font-size: 21px;
}

.file span {
    font-size: 12px;
    display: block;
}

.file {
    text-align: center;
}

#product a:hover .zoom {
    background-position: -30px -48px;
}

.flexslider .slides > li {
    margin-right: 10px;
    cursor: pointer;
}

.more-product-desc {
    border-top: 1px solid #ddd;
}

.useful.image-slider {
    width: 50%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

#google_translate_element {
    margin-bottom: 15px;
    margin-top:15px;
}

.navbar-right .form-group {
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 0;
}

.product-catalogue {
    margin-bottom: 20px;
}

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

span.glyphicon.glyphicon-search {
    position: absolute;
    right: 15px;
    top: 42%;
    color: #6f6f6f;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 15%;
        max-width: 50%;
        left: initial;
    }
}

@media (max-width: 768px) {
    .carousel-caption {
        max-width: initial;
    }
}

@media (max-width: 767px) {
    .banner {
        display: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #ffd704;
    }
    .dropdown-menu ul {
        background-color: #0b0b0b;
        padding-left:40px;
    }
    .navbar-default .navbar-nav .open .product-menu>li>a {
        color:#ffd701;
    }
}

@media (max-width: 600px) {
    .header {
        text-align: center;
    }
    .top-details {
        float: none;
        text-align: center;
        margin-top: 20px;
    }
    .foo-links {
        text-align: center;
    }
    .foo-logo,
    .foo-logo .left {
        margin-bottom: 10px;
    }
    .navbar-right .form-group {
        padding: 0 15px;
    }
    span.glyphicon.glyphicon-search {
        right: 30px;
        top: 10px;
        margin:0;
        
    }
}