@charset "utf-8";
/* CSS Document */

/** Nav and Markets **/
#nav-markets {
	height: 360px;
	position: relative;
	top: -1px;
	z-index: 1;
}

/** Ribbon **/
#ribbon {
	/*background: url(../images/header/login.png) no-repeat left top;*/
	width: 78px;
	height: 93px;
	float: right;
	margin-right: 65px;
	position: relative;
	top: -93px;
}
.revealed {
	top: 0px !important;
}

/** Frame Social Media **/
#SocialMediaSq {
	height: 26px;
	width: 238px;
	z-index: 150;
	position: relative;
	/*top: 330px;*/ /* without #firstSlide */
	top: 10px; /* with #firstSlide */
	left: 70px;
}
.smIconsSq {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 12px;
	/*cursor: pointer;
	background-image: url(../images/content/index/social-media-sq-buttons.png);*/
}
/*a.smIconsSq span {
	display: none;
}
a#facebookSq, a#twitterSq, a#youtubeSq, a#emailSq {
	background: no-repeat top left;
}*/
/*a#facebookSq {
	background-image: url(../images/content/index/facebook-sq.png);
	background-position: 0 0;
}
a#twitterSq {
	background-image: url(../images/content/index/twitter-sq.png);
	background-position: -22px 0;
}
a#pinterestSq {
	background-image: url(../images/content/index/pinterest-sq.png);
	background-position: -44px 0;
}
a#youtubeSq {
	background-image: url(../images/content/index/youtube-sq.png);
	background-position: -66px 0;
}
a#linkedinSq {
	background-image: url(../images/content/index/linkedin-sq.png);
	background-position: -88px 0;
}
a#blogSq {
	background-image: url(../images/content/index/linkedin-sq.png);
	background-position: -110px 0;
}*/
/*a#emailSq {
	background-position: -88px 0;
}*/

/** Slideshow **/
#frame {
	background: url(../images/content/index/integrated-control-system.jpg) no-repeat center top;
	width: 960px;
	height: 360px;
	z-index: 0;
}
#firstSlide {
	position: relative;
	width: 960px;
	height: 320px;
}
#slides {
	/*background: url(../images/body-imgs/index-imgs/welcome-bg-360.jpg) no-repeat center top;*/
	position: absolute;
	top: 0;
	/*top: 128px;*/
	display: block;
}
.slides_container {
	width: 960px;
	overflow: hidden;
	position: relative;
	display: none;
}
#firstSlide a, .slides_container a, .slides_container .slides {
	width: 960px;
	height: 320px;
	display: block;
}
#firstSlide a img, .slides_container a img {
	display: block;
}

/** Banner CTA **/
@-moz-keyframes slideUpCenter {
    0% {
        -moz-transform: translate(-50%, 130px);
    }
    100% {
        -moz-transform: translate(-50%, 0);
    }
}
@-webkit-keyframes slideUpCenter {
    0% {
        -webkit-transform: translate(-50%, 130px);
    }
    100% {
        -webkit-transform: translate(-50%, 0);
    }
}
@keyframes slideUpCenter {
    0% {
        transform: translate(-50%, 130px);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(130px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(130px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes slideUp {
    0% {
        transform: translateY(130px);
    }
    100% {
        transform: translateY(0);
    }
}

.banner_cta .cta_button .hs-cta-img,
.banner_cta a img {
	display:block;
	position: absolute;
    bottom:0;
	margin-bottom:-19px;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
.banner_cta .hs-cta-center .cta_button .hs-cta-img,
.banner_cta .hs-cta-center a img {
    left: 50%;
    transform: translateX(-50%); 
}
.banner_cta .hs-cta-left .cta_button .hs-cta-img,
.banner_cta .hs-cta-left a img {
    left: 70px;
}
.slides:first-of-type .banner_cta .cta_button .hs-cta-img,
.slides:nth-of-type(3) .banner_cta .cta_button .hs-cta-img,
.slides:nth-of-type(7) .banner_cta .cta_button .hs-cta-img,
.slides:first-of-type .banner_cta a img,
.slides:nth-of-type(3) .banner_cta a img,
.slides:nth-of-type(7) .banner_cta a img {
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.5s;

    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.5s;

    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}
.slides:first-of-type .banner_cta .cta_button .hs-cta-img, 
.slides:nth-of-type(7) .banner_cta .cta_button .hs-cta-img,
.slides:first-of-type .banner_cta a img, 
.slides:nth-of-type(7) .banner_cta a img {
	-moz-animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}
.slides:nth-of-type(3) .banner_cta .cta_button .hs-cta-img,
.slides:nth-of-type(3) .banner_cta a img {
	-moz-animation-name: slideUpCenter;
    -webkit-animation-name: slideUpCenter;
    animation-name: slideUpCenter;
}
.banner_cta .cta_button:hover .hs-cta-img,
.banner_cta a:hover img {
    margin-bottom:-9px;
}

/** Pagination **/
.pagination {
	margin: 13px 0 0 722px;
	/*margin: -27px 0 0 722px;*/
	width: 205px;
	position: relative;
	z-index: 101;
}
.pagination li {
	float: left;
	margin-right: 14px;
	list-style: none;
	overflow: hidden;
	height: 13px;
}
.pagination li a {
	display: block;
	width: 15px;
	height: 0;
	padding-top: 13px;
	background-image: url(../images/content/index/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a {
	background-position: 0 -13px;
}

/** Content **/
#content-wrap {
	padding:42px 50px 17px;
	/*padding: 38px 0 90px 50px;*/
}
#row1 {
	margin-bottom: 34px;
	/*padding-left: 50px;*/
	padding-left: 16px;
}
.featured {
	float: left;
}
.row-1-title {
	margin-left: 5px;
	line-height:20px;
	margin-bottom:13px;
}
a.title-links {
	text-decoration: none;
}
.featured-text p {
	margin-bottom: 14px;
	line-height: 18px;
}
.first-position, .whitepaper-position {
	/*width: 272px;*/
	width: 270px;
	margin-right: 35px;
}

/* Whitepaper Styling */
.whitepaper-position .row-1-title {
    width: 235px;
    margin-bottom: 18px;
}
.whitepaper-position .hs-cta-wrapper .cta_button {
    margin: -10px 0 0 4px;
    display: block;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
}
.whitepaper-position .hs-cta-wrapper .cta_button:hover {
	margin-left:12px;
}

/* Alert Styling
.second-position h1 {
	color: #ff0000;
	font-weight: bold;
} 
#second-info {
	display: none;
}
.second-text p {
	font-weight: bold;
}*/

#row1 .first-text p, #row1 .whitepaper-text p {
	margin-left: 5px;
	/*width: 240px;*/
	width: 208px;  /* Normal Track My Order width */
	/*width: 253px;  Alert width */
}

/*#row1 .first-position {
	margin: 0 50px 0 8px;
}
#row2 .first-position {
	margin: 0 50px 0 13px;
}*/
#first-img {
	float: none;
}
#first-links {
	/*width: 239px;*/
	width: 218px;
}
.second-position {
	/*margin-right: 34px;
	width: 266px;*/
	margin-right: 35px;
	width: 270px;
}
#second-title, .second-text p {
	margin-left: 5px;
}
.second-text p {
	width: 218px;
}
#second-img {
	width: 218px;
	height: 161px;
	display: block;
	/*margin-bottom: 14px;*/
}
.small-vehicles {
	float: left;
}
p#second-links {
	width: 218px;
}
.third-position {
	/*width: 222px;*/
	width: 220px;
}
.third-text p {
	width: 215px;
	margin-left: 5px;
	line-height: 18px;
}
#third-img {
	display: block;
}
p#third-links {
	/*width: 211px;*/
	width: 218px;
}
.index-divider {
	width: 860px;
	margin-bottom: 35px;
	background: url("../images/content/dividers/index-divider.png") no-repeat scroll left top transparent;
}
.featured-links {
	font-size: 11px;
	text-align: center;
}
.featured-links a {
	text-decoration: underline;
}
strong.small-divider {
	margin: 0 3px;
	color: #7b7b7b;
	font-weight: bold;
}


/* Divider and Row 2 */
#divider {
	text-align: left;
}
#row2 {
	padding-left: 21px;
	/*margin-bottom: 90px;*/
}
.row-1-title, .row-1-title a, .row-2-title, .row-2-title a {
	color: #d47b22;
}
.row-1-title a:hover, .row-2-title a:hover {
	color: #3c3c3c;
}
.row-2-title {
	height: 21px;
	display: block;
	margin-bottom: 12px;
}
#row2 .featured-text {
	/*margin-bottom: 18px;*/
	margin-bottom:0;
}
/*#row2 .first-text p {
	width: 269px;
	margin-bottom: 10px;
	line-height: 18px;
}*/
#row2 .first-text p {
	width: 207px;
	margin-bottom: 16px;
	line-height: 17px;
}
#row2 .second-text p {
	margin:0 0 12px 0;
}
#row2 #second-info {
	margin-left: -5px;
}
#row2 #second-img {
	margin-bottom: 5px;
}
#first-more, #third-more {
	border-top: 1px solid silver;
}
#first-more {
	padding: 11px 0 0 2px;
	width:212px;
}
#third-more {
	padding: 11px 0 0 2px;
}
/*#third-more {
	display: none;
}*/
.arrow-links span {
	text-transform: uppercase;
}

/* About Havis */
.divider-bars {	
	margin-bottom: 9px;
}

/* News */
#news-title, #events-title {
	margin-bottom: 20px;
}
.news-item, .place-date {
	margin-bottom: 19px;
}
.news-item {
	line-height: 16px;
	max-width: 200px;
}
.news-item:last-of-type {
    margin-bottom: 19px;
}
#news-last, #events-last {
	margin-bottom: 21px;
}
a.headline {
	/*font-weight: bold;*/
	text-decoration: none;
}
a.headline:hover {
	color: #3c3c3c;
	text-decoration: underline;
}
.divider {
	margin: 0 2px 0 2px;
}
.divider, strong.dates {
	color: #7b7b7b;
}
strong.dates {
	font-weight: normal;
	font-style: italic;
}

/* Contact Us */
/*#contact {
	float: right;
	margin-right: 51px;
	width: 231px;
}*/
.third-position .row-2-title {
	margin: 0 0 13px 1px;
}
a.row2-title:hover {
	color: #3c3c3c;
}
#row2 .third-text p {
	line-height: 19px;
	margin: 0 0 0 1px;
}
#row2 .third-text p#phone {
	margin: 15px 0 16px 1px;
}

/* Social Media Icons */
#index-social-media {
	text-align: center;
    margin-top: 64px;
    display: block;
    height: 25px;
    padding-left: 6px;
}
#index-social-media .sm-icons {
    float: none;
    margin: 0 1px 0 0;
    display: inline-block;
}