body
{
	font-family: sans-serif!important;
	background-color: #eff0f2!important;

}

.tab-menu {

    width: calc(100%/4 - 1px);
    text-align: center;;

}

.sticky-top
{

float:left ;
top:0;
position:fixed!important ;
z-index:999;

}
.tab-pane
{
 
    margin-bottom:60px;

}

.navbar{
 width:100%;	
}
.navbar-default
{
	margin-bottom: 5px!important;
}

.tab-content
{
	width:100%;
	position:relative ;
	top:50px;
	background-color: #fff;


}

.clear
{
	width: 100%;
	height: 16px;
	background-color: #eff0f2;
}

.content-block
{

background-color: #fff;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 10px;
position: relative;
display:inline-block;
width: 100%;
height: auto;

}

.product-image-wrapper
{

width: 100%;
padding: 6px 30px;

}

.images-slider
{
 

}

.product-main-image
{

width:100%;
 
}


.slide 
{

 width:100%!important  ;

}

.item
{

	 
    width:100% ;

}

.cert-image-item
{
    height: 100px;
    float:left;
    padding: 5px 10px;
}


.company-cert-image-item
{
    height: 100px;
    float:left;
    padding: 5px 10px;
}


.cert-image
{
    height: 100px;
    cursor: crosshair;
}

.full-image
{

    width: 100%;
    height: 500px;
    z-index: 9999;
    background-color: #eee;


}

.carousel-inner
{

 

}


.product-name

{
    margin-top:10px ;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.orignal-product
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color:#397a01;

}

.ext-info
{
	width: 100%;
	float: left;
	 
	position: initial;

}

.ext-info-left
{
	 
	float: left;
	text-align: left;
	width:34%;
	padding: 0 10px;
}

.ext-info-center
{
	 
	float: left;
	text-align: center;
	width:28%;

}

.ext-info-right
{
	 
	float: left;
 	text-align: right;
	width:34%;
	padding: 0 0px;
}

.product-price
{
	font-size: 15px;
	color: orange;
}

.content-block-header
{

font-weight: bold;
width: 100%;
height: 35px;
line-height: 35px;
border-bottom: thin inset #eff0f2;
padding: 0 10px;

}

.info-row
{
	width: 100%;
	padding: 0 10px;
	border-bottom:thin inset #eff0f2;
	display:table!important  ;
}


.left
{
	float: left;
 
}

.right {
	float: right;

}


.p40
{
	width: 40%;
}
.p60
{
	width: 60%;
}

.p100
{
	width:100%!important;
}

.bold
{
	font-weight: bold;
}

.h60
{

	height:60px;
	display:table!important;
	vertical-align: middle!important ;
}

.table-cell
{
	display:table-cell;
	vertical-align: middle!important ;
	margin:auto;
}

.aline 
{


	height:60px;
	display:table-cell!important;
	vertical-align: middle!important ;
}


 .blue {
 	color:#2c9fe8;
 }

.wraptext
{

display:table-cell;
height:60px;
vertical-align:middle ;
}

.cert-content
{
	padding:3 10px ;
 	height:120px;
    width: 100%!important;
    overflow-x: auto;
}

.cert-row
{
    height: 120px;
    overflow-x: scroll;
}

.h100
{

height:100px; 
}

/* Timeline css here 


*/

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border-radius: 6px;
            padding: 20px;
            margin-right:20px ;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 15px;
                right: 0px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid ;
                border-right-color: inherit;
                border-bottom: 15px solid transparent;
                content: " ";

            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 16px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px  solid inherit;
                border-right: 0 solid;
                border-right-color: #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 32px;
            height: 32px;
            line-height: 32px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px; 
            z-index: 100;
	    box-shadow: inset 0px 0px 5px;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 24px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}


@media (max-width: 1080px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 24px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.b-red
{
	border: thin solid #cc412e;

}

.b-violet 
{
	border: thin solid #500f70;


}

.b-orange 
{

border:thin solid #ff6600;

}


.bg-orange
{
    background-color:#ff6600;
}


.b-blue
{
    border:thin solid #175aec;
}

.bg-blue 
{
  background-color:   #175aec
}
.b-green {

border: thin solid #19910e;

}
.bg-red
{
	background-color:#cc412e;
}

.bg-violet
{
background-color:#500f70;
}

.bg-green  
{

background-color:#19910e;

}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  z-index: 9999;
  background-color: #f5f5f5;
  text-align: center;;
  border: 1px inset #2c9fe8;
}

.modal-dialog
{

width:100%!important ;
padding:0 5%;
}

..modal-footer
{
float:left!important ;
}

.row-left
{
float:left; 

}

.row-right
{
float:right ;
}

.image-gallery-caption
{

width:100%;
}

blu 
.container {
  width: auto;
  max-width: 100%;
  padding: 0 5px;
}

.footer-app
{
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 15px 0;
}

.footer-info
{
    font-style:  italic;
    color: #397a01;
    float: left;
    text-align: left;
    overflow-wrap: all;
}

@media screen and (min-width: 320px)
{
    .footer-info 
    {
        font-size: 0.9em;
    }
}

.w40
{
    width: 30%!important;
    float: left;
}

.w60
{
    float: left;
    width: 70%;
}


/*  Rating stars icons  */
.stars, .stars0
{
   background: transparent url("../images/stars.png") no-repeat top left;
   background-size:103px auto ;
   background-position: 0px 0px ;
   width:103px;
   height:15px;
   float:left;
   display:block;
   margin: 5px;

}
.stars05 {background-position:0px -15px;}
.stars10 {background-position:0px -30px;}
.stars15 {background-position:0px -45px;}
.stars20 {background-position:0px -60px;}
.stars25 {background-position:0px -75px;}
.stars30 {background-position:0px -90px;}
.stars35 {background-position:0px -105px;}
.stars40 {background-position:0px -120px;}
.stars45 {background-position:0px -135px;}
.stars50 {background-position:0px -150px;}


.media-content
{
    width: 100%;
    height: 20rem;
    float:left;
    position: :relative;

}