@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/TemplatePackage/3.0/fonts/glyphicons-halflings-regular.eot');
	src: url('/TemplatePackage/3.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
	url('/TemplatePackage/3.0/fonts/glyphicons-halflings-regular.woff') format('woff'),
	url('/TemplatePackage/3.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	url('/TemplatePackage/3.0/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon-record:before {
	content: "\e165";
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* gray timeline bar */
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #f0f0f0;
	left: 50%;
	margin-left: -1.5px;
}
.timeline > li {
	margin-bottom: 20px;
	position: relative;
	width: 50%;
	float: left;
	clear: left;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	width: 95%;
	float: left;
	border: 1px solid #B2B2B2; /* darker per flu */
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all border 0.2s ease-in-out ease-out;
	-moz-transition: all border 0.2s ease-in-out ease-out;
	-o-transition: all border 0.2s ease-in-out ease-out;
	transition: all border 0.2s ease-in-out ease-out;
}
.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #B2B2B2;    /* darker per flu */
	border-right: 0 solid #B2B2B2;      /* darker per flu */
	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 #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

/* the target */
.timeline > li > .timeline-badge {
	color: #fff;
	width: 24px;
	height: 24px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 19px;
	right: -12px;
	z-index: 100;
}
.timeline > li > .timeline-badge > i {
	color: #B2B2B2;
}
.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 > li .timeline-header > h3 {
	padding-left: 20px;
}
.timeline > li .timeline-body > p,
.timeline > li .timeline-body > ul {
	padding: 20px;
	margin-bottom: 0;
}
.timeline > li .timeline-body > p + p {
	margin-top: 5px;
}
.timeline > li .timeline-footer {
	padding: 10px 15px;
	background-color: #f0f0f0;
}
.timeline > li .timeline-footer > a.more {
	float: right;
	width: auto!important;
}
.timeline > li.timeline-inverted {
	float: right;
	clear: right;
	margin-top: 30px;
	margin-bottom: 30px;
}
.timeline > li:nth-child(2) {
	margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
	left: -12px;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

blockquote.twitter-tweet {
	display: inline-block;
	font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	border-color: #eee #ddd #bbb;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	margin: 10px 5px;
	padding: 0 16px 16px 16px;
	max-width: 468px;
}

blockquote.twitter-tweet p {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}

blockquote.twitter-tweet a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
	text-decoration: underline;
}

.timeline > li.twitter > .timeline-badge > i {
	color: #55acee;
}
.timeline > li.facebook > .timeline-badge > i {
	color: #3b5998;
}
.timeline > li.instagram > .timeline-badge > i {
	color: #005826;
}
.timeline > li.youtoob > .timeline-badge > i {
	color: #b31217;
}

.social-icons {
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-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;
}

.social-icons  {
	border-radius: 50%;
	font-size: 20px;
	/* padding: 10px; */
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
}
.social-icons.icon-rounded {
	border-radius:5px;
}
.social-icons.icon-flat {
	border-radius: 0;
}

.social-icons.fa:hover, .social-icons.fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons.icon-adn{background-color:#504e54;} 
.social-icons.icon-apple{background-color:#aeb5c5;} 
.social-icons.icon-android{background-color:#A5C63B;}  
.social-icons.icon-bitbucket,.social-icons.icon-bitbucket-square{background-color:#003366;} 
.social-icons.icon-bitcoin,.social-icons.icon-btc{background-color:#F7931A;} 
.social-icons.icon-css3{background-color:#1572B7;} 
.social-icons.icon-dribbble{background-color:#F46899;}  
.social-icons.icon-dropbox{background-color:#018BD3;}
.social-icons.icon-facebook,.social-icons.icon-facebook-sign{background-color:#3b5998;}  
.social-icons.icon-flickr{background-color:#FF0084;}
.social-icons.icon-foursquare{background-color:#0086BE;}
.social-icons.icon-github,.social-icons.icon-github-alt,.social-icons.icon-github-square{background-color:#070709;} 
.social-icons.icon-google-plus,.social-icons.icon-google-plus-square{background-color:#CF3D2E;} 
.social-icons.icon-html5{background-color:#E54D26;}
.social-icons.icon-instagram{background-color:#3f729b;}
.social-icons.icon-linkedin,.social-icons.icon-linkedin-square{background-color:#0085AE;} 
.social-icons.icon-linux{background-color:#FBC002;color:#333;}
.social-icons.icon-maxcdn{background-color:#F6AE1C;}
.social-icons.icon-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons.icon-pinterest,.social-icons.icon-pinterest-square{background-color:#CC2127;} 
.social-icons.icon-renren{background-color:#025DAC;}
.social-icons.icon-skype{background-color:#01AEF2;}
.social-icons.icon-stack-exchange{background-color:#245590;}
.social-icons.icon-stack-overflow{background-color:#FF7300;}
.social-icons.icon-trello{background-color:#265A7F;}
.social-icons.icon-tumblr,.social-icons.icon-tumblr-square{background-color:#314E6C;} 
.social-icons.icon-twitter,.social-icons.icon-twitter-square{background-color:#55acee;} 
.social-icons.icon-vimeo-square{background-color:#229ACC;}
.social-icons.icon-vk{background-color:#375474;}
.social-icons.icon-weibo{background-color:#D72B2B;}
.social-icons.icon-windows{background-color:#12B6F3;}
.social-icons.icon-xing,.social-icons.icon-xing-square{background-color:#00555C;} 
.social-icons.icon-youtube,.social-icons.icon-youtube-play,.social-icons.icon-youtube-square{background-color:#b31217;}


/* panel & iframe roughly 28 pixels smaller than the containing list item */

/*4*/
@media screen and (min-width: 1200px) {
    .span24 ul.timeline li {
        width: 580px;
    }
    .span24 ul.timeline .timeline-body iframe {
        width: 552px !important;
    }
    .timeline > li > .timeline-panel {
        width: 552px;
    }
}
/*3*/
@media screen and (min-width: 980px) and (max-width: 1199px){
    .span24 ul.timeline li {
        width: 462px;
    }
    .span24 ul.timeline .timeline-body iframe {
        width: 435px !important;
    }
    .timeline > li > .timeline-panel {
        width: 435px;
    }
}
/*2*/
@media screen and (min-width: 768px) and (max-width: 979px) {
    .span24 ul.timeline li {
        width: 354px;
    }
    .span24 ul.timeline .timeline-body iframe {
        width: 326px !important;
    }
    .timeline > li > .timeline-panel {
        width: 326px;
    }
}
/*1*/
@media screen and (max-width: 767px) {
    .span24 ul.timeline li {
        width: 82%;
    }
    .span24 ul.timeline .timeline-body iframe {
        width: 100% !important;
    }
    .span24 ul.timeline .timeline-body .fb_iframe_widget iframe {
        width: 75% !important;
    }
    .timeline > li > .timeline-panel {
        width: 94%;
    }

    ul.timeline {
        padding:0;
        margin:0;
    }
    ul.timeline:before {
        left: 12px;
    }
    ul.timeline > li {
        margin-bottom: 20px;
        position: relative;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        left: 20px;
        top:-3px;
    }
    ul.timeline > li > .timeline-badge {
        left: 0;
        margin-left: 0;
        top: 15px;
    }
    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;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 0;
    }
}