@font-face
{
	font-family:myriad-thin;
	src:url(../fonts/myriad-set-pro_thin.ttf);
}

@font-face
{
	font-family:myriad-medium;
	src:url(../fonts/myriad-set-pro_medium.ttf);
}
body {
  margin: 0;
  padding: 0;
  
  font-family:myriad-medium;
  color:#333;
}

a { text-decoration: none; }


.clear { clear: both; }


.top { display:block; height:600px; }

#background {
    
    z-index: 0;
    width: 100%;
}

.header 
{
	background-color:rgba(255,255,255,0.6);
	margin-top:70px;
	width:100%;
	top:0;
	position:absolute;
}

.header img
{
	height: auto;
    max-width: 100%;
}
.logo  h3, .logo h5
{
	text-align:center;
	text-transform:uppercase;
	margin-top:10px;
	padding:0;
}
.logo
{
	text-align:center;
	margin-top:-64px;
	color:#000;
	
}
img.mobile {display:none;}

.content {	background-color:#FFF; min-height:500px }

#about
{
	text-align:center;
	padding:20px 0;
}

#about h1, #about h3 {	text-transform:uppercase; }

#about h1 {	font-family:myriad-thin; font-size:50px; }

#about h3 {	color:#C20000;	font-weight:bolder; }

#about p{ font-size:18px;	line-height:30px; }


.r-more
{
	background-color:#000;
	color:#FFF;
	text-transform:uppercase;
	padding:5px 10px;
	margin:20px auto;
	display:inline-block;
	font-size:18px;
	font-family:myriad-thin;
	transition:0.2s ease-in-out;
}

.r-more:hover {	background-color:#C20000; }

.r-more a {	color:#FFF;	text-decoration:none; }


#values
{
	background-color:#f6f6f6;
	border:1px solid #E4E4E4;
	padding:30px 0;
}

#values p {	text-align:justify; }

#values ul { padding:0; }

#values ul li
{
	list-style:inside;
	list-style-image: url('../images/arrow-b.png');
}

.in-a, .in-b
{
	padding:5px 10px 5px 20px;;
    display:block;
}

img.border { float:left; }

.grey
{
	background-color:#D8D8D8;
	min-height:2px;
}

.red
{
	background-color:#C20000;
	min-height:2px;
}

.no-padding { padding:0; }

.no-margin { margin:0; }

/* Timeline Section */

#time-line
{
	background:rgba(0, 0, 0, 0) url("../images/timeline-bg.jpg") no-repeat fixed 50% 50% / cover ;
	padding:50px 0;
	color:#FFF;
}
#time-line h2 a { color:#FFF; }
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  text-align:right;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  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;
  padding: 20px;
  position: relative;
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 95px;
  height: 95px;
  font-size: 17px;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 48%;
  margin-left: -25px;
  background-color: #000;
  border:1px solid #FFF;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  text-align:center;
  transition:0.2s ease-in-out;
}

.timeline > li > .timeline-badge:hover
{
	background-color: #C20000;
}
.timeline > li > .timeline-badge p
{
	margin-top:20px;
}
.timeline > li > .timeline-badge span
{
	font-size:13px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  text-align:left;
}


.timeline-heading h2
{
	text-transform:uppercase;
	font-family:myriad-thin;
}

.timeline-heading span
{
	text-transform:uppercase;
	font-family:myriad-medium;
	font-size:20px;
}


.timeline-body > p
{
  margin-bottom: 0;
  line-height:26px;
  font-size:16px;
}


.timeline-image-left
{
	border:3px solid #FFF;
	float:left;
	text-align:right;
	margin: 40px 0 0 10%;
}

.timeline-image-right
{
	border:3px solid #FFF;
	float:right;
	text-align:left;
	margin: 40px 10% 0 0;
	
}
.timeline-image-left img, .timeline-image-right img
{
	max-width:100%;
}
/* Timeline section ends */


#products
{
	background:rgba(255, 255, 255, 1) url("../images/all-products.jpg") no-repeat 50% 50%  center/ cover ;
	padding:50px 0;
	background:url(../images/all-products.jpg);
}

#products ul
{
	padding:0;
	border-left:1px solid #C20000;
	
}

#products ul li
{
	list-style:inside;
	margin-bottom:10px;
	font-size:18px;
	color:#C20000;
	list-style-image: url('../images/dash.jpg');
}

#products h1
{
	text-transform:uppercase;
	font-family:myriad-thin;
	border-bottom:2px solid #C20000;
	display:inline-block;
	margin-bottom:30px;
}


.product-round
{
	width:330px;
	height:330px;
	border-radius:165px;
	border:5px solid #FFF;
	overflow:hidden;
	margin:auto;
	position:relative;
}

.view-all
{
	background-color:#000;
	color:#FFF;
	padding:10px 20px;
	bottom:100px;
	text-transform:uppercase;
	font-size:18px;
	position:absolute;
}
.triange
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 46.5px 0 0 46.5px;
	border-color: transparent transparent transparent #000000;
	position:absolute;
	bottom:100px;
	left:181px;
}
.view-all a {	color:#FFF; }


.heading
{
	background-color:#000;
	color:#FFF;
	font-family:myriad-thin;
	text-transform:Capitalise;
	text-align:center;
	padding:10px 0;
}

.heading h2 { margin:0; }

/* Our Team */
#our-team
{
	padding:30px 0;
}
#our-team .carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}

#our-team .carousel-inner
{
	width:90%;
	margin:auto;
}
#our-team  .carousel-control {
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 transparent;
}
#our-team .carousel-control.left , #our-team .carousel-control.right
{
	background-image:none;
	color:#333;
	margin-top:10%;
}
#our-team .carousel-control.right {
	right: -5px;
}

#our-team .thumbnail
{
	max-width:100%;
}
.thumbnail { border:0; }

.img-thumbnail, .thumbnail
{
	box-shadow:none;
}

.team-info
{
	background-color:#f2f2f2;
	text-align:center;
	padding:20px 0;
	border-bottom:2px solid #C20000;
	max-width:350px;
	margin:auto;
	transition:0.2s ease-in-out;
}

.team-info:hover
{
	border-bottom:2px solid #000;
}

.team-info h3, .team-info p
{
	padding:0;
	margin:0;
}

.team-info p{ color:#5D5D5D; }


#brands { height: 110px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 30px 0; }

#brands .carousel-inner
{
	width:90%;
	margin:auto;
}

#brands  .carousel-control {
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 transparent;
}

#brands .carousel-control.left , #brands .carousel-control.right
{
	background-image:none;
	color:#333;
	margin-top:2%;
}




#imgs {
  display: block;
  padding: 0;
  overflow:hidden;
}

#imgs li {
  padding-right: 40px;
  display: inline-block;
 display:inline;
}

#imgs img {
  width: auto;
  height: auto;
}



/* Bottom Slider */

#slideImg {
  margin: auto;
  background-color: #FFF;
  padding: 10px 0 0 0px;
  position: relative;
}

#slideImg ul { list-style: none; padding:0; margin: 0; }

#slideImg li {
  float: left;
  padding: 5px;
}
#slideImg li img { border-radius:10px;}

.rotate-prev { position: absolute; }



#world
{
	color:#FFF;
	background:#C20000 url(../images/countries-bg.jpg) center no-repeat;
	background-size:cover;
	padding:20px 0 50px 0;
	border-top:5px solid #FFF;
	border-bottom:1px solid #FFF;
}

#world img
{
	margin:auto;
}

#world h3, #world h1
{
	font-family:myriad-thin;
	font-weight: bolder;
}

#world h1
{
	text-align:center;
	margin-bottom:20px;

}


.countries
{
	border-left:1px solid rgba(255, 255, 255, 0.5);;
	padding-left:30px;
	height:350px;
}

.countries a
{
	color:#FFF;
}

.countries ul
{
	padding:0;
}

.countries ul li
{
	list-style:none;
	line-height:35px;
}

.our-brands
{
	text-align:center;
	padding:20px 0;
}

.our-brands img
{
	transition:0.5s ease-in-out;
	margin-right:70px;
}

.our-brands img:hover
{
	transform:scale(1.1);
}

.breads
{
	background-color:#f5f5f5;
}
.breads a
{
	color:#333;
}

.breadcrumb > .active
{
	color:#c20000;
}
.breadcrumb
{
	margin-bottom:0;
}
.footer
{
	background:url(../images/footer-bg.jpg) repeat-x fixed;
	background-size:cover;
	padding:30px 0;
	text-align:center;
	color:#A0A0A0;
}
.footer a {color:#A0A0A0;}
.footer h1
{
	font-family:myriad-thin;
	color:#FFF;
}

.footer p
{
	line-height:30px;
	font-size:18px;
}

.footer span
{
	padding:10px 40px;;
	color:#FFF;
	font-size:20px;
	font-weight:bolder;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	display:inline-block;
}
.footer a img
{
	transition:0.5s ease-in-out;
}
.footer a img:hover
{
	transform:rotate(360deg);
}


/* =============== Return to top Button ========== */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(194, 0, 0);
	background:rgba(194, 0, 0, 0.7);
    width: 30px;
    height: 50px;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 5px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#inner-info
{
	text-align:center;
	padding:20px 0;
	font-size:16px;
}
#inner-info h1
{
	font-family:myriad-thin;
}


#inner-info2
{
	text-align:justify;
	padding:20px 0;
	font-size:16px;
	overflow:auto;
	
}

#inner-info2 h1
{
	font-family:myriad-thin;
}

#inner-info2 a
{
	color:#333;
}
#inner-info2 a:hover
{
	color:#c20000;
}
#inner-info2 ul
{
	margin:0;
}
.section
{
	display:inline-block;
}
.section img
{
	
	margin:0 0 0px 20px;
	float:right;
}

.section h3
{
	color:#c20000;
}
/*== Team ==*/

.team
{
	display:block;
	height:200px;
	
	background-position:top;
	position:relative;
}

.team-member-a
{
	background-color:#FFFBF1;
}

.team-member-b
{
	background-color:#FFFFFF;
	box-shadow:0 0 7px rgba(98,98,98,0.5);
}

.team-member-b .col-md-4
{
	float:right;
}
.team-member-b .col-md-8
{
	float:left;
}
.team-member-a, .team-member-b
{
	padding:30px 0;
	text-align:left justify;
}
.team-member-a h4, .team-member-b h4
{
	color:#C20000;
	font-size:18px;
}
.team-member-a span, .team-member-b span
{
	font-weight:bolder;
	font-size:16px;
}
.team-member-a p, .team-member-b p
{
	text-align:justify;
	font-size:16px;
}


/* Hexagon */
.hexagon, .hexagon2, .hexagon3, .hexagon4, .hexagon5, .hexagon6, .hexagon7, .hexagon8, .hexagon9, .hexagon10
{
	position: relative;
  	width: 300px; 
 	height: 173.21px;
 	margin: 86.60px 0;
	background-size: auto 346.4102px;
    background-position: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.55);
}

.hexagon { 
  background-image:url(../images/member1.jpg);
}
.hexagon2{
  background-image:url(../images/member2.jpg);
}

.hexagon3 {
  background-image:url(../images/member3.jpg);
}

.hexagon4 {
  background-image:url(../images/member4.jpg);
}

.hexagon5 {
  background-image:url(../images/member5.jpg);
}
.hexagon6 { 
  background-image:url(../images/member6.jpg);
}
.hexagon7 { 
  background-image:url(../images/member7.jpg);
}
.hexagon8 { 
  background-image:url(../images/member8.jpg);
}
.hexagon9 { 
  background-image:url(../images/member9.jpg);
}
.hexagon10 { 
  background-image:url(../images/member10.jpg);
}

.hexagon:after , .hexagon2:after, .hexagon3:after, .hexagon4:after, .hexagon5:after, .hexagon6:after, .hexagon7:after, .hexagon8:after, .hexagon9:after, .hexagon10:after {
  content: "";
  position: absolute;
  top: 0.0000px;
  left: 0;
  width: 300.0000px;
  height: 173.2051px;
  z-index: 2;
  background: inherit;
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 212.13px;
  height: 212.13px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 43.93px;
  box-shadow: 0 0 10px rgba(0,0,0,0.55);
}

/*counter transform the bg image on the caps*/
.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 300.0000px;
  height: 173.20508075688775px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-86.6025px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -106.0660px;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -106.0660px;
}

.hexBottom:after {
  background-position: center bottom;
}

/* about Garg */


.about-timeline
{
	text-align:center;
	background:url(../images/timeline2.jpg) no-repeat center fixed;
	padding:10px 0 50px;
}
.about-timeline h2
{
	color:#FFF;
	font-family:myriad-thin;
	margin-bottom:30px;
}
.about-timeline p
{
	line-height:25px;
}
.to-left, .to-right
{
	background-color:rgba(255,255,255,0.8);
	padding:20px;
	text-align:center;
	width:350px;
	height:120px;
}
.to-left h3, .to-right h3
{
	color:#c20000;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.to-left
{
	float:left;
	border-left: 2px solid #fff;
}

.to-right
{
	float:right;
	border-right: 2px solid #fff;
}

.details
{
	text-align:justify;
	padding:30px 0;
	border-top:1px solid #000;
	font-size:15px;
	line-height:24px;
}

/* garments division */

.vert-tabs .nav-pills > li.active > a,.vert-tabs .nav-pills > li.active > a:focus,.vert-tabs .nav-pills > li.active > a:hover
{
	background-color:transparent !important;
	color:#c20000 !important;
	font-weight:bolder;
	font-weight:bolder;
}



.nav-pills > li > a
{
	border-radius:0;
}
.nav > li > a
{
	padding:5px 15px 5px 0;
	font-weight:bolder;
}
.tab-content
{
	padding-left:50px;
	overflow:auto;
}
.nav > li > a:focus, .nav > li > a:hover
{
	background-color:transparent;
}
.nav-stacked > li
{
	border-bottom:1px solid #f2f2f2;
	text-align:left;
}
.tab-pane thead
{
	background:#000;
	color:#FFF;
}
#inner-info2 .panel { overflow:auto;}

.garments
{
	margin:30px 0;
}
.prod-img
{
	background-color:#F8EAEA;
	text-align:center;
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}

.prod-img img
{
	width:100%;
	transition:0.5s ease-in-out;
}
.prod-img img:hover
{
	transform:scale(1.05);
}
.prod-desc
{
	bottom:0;
	text-align:left;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 250px;
	border-color: transparent transparent transparent rgba(194, 0, 0, 0.8);
	transition:0.2s ease-in-out;
}

.prod-desc:hover
{
	border-style: solid;
	border-width: 80px 0 0 250px;
	border-color: transparent transparent transparent rgba(0, 0, 0, 1);
}
.prod-desc a
{
	color:#FFF !important;
	bottom:10px;
	left:-230px;
	text-align:left;
	position:absolute;
}
.garments .col-sm-6, .garments .col-md-4, col-md-3
{
	margin:0;
	padding:5px;
}

.contact-form 
{
	background:#F9F9F9;
	padding:20px;
	margin-bottom:50px;
}
.contact-form input
{
	height:35px;
	border-radius:0;
}

.contact-form  textarea
{
	height:100px;
	border-radius:0;
}
.contact-form span { color:#FF0000; }
.contact-details
{
	text-align:left;
	font-size:17px;
	padding:20px 0;
}


.contact-details tr td
{
	list-style:none;
	margin-bottom:20px;
	line-height:25px;
	padding:10px;
}
.contact-details ul li:last-child
{
	border:0;
}
.table-striped th
{
	background-color:#404040;
	color:#FFF;
}

.thanks
{
	display:block;
	height:600px;
	background:url(../images/thanks.jpg) no-repeat fixed;
	background-position:top;
	position:relative;
	
}


.mission-icons
{
	text-align:center;
	margin:50px 0;
	font-size:18px;
    font-weight:bold;
}
.mission-icons img
{
	transition:0.5s ease-in-out;
}
.mission-icons img:hover
{
	transform:scale(1.05);
}

#inner-info2 ul{ padding:0; }

#inner-info2 ul li
{
	border-bottom:1px solid #f5f5f5;
	padding:10px 0;
	list-style-image:url(../images/hand-right.png);
	list-style-position:inside;
	transition:0.5s ease-in-out;
}
#inner-info2 ul li:hover
{
	padding-left:10px;
}


img.clients { margin:30px 10px; }

.panel-a { background-color:#c20000; border-radius:0; }
.panel-title a { color:#FFF !important; font-weight:bolder; }

.panel-b { background-color:#000000; border-radius:0; }

.hori-tabs .nav-pills
{
	background-color:#f5f5f5;
	margin:10px 0;
}
.hori-tabs .nav-pills > li.active > a, .hori-tabs .nav-pills > li.active > a:focus, .hori-tabs .nav-pills > li.active > a:hover
{
	border:0 !important;
	background-color:#c20000;
	color:#FFF !important;
	padding:10px 20px;
	font-size:18px;
	font-weight:normal;
}
.hori-tabs .nav-pills > li > a
{
	background-color:#000;
	color:#FFF;
	padding:10px 20px;;
	font-size:18px;
}

.key-markets
{
	background:url(../images/key-bg.jpg) fixed no-repeat;
	background-size:cover;
	padding:40px;
	text-align:center;
	color:#FFF;
	width:100%;
    overflow:hidden;
}
.key-markets h2 { font-size:40px; font-family:myriad-thin; }
.key-round
{
	width:230px;
	height:230px;
	border-radius:115px;
	background-color:#c20000;
	margin:auto;
	text-align:center;
	border:5px solid #FFF;
	margin-bottom:20px;
	padding:0 20px;
	transition:0.3s ease-in-out;
}
.key-round:hover { background-color:#000; }
.key-round p { padding:35px 10px 0 10px; }

.our-clients {}

.our-clients ul { padding:0; }
.our-clients ul li { 
	list-style:none !important; 
	float:left; 
	padding:10px 30px !important;
	display:inline-block;
	border:1px solid #f2f2f2;
	width:33%;
	text-align:center;
}
.our-clients ul li img { max-width:100%;}


.our-clients h1 { border-bottom:1px solid #c20000;  display:inline-block; margin-top:50px; }
img.zoom{ transition:0.3s ease-in-out; }
img.zoom:hover { transform:scale(1.05);}

/* Datepicker */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{ color:#000; }


.list-items { }
.list-items ul 
{ 
	color:#000;
	float:left;
	margin:15px !important;
}
.list-items ul li 
{ 
    list-style-image:url(../images/dot.png) !important;
	
	font-size:13px;
	text-transform:uppercase;
}
.list-items ul li:hover { padding-left:0px !important; color:#c20000; }
.list-items h5 { margin-top:20px; text-align:left; }
.shadow img { box-shadow: 1px 1px 9px 2px rgba(0,0,0,0.2); }


.modal-header 
{ 
	background-color:#000; 
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.modal-body
{
	text-align:center;
	font-size:24px;
	line-height:40px;
	color:#c20000;
	padding:30px 20px;
}
.modal-footer { text-align:center; }

.down-list { padding:0; }
.down-list li {
    background: #f2f2f2 url(../images/hand.png) no-repeat;
	background-position: right 30px center;
    border-bottom: 2px solid #C20000;
    margin: 5px auto;
    list-style: none;
    padding: 0 40px 0 40px;
    width: 100%;
    font-size: 16px;
    color: #000;
    vertical-align: middle;
    line-height: 60px;
    transition: 0.3s ease-in-out;
}
.down-list li:hover {
    background: #c20000 url(../images/hand-hover.png) no-repeat;
    text-decoration: none;
    color: #FFF;
	background-position: right 30px center;
}
img {
    max-width: 100%;
}
/* Media Queries */
@media (max-width: 1020px)
{
	.key-round
	{
		width:200px;
		height:200px;
		border-radius:100px;
	}
}
@media (min-width:768px)
{
	.modal-dialog { margin:100px auto 0 auto;}
}
@media (max-width:991px)
{
	.team-member-b .col-md-4
	{
		float:left;

	}
	.team-member-a .col-md-4
	{
		float:left;
	}
	.team-member-b .col-md-8
	{
		float:none;
	}
	.our-clients ul li{ width:50%; }
}

@media (min-width:796px) and (max-width:991px)
{
	.timeline-image-left
	{
		margin:40px 0 0 -30px;
	}
	.timeline-image-right
	{
		margin:40px -30px 0 0;
	}
	.timeline > li > .timeline-panel { width:43%; }
}

@media (max-width:795px)
{
	.timeline 
	{
	  text-align:left;
	}
	.timeline:before 
	{
	  background-color: transparent;
	}
	
	.timeline > li > .timeline-badge 
	{
	  width: 90px;
	  height: 90px;
	  top: 16px;
	  left: 87%;
	}
	
	.timeline > li.timeline-inverted > .timeline-panel 
	{
	  float: left;
	}
	
	.timeline-image-left
	{
		text-align:left;
		margin: 40px 0 0 0;
	}
	
	.timeline-image-right
	{
		float:left;
		margin: 40px 0 0 0;
	}
	.timeline > li > .timeline-panel
	{
		text-align:justify;
	}
}


@media (max-width:767px)
{
	img.border
	{
		display:none;
	}
	.grey, .red
	{
		display:none;
	}
	.timeline > li > .timeline-panel
	{
		width:100%;
	}
}

@media (max-width:375px)
{
	.product-round
	{
		width:250px;
		height:250px;
		border-radius:175px;
	}
	.timeline > li > .timeline-badge
	{
		left:80%;
	}
	.to-left, .to-right
	{
		width:100%;
		margin-bottom:2px;
	}
}
@media (max-width:440px)
{
	img.mobile {display:inline-block;}
	img.desktop {display:none;}
	.logo
	{
		margin-top:-30px;
	}
	.logo h5 { display:none; }
	.timeline > li > .timeline-badge 
	{
	   left: 70%;
	}
}


/* LightBox */
@keyframes popUp{from{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.5)}}@keyframes fadeOutLeft{from{left:50%;opacity:1}to{left:40%;opacity:0}}@keyframes fadeOutRight{from{left:50%;opacity:1}to{left:60%;opacity:0}}@keyframes fadeInLeft{from{left:40%;opacity:0}to{left:50%;opacity:1}}@keyframes fadeInRight{from{left:60%;opacity:0}to{left:50%;opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.jbox-container .pop-up{-moz-animation-name:popUp;-o-animation-name:popUp;-webkit-animation-name:popUp;animation-name:popUp;-moz-animation-duration:150ms;-o-animation-duration:150ms;-webkit-animation-duration:150ms;animation-duration:150ms;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-iteration-count:2;-o-animation-iteration-count:2;-webkit-animation-iteration-count:2;animation-iteration-count:2;-moz-animation-direction:alternate;-o-animation-direction:alternate;-webkit-animation-direction:alternate;animation-direction:alternate}.jbox-container .fade-in,.jbox-container .fade-in-left,.jbox-container .fade-in-right,.jbox-container .fade-out-left,.jbox-container .fade-out-right{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-iteration-count:1}.jbox-container .fade-out-left{animation-name:fadeOutLeft;animation-duration:150ms}.jbox-container .fade-out-right{animation-name:fadeOutRight;animation-duration:150ms}.jbox-container .fade-in-right{animation-name:fadeInRight;animation-duration:150ms}.jbox-container .fade-in-left{animation-name:fadeInLeft;animation-duration:150ms}.jbox-container .fade-in{animation-name:fadeIn;animation-duration:0s}.jbox-img{cursor:pointer}.jbox-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:none;color:#fff;z-index:12}.jbox-container .img-alt-text{position:fixed;font-family:'Open Sans',sans-serif;text-shadow:0 0 10px rgba(0,0,0,.5);bottom:0;left:0;padding:15px;width:100%;text-align:center}@media screen and (min-width:768px){.jbox-container .img-alt-text{text-align:left;top:0}}@media screen and (min-width:992px){.jbox-container .img-alt-text{padding:25px}}.jbox-container img{position:fixed;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:60%;max-height:100%;max-width:100%;border:2px solid #fff;z-index:11;box-shadow:5px 5px 50px rgba(0,0,0,.5)}.jbox-container svg{position:fixed;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:12;height:20px;width:20px;cursor:pointer;fill:#fff;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.jbox-container .jbox-next{right:10px}.jbox-container .jbox-prev{left:10px}@media screen and (min-width:768px){.jbox-container img{max-height:85%;max-width:85%}.jbox-container svg:hover{-moz-transform:translateY(-50%) scale(1.5);-ms-transform:translateY(-50%) scale(1.5);-o-transform:translateY(-50%) scale(1.5);-webkit-transform:translateY(-50%) scale(1.5);transform:translateY(-50%) scale(1.5)}.jbox-container svg{font-size:65px;height:50px;width:50px}.jbox-container .jbox-next{right:25px}.jbox-container .jbox-prev{left:25px}}.jbox-container .jbox-close{top:25px;right:25px;height:15px;width:15px;transform:translateY(0)}@media screen and (min-width:768px){.jbox-container .jbox-close{top:50px;right:50px;height:25px;width:25px}}
img.jbox-img
{
	width:100%;
	margin:20px 0;
	padding:20px;
	border:1px solid #CCC;
}
img.img1
{
	width:300px;
	margin:0;
	padding:0px;
	border:0;
}
img.img2
{
	width:200px;
	margin:0;
	padding:0px;
	border:0;
}