@charset "utf-8";
/* font-family: "Glyphicons Halflings"; */
/* font-family: "FontAwesome"; */

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

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





h1 span, h2 span, h3 span, h4 span, h5 span, h1 small, h2 small, h3 small, h4 small, h5 small, .orange-card, .top_orange_nav {
	font-family: 'ralewaymedium';
}
h1, h2, h3, h4, h5, .btn-border  {
	 font-family: 'ralewaymedium';
}
.btn {
	text-transform:uppercase; font-family:'ralewaymedium';
}
body, .hstyle1 , .hstyle3, .our-service .media-heading, .our-service h1,  .fontfamily2, .hstyle2, .blog_sec h1, .blog_sec .media-heading, .pg-header h1, .sidebar h3, .event-panel h4 {
	font-family: 'ralewaymedium';
}
.fontfam3, header, .bs-service-items h2, .home-contact-info h3, .home-contact-info, .blog_sec .bdate, .blog_sec .byear, .footer {
	font-family: 'robotoregular';	
}
h1 {
	text-transform:uppercase;
}
h1 small, h2 small, h3 small, h4 small, h5 small {
	text-transform:none;	
}
h1 span, h2 span, h3 span, h4 span, h5 span {
	/*display:block;	*/
}

[data-sr] { visibility: hidden; }

.header-top {
	background-color:#f9f9f9;
	border-bottom:1px solid #ececec;
	padding:5px 0px;
	
}
.header-brand {
	padding:20px 0px;	
}

.top-contact a, .top-social a {
	color:#b4b4b4;
}
.top-contact, .top-social {
	margin-bottom:0px;
}
.top-contact {
	text-align:right;
}
.top-contact li{
	
}
.top_orange_nav {
	padding-top:0px;
}
.top_orange_nav .nav > li > a {
	text-transform:uppercase;
	font-size:14px;
	position:relative;
}

.hide1 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}
.btn-round {
	-webkit-border-radius: 150px;
	border-radius: 150px;	
}
a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover {
	text-decoration:none;	
}
body {
	font-size:16px;
}
p {
	margin-bottom:20px;	
}
/* start common css */
.bs-slider .carousel-caption {
	text-align:left;
}
.bs-slider .carousel-content {
	padding:25px; background-color:rgba(0,0,0,0.7)
}
.bs-slider h1 {
	margin-top:0px;	
}
.bs-slider p {
	margin-bottom:20px;	
}
.bs-slider p:last-child {
	margin-bottom:0px;	
}
.btn {
	padding-left:25px; padding-right:25px;	
}
.orange-card {
	background-color:#f68220; color:#FFF; text-transform:uppercase; font-size:18px;
}
.btn-grey {
	background-color:#565656; color:#FFF;	
}
.btn-grey:hover {
	background-color:#FFF; color:#565656;	
}
.btn-orange {
	background-color:#f68220; color:#FFF; border:1px solid #f68220;	
}
.btn-orange:hover {
	background-color:#FFF; color:#f68220;	
}
.imgborder1 {
	background-color:#FFF; padding:2px;	
	-webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1);
	box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1);	
}
.btn-icon-button {
	border : 1px solid #dfdfdf; display:block; padding:12px 20px; position:relative; color:#000; text-transform:uppercase; padding-left:70px; font-size:18px;
}
.btn-icon-button .fa {
	color:#FFF; background-color:#e86b2d; position:absolute; width:57px; line-height:52px; text-align:center; vertical-align:middle; left:-1px; top:-1px;
}
.hstyle2 {
	position:relative; padding-bottom:30px;
}
.hstyle2:before {
	width:50px; height:5px; position:absolute; content:" "; background-color:#e86b2d; bottom:15px; left:0px;
}
.hstyle2 span {
	color:#e86b2d;
}
.hstyle3 {
	position:relative; display:block; padding-bottom:50px; 
}
.hstyle3 small {
	display:block; font-size:50%;
}
.hstyle3:after{
	position:absolute; width:50px; margin-left:-25px; left:50%; bottom:25px; height:5px; content:" "; background-color:#f68220;
}
.our-service {
	background-color:#eeeeee;	
}
.our-service i {
	background-color:#ffffff; border-radius:100%; display:block; padding:25px; border:2px solid #ebebeb; color:#878787;	
}
.our-service .media-body p{
	margin-bottom:0px;
}
.our-service .media {
	margin-top:20px; padding-left:10px; padding-right:10px;
}
.our-service .media-left {
	padding-right:20px;	
}
.our-service .media-right {
	padding-left:20px;	
}
.we-manuf {
	background-color:#ffffff;	
}
.we-manuf .fa{
	background-color:#ffffff; border-radius:100%; display:block; padding:15px; border:2px solid #dbdbdb; color:#e86b2d;	
}
.we-manuf .media-heading {
	font-size:22px;	
}
.we-manuf .media {
	margin-bottom:25px;
}

.blog_sec {
	background: url('../images/bg1.jpg') repeat; padding:30px 0px; border-top:1px solid #e3e3e3;	border-bottom:1px solid #e3e3e3;	
}
.blog_sec h1 {
	margin-top:0px; text-align:center; position:relative; padding-bottom:20px; margin-bottom:20px;
}
.blog_sec h1 small {
	display:block;	
}
.blog_sec h1:after {
	position:absolute; width:50px; margin-left:-25px; left:50%; bottom:0px; height:5px; overflow:hidden; background-color:#ff8400; content:" "; 	
}
.blog_sec .bdate, .content_sec .bdate{
	padding:10px; background-color:#363636; color:#FFF; text-align:center; line-height:1; font-size:14px;
}
.blog_sec .byear, .content_sec .byear{
	padding:10px; background-color:#ff8400; color:#FFF; text-align:center; line-height:1; font-size:14px;
}
.blog_sec .media-heading {
	font-weight:bold;	
}
.blog_detail_sec {
	background:none;	
}
.blog_detail_sec h1 {
	margin-bottom:0px;	
}
.blog_sec .media {
	font-size:14px;
}
.we_work_with {
	background-color:#f2f2f2; border-bottom:1px solid #dbdbdb;	
}
.owl-item {
	
}
.owl-item > div {
	background-color:#FFF; margin:3%; vertical-align:middle; text-align:center; width:94%;
}
#owl-example2 .owl-item > div {
	display:block;
}
.owl-item a {
	display:block;	
}
.owl-item img {
	display:block; margin:auto; max-width:100%;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	
}
.owl-theme .owl-controls {
	margin-top:20px;	
}
.home-contact-info {
	background-color:#f68220; color:#FFF;	
}
.home-contact-info a {
	color:#FFF;
}
.home-contact-info a:hover {
	text-decoration:underline;	
}
.sectionpad {
	padding: 40px 0px;
}
.footer {
	color:#FFF; background-color:#252525; padding:20px 0px;
}
.footer a {
	color:#FFF;
}
.footer a:hover {
	color:#f68220;
}
.footer-social {
	text-align:right; font-size:28px;	
}
.copyright {
	color:#949494; font-size:14px; text-align:left; padding-top:0px;
}
.foooter-nav li {
	position:relative;
}
.foooter-nav li ul {
	display:none;	
}
.foooter-nav li > a {
	display:inline-block;
}
.foooter-nav li > a:after {
	display:inline-block; content:"|"; padding-left:12px;	
}
.foooter-nav li:last-child > a:after {
	content:"";
}
.readmore2 {
	color:#000; 	
}
.readmore2:after {
    content: '\f101';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: 5px;
}
.sectionpad h1 {
	margin:0px;	
}
.pg-header {
	background-color: #f68220;	
}
.pg-header h1 {
	margin-top:0px; color:#FFF	
}
.pg-header small {
	display:block; color:#FFF; position:relative; padding-top:15px;
}
.pg-header small:before {
	display:block; position:absolute; left:50%; top:7px; width:30px; color:#FFF; content:" ";  height:1px; background-color:#FFF; overflow:hidden; margin-left:-15px;
}
.pg-content-main p {
	text-align:justify;	
}
.pg-content .carousel {
	padding-bottom:20px;
}
.sidebar {
	font-size:15px;	
}
.sidebar h3 {
	text-transform:uppercase; font-size:18px;
}
.list-02,  .list-02 > li{
	margin:0; padding:0; list-style-type:none;
}
.list-02 li {
	position:relative; margin-bottom:7px; padding-left:15px; 
}
.list-02 li:before {
	position:absolute; left:0px; width:5px; top:10px; content:" "; background-color:rgba(0,0,0,1); height:1px;
}
.list-02 li:after {
	/*position:absolute; left:7px; width:5px; top:9px; content:" "; background-color:#f68220; height:1px;*/
}
.list-01 {
	margin:0px; padding:0px; list-style:none;
}
.list-01 li {	
	margin:0px; padding:0px; list-style:none; position:relative; padding-bottom:8px; padding-top:8px; border-bottom:1px dashed #ccc;
}
.list-01 li a {
	position:relative; display:block; padding-left:15px; 
}
.list-01 li:last-child {
	padding-bottom:0px; border:0px;
}
.list-01 li:first-child {
	padding-top:0px;
}
.list-01 li a:before {
	content:"\f105"; font-family:'FontAwesome'; display:block; position:absolute;  left:0px; top:0px;
}
.sidebar .panel-heading {
	position:relative; padding:12px 15px;	
}
.sidebar .panel-heading:after {
	position:absolute; left:15px; right:15px; background-color:#f68220; height:3px; content:" "; bottom:-2px;
}
.sidebar a {
	color:#000;	
}
.sidebar a:hover {
	color:#f68220;	
}
.event-panel p, .event-panel h4 {
	margin:0px; padding:3px 0px;
}
.event-panel h4 {
	margin-bottom:8px; text-transform:uppercase; 
}
.event-panel h4 a {
	color:#f68220;	
}
.sidebar .fa {
	margin-right:5px;	
}
.pg-content-main h2 {
	display:block; position:relative; padding-left:20px;
}
.pg-content-main h2:before {
	position:absolute; left:0px; height:100%; top:0px; width:8px; background-color:#fff; border-left:5px solid #f68220; border-right:1px solid #f68220; content:" ";
}
.pg-content-main h2:after {
	position:absolute; left:-1000px; height:1px; top:50%; width:995px; background-color: #f68220; content:" ";*/
}

.pg-content-main .pg-content-head {
	padding-bottom:12px; border-bottom:1px solid #ddd; position:relative; margin-bottom:20px; padding-left:0px;
}
.pg-content-main .pg-content-head:after {
	position:absolute; left:0px; width:50px; bottom:-1px; top:auto;  background-color:#f68220; content:""; height:1px; border-right:10px solid #FFF;
}
.pg-content-main .pg-content-head:before {
	position:absolute; right:0px; left:auto; width:25px; bottom:-1px; top:auto; background-color:#f68220; content:""; height:1px; border-left:5px solid #FFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#f68220;
	border-color:#f68220;
}
.event-list-item .fa {
	margin-right:5px;
}
.event-list-item p {
	margin:0px;
	padding:3px 0px;	
}
/* start common css */


.ps-inner-pad10 {
	padding:10px;	
}
.ps-inner-pad20 {
	padding:20px;	
}
.padL20 {
	padding-left:20px;
}
.padR20 {
	padding-right:20px;
}
.padT20 {
	padding-top:20px;
}
.padB20 {
	padding-bottom:20px;
}

.padT0 {
	padding-top:0px;
}
.padT40 {
	padding-top:40px;
}
.padB0 {
	padding-bottom:0px;	
}
.space20, .space10, .space5 {
	float:none;
	clear:both;	
}
.space20{
	padding-top:20px;	
}
.space10{
	padding-top:10px;	
}
.space5{
	padding-top:5px;	
}
.mar0 {
	margin:0px;	
}
.marT0 {
	margin-top:0px;	
}
.marB0 {
	margin-bottom:0px !important;	
}
.marL0 {
	margin-left:0px;	
}
.marR0 {
	margin-right:0px;	
}


.clear {
	width:100%;
	height:0px;
	padding-top:1px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	clear:both;
}

.clear2 {
	clear:both;
	float:none;	
}
.remove-gutter-space .container-fluid, .remove-gutter-space .row, .remove-gutter-space [class^="col-"]  {
	padding:0px; margin:0px; 
}
.remove-gutter-space2 {
	margin-left:0px; margin-right:0px;		
}
.remove-gutter-space2 > div {
	padding:0px;
}
.aligncenter {
	margin:auto;
	display:block;
	max-width:100%;
	height:auto;
}
.alignright  {
	float:right;
}

.hr {
	position:relative; padding:0px; margin:0px; height:1px; background-color:rgba(255,255,255,0.2); margin:15px 0px; 
}
.hr:before {
	position:absolute; left:0px; top:0px; height:1px; width:15px; background-color:#ffffff; content:" ";
}

.readmore {
	color:#f68220; display:inline-block; padding:10px 20px; border:2px solid #f68220; position:relative; padding-right:40px; text-transform:uppercase;
}
.readmore a {
	
}
.readmore:hover {
	color:#ffffff; background-color:#f68220;
}
.readmore:after{
	content:'\f178'; font-family:'FontAwesome'; display:block; position:absolute; right:0px; top:0px; margin-left:5px; width:50px; text-align:center; line-height:40px;
}
.readmore:before{
	/*content:''; display:block; position:absolute; right:0px; top:0px; width:0px; height:0; 
   border-right: 40px solid #f7921e;
   border-top: 40px solid #f7921e;
   border-bottom: 0px solid transparent;
   border-left:20px solid transparent;*/
}
.bs-slider .readmore {
	border:2px solid #ffffff; padding:10px 20px;
}
.bs-slider .readmore a {
	color:#FFF;	
}
.bs-slider .readmore a:hover {
	color:#FFF;	
}
.bs-slider .readmore:after, .bs-slider .readmore:before {
	display:none;	
}


.orange-text, .hstyle1 span, .blog_sec h1 span, .our-service h1 span, .hstyle3 span {
	color:#f68220;
}
.our-service h1 span {
	display: inline;	
}
.orange-divider {
	width:30px; height:5px; overflow:hidden; background-color:#f68220; margin-left:auto; margin-right:auto; display:block; content:" "; display:block; margin-bottom:25px;
}

.gallery {
	width:100%; clear:both;	
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {
	clear:left;	
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) {
	clear:left;	
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) {
	clear:left;	
}
.gallery-item {
	margin-bottom:30px;

}
.gallery-item img {
	padding:6px; border:1px solid rgba(0,0,0,0.15);	
}
.gallery-icon {
	
}
.gallery-icon:before {
	/*
	position:absolute; left:5px; right:25px; top:-10px; bottom:10px; border:2px solid #f68220; content:" "; 
-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.4);
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.4);
	*/	
	position:absolute; left:5px; top:0px; height:50%; width:5px; background-color: #f68220; content:" "; 
}
.gallery-icon:after {
	position:absolute; left:50px; bottom:0px; right:50px; height:1px; /*border-left:10px solid #fff; border-right:10px solid #FFF;*/ background-color: #f68220; content:" "; 
}
.gallery-item a {
	display: block;
	position: relative;

}
.gallery-item a::before {
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	content: " ";
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	/* background: url(../images/logo3.png) no-repeat center center; */
}
.modal-body {
	
}
.modal-body img {
	position:relative; margin-left:auto; margin-right:auto;	
}
.watermark {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px; position:absolute;
	/* background: url(../images/logo3.png) no-repeat center center; */ z-index:500;
}
.gallery-item a:hover::before {
	box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2);

}
.gallery-item a::after {
	position:absolute; width:30px; height:30px; text-align:center; line-height:30px; font-family:FontAwesome; content:"\f002"; background-color:#FFF; right:10px; bottom:10px; color:#999;
		-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.gallery-item a:hover::after {
	right:20px; bottom:20px; color:#f68220;
}
/** > :first-child { margin-top: 0 !important; }
* > :last-child { margin-bottom: 0 !important; }*/

@media (max-width:480px) and (orientation:landscape){
	
}
@media (max-width:480px) {
	.logo img {
		margin:auto;	
	}	
}
@media screen and (max-width:767px){
	.logo img {
		margin:auto;
		width:50%;	
	}	
	.top_orange_nav > nav {
		margin-bottom:0px;	
	}
	.top-social {
		text-align:center;	
	}
	.top-contact {
		text-align:center;	
	}
	.top_orange_nav {
		padding-top:10px;	
	}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
		background-color:#FFF;
	}
	.navbar-default {
		border:1px solid #ececec;	
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-top:5px solid #ececec;		
	}
	.carousel-inner > .item {
		
	}
	.orange-card.sectionpad {
		padding:0px 0 20px 0px;
	}
	.text-xs-left {
			
	}
	h1, .h1 {
		font-size:30px;	
	}
	.btn-icon-button {
		font-size:16px;
	}
	.btn-icon-button .fa{
		line-height:49px; width:50px;		
	}
	#owl-example .owl-item > div {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d; display:block;
	}
	#owl-example .owl-item img {
		  position: relative;
		  top: 50%;
		  transform: translateY(-50%);
	}
	.footer-social {
		text-align:center;	
	}
}
@media screen and (min-width:768px){
	.top_orange_nav .nav > li > a:after {
		position:absolute; content:" "; width:1px; height:70%; right:0px; background-color:#ececec; top:15%;
	}
	.top_orange_nav .nav > li:last-child > a:after {
		display:none;
	}
	
}
@media (min-width:992px){
	.modal-dialog {
		width:800px;	
	}
}
@media (min-width:1200px){
	.modal-dialog {
		width:900px;	
	}

}
@media (min-width:768px) and (max-width:991px){
	.logo img {
		margin:auto;	
	}
	.nav-main > li > a {
		font-size:13px;
		padding-left:10px; padding-right:10px;	
	}
	.top_orange_nav {
		padding-top:0px;	
	}
	.top_orange_nav nav {
		margin-bottom:0px;
	}
	#bs-example-navbar-collapse-1 {
		text-align:center; 	
	}
	.nav-main {
		display:inline-block; float:none !important; margin-right:0px;
	}
	.carousel-caption {
		left:20px; right:20px;	
	}
	.carousel-caption .carousel-content p:not(.readmore) {
		display:none;
	}
	.carousel-caption .carousel-content h1 {
		font-size:20px;	
	}
	.bs-slider .carousel-content {
		padding:10px;	
	}
	.bs-slider .readmore {
		padding:10px;		
	}
	.orange-card .space10 {
		padding-top:0px;	
	}
	.our-service .media {
		padding:0px;	
	}
	.our-service .media-heading {
		font-size:20px;	
	}
	
	.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {
		clear:left;	
	}
	.gallery.gallery-columns-3 .gallery-item:nth-child(2n+1) {
		clear:left;	
	}
	.gallery.gallery-columns-4 .gallery-item:nth-child(2n+1) {
		clear:left;	
	}

	
}
@media (min-width:992px) and (max-width:1199px){
	.carousel-caption .carousel-content h1 {
		font-size:20px;	
	}
	.bs-slider .carousel-content {
		
	}
	.bs-slider .readmore {
		padding:5px 15px;		
	}
	.carousel-caption {
		left:20px; right:20px;	
	}	
	.top_orange_nav {
		padding-top:25px;	
	}
	.orange-card .space10 {
		padding-top:0px;	
	}	
}


/* timeline css */
.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: 30px;
        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: 41%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.175);
			background-color:#f2f2f2;
        }

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

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

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 80px;
            height: 80px;
            line-height: 70px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 3px;
            left: 50%;
			border:5px solid #FFF;
            margin-left: -40px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 100%;
            border-top-left-radius: 100%;
            border-bottom-right-radius: 100%;
            border-bottom-left-radius: 100%;
			font-family:robotoregular;

        }

        .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% - 110px);
        width: -moz-calc(100% - 110px);
        width: -webkit-calc(100% - 110px);
    }

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

    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;
        }
}