/* **********  RESET browser settings  *********** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

body, html {width:100%; height:100%;}

/* basic styling and commonly used classes */
body {
    background:#ffffff;
    font-family: 'Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;
    font-size: 13px;
    color:#111;
    position: relative;
    
}

p {margin-bottom: 15px;}

strong {font-weight:600;}
em {font-style:italic;}

.sans {font-family: 'Open Sans',tahoma,lucida,verdana,helvetica,sans-serif;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none;}

a {color: #111; text-decoration: none;}

a.vid-black {background:url(../images/icon_video_black.png) no-repeat left center; padding-left:25px; }
a.vid-white {background:url(../images/icon_video_white.png) no-repeat left center; padding-left:25px; }

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}
/* ********************************************** */


.blue {color:#00aeef;}
.dk-blue {color:#002157;}

.vegas-slide {top:28px !important; left:28px !important;}
#home .vegas-slide {top:0px !important; left:0px !important;}
#howto .vegas-slide {top:0px !important; left:0px !important;}


/* ********  NAVIGATION  ********* */
/* #leftnav {position:fixed; left:33px; top:12px; z-index:1000;}
	#leftnav a.stories {background:url(../images/btn_stories.png) no-repeat center top; width:40px; font-size:10px; line-height:9px; color:#000; padding-top:43px; display:block; text-align:center; margin-bottom:10px; text-transform: uppercase; border:none; outline:none;} */


#rightnav {position:absolute; right:0px; bottom:0px; width:80px; background-color:rgba(0,0,0,0.4); height:100%; z-index:1;}

#rightnav .tagline {position:absolute; top:10px; right:5px; font-size:15px; line-height:20px; color:#fff; font-family: 'heuristicaregular';}

#rightnav .title {position:absolute; top:92px;}

#rightnav .rt-logo {position:absolute; bottom:20px; left:15px;}

#rightnav a.next{
	width:35px;
	background:url(/images/btn_nextstory.png) center top no-repeat;
	position:fixed;
	top:370px;
	right:25px;
	z-index:10000;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	text-transform: uppercase;
	}
#rightnav a.prev{
	width:35px;
	background:url(/images/btn_prevstory.png) center top no-repeat;
	position:fixed;
	top:430px;
	right:25px;
	z-index:10000;
	font-size:10px; line-height:9px; color:#fff; padding-top:37px; display:block; text-align:center;
	text-transform: uppercase;
	}
	
#rightnav a.stories {position:fixed; right:18px; top:500px; background:url(../images/btn_stories_white.png) no-repeat center top; width:40px; font-size:10px; line-height:9px; color:#fff; padding-top:43px; display:block; text-align:center; margin-bottom:10px; text-transform: uppercase; border:none; outline:none;}
	
	
	
.slide-menu {position: absolute;
	top: 0;
	left: -300px;
	z-index: 5000;
	/*visibility: hidden;
	display:none;*/
	width: 300px;
	height: 100%;
	background: #2f4f81;
}
	
.slide-menu a.close {width:19px; height:20px; display:block; position:absolute; top:5px; right:5px; background:url(../images/btn_menu_close.png) no-repeat; text-indent: -9999px;}
	
.slide-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slide-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(255,255,255,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.slide-menu ul li a {
	display: block;
	padding: 0.5em 1em 0.5em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
}

.slide-menu ul li a img {margin-right:10px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5);}

.slide-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.slide-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}

.slide-menu ul li a span {font-size:11px; text-transform:none;}

	
	
#social {background-color:#0c72ce; position:fixed; right:0px; bottom:0px; padding:6px 12px 6px 6px; overflow:hidden; z-index:5;
-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft:10px; border-top-left-radius: 10px; }
#social img {float:left; margin:0px 4px;}
	
/* ********************************************** */

/* HOW TO styles */

#howto .tree {position:absolute; top:46px; left:36px;}
#howto #howto-copy {position:absolute; bottom:20px; left:32.226563%; width:435px; color:#fff; font-size:13px; line-height:19px; }
#howto #howto-copy h2 {font-size:24px; line-height:24px; margin-bottom:15px; font-weight:800; text-transform: uppercase; text-shadow: 0px 0px 30px rgba(255, 255, 255, 1);}



/* HOMEPAGE styles */

#home-whitebar {position:absolute; left:17.382813%; bottom:0px; width:293px; background-color:rgba(255,255,255,0.8); height:100%; z-index:1;
	-webkit-box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
	box-shadow: -20px 0px 60px 0px rgba(0,0,0,0.25);
}

#home-whitebar .copy {margin:140px 0 0 12px;}
#home-whitebar .copy .tree {text-align: center; margin:0 0 25px -12px;}
#home-whitebar .copy h1 {font-size:52px; font-family: 'heuristicaregular'; line-height:55px; margin-bottom:20px;}
#home-whitebar .copy h2 {font-size:38px; line-height: 40px; font-family: 'heuristicaregular'; color:#0362d7; margin-bottom:5px;}
#home-whitebar .copy h3 {font-size:32px; letter-spacing: 2px;}
#home-whitebar .copy .quotes {display: none;}​


/*	BigVideo Styles 
	You may need to adjust these styles to get this working right in your design. 
*/
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#big-video-wrap .vjs-big-play-button{display:none !important;}




/* FACTS page styles */
.facts-tree {position:absolute; top:52px; left:38px;}

h1.facts-hdr {position:absolute; top:85px; left:135px; font-size:65px; font-family: 'heuristicaregular'; color:#ebebeb; line-height: 35px;}
h1.facts-hdr .smaller {font-family: 'Open Sans',tahoma,lucida,verdana,helvetica,sans-serif; font-size:26px; font-weight:300; letter-spacing: 2px;}

.facts-copy {position:absolute; width:275px; top:208px; left:72px; font-size:16px; color:#fff; line-height:18px;}
	.facts-copy .bluetext {color:#74bfb3; font-size:18px; line-height:20px; }
	.facts-copy .p {padding-right:15%; margin-bottom:14px;}
	.facts-copy .num {color:#74bfb3; font-size:30px; font-family: 'heuristicaregular'; text-align:center; line-height:24px; font-weight: bold;}
	
.facts-circles {position: absolute; top:40px; left:30%; width:707px; height:667px; background:url(../images/bg_facts_circles.png) no-repeat top left;}

.facts-circles a.pop {background:url(../images/btn_dot.png) top center no-repeat; text-align:center; display:block; padding-top:27px; font-size:10px; font-weight:600;}

.facts-circles .circle1 {position: absolute; top:100px; left:435px; width:215px; color:#111; font-size:12px; line-height:16px; font-weight:800;}
.facts-circles .circle1 h2 {color:#111111; font-size:72px; font-family: 'heuristicaregular'; text-align:center; line-height:72px;}

.facts-circles .circle2 {position: absolute; top:431px; left:414px; width:106px; color:#111; font-size:18px; line-height:20px; font-weight:800;}
.facts-circles .circle2 h2 {color:#111111; font-size:36px; font-family: 'heuristicaregular'; text-align:center; line-height:36px;}

.facts-circles .circle3 {position: absolute; top:284px; left:167px; width:112px; color:#111; font-size:10px; line-height:10px; font-weight:800;}
.facts-circles .circle3 h2 {color:#111111; font-size:24px; font-family: 'heuristicaregular'; text-align:center; line-height:21px;}

.facts-circles .circle4 {position: absolute; top:492px; left:69px; width:127px; color:#111; font-size:12px; line-height:16px; font-weight:800;}
.facts-circles .circle4 h2 {color:#111111; font-size:56px; font-family: 'heuristicaregular'; line-height:56px; font-weight:normal;}


.facts-popup {display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	width:70%; min-height:80%;  z-index:1000; color:#363636; font-size: 18px; line-height:20px; }

.facts-popup a.close {position:absolute; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:30px; height:27px; display:block; color:#fff; top:0px; right:0px;}

.facts-popup ul {list-style-type:disc; padding:0; margin:0 0 0 20px;}
.facts-popup ul li {margin-bottom:18px;}

.facts-popup ol {list-style-type: decimal; padding:0; margin:0 0 0 20px;}
.facts-popup ol li {margin-bottom:18px;}
.facts-popup .smaller {font-size:12px;}

.facts-popup .copy1 {padding:70px 50px 50px 50px; }

.facts-popup h2 {font-size:36px; margin-bottom:20px; line-height: 36px;}

#circle1-pop{ background-color:#d3d726; }
#circle2-pop{ background-color:#74bfb3; }



/* WHAT IS ABM page styles */
.what-whitebar {position:absolute; top:28px; left:58px; background:rgba(255,255,255,0.71); width:263px; padding:85px 12px 10px 20px; overflow:hidden; z-index:500;}

.what-tree {position:absolute; top:15px; right:15px;}
.what-whitebar h1 {font-size:85px; line-height:48px; font-family: 'heuristicaregular'; margin-bottom:20px;}
.what-whitebar h1 .smaller {font-size:42px; }

.what-whitebar.sm {padding-top:120px; font-size:12px;}
.what-whitebar.sm h1 {font-size:48px; line-height:32px; font-family: 'heuristicaregular'; }
.what-whitebar.sm h1 .smaller {font-size:22px; }

.arrows {width:125px; float:right; height:50px; text-align:right;}
.arrows a.next{
	width:35px;
	background:url(../images/arrow_next.png) center top no-repeat;
	font-size:10px; line-height:9px; color:#111; padding-top:37px; display:inline-block; text-align:center;
	text-transform: uppercase;
	}
.arrows a.prev{
	width:35px;
	background:url(../images/arrow_prev.png) center top no-repeat;
	font-size:10px; line-height:9px; color:#111; padding-top:37px; display:inline-block; text-align:center;
	text-transform: uppercase;
	}

.arrows a.next:hover, .arrows a.prev:hover {color:#2b89cb;}

.take-note {position:absolute; top:435px; left:379px; background:#2b89cb; width:175px; height:148px; padding:32px 13px 0 46px; color:#000; font-size:13px;}
.take-note h2 {font-size:98px; line-height:68px; font-family: 'heuristicaregular'; letter-spacing:-5px;}
.take-note .rotate {position:absolute; top: 34px; left: -35px; font-size:16px; color:#31bcc1; font-weight:600;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;}
	
	
.why-hdr {position:absolute; top:43px; left:367px; width:104px;}
.why-hdr h2 {text-transform: uppercase; font-size: 20px; letter-spacing: 1px; color:#00aeef; font-weight:600; line-height:22px;}

.pointers {position:absolute; top:120px; left:360px; background:url(../images/why_pointers_bg.png) no-repeat; width:581px; height:529px;}
.pointer-copy {font-size:11px; line-height:14px; font-weight: 600; color:#000;}
	#pointer1 {position:absolute; top:38px; left:136px; width:130px; }
	#pointer2 {position:absolute; top:38px; left:315px; width:140px; }
	#pointer3 {position:absolute; top:217px; left:397px; width:150px; }
	#pointer4 {position:absolute; top:363px; left:315px; width:140px; color:#fff;}
	#pointer5 {position:absolute; top:363px; left:136px; width:141px; }
	#pointer6 {position:absolute; top:217px; left:22px; width:178px; }
	
	
.connecting-hdr {position:absolute; top:156px; left:383px; width:255px;}
.connecting-hdr h2 {text-transform: uppercase; font-size: 20px; letter-spacing: 1px; color:#fff; font-weight:600; line-height:22px;}

.connecting-pointers {position:absolute; top:135px; left:304px; width:575px; height:545px; background:url(../images/connect_pointers_bg.png) no-repeat;}
.connecting-pointers a {position:absolute; color:#fff; font-size:32px; font-weight:600;}
.connecting-pointers a:hover {color:rgba(255,255,255,0.7);}
	.connecting-pointers a.sales-btn {top:100px; left:415px;}
	.connecting-pointers a.marketing-btn {top:220px; left:135px;}
	.connecting-pointers a.clients-btn {top:350px; left:400px;}
	
	
	
.popup {display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	width:70%;  z-index:1000; background-color:#18273f; color:#fff; font-size: 18px; line-height:20px; }

.popup a.close {position:absolute; background:url(../images/close.png) no-repeat; text-indent:-9999px; width:30px; height:27px; display:block; color:#fff; top:0px; right:0px;}

.popup ul {list-style-type:disc; padding:0; margin:0 0 0 20px;}
.popup ul li {margin-bottom:18px;}

.popup .copy1 {padding:143px 130px 15px 65px; }
.popup .copy2 {position:absolute; top:25px; right:50px; width:300px;  font-size:11px; font-weight:600;}
.popup .copy2 h3 {font-size: 18px; font-weight:600; margin-bottom:15px; line-height:26px;}

.popup h2 {font-size:90px; line-height:90px; margin-bottom:20px;}

#sales-pop h2, #sales-pop .copy2 {color:#28a8e0;}
#marketing-pop h2, #marketing-pop .copy2 {color:#b6ddee; }
#clients-pop h2, #clients-pop .copy2 {color:#20a69c;}



/* SUCCESS page styles */
.success-bluebar {position:absolute; top:28px; left:58px; background:rgba(0,32,76,0.85); width:294px; padding:113px 0 30px 15px; overflow:hidden; z-index:500; color:#fff; font-size:12px; line-height:18px;}
.success-tree {position:absolute; top:15px; right:15px;}

.success-bluebar h1 {color:#fff; font-size:78px; line-height:78px; margin-bottom:0px; font-family: 'heuristicaregular', serif;}
.success-bluebar h2 {font-family: 'heuristicaregular', serif; color:#0079c2; font-size:58px; line-height:50px;}
.success-bluebar .copy {padding-right:30px;}

/*.what-tree {position:absolute; top:15px; right:15px;}
.what-whitebar h1 {font-size:85px; line-height:48px; font-family: 'heuristicaregular'; margin-bottom:20px;}
.what-whitebar h1 .smaller {font-size:42px; }

.what-whitebar.sm {padding-top:120px; font-size:12px;}
.what-whitebar.sm h1 {font-size:48px; line-height:32px; font-family: 'heuristicaregular'; }
.what-whitebar.sm h1 .smaller {font-size:22px; }
*/

.success-rightcol {position:absolute; top:144px; left:394px; width:520px;}
.success-rightcol .success-mainphoto {margin-bottom:10px;}
.success-rightcol .third {float:left; width:30%; padding-right:3%; color:#fff; font-size:14px; line-height:17px;}
.success-rightcol .third h4 {font-family: 'heuristicabold', serif; color:#31bcc1; font-size:18px;}
	
	
/* TOOLS page styles */
.tools-tree {position:absolute; top:50px; left:40px;}

.tools-columns {overflow:hidden; width:90%; max-width:915px; position:absolute; top:165px; left:28px;}
	.tools-columns .left {float:left; width:33.770492%; margin-right:1.2021858%;}
		.tools-columns .left .copy {padding:13px 18px 50px 25px; color:#000; font-size:12px; line-height:18px;}
		.tools-hdr { width:225px;}
		.tools-hdr h1 {color:#0079c2; font-size:58px; line-height:48px; font-family: 'heuristicaregular', serif;}
		.tools-hdr h2 {color:#0079c2; font-size:34px; line-height:36px; font-family: 'heuristicaregular', serif; margin-bottom:10px; }
		
		.resources {font-size:14px;}
		.resources h4 {font-family: 'heuristicabold', serif; color:#002157; font-size:18px; margin-bottom:12px;}
		.resources a:hover {color:#666;}
	
	.tools-columns .right {float:left; width:65.027322%;}
		.tools-screen {background:url(../images/tools_screen_bg.png) no-repeat; width: 527px; height: 463px; position:relative; margin-top:20px; }
		.tools-screen-photo {position:absolute; top:45px; left:38px; width:441px; height:269px;}
		.tools-screen a.button {color:#fff; font-size:11px; line-height:27px; position:absolute; top:325px; left:38px;}
	
	
	
	

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

}

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

}


@media (max-width:1250px) {
	.popup h2 {font-size:65px; line-height:75px; margin-bottom:10px;}
	.popup .copy1 {font-size:14px; padding:160px 20px 15px 20px; }
}

@media (max-width:1024px) {
	.popup .copy1 {font-size:14px; padding:20px; }
	.popup .copy2 {position:relative; top: auto; right:auto; width:auto; padding:20px; }
}