@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,600,700);

#timeline a {
	color: #F0AD4E; 
	text-decoration: underline;
	font-weight:500;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

#timeline a:hover {
	color:#8CD3ED;
	text-decoration: underline;
}
.p-vv {
	font-family: "Open Sans", san-serif;
	font-size: 18px;
	font-weight:500;
	line-height: 1.3;
	letter-spacing: .5px;
	color: #fff;
}

.page-header-vv {
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

/* HG Section */
.bg_timeline {
	background-image:url(http://sfad.biz/Fall2018/images/background.jpg);
 background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	opacity: 1;
	z-index: -3;
	}

img { border: 0; max-width: 100%; }

.page-header-vv h1 {
  font-size: 2.em;
		font-weight: 600;
  text-align: left;
  color: #efefef;
  text-shadow: 1px 1px 0 #000;
}

/** timeline box structure **/
	ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 80px;
}
ul.timeline > li:before {
    content: ' ';
    background: #68C5EA;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #F9B617;
    left: 11px;
    width: 40px;
    height: 40px;
    z-index: 400;
}

/** timeline content **/

.caption-big {
font-size: 60px;
	line-height: .3;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	opacity: 0.6;
}

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

/*.tl-body > p + p {
  margin-top: 5px;
}*/

.mt {margin-top: 50px;}
.mb {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mtb {margin-top: 50px; margin-bottom: 50px;}
.mtb2 { margin-top: 100px; margin-bottom: 100px;}
.ptb {padding-top: 80px; padding-bottom: 80px;}
.pb {padding-bottom: 40px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
/*.mt2 {margin-top: 100px;}*/

/*For Fall 2018 Only*/
.mt2 {margin-top: 50px;}

.mtr {margin-top: 60px; margin-right:30px;}
.mtl {margin-top: 60px; margin-left:30px;}
.mr {margin-right:30px;}

/* Align Styles */
.aligncenter {display:block; margin:0 auto; }
.alignright {float:right; margin:0 0 10px 20px; }
.alignleft {float:left; margin:0 20px 10px 0; }
.floatleft {float:left; }
.floatright {float:right; }
.textcenter {text-align:center; }
.textright {text-align:right; }
.textleft {text-align:left; }

.alignright-v {float:right; /*margin:0 0 10px 20px;*/ }

.alignright-vv {float:right; margin:20px 0 10px 10px; }

.alignright-v2 {float:right; margin:-20px 30px 0 0px; }

.alignleftnomargin {float:left; }

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 30px;
  }

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

/* Scroll to top button */
#totop {height:9px; opacity:0; position:fixed; right:-60px; width:39px; z-index:9999; display:block; top:85%; background-repeat:no-repeat; background-position:center 15px; background-color:#77AE4F; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; border-radius:50%; padding: 26px; }
#totop:before {position: absolute; content:"\e080"; top: 35%; left: 50%; margin-left: -8px; font-size: 16px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
#totop.show { right:10px; opacity:0.8; }
#totop:hover { opacity:1; }

#totop,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.gobox, .hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.zn_sidebar ul.menu li a,
[id*='sidebar-widget-'] ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls > a,
.shop-features .shop-feature,
.timeline_box:before,
.support_panel {
	-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-decoration: none;}