/*

Theme Name: Karnawati Tradelinks Pvt. Ltd.

Theme URI: 

Author: Myriad Solutionz

Author URI: http://myriadsolutionz.com/

Description: Custom Theme for Karnawati Tradelinks Pvt. Ltd.

Version: 1.0.1

Tags: 

Text Domain: Karnawati Tradelinks Pvt. Ltd.

*/

/*Blue Color  Shade : #0000FF

Orange Color Shade : #fe0000*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800');

body {

    background: url(img/bg-pattern.png) repeat;

    font-size: 16px;

    line-height: 30px;

    font-family: 'Montserrat', sans-serif;

    color: #888;

    font-weight: 300;

}

a {

    color: #0000FF;

    text-decoration: none;

    transition: 0.3s all;

    -o-transition: 0.3s all;

    -moz-transition: 0.3s all;

    -ms-transition: 0.3s all;

    -webkit-transition: 0.3s all;

}

a:hover {

    color: #fe0000;

    text-decoration: none;

}

/*Header*/



.header {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    position: relative;

}

.navbar-default {

    padding: 15px 0;

    border: none;

    height: 158px;

    background: transparent;

    position: relative;

    background-size: cover;

}

.navbar-logo {

    height: auto;

}

.navbar-logo img {

    max-width: 80px;

    float: left;

}

.contact-info-list {

    list-style-type: none;

    padding: 0;

    text-align: right;

}

.company-info {

    display: inline-block;

    text-align: left;

    position: relative;

    padding-left: 40px;

    margin-top: 23px;

    padding-top: 3px;

    /*  margin-right: 30px;*/

    

    ;

}

.header .company-info {

    padding-right: 16px;

    border-right: 1px solid #eee;

    margin-right: 8px;

}

.footer .company-info {

    margin-right: 0;

    width: 33.33%;

}

.company-info:last-child {

    margin-right: 0;

    border: none;

}

.company-info:hover i {

    background: #ea1111;

}

.company-info i {

    background: #ea1111;

    color: #fff;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 17px;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    transition: 0.3s all;

    -o-transition: 0.3s all;

    -moz-transition: 0.3s all;

    -ms-transition: 0.3s all;

    -webkit-transition: 0.3s all;

}

.company-info h3 {

    color: #fff;

    text-transform: uppercase;

    margin: 0;

    font-size: 17px;

    font-weight: bold;

    text-align: left;

}

.company-info p {

    margin: 0;

}

.company-info p a {

    color: #fff;

}

.header .darkgrey-bg {

    background: #f7f7f7;

    margin-top: 10px;

}

.navbar-default .navbar-nav>li>a {

    text-transform: uppercase;

    color: #fff;

}

.navbar-nav>li {

    border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.navbar-nav>li a:hover {

    background: #ea1111 !important;

    color: #fff !important;

}

.navbar-nav>li:hover {

    background: #ea1111 !important;

    color: #fff !important;

}

.dropdown-menu {

    margin: 0;

    padding: 0;

}

.dropdown-menu li a {

    text-transform: uppercase;

}

.dropdown-menu li a {

    text-transform: uppercase;

    padding: 6px 15px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.navbar-default .navbar-nav > li.dropdown:hover > a,

.navbar-default .navbar-nav > li.dropdown:hover > a:hover,

.navbar-default .navbar-nav > li.dropdown:hover > a:focus {

    background: #ea1111 !important;

    color: #fff !important;

}

.navbar-right {

    margin-right: -5px;

}

.white-bg {

    /*background: #fff;*/

    

    padding: 15px 0;

}

.orange-bg {

    background: #363C42;

}

.darkgrey-bg {

    background: #262626;

}

.dropdown-toggle {

    position: absolute !important;

    top: 0;

    z-index: 999;

    right: 7px;

    color: #000 !important;

    background: none !important;

    padding: 15px 0 !important;

}

.header form input {

    border-radius: 0;

    border: none;

    padding-right: 10px;

}

.header form .form-group {

    position: relative;

}

.header form .form-group i {

    background: #fff;

    margin: 0 0 0 10px;

    padding: 8px;

    font-size: 15px;

}

.navbar-default .navbar-nav>li>a {

    text-transform: uppercase;

    color: #000;

    padding: 15px 25px;

    font-weight: 400;

}

.overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #000;

    opacity: 0.5;

}

.white {

    color: #fff !important;

}

.blue {

    background: #0077be;

}

.wrapper {

    margin: 0;

    padding: 30px 0;

    float: left;

    width: 100%;

}

.camera_wrap .camera_pag .camera_pag_ul {

    position: absolute;

    bottom: -10px;

    right: 10px;

}

.camera_wrap .camera_pag .camera_pag_ul li {

    background: #fff;

}

.common-wrapper {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

}

.margin-top {

    margin: 25px 0 0 0;

}

.category_list:hover {

    background-size: 300px !important;

}

.category_list {

    margin-top: 25px;

    padding: 0;

    width: 100%;

    height: 230px;

    position: relative;

    background-size: cover !important;

    background-position: center center !important;

    border: 1px solid #dfdfdf;

    overflow: hidden;

}

.category_list img {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

    transition: 0.3s all;

    -o-transition: 0.3s all;

    -moz-transition: 0.3s all;

    -ms-transition: 0.3s all;

    -webkit-transition: 0.3s all;

    height: 100%;

    background: #fff;

}

.category_list:hover img {

    transform: scale(1.1);

}

.category_list h3 {

    display: block;

    position: absolute;

    background-color: #ea1111;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    line-height: 32px;

    padding: 5px 25px;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0;

    text-align: center;

}

.heading {

    margin: 0;

    text-transform: uppercase;

    color: #0077be;

    font-weight: bold;

    font-size: 30px;

    margin-bottom: 15px;

}

.footer {

    margin: 0;

    padding: 15px 0 0 0;

    width: 100%;

    float: left;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0d783+0,f7941f+100 */

    

    background: #f7f7f7;

    /* Old browsers */

    

    position: relative;

}

.logos {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    background: #fff;

    box-shadow: 0 0px 11px 3px rgba(0, 0, 0, 0.1);

}

.footer .darkgrey-bg {

    padding: 15px 15px;

}

.footer img {

    width: 100px;

    margin: 20px 0 0 0;

}

.footer p,

.footer p a {

    color: #7f7d7d;

}

.footer p a:hover {

    color: #ea1111;

}

.footer h2 {

    text-transform: uppercase;

    color: #7f7d7d;

    font-size: 18px;

    font-weight: 900;

    line-height: 24px;

}

.margin-bottom-30 {

    margin-bottom: 30px;

}

.margin-none {

    margin-bottom: 0;

}

.fast-delivery {

    text-align: center;

    width: 100%;

    float: left;

    font-weight: 400;

    color: #0077be;

    text-transform: uppercase;

    margin: 0 0 20px 0;

}

.fast-delivery:hover {

    color: #ea1111;

}

.copywrite {

    border-top: 1px solid rgba(255, 255, 255, 0.3);

    padding: 15px 0;

    float: left;

    width: 100%;

    color: #fff;

    position: relative;

    margin: 20px 0 0 0;

    background: #0077be;

}

.copywrite p {

    margin: 0;

    color: #fff;

}

.logos > .container > .col-md-12 {

    background: #fff;

    background-size: cover;

    position: relative;

    padding: 35px 15px;

}

.logos > .container > .col-md-12 > .col-md-12 {

    padding: 0 40px;

}

.owl-nav div {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 40px;

    height: 40px;

    background: #888;

    text-align: center;

    margin: auto;

    color: #fff;

    line-height: 40px;

    border-radius: 50%;

}

.footer .company-info h3 {

    color: #7f7d7d;

}

.owl-prev {

    left: -46px;

}

.owl-next {

    right: -46px;

}

.padding-bottom-none {

    padding-bottom: 0;

    padding-top: 0;

    ;

}

.box-shadow {

    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);

    padding: 10px;

}

.seperater-heding {

    text-align: center;

    margin: 0;

    color: #fff;

    position: relative;

}

.seperater-heding:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 1px;

    background: #0077be;

    z-index: -1;

    bottom: 0;

    margin: auto;

}

.seperater-heding span {

    background: #0077be;

    text-transform: uppercase;

    padding: 9px 25px;

    display: inline-block;

}

.inner-header {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

}

.inner-header .bg {

    position: relative;

}

.inner-header h3 {

    text-transform: uppercase;

    color: #fff;

    font-size: 25px;

    margin: 10px 0;

    font-weight: 500;

    letter-spacing: 2px;

    text-align: center;

}

.inner-header .breadcrumb {

    background: none;

    margin: 0;

    padding: 0;

    text-align: center;

    color: #fff;

}

.inner-header hr {

    margin: 0;

}

.inner-header a {

    color: #fe0000;

}

.border {

    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);

    padding: 10px;

    width: 100%;

}

.common-wrapper-about {

    margin-top: 10px;

}

.camera_prevThumbs,

.camera_nextThumbs,

.camera_prev,

.camera_next,

.camera_commands,

.camera_thumbs_cont {

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

}

.camera_azure_skin .camera_prev > span {

    background-position: 0 -81px;

}

.camera_azure_skin .camera_next > span {

    background-position: -40px -81px;

}

.products-images-section {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    text-align: center;

}

.product-img {

    margin: 0;

    padding: 0;

    width: 100%;

}

.products-section .thumbnail {

    width: 100%;

    float: left;

    margin: 30px 0 0 0;

    padding: 0;

    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    background: #fff;

    min-height: 420px;

}

.thumbnail hr {

    width: 100%;

    margin: 0;

    border-color: #ccc;

}

.products-section .thumbnail p,

.products-section .thumbnail h3 {

    width: 100%;

    float: left;

    margin: 5px 0;

    padding: 0;

    text-align: center;

    color: #888;

}

.seperation-line {

    margin: 20px auto 10px auto;

    padding: 1px 0;

    width: 100%;

    text-align: center;

    box-shadow: 1px 2px 2px 0 #888;

    float: left;

}

.products-section .thumbnail p {

    font-size: 16px;

}

.products-section .thumbnail h3 {

    font-size: 18px;

    color: #0077be;

}

.products-section .caption {

    width: 100%;

    margin: 0;

    padding: 10px;

    float: left;

}

.contact-info,

.contact-info p {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    line-height: 26px;

}

.contact-info p a {

    color: #888;

}

.contact-info p a:hover {

    color: #ea1111;

}

.contact-info-map {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}

.contact-info-left {

    margin: 0 0 60px 0;

    padding: 0;

    float: left;

    width: 97.7%;

}

.contact-info h3 {

    margin: 5px 0;

    color: #0077be;

    padding: 0;

}

.products-section {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

}

/*-----------------------------Contact form css start------------------------------------*/



#contactForm,

#distributionenquiry {

    max-width: 960px;

    position: relative;

    margin: 0 auto;

    text-align: left;

}

#contactForm .envelope-back {

    background: url(img/envelope-back.svg) no-repeat center bottom;

}

#contactForm .letter {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    width: 88%;

    min-height: 753px;

    position: relative;

    margin: 0 auto;

    padding: 3em 1em 2em;

    box-sizing: border-box;

    background: url(img/letter.svg) no-repeat left top, linear-gradient( transparent 0px, transparent 100px, #ededee 100px, #ededee 100%);

    background-size: auto auto, auto auto;

    background-size: contain;

}

#contactForm label,

#distributionenquiry label,

#productcalculate label {

    display: inline-block;

    color: #303030;

    font-size: 18px;

    margin-bottom: 2px;

    font-weight: 400;

}

#contactForm input,

#distributionenquiry input,

#productcalculate input {

    height: 40px;

    line-height: 2;

}

#contactForm input,

#contactForm textarea,

#distributionenquiry input,

#distributionenquiry textarea,

#productcalculate input,

#productcalculate textarea {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    width: 100%;

    padding: 0.5em;

    border-radius: 0;

    border: 1px solid #d6d8d7;

    outline: none;

    color: #0e254b;

    font-size: 18px;

    background: #d6d8d7;

    -webkit-transition: background-color 0.1s ease-out;

    -moz-transition: background-color 0.1s ease-out;

    transition: background-color 0.1s ease-out;

    margin-bottom: 10px;

}

#distributionenquiry input,

#distributionenquiry textarea,

#productcalculate input,

#productcalculate textarea {

    background: #e1e1e1 !important;

}

.frm-ok {

    position: absolute;

    display: none;

    width: 25px;

    height: 25px;

    z-index: 4;

    left: 0;

    top: 0;

    background-image: url(img/check.svg);

    background-repeat: no-repeat;

    background-size: 25px;

}

#contactForm textarea,

#distributionenquiry textarea {

    height: 90px;

    resize: none;

}

#contactForm .envelope-front {

    background: url(img/envelope-front.svg) no-repeat center bottom;

}

#contactForm .envelope-front,

#contactForm .envelope-back {

    width: 98%;

    min-height: 400px;

    position: absolute;

    bottom: 0;

    pointer-events: none;

    background-size: contain;

    margin: 0 1%;

}

button.orange.with-blue-text,

a.button.orange.with-blue-text {

    color: #fff;

    font-weight: 400;

}

#contactForm a.button,

#contactForm button {

    width: 38%;

    position: absolute;

    margin-left: 31%;

    border: none;

    margin-top: -14%;

    padding: 5px 0;

    font-size: 20px;

    border-radius: 8px;

}

button.orange,

a.button.orange {

    color: white;

    border-color: #ea1111;

    background-color: #ea1111;

}

.contact-info-right {

    float: right;

    width: 100%;

    margin: 0;

    font-family: 'Montserrat', sans-serif;

}

button.orange.with-blue-text:hover,

a.button.orange.with-blue-text:hover {

    color: #fff;

}

button.orange.with-blue-text,

a.button.orange.with-blue-text {

    color: #fff;

}

button.orange:hover,

a.button.orange:hover {

    color: #fff;

    background-color: transparent;

    border: 1px solid #ea1111 !important;

    outline: none;

}

#contactForm input:focus,

#contactForm textarea:focus,

#distributionenquiry textarea:focus,

#distributionenquiry input:focus,

#productcalculate textarea:focus,

#productcalculate input:focus {

    background: #fff;

}

#contactForm input:hover,

#contactForm textarea:hover,

#distributionenquiry input:hover,

#distributionenquiry input:hover,

#productcalculate input:hover,

#productcalculate textarea:hover {

    background: #ddd;

}

/*------------------------------Contact form css end---------------------------------------*/



.post-code-input,

.weight-input {

    padding: 5px 10px;

    border: none;

    border-bottom: solid 2px #c9c9c9;

    transition: border 0.3s;

    outline: none;

    background: transparent;

    margin-right: 20px;

    font-weight: 400;

}

.calculation {

    margin: 30px auto 40px auto;

    padding: 0;

    width: 100%;

    float: left;

}

.submit-button {

    margin: 0;

    width: 90px;

    border: none;

    border-radius: 0;

    background: #0077be;

    font-weight: 500;

}

.calculation form {

    text-align: center;

}

.calculation input:focus {

    box-shadow: 0 0 5px 1px #969696;

}

.position-absolute {

    /*



  margin: auto;



  padding: 0;



  position: absolute;



  left: 1px;



  right: 0;



  background: rgba(0, 0, 0, 0.6);



  width: 98.2%;



  top: 10px;



  bottom: 10px;



*/

    

    margin: auto;

    padding: 0;

    position: absolute;

    left: 1px;

    right: 0;

    background: rgba(0, 0, 0, 0.6);

    width: 100%;

    top: 0;

    bottom: 0;

}

.inner-image {

    margin: 0 0 20px 0;

    width: 100%;

    float: left;

    position: relative;

}

.img-caption {

    display: table;

    width: 100%;

    height: 100%;

}

.custom-style {

    width: 100%;

    max-height: 250px;

}

.align-middle {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}

.esteemed-clients {

    text-align: center;

    margin: -18px 0 0 0;

    color: #fff;

    position: relative;

    text-transform: uppercase;

}

.esteemed-clients span {

    background: #0077be;

    text-transform: uppercase;

    padding: 9px 25px;

    display: inline-block;

}

.bottom-margin {

    margin-bottom: 20px;

}

/*.grid-item {

  width: 100%;

  padding: 0 15px;

}



.row.grid .col-md-3 {

  position: relative;

  float: inherit;

}

*/



.product-margin-bottom {

    margin-bottom: 50px;

}

.category-name {

    background-color: rgba(234, 17, 17, 0.8);

    color: #fff;

    font-size: 17px;

    font-weight: 500;

    line-height: 32px;

    padding: 5px 25px;

    width: 100%;

    margin: 0;

    text-align: center;

}

.products-section .thumbnail:hover {

    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);

}

.font-style {

    text-align: justify;

    width: 88%;

    margin: 0 auto 10px auto;

}

.about-us-text {

    text-align: justify;

    width: 93%;

}

.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover {

    color: #000;

}

.career-section,

.postage-section,

.timeline-section {

    margin: 20px 0 60px 0;

    padding: 0;

    float: left;

    width: 100%;

}

.update-section .benefitList {

    list-style: none;

    margin: 0;

}

.update-section ul li {

    padding: 0;

    margin: 3px 0;

    text-transform: uppercase;

    font-weight: 400;

}

.form-style {

    padding: 0;

    background: url(img/slide/apply.jpg) no-repeat;

    background-position: 52% 4px;

    background-size: cover;

}

.apply-btn {

    margin: 15px auto;

    padding: 7px 25px;

    text-align: center;

    text-transform: uppercase;

    border: 1px solid #ea1111 !important;

    font-size: 18px;

    font-weight: 600;

    background: #ea1111;

    border-radius: 4px;

    outline: none;

}

.apply-btn:hover,

.apply-btn:focus,

.apply-btn:active {

    background: #ea1111 !important;

    outline: none;

}

.form-style .form-check-label {

    font-weight: normal;

}

.update-section h3,

.career-form h3 {

    text-transform: uppercase;

    color: #0077be;

    padding: 0;

    margin-top: 0;

    text-align: center;

    margin-bottom: 20px;

}

.update-section {

    width: 100%;

    float: left;

    margin: 6px 0;

    padding: 0;

}

.career-form {

    margin: 6px 0;

    padding: 0;

    float: left;

    width: 100%;

}

.accordion-toggle:hover {

    text-decoration: none;

}

.update-section .panel-title {

    padding: 20px;

    color: #888;

    text-transform: uppercase;

}

.float-right-arrow {

    float: right;

}

.update-section .panel-title a {

    text-transform: uppercase;

    font-weight: 600;

}

.update-section .panel-title:hover {

    color: #fff;

}

.update-section .panel-default > .panel-heading:hover {

    background: #ea1111 !important;

    color: #fff;

    cursor: pointer;

}

.hover-style:hover {

    color: #fff;

}

.apply-now {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    text-align: center;

}

.job-description {

    margin: 0;

    padding: 6px 10px;

    width: 100%;

    float: left;

    min-height: 100px;

    border: 1px solid #fff;

    border-radius: 4px;

    color: #fff;

    font-weight: 400;

    background: rgba(238, 238, 238, 0.3);

}

.update-section .font-weight-400 {

    color: #888 !important;

    font-weight: 400 !important;

}

.form-control:focus,

.form-control {

    outline: none;

}

.bg-style {

    padding: 30px 25px;

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    border-radius: 4px;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    padding: 0;

    border: 0;

}

.form-control::-moz-placeholder {

    color: #fff;

    opacity: 1;

}

.form-control::-webkit-input-placeholder {

    color: #fff;

}

.form-control:focus,

.form-control {

    outline: none;

}

.bg-style .form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 10px;

    font-size: 15px;

    line-height: 1.42857143;

    color: #fff;

    background-color: rgba(238, 238, 238, 0.3);

    background-image: none;

    border: 1px solid #fff;

    border-radius: 4px;

    font-weight: 400;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.bg-style .form-control > option {

    background: transparent;

    line-height: 24px;

}

.form-horizontal .control-label {

    text-align: left;

}

.btn-center {

    text-align: center;

}

.camera_wrap .camera_pag .camera_pag_ul li {

    border: 1px solid #888;

}

.camera_wrap .camera_pag .camera_pag_ul li > span {

    left: 3px;

    top: 3px;

}

.update-section .panel-heading {

    padding: 0;

}

/*---------------------------- Timeline page css--------------------------*/



.timeline {

    width: 100%;

    position: relative;

    padding: 1px 0;

    list-style: none;

    font-weight: 300;

}

.timeline .timeline-item {

    padding-left: 0;

    padding-right: 30px;

}

.timeline .timeline-item.timeline-item-right,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {

    padding-left: 16px;

    padding-right: 0;

}

.timeline .timeline-item .timeline-event {

    width: 100%;

}

.timeline:before {

    border-right-style: solid;

}

.timeline:before,

.timeline:after {

    content: " ";

    display: block;

}

.timeline:after {

    clear: both;

}

.timeline:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 50%;

    height: 100% !important;

    margin-left: 1px;

    border-right-width: 15px;

    border-right-style: solid;

    border-right-color: #888888;

}

.timeline.timeline-single-column.timeline {

    width: 100%;

    max-width: 768px;

}

.timeline.timeline-single-column.timeline .timeline-item {

    padding-left: 72px;

    padding-right: 0;

}

.timeline.timeline-single-column.timeline .timeline-item.timeline-item-right,

.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {

    padding-left: 72px;

    padding-right: 0;

}

.timeline.timeline-single-column.timeline .timeline-item .timeline-event {

    width: 100%;

}

.timeline.timeline-single-column.timeline:before {

    left: 42px;

    width: 0;

    margin-left: -1px;

}

.timeline.timeline-single-column.timeline .timeline-item {

    width: 100%;

    margin-bottom: 20px;

}

.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even) {

    margin-top: 0;

}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event {

    float: right !important;

}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before,

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:before {

    left: -15px !important;

    border-right-width: 15px !important;

}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-event:after {

    left: -14px !important;

    border-right-width: 14px !important;

}

.timeline.timeline-single-column.timeline .timeline-item > .timeline-point {

    transform: translateX(-50%);

    left: 42px !important;

    margin-left: 0;

}

.timeline.timeline-single-column.timeline .timeline-label {

    transform: translateX(-50%);

    margin: 0 0 20px 42px;

}

.timeline.timeline-single-column.timeline .timeline-label + .timeline-item + .timeline-item {

    margin-top: 0;

}

.timeline.timeline-line-solid:before {

    border-right-style: solid;

}

.timeline.timeline-line-dotted:before {

    border-right-style: solid;

}

.timeline.timeline-line-dashed:before {

    border-right-style: dashed;

}

.timeline .timeline-item {

    position: relative;

    float: left;

    clear: left;

    margin-bottom: 5px;

}

.timeline .timeline-item:before,

.timeline .timeline-item:after {

    content: "";

    display: table;

}

.timeline .timeline-item:after {

    clear: both;

}

.timeline .timeline-item:last-child {

    margin-bottom: 0 !important;

}

.timeline .timeline-item.timeline-item-right > .timeline-event,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event {

    float: right !important;

}

.timeline .timeline-item.timeline-item-right > .timeline-event:before,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,

.timeline .timeline-item.timeline-item-right > .timeline-event:after,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline .timeline-item.timeline-item-right > .timeline-event:before,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {

    left: -15px !important;

    border-right-width: 15px !important;

}

.timeline .timeline-item.timeline-item-right > .timeline-event:after,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    left: -14px !important;

    border-right-width: 14px !important;

}

.timeline .timeline-item > .timeline-event:before {

    top: 10px;

    right: -15px;

    border-top: 15px solid transparent;

    border-left-width: 15px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 15px solid transparent;

}

.timeline .timeline-item > .timeline-event:after {

    top: 11px;

    right: -14px;

    border-top: 14px solid transparent;

    border-left-width: 14px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 14px solid transparent;

}

.timeline .timeline-item > .timeline-point {

    top: 25px;

}

.timeline-single-column.timeline .timeline-item > .timeline-event {

    float: right !important;

}

.timeline-single-column.timeline .timeline-item > .timeline-event:before,

.timeline-single-column.timeline .timeline-item > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline-single-column.timeline .timeline-item > .timeline-event:before {

    left: -15px !important;

    border-right-width: 15px !important;

}

.timeline-single-column.timeline .timeline-item > .timeline-event:after {

    left: -14px !important;

    border-right-width: 14px !important;

}

.timeline .timeline-item:nth-of-type(2) {

    margin-top: 40px;

}

.timeline .timeline-item.timeline-item-left,

.timeline .timeline-item.timeline-item-right {

    clear: both !important;

}

.timeline .timeline-item.timeline-item-right,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {

    float: right;

    clear: right;

}

.timeline .timeline-item.timeline-item-right > .timeline-point,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point {

    left: -24px;

}

.timeline .timeline-item.timeline-item-right > .timeline-point.timeline-point-blank,

.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) > .timeline-point.timeline-point-blank {

    left: -12px;

}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event,

.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event {

    float: right !important;

}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {

    left: -10px !important;

    border-right-width: 10px !important;

}

.timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    left: -9px !important;

    border-right-width: 9px !important;

}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {

    top: 4px;

    right: -10px;

    border-top: 10px solid transparent;

    border-left-width: 10px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 10px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {

    top: 5px;

    right: -9px;

    border-top: 9px solid transparent;

    border-left-width: 9px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 9px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-sm > .timeline-point {

    top: 14px;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event {

    float: right !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before,

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:before {

    left: -10px !important;

    border-right-width: 10px !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm > .timeline-event:after {

    left: -9px !important;

    border-right-width: 9px !important;

}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event,

.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event {

    float: right !important;

}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {

    left: -15px !important;

    border-right-width: 15px !important;

}

.timeline .timeline-item.timeline-item-arrow-md.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    left: -14px !important;

    border-right-width: 14px !important;

}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {

    top: 10px;

    right: -15px;

    border-top: 15px solid transparent;

    border-left-width: 15px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 15px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {

    top: 11px;

    right: -14px;

    border-top: 14px solid transparent;

    border-left-width: 14px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 14px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-md > .timeline-point {

    top: 25px;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event {

    float: right !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before,

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:before {

    left: -15px !important;

    border-right-width: 15px !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-md > .timeline-event:after {

    left: -14px !important;

    border-right-width: 14px !important;

}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event,

.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event {

    float: right !important;

}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:before,

.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:before {

    left: -18px !important;

    border-right-width: 18px !important;

}

.timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right > .timeline-event:after,

.timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left) > .timeline-event:after {

    left: -17px !important;

    border-right-width: 17px !important;

}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {

    top: 10px;

    right: -18px;

    border-top: 18px solid transparent;

    border-left-width: 18px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 18px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {

    top: 11px;

    right: -17px;

    border-top: 17px solid transparent;

    border-left-width: 17px;

    border-left-style: solid;

    border-right-width: 0;

    border-right-style: solid;

    border-bottom: 17px solid transparent;

}

.timeline .timeline-item.timeline-item-arrow-lg > .timeline-point {

    top: 28px;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event {

    float: right !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before,

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {

    right: auto !important;

    border-left-width: 0 !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:before {

    left: -18px !important;

    border-right-width: 18px !important;

}

.timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg > .timeline-event:after {

    left: -17px !important;

    border-right-width: 17px !important;

}

.timeline .timeline-item > .timeline-event {

    background: #0077be;

    color: #888;

    position: relative;

    float: left;

    border-radius: 3px;

    margin: 0;

    padding: 7px;

}

.timeline .timeline-item > .timeline-event:before {

    border-left-color: #888888;

    border-right-color: #888888;

}

.timeline .timeline-item > .timeline-event:after {

    border-left-color: #fff;

    border-right-color: #fff;

}

.timeline .timeline-item > .timeline-event * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-default {

    background: #fff;

    border: 1px solid #888888;

    color: #555;

}

.timeline .timeline-item > .timeline-event.timeline-event-default:before {

    border-left-color: #888888;

    border-right-color: #888888;

}

.timeline .timeline-item > .timeline-event.timeline-event-default:after {

    border-left-color: #fff;

    border-right-color: #fff;

}

.timeline .timeline-item > .timeline-event.timeline-event-default * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-primary {

    background: #f5f5f5;

    border: 1px solid #888888;

    color: #555;

}

.timeline .timeline-item > .timeline-event.timeline-event-primary:before {

    border-left-color: #888888;

    border-right-color: #888888;

}

.timeline .timeline-item > .timeline-event.timeline-event-primary:after {

    border-left-color: #f5f5f5;

    border-right-color: #f5f5f5;

}

.timeline .timeline-item > .timeline-event.timeline-event-primary * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-success {

    background: #F3F8ED;

    border: 1px solid #72b92e;

    color: #3F8100;

}

.timeline .timeline-item > .timeline-event.timeline-event-success:before {

    border-left-color: #72b92e;

    border-right-color: #72b92e;

}

.timeline .timeline-item > .timeline-event.timeline-event-success:after {

    border-left-color: #F3F8ED;

    border-right-color: #F3F8ED;

}

.timeline .timeline-item > .timeline-event.timeline-event-success * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-info {

    background: #F0F8FD;

    border: 1px solid #3e93cf;

    color: #0062A7;

}

.timeline .timeline-item > .timeline-event.timeline-event-info:before {

    border-left-color: #3e93cf;

    border-right-color: #3e93cf;

}

.timeline .timeline-item > .timeline-event.timeline-event-info:after {

    border-left-color: #F0F8FD;

    border-right-color: #F0F8FD;

}

.timeline .timeline-item > .timeline-event.timeline-event-info * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-warning {

    background: #FFF9E9;

    border: 1px solid #d0aa42;

    color: #ac7e00;

}

.timeline .timeline-item > .timeline-event.timeline-event-warning:before {

    border-left-color: #d0aa42;

    border-right-color: #d0aa42;

}

.timeline .timeline-item > .timeline-event.timeline-event-warning:after {

    border-left-color: #FFF9E9;

    border-right-color: #FFF9E9;

}

.timeline .timeline-item > .timeline-event.timeline-event-warning * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event.timeline-event-danger {

    background: #FFC4BC;

    border: 1px solid #d25a4b;

    color: #B71500;

}

.timeline .timeline-item > .timeline-event.timeline-event-danger:before {

    border-left-color: #d25a4b;

    border-right-color: #d25a4b;

}

.timeline .timeline-item > .timeline-event.timeline-event-danger:after {

    border-left-color: #FFC4BC;

    border-right-color: #FFC4BC;

}

.timeline .timeline-item > .timeline-event.timeline-event-danger * {

    color: inherit;

}

.timeline .timeline-item > .timeline-event:before,

.timeline .timeline-item > .timeline-event:after {

    content: "";

    display: inline-block;

    position: absolute;

}

.timeline .timeline-item > .timeline-event .timeline-heading,

.timeline .timeline-item > .timeline-event .timeline-body,

.timeline .timeline-item > .timeline-event .timeline-footer {

    padding: 0px 10px;

}

.timeline .timeline-item > .timeline-event .timeline-heading p,

.timeline .timeline-item > .timeline-event .timeline-body p,

.timeline .timeline-item > .timeline-event .timeline-footer p,

.timeline .timeline-item > .timeline-event .timeline-heading ul,

.timeline .timeline-item > .timeline-event .timeline-body ul,

.timeline .timeline-item > .timeline-event .timeline-footer ul {

    margin-bottom: 0;

}

.timeline .timeline-item > .timeline-event .timeline-heading h4 {

    font-weight: 400;

    color: #fff;

    text-transform: uppercase;

}

.timeline .timeline-item > .timeline-event .timeline-footer a {

    cursor: pointer;

    text-decoration: none;

}

.timeline .timeline-item > .timeline-event .panel,

.timeline .timeline-item > .timeline-event .table,

.timeline .timeline-item > .timeline-event .blankslate {

    margin: 0;

    border: none;

    border-radius: inherit;

    overflow: hidden;

}

.timeline .timeline-item > .timeline-event .table th {

    border-top: 0;

}

.timeline .timeline-item > .timeline-point {

    color: #888888;

    background: #fff;

    right: -24px;

    width: 24px;

    height: 24px;

    margin-top: -12px;

    margin-left: 12px;

    margin-right: 12px;

    position: absolute;

    z-index: 100;

    border-width: 2px;

    border-style: solid;

    border-radius: 100%;

    line-height: 20px;

    text-align: center;

}

.timeline .timeline-item > .timeline-point.timeline-point-blank {

    right: -12px;

    width: 12px;

    height: 12px;

    margin-top: -6px;

    margin-left: 6px;

    margin-right: 6px;

    color: #888888;

    background: #888888;

}

.timeline .timeline-item > .timeline-point.timeline-point-default {

    color: #888888;

    background: #fff;

}

.timeline .timeline-item > .timeline-point.timeline-point-primary {

    color: #888888;

    background: #fff;

}

.timeline .timeline-item > .timeline-point.timeline-point-success {

    color: #72b92e;

    background: #fff;

}

.timeline .timeline-item > .timeline-point.timeline-point-info {

    color: #3e93cf;

    background: #fff;

}

.timeline .timeline-item > .timeline-point.timeline-point-warning {

    color: #d0aa42;

    background: #fff;

}

.timeline .timeline-item > .timeline-point.timeline-point-danger {

    color: #d25a4b;

    background: #fff;

}

.timeline .timeline-label {

    position: relative;

    float: left;

    clear: left;

    width: 50%;

    margin-bottom: 20px;

    top: 1px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding: 0;

    text-align: center;

}

.timeline .timeline-label:before,

.timeline .timeline-label:after {

    content: "";

    display: table;

}

.timeline .timeline-label:after {

    clear: both;

}

.timeline .timeline-label:last-child {

    margin-bottom: 0 !important;

}

.timeline .timeline-label + .timeline-item {

    margin-top: 0;

}

.timeline .timeline-label + .timeline-item + .timeline-item {

    margin-top: 40px;

}

.timeline .timeline-label .label-default {

    background-color: #888888;

}

.timeline .timeline-label .label-primary {

    background-color: #888888;

}

.timeline .timeline-label .label-info {

    background-color: #3e93cf;

}

.timeline .timeline-label .label-warning {

    background-color: #d0aa42;

}

.timeline .timeline-label .label-danger {

    background-color: #d25a4b;

}

.heading-info {

    margin-bottom: -10px;

    line-height: 22px;

}

.products-description {

    color: #fff !important;

    margin-top: 20px;

    line-height: 22px;

    width: 100%;

    text-align: left;

    float: left;

}

/*-------------timeline page css end--------------*/

/*-------------postage page css start--------------*/



#calculate-postage-form input,

#calculate-postage-form textarea {

    width: 70%;

    padding: 0px 5px;

    float: left;

}

#calculate-postage-form select {

    padding: 6px 5px;

    width: 70%;

}

#calculate-postage-form > .postage-table > table {

    width: 97%;

    margin: 0 auto;

    margin-top: 20px;

}

#calculate-postage-form {

    border: 1px solid #b6b6b6;

    background: #fff;

}

.postage_heading {

    text-align: center;

    font-size: 26px;

}

.text_center {

    text-align: center;

}

#calculate-postage-form td {

    padding: 10px;

}

.fa-plus,

.fa-remove {

    padding: 7px 11px;

    background: green;

    color: #fff;

    border-radius: 5px;

    font-size: 18px;

    line-height: 20px;

    margin-left: 10px;

    cursor: pointer;

}

.fa-remove {

    background: #EE3124;

}

.postage_btn {

    border: 1px solid #ea1111;

    color: #fff;

    width: 100px !important;

    padding: 6px 13px !important;

}

.postage-label,

.postage-table .product_row label {

    font-weight: normal;

    text-transform: uppercase;

    text-align: center;

    width: 100%;

    padding-top: 4px;

}

.add-products {

    font-weight: 700;

    text-transform: uppercase;

}

.input-area,

.postage-table .product_row input,

.postage-table .product_row select {

    border: 1px solid #b6b6b6;

    padding: 4px 10px;

    margin: 0;

}

.postage-table .error {

    font-weight: 400;

    color: #EE3124;

}

.input-section {

    border: 1px solid #a9a9a9;

    padding: 3px 10px;

    margin: 0 0 20px 0;

    width: 100%;

    float: left;

    height: 32px;

    max-width: 300px;

}

.postage-part {

    font-weight: normal;

    text-transform: uppercase;

    text-align: left;

    float: left;

    width: 30%;

}

.select-part {

    width: 100%;

    max-width: 300px;

    height: 32px;

    border: 1px solid #a9a9a9;

    margin: 0;

    padding: 3px 10px;

}

.text-height {

    min-height: 100px;

}

.table-padding {

    margin: 0;

    padding: 30px;

}

.products-add {

    text-transform: uppercase;

    margin: 0 0 25px 0;

}

/*-------------postage page css end--------------*/



li.col-md-3.col-sm-3.col-xs-12.company-info.comp-info {

    /*  margin-right: 74px;*/

    

    font-size: 14px;

}

.switcher {

    line-height: 24px !important;

}

.search-input {

    position: absolute;

    bottom: -44px;

    right: -10px;

    border: 1px solid #888 !important;

    z-index: 999999999 !important;

}

.navbar-collapse.collapse {

    position: relative;

}

/*----------------------google translator css for set in nav menu-----------------------*/



.switcher .option {

    position: absolute !important;

}

/*--------------------------------6/9/17---------------------------------------*/



header.entry-header .entry-title a,

.entry-footer .edit-link a {

    color: #0077be;

}

.padding-right-0 {

    padding-right: 0;

}

.distribution-button {

    margin: 15px auto;

    padding: 7px 25px;

    text-align: center;

    text-transform: uppercase;

    border: none;

    font-size: 18px;

    font-weight: 600;

    background: #ea1111;

    border-radius: 4px;

    outline: none;

    color: #fff;

}

.distribution-button:hover,

.distribution-button:focus,

.distribution-button:active {

    background: #ea1111 !important;

}

.button-section {

    margin: 0 auto;

    padding: 0;

    width: 100%;

    float: left;

    text-align: center;

}

.modal-footer-border {

    border: none;

}

.distribution-enquiry,

.customer-care,

.top-email {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

    font-weight: 400;

    font-size: 13.4px;

    color: #000;

}

.distribution-enquiry,

.customer-care a,

.top-email a {

    color: #000 !important;

    text-decoration: none !important;

}

.distribution-enquiry:hover,

.distribution-enquiry:focus,

.distribution-enquiry:active,

.distribution-enquiry:visited,

.customer-care a:hover,

.customer-care a:active,

.customer-care a:focus,

.customer-care a:visited,

.top-email a:hover,

.top-email a:active,

.top-email a:focus,

.top-email a:visited {

    color: #ea1111 !important;

    text-decoration: none !important;

    outline: none;

}

.table-padding .error {

    float: left;

    width: 87%;

    padding: 0;

    margin: 0;

    font-weight: 500;

    color: #f00;

    text-align: right;

}

.input-area.newproduct.select-part.required.error {

    color: #888 !important;

}

.readmore {

    color: #2f77be;

    font-weight: 400;

    outline: none;

    margin-top: 15px;

}

#contactForm .error {

    width: 100%;

    margin: 0;

    padding: 0;

    color: #f00;

}

.bg-style .form-group {

    margin-bottom: 6px;

}

.bg-style label.error {

    margin: 0;

    padding: 0;

    width: 100%;

    float: left;

    ;

    font-weight: 400;

}

#myModal .modal-title {

    color: #0077be;

    text-transform: uppercase;

}

.describe p {

    width: 92%;

    margin: 0 4%;

    text-align: justify;

}

.product-page {

    text-transform: uppercase;

    color: #0077be;

    padding: 0;

    margin-top: 0;

    text-align: center;

    margin-bottom: 20px;

}

.describe {

    margin-top: 0px;

    text-align: left;

}

.product-margin-bottom.describe.boxpackaging {

    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);

    min-height: 300px;

    text-align: center;

}

h4.product-page.packaginglabel {

    margin-bottom: 5px;

    margin-top: 15px;

}

.fssai-logo {

    width: 100% !important;

    background: #fff;

    padding: 10px;

    border-radius: 4px;

    max-width: 130px;

}

.width-detail {

    width: 100% !important;

    float: left;

}

.logo-fssai {

    width: 100%;

    text-align: center;

    margin: 0 auto;

}

.padding-none {

    padding: 0;

}

.header-top-section {

    margin: 0;

    padding: 5px 0;

    width: 100%;

    float: left;

    background: #ededed;

    text-align: center;
    position: relative;

}

.single-product .single-product-img {

    height: 270px;

    width: 100%;

}

.single-product .single-product-img img {

    height: auto;

    width: 100%;

    margin: 0 auto;

    float: left;

}

.product-page {

    text-transform: uppercase;

    color: #0077be;

    padding: 0;

    margin-top: 0;

    text-align: center;

    margin-bottom: 20px;

}

.describe {

    margin-top: 0px;

    text-align: left;

}

.product-margin-bottom.describe.boxpackaging {

    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);

    min-height: 300px;

    text-align: center;

    background: #fff;

}

h4.product-page.packaginglabel {

    margin-bottom: 5px;

    margin-top: 15px;

}

#distributionenquiry .error {

    width: 100%;

    color: #f00;

    margin: 0 0 5px 0;

}

#myModal1 {

    z-index: 99999;

}

.file-chosen {

    outline: none !important;

    margin-top: 8px;

    float: left;

    width: 100%;

}

.top-header-heading {

    text-transform: uppercase;

    color: #0077be;

    font-size: 18px;

    font-weight: 900;

    line-height: 24px;

    text-align: center;

    margin: 10px 0 0 0;

    float: left;

    width: 100%;

}

.header .company-info h3 {

    color: #ea1111;

}

.header .company-info p a {

    color: #000;

    font-size: 14px;

}

.top-header-title {

    text-transform: uppercase;

    color: #0077be;

    font-size: 28px;

    font-weight: 900;

    line-height: 24px;

    text-align: center;

    margin: 4% 0;

    width: 72%;

    float: left;

}

.header-top-section-ul {

    margin: 0;

    padding: 0;

    float: right;

    list-style-type: none;

}

.header-top-section-ul li {

    margin: 0;

    padding: 0 15px;

    float: left;

}

.sticky {

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 999;

    margin: 0 !important;

    padding: 0;

    background: #fff !important;

    color: #000;

    box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.2);

}

.navbar-nav li:hover i {

    color: #fff !important;

}

.sticky .dropdown-toggle {

    color: #000 !important;

}

.sticky .navbar-nav li:hover i {

    color: #fff !important;

}

.sticky .navbar-nav li a:hover {

    color: #fff !important;

}

.sticky .navbar-nav li a {

    color: #000 !important;

}

.sticky .header form .form-group i {

    background: #000 !important;

    color: #fff !important;

}

.navbar-toggle {

    background: #dddddd;

}

.sticky button.navbar-toggle.collapsed {

    background: #000;

}

.sticky span.icon-bar {

    background: #fff !important;

}

.navbar {

    margin-bottom: 0;

}

.journey {

    margin: 0 0 10px 0;

    padding: 0;

    text-transform: uppercase;

    color: #0077be;

}

.journey span {

    text-align: center;

    border-bottom: 1px solid #0077be;

}

.padding-bottom-wrapper {

    padding-bottom: 0 !important;

}

.event-detail {

    float: none;

    width: 70%;

    margin: 0;

    padding: 0;

    display: table-cell;

    height: 100%;

    vertical-align: middle;

}

.readmore:focus,

.readmore:visited,

.readmore:active {

    outline: none;

}

.float-left {

    float: left;

}

.float-right {

    float: right;

}

#productcalculate .error {

    color: #f00;

    margin: 0;

    width: 100%;

    float: left;
    font-size: 17px;

}

.width-float {

    width: 100%;

    float: left;

}

.timeline-images {

    float: none;

    width: 30%;

    margin: 0 0 0 0;

    display: table-cell;

    vertical-align: middle;

    height: 100%;

}

.timeline-images img {

    width: 100%;

    float: left;

}

/**** css start for white link of category *****/



a.breadcrub-child-link {

    color: #fff;

}

/**** css end for white link of category *****/



.apply-btn:hover {

    color: #fff;

    background: transparent !important;

    border: 1px solid #ea1111;

}

.send-enquiry {

    margin: 15px auto;

    padding: 7px 25px;

    text-align: center;

    text-transform: uppercase;

    border: none;

    font-size: 18px;

    font-weight: 600;

    background: #ea1111;

    border-radius: 4px;

    outline: none;

    color: #fff;

}

.send-enquiry:hover,

.send-enquiry:focus,

.send-enquiry:active,

.send-enquiry:visited {

    background: #ea1111;

    color: #fff;

    outline: none;

    text-decoration: none;

}

.margin-top-12 {

    margin-top: 12%;

}

.li-logo {

    width: 35px;

    position: absolute;

    top: 7px;

    left: -25px;

    margin: 0;

}

/****css start for map  ******/



.acf-map {

    width: 100%;

    height: 200px;

}

.acf-map img {

    max-width: inherit !important;

}

.signature .acf-map {

    height: 200px;

}

.postage_btn:hover {

    color: #ea1111 !important;

}

/**** css end for map ******/



.readmore a {

    color: #ccc !important;

}

.float-width {

    float: left;

    width: 100%;

}

.wai-wai-section p {

    margin: 0 0 20px 0;

    text-align: justify;

}

.mb-50 {

    margin-bottom: 50px !important;

}

.wai-wai-product-image img {

    width: 100%;

    margin: 0 auto;

}

.margin-width {

    width: 92%;

    margin: 0 4%;

}

.custom-style-col-md {

    float: left;

    width: 100%;

    padding: 0 0 0 0;

}

.responsive-view-501px:nth-child(4n+1) {

    clear: both;

}

.success-msg {

    padding: 8px;

    width: 100%;

    float: left;

    margin: 0 auto 20px auto;

    text-align: center;

    font-size: 20px;

    font-weight: 500;

    border-radius: 5px;

}

.captcha-css {

    float: left;

    width: 100%;

    margin: 0 auto;

    max-width: 290px;

}

.add-item {

    width: 98.5%;

    float: left;

    margin: 10px 0;

    padding: 0 15px;

}

.float-none {

    float: none;

}

.margin-auto {

    margin: 0 auto;

}

.no-padding {

    padding: 0;

}

.info-msg {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    font-size: 20px;

    padding: 5px 0;

}

.captcha-style {

    padding: 5px 0;

    width: 100%;

    text-align: center;

    margin: 0 auto 10px auto;

    font-size: 18px;

    font-weight: 500;

    border-radius: 4px;

}

.email-hide {

    display: none;

}

.many-more {

    border-bottom: 1px solid #fff;

    font-weight: 500;

}
.upcomingproducts {
    display:none;
}
.errorhide{
    color: red;
}
.webmail-desktop {position: absolute;
        top: 0px;
    right: 0;
    width: 30px;
}
.webmail-desktop img {width:100%;}
/************28-03-2018----pricelist slider******************/
#carousel-example-generic .carousel-control {
    background: transparent !important;
}
#carousel-example-generic .carousel-control:hover {
    background: transparent !important;
}
#carousel-example-generic .carousel-caption {   
    right: 0;
    bottom: 0;
    z-index: 999;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    left:initial;
    margin: auto;
}
#carousel-example-generic .carousel-caption a {
    color:#fff !important;
}
#carousel-example-generic .carousel-caption a i {
    font-size: 16px;
    padding: 10px;
    background: #ea1111;
    border-radius: 50%;
    margin: 6px;
}
#carousel-example-generic { 
    width: auto; 
    height:550px;
}
#carousel-example-generic .carousel-inner .item img {
    width:auto;
    height:550px;
    margin:0 auto;
}
#carousel-example-generic .left.carousel-control, #carousel-example-generic .right.carousel-control {   
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color:#0077be;
    opacity:1
}
#carousel-example-generic .right.carousel-control { 
    left: initial;
    right:0;
}
#myModal11 .modal-footer {padding:5px;}
.custom-span {    font-size: 18px;
    font-weight: 400;
    width: 100%;
    float: left;
    margin: 5px 0 10px 0;}