/* Static site */
/* //Contents:
:: Home page
:::: Get started
:::: Sm units
:::: Overlays
:::: Features
:: Sub-pages
:: Media queries
*/
/* Custom fonts */
@font-face{font-family:'Kunstler';font-weight:400;src:url('/assets/f3/font/kunstler.eot?#iefix') format('embedded-opentype'),url('/assets/f3/font/kunstler.woff') format('woff'),url('/assets/f3/font/kunstler.ttf') format('truetype'),url('/assets/f3/font/kunstler.svg#Kunstler') format('svg');}

/* General, home page, sliders */
body { background: #F7F7F7 url('/assets/f3/img/sm/bg-static.jpg') no-repeat center 38px; }
.upper { height: 380px; padding-top: 30px; }
.upper > div > div { position: relative; height: 300px; }
.upper h1 { margin: 30px 0 10px; }
.upper h1 + p { width: 90%; margin-left: -10px; font-size: 15px; line-height: 1.4; color: #CC210A; text-align: center; }
.upper h1 + p + .big { margin: 2px 0 0 51px; }
.learn { position: absolute; bottom: -8px; width: 100%; }
.learn ul { padding: 10px 0; margin-bottom: 10px; border-top: 1px solid #ddd; }
.learn li { display: inline-block; font-size: 12px; cursor: pointer; }
.learn li:first-child { margin-right: 50px; }
.learn li:before { font: 40px/6px "Entypo"; color: #444; vertical-align: top; margin-right: 7px; }
.learn li:first-child:before { content: "p"; }
.learn li:last-child:before { content: "q"; }
.learn li:hover, .learn li:hover:before { color: #2BA6CB; }
nav li.look { display: none; }

/* Sprites */
.smui .meta li, .smui .metaup h6:after, .smui .metaup dd,
.start .gs_signup button + p span:before { background: transparent url('/assets/f3/img/sm/icons.png?v=3') no-repeat; }

/* --- Use case slider --- */
.showcase { position: relative; float: right; z-index: 11; overflow: hidden; }
.showcase:before, 
.showcase:after { position: absolute; bottom: 50px; left: 12px; top: 80%; width: 50%; max-width: 600px; content: ""; z-index: -1; background: #ddd; 
	box-shadow: 0 15px 10px rgba(145,145,145,.4);
	-webkit-transform: rotate(-2deg);
	   -moz-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	     -o-transform: rotate(-2deg);
		    transform: rotate(-2deg);
}
.showcase:after { left: auto; right: 10px;
	-webkit-transform: rotate(2deg);
	   -moz-transform: rotate(2deg);
	    -ms-transform: rotate(2deg);
	     -o-transform: rotate(2deg);
		    transform: rotate(2deg);
}
.slider { width: 100%; overflow: hidden; }
.showcase .slider { width: 621px; height: 310px; padding: 4px; border: 1px solid #ccc; border-bottom: none; background-color: #fff; }
.showcase .slider:after { content: ""; position: absolute; bottom: 43px; left: 1px; width: 619px; height: 30px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 10px 0 -7px #f5f5f5, 0 10px 1px -6px rgba(0,0,0,.3), 0 19px 0 -13px #eee, 0 19px 1px -12px rgba(0,0,0,.3); 
}
.showcase ul { display: block; padding: 15px 0 0 10px; margin-left: -6px; }
.showcase ul li { display: inline-block; position: relative; font-size: 12px; color: #999; margin: 0 70px 0 0; cursor: pointer; }
.showcase ul li:last-child { margin-right: 0 !important; }
.showcase ul li:hover, 
.showcase ul li.topic { color: #333; border-bottom: dotted 1px #999; }
#mainSlider div { background: transparent url('/assets/f3/img/orbit/slides/main.jpg?v=1') no-repeat; width: 611px; height: 302px; }
#mainSlider div:nth-child(1) { background-position: 0 0; }
#mainSlider div:nth-child(2) { background-position: 0 -313px; }
#mainSlider div:nth-child(3) { background-position: 0 -625px; }
#mainSlider div:nth-child(4) { background-position: 0 -936px; }
.usecase { display: none; width: 100%; height: 420px; }
.usecase > .row { position: relative; width: 50%; min-width: 822px; max-width: 1100px;  padding: 0; background: #fff; border: 5px solid #C7D3E0; }
.usecase .slider { height: 415px; overflow: hidden; }
.usecase .slider h2 { height: 40px; font: 20px/37px "Proxima", Helvetica, Trebuchet MS, sans-serif; color: #fff; padding-left: 20px; margin: 0; background: #1B507E; }
.usecase .close { position: absolute; top: 9px; right: 10px; background-position: 0 -1621px; }
.usecase.reveal-modal { top: 40px; left: auto; right: auto; background: none; box-shadow: none; }
#subSlider div { background: #fff url('/assets/f3/img/orbit/slides/detail.jpg') no-repeat; height: 415px; overflow: hidden; }
#subSlider div:nth-child(1) { background-position: 10px 45px; }
#subSlider div:nth-child(2) { background-position: 10px -713px; }
#subSlider div:nth-child(3) { background-position: 10px -333px; }
#subSlider div:nth-child(4) { background-position: 10px -1093px; }
#subSlider + div span { width: 30px; height: 30px; }
#subSlider + div span.left { margin-left: 25px; background: url('/assets/f3/img/orbit/arrow-left.jpg'); }
#subSlider + div span.right { margin-right: 25px; background: url('/assets/f3/img/orbit/arrow-right.jpg'); }

/* Slider arrow button */
.arrowbtn { position: absolute; bottom: 46px; right: 0; width: 220px; height: 44px; padding: 7px 20px 0 8px; text-align: center; z-index: 111; cursor: pointer; background: rgba(7,41,71,.9); box-shadow: 2px 2px 6px rgba(68,68,68,.6); }
.arrowbtn:before { content: ""; position: absolute; top: 0; left: -44px; border: 22px solid transparent; border-right-color: rgba(7,41,71,.9); vertical-align: top; }
.arrowbtn h4 { font: bold italic 16px/28px "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif; color: #F8F8F8; text-align: center; cursor: pointer; 
	max-width: 180px; padding: 0 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	background-color: #157ADB; border: 1px solid #111E2B; box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
	background-image: -webkit-linear-gradient(top, #157ADB, #55AAEA);
	background-image:    -moz-linear-gradient(top, #157ADB, #55AAEA);
	background-image:     -ms-linear-gradient(top, #157ADB, #55AAEA);
	background-image:         linear-gradient(to bottom, #157ADB, #55AAEA);
	-webkit-animation: glowPulse 4s 4s infinite; -moz-animation: glowPulse 4s 4s infinite; animation: glowPulse 4s 4s infinite; 
}
.arrowbtn h4:hover { background: #55AAEA; box-shadow: 0 0 8px rgba(255,255,255,.5); -webkit-animation-name: none; -moz-animation-name: none; animation: none; }
.arrowbtn h4:hover:after { color: #FFE73A; }
.arrowbtn h4:after { content: "click to view"; position: absolute; top: 15px; left: 200px; font: 12px "Proxima", sans-serif; text-shadow: none; }
.arrowbtn.travel { width: 280px; bottom: 55px; }
.arrowbtn.jobs { width: 390px; bottom: 83px; }
.arrowbtn.research { width: 285px; bottom: 72px; }
.arrowbtn.activities { width: 280px; bottom: 105px; }

@-webkit-keyframes glowPulse {
	from { background-color: #fff; box-shadow: 0 0 9px #333; }
	50% { background-color: #55AAEA; box-shadow: 0 0 15px #55AAEA; }
	to { background-color: #fff; box-shadow: 0 0 9px #333; }
}

/* Get started */
.upper > div { position: relative; }
.start { display: none; position: absolute !important; top: 0; left: -4px; width: 101%; height: 340px !important; z-index: 1111; }
.start h1 { margin: 5px 0 15px; }
.start h3 { margin: 0 0 10px; }
.start h3 + span, .start p, .surflet-panel span { font-size: 12px; line-height: 22px; color: #555; }
.start p { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #d7d7d7; }
.start .four { height: 240px; padding-left: 30px; border-right: 1px solid #ddd; }
.start .four:first-child { padding-left: 0; max-width: 280px; }
.start .four:last-child { border: none; float: left; }
.start .four:first-child h3 + input { margin-top: 13px; }
.start label { position: relative; }
.start input { font: 13px "Trebuchet MS", "Helvetica Neue", Arial, san-serif; margin-bottom: 8px; }
.start input,
.start .gs_signup button { width: 230px; }
.start .gs_signup button { position: relative; height: 35px; font-size: 15px; line-height: 13px; color: #333; text-transform: uppercase; }
.start .fielderror { right: 50px; width: 100px; height: 30px; padding: 5px 0 0 10px; }
.start .fielderror:before { top: 9px; }
.start .fielderror p { margin: 0; padding: 0; border: 0; }
.start .inset { position: relative; width: 260px; margin: 10px 0 20px 30px; padding: 4px 8px; background-color: #E6E6E6; }
.start .inset:before { position: absolute; top: 10px; left: -35px; content: "\00EE"; font: 50px/13px "Entypo"; color: #999; vertical-align: top; }
.start .inset a { font: italic 11px/18px "Trebuchet MS"; }
.start .gs_signup label { cursor: text; }
.start .gs_signup button + p { width: 230px; margin-top: 10px; padding-top: 7px; border: 0; font: 11px/15px "Trebuchet MS", "Helvetica Neue", san-serif; color: #5E4F3C; }
.start .gs_signup button + p span { display: inline-block; height: 14px; padding-right: 3px; margin-left: 3px; cursor: pointer; }
.start .gs_signup button + p span:hover { color: #1D89E2; }
.start .gs_signup button + p span:active { color: #222; }
.start .gs_signup button + p span:before { display: inline-block; content: ""; width: 16px; height: 16px; margin-right: 2px; vertical-align: top; }
.start .gs_signup button + p span.fbk:before { background-position: -1px -67px; }
.start .gs_signup button + p span.gpl:before { background-position: -1px -115px; }
.start .gs_signup button + p span.fbk:hover:before { background-position: -1px -257px; }
.start .gs_signup button + p span.gpl:hover:before { background-position: -1px -305px; }
.start .gs_signup .loadspin { position: absolute; top: 17px; left: 25px; }

ul.products { margin-top: 10px; }
ul.products li a { color: #1D89E2; }
ul.products li { height: 33px; margin-bottom: 5px; font: 13px/30px "Trebuchet MS", "Helvetica Neue", Arial, san-serif; color: #1D89E2; text-indent: 40px; overflow: hidden; cursor: pointer; }
ul.products li,
ul.products li.surflet a { background: transparent url('/assets/f3/img/sm/icons-product.png') no-repeat; }
ul.products li.surflet { background: none; position: relative; z-index: 100000000000000; }
ul.products li.frfoxex { background-position: 1px -64px; }
ul.products li.chromex { background-position: 1px -193px; }
ul.products li:hover, ul.products li a:hover, .start .inset a:hover, .orng { color: #CB852B; }
ul.products li.surflet a { display: block; position: absolute; top: -1px; left: 1px; width: 40px; height: 36px; cursor: move; text-indent: -9999px; }
.uparrow { display: none; position: absolute; top: -120px; left: 10px; width: 50px; height: 190px; text-indent: -9999px; border: 5px solid transparent; border-left-color: #3ABDD6; border-radius: 0 0 0 40px; border-right: 0; }
.uparrow:before { content: ""; position: absolute; left: -16px; top: -7px; border: 13px solid transparent; border-top: 0; border-bottom-color: #3ABDD6; }
.sub .uparrow { left: 0; }

/* --- Add extension --- */
.extadd { display: none; position: absolute; top: 40px; right: 25px; width: 405px; height: 260px; padding: 15px; background-color: #FFFAC3; box-shadow: 1px 1px 1px #DABB5C; }
.extadd h5 { font: normal 14px/1.6 "Proxima"; color: #111; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #DABB5C; }
.extadd h3 { margin: 0 0 13px; }
.extadd span { font-size: 14px; }
.extadd ol { margin: 15px 0; }
.extadd:before { content: ""; position: absolute; top: 45%; right: 99.7%; margin-left: -6px; border: 14px solid transparent; border-left: 0; border-right-color: #FFFAC3; }
.extadd:before { top: 45%; }
.extadd.srf:before { top: 30%; }
.extadd.chr:before { top: 60%; }
.extadd .surfletStep1 { font-size: 12px; display: none; }

/* Get started page */
.sub .start { display: block; position: relative !important; top: 15px; left: auto; width: 100%; height: 300px !important; border: 0; }
.sub .start .extadd { width: 420px; height: auto; top: -7px; right: 0; }
.sub .start .extadd:before { top: 47%; }
.sub .start .extadd.srf:before { top: 35%; }
.sub .start .extadd.chr:before { top: 78%; }
.sub .start .four { border: 0; margin-right: 15px; }
.sub .start .fielderror { width: 100px; right: 31px; }
.sub .start h3 { margin: 0 0 15px; }
.sub h6.gsk { font: 50px/20px "Kunstler", "Lucida Bright", Georgia, serif; color: #666; text-align: center; margin: 0 0 30px -10px; }
iframe#gsTour { width: 762px; height: 580px; margin: 0 0 20px 100px; border: 1px solid #ddd; }

/* Surflet page */
.surfletp.panel { display: block; position: relative; height: 230px; }
.surfletp.panel .surflet-panel div.surfletbtn { left: 20px; }
.surfletp.panel .surflet-panel .arrow { left: 170px; }
.surfletp.panel .eight { padding: 0 30px; }

/* Surfmark cover units */
.smunits { text-align: center; }
.smunits .smrow { width: 1040px; overflow: hidden; }
.smunits.moresm .smrow { width: 100%; overflow: visible; }
.smunits > div { min-width: 0; }
.smunits > div h3 { text-align: left; line-height: 30px; margin: 0; border-bottom: 1px solid #ddd; }
.smunits > div > div { padding: 20px 0; margin-left: 9px; }
.smui { position: relative; width: 190px; height: 258px; display: inline-block; margin: 0 1.4% 20px 0; background-color: #fff;
	border-radius: 2px; text-align: left; vertical-align: top; overflow: visible; overflow: hidden; box-shadow: 0 1px 5px rgba(32,32,32,.6); 
	-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; 
}
.smui:hover { box-shadow: 0 1px 8px rgba(32,32,32,.8); }
.smui h5 { position: relative; height: 30px; margin: 0; text-indent: 7px; white-space: nowrap; cursor: pointer; background: #E4E4E4; 
	border: 1px solid #fff; border-bottom: 1px solid #ccc; border-radius: 2px 2px 0 0;
	-webkit-transition: background .15s ease-in-out, border-bottom .15s linear;
	   -moz-transition: background .15s ease-in-out, border-bottom .15s linear;
	        transition: background .15s ease-in-out, border-bottom .15s linear;
}
.smui h5 a { font: 14px/29px "Proxima", Helvetica, Trebuchet MS, Arial, sans-serif; color: #111; }
.smui h5 a:hover { text-decoration: underline; }
.smui.nl { margin-right: 0; }
.smui li { font: 12px/23px "Proxima", Helvetica, Arial, sans-serif; color: #666; white-space: nowrap; }
.smui li a { color: #4E7596; }
.smui li a:hover { color: #B4A04E; }
.smui .imgbox { width: 189px; height: 126px; overflow: hidden; z-index: 11; background: #f5f5f5 url('/assets/f3/img/sm/bg-smcover.png') no-repeat 50%; background-size: contain; }
.smui .imgbox a { display: block; width: 100%; height: 100%; }
.smui .action-box { position: absolute; left: 0; bottom: -257px; width: 190px; height: 257px; border: 1px solid #fff; background: #ececec; overflow: hidden; z-index: 1;
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); 
	-webkit-transition: all 300ms cubic-bezier(.41,.4,.195,.99); 
	   -moz-transition: all 600ms cubic-bezier(.41,.4,.195,.99);
	        transition: all 600ms cubic-bezier(.41,.4,.195,.99);
}
.smui .imgbox:hover .action-box { bottom: 1px; -webkit-transition-delay: .7s; -moz-transition-delay: .7s; transition-delay: .7s; }
.smui .action-box > *,
.smui .action-box > a > * { position: absolute; font: 14px/20px "Proxima", Helvetica, Arial, sans-serif; }
.smui .action-box > a ul li,
.smui .action-box > p { color: #666; cursor: pointer; }
.smui .action-box > a ul { top: 12px; left: 80px; }
.smui .action-box > a ul li { font-size: 12px; margin: 0; line-height: 19px; }
.smui .action-box > a ul li:hover { color: #369; }
.smui .action-box > a { top: 0; left: 0; height: 194px; border-bottom: 1px solid #ccc; background: #e4e4e4; }
.smui .action-box > a:before { content: "View surfmark"; position: absolute; bottom: 10px; left: 10px; width: 166px; height: 50px; line-height: 50px; text-align: center; text-indent: 15px; z-index: 2; border: 1px solid #D6D6D6; background: rgba(255, 255, 255, 0.85); border-radius: 3px; }
.smui .action-box > a:after { position: absolute; bottom: 24px; left: 30px; content: "\00F3"; font: 33px/33px "Entypo"; color: #999; z-index: 2; }
.smui .action-box > a:before:hover { color: #666; background: #e4e4e4; }
.smui .action-box > a img { top: 15px; left: 15px; width: 50px; height: 50px; background: #fff; }
.smui .action-box > a span { top: 80px; display: block; height: 110px; overflow: hidden; font-size: 14px; color: #111; line-height: 22px; padding: 0 15px; }
.smui .action-box > p { bottom: 20px; left: 50px; width: 90px; margin: 0; color: #fff; text-align: center; border: 1px solid #2D53AF; background-color: #4D7BD6;
	background-image: -webkit-linear-gradient(top, #5689DB 0%, #4D7BD6 100%);
	background-image:    -moz-linear-gradient(top, #5689DB 0%, #4D7BD6 100%);
	background-image:      -o-linear-gradient(top, #5689DB 0%, #4D7BD6 100%);
	background-image:         linear-gradient(to bottom, #5689DB 0%, #4D7BD6 100%);
}
.smui .action-box > p:hover { border-color: #4076FF; background: #5C92FF; }
.smui .identity { display: block; clear: both; padding: 8px 0 5px 8px; }
.smui .identity li:before { font: 30px/13px "Entypo"; color: #999; vertical-align: top; margin-right: 5px; text-shadow: 1px 1px 1px rgba(255,255,255,.4); }
.smui .identity li:first-child:before { content: "+"; }
.smui .identity li:last-child:before { content: "N"; }
.smui .meta { position: absolute; left: 2px; bottom: -4px; display: block; height: 28px; 
	background-image: -webkit-linear-gradient(top, #fff, #D6D6D6);
	background-image:    -moz-linear-gradient(top, #fff, #D6D6D6);
	background-image:     -ms-linear-gradient(top, #fff, #D6D6D6);
	background-image:      -o-linear-gradient(top, #fff, #D6D6D6);
	background-image:         linear-gradient(to bottom, #fff, #D6D6D6);
}
.smui .meta li { display: inline-block; float: left; width: 61px; height: 26px; padding: 6px 0 0 0; margin: 0; border-left: 1px dotted #C5C5C5;
	font-size: 10px; line-height: 16px; cursor: default;
}
.smui .meta li:first-child  { border-left: none; width: 63px; }
.smui .meta li:hover { color: #000; background-color: rgba(199,211,225,.4); border-bottom: none; }
.smui li.inter { background-position: 8px -772px; text-indent: 29px; }
.smui li.annot { background-position: 12px -494px; text-indent: 29px; }
/*.smui li.views { background-position: 7px -794px; text-indent: 25px; }*/
.smui li.pages { background-position: 14px -746px; text-indent: 30px; }

.smui .metaup { display: none; position: absolute; top: 1px; left: 0; width: 190px; height: 182px; background: #f6f6f6; }
.smui .metaup h6 { font: bold 12px/27px "Helvetica Neue", Helvetica, Trebuchet MS, sans-serif; color: #333; text-transform: uppercase; text-indent: 10px; margin: 0 1px 2px; background: #C1CCDA; cursor: pointer; }
.smui .metaup h6:hover { background: #C7D3E1; text-shadow: none; }
.smui .metaup h6:active { color: #476E8F; background: #DFE4EA; }
.smui .metaup h6:after { display: inline-block; width: 56px; content: "more"; font: italic 11px/24px Trebuchet MS, Helvetica, sans-serif; color: #476E8F; text-decoration: underline; float: right; margin-right: 5px; text-transform: none; background-position: 40px -2012px; }
.smui .metaup h6:hover:after { color: #222; }
.smui .metaup ul { padding: 7px 0 0; height: 200px; background: #fff; }
.smui .metaup ul.pagelist li { width: 100%; height: 30px; float: left; font-size: 12px; line-height: 30px; margin: 0; cursor: default; text-indent: 9px; overflow: hidden; border-bottom: 1px solid #ddd; }
.smui .metaup ul.pagelist li:last-child { border-bottom: none; }
.smui .metaup ul.pagelist li img { width: 12px; height: 12px; margin: 8px 8px 0 0; padding: 1px; border: 1px solid #333; background-color: #fff; }
.smui .metaup li:hover { background-color: rgba(192,199,216,0.25); }
.smui .metaup li:last-child { border-bottom: none; }
.smui .metaup ul.numviews li,
.smui .metaup ul.activity li,
.smui .metaup ul.annotates li { margin: 0 5px 6px; padding: 2px 0 0 6px; background: #E7E7E7; line-height: 28px; border-radius: 4px; }
.smui .metaup ul.numviews li { font-size: 30px; color: #476E8F; text-align: center; padding: 83px 0; }
.smui .metaup ul.numviews li:before { content: "M"; font: 60px/14px "Entypo"; color: #777; vertical-align: top; padding-right: 7px; }
.smui .metaup ul.activity li:hover,
.smui .metaup ul.annotates li:hover { background: #E0E0E0; }
.smui .metaup ul.activity li { text-align: right; height: 42px; font-size: 18px; line-height: 40px; padding-right: 10px; white-space: normal; }
.smui .metaup ul.activity li:before { float: left; width: 20px; height: 38px; font: 30px/32px "Entypo"; color: #777; text-align: left; vertical-align: top; padding: 0 5px; }
.smui .metaup ul.activity li:after { float: left; font-size: 12px; }
.smui .metaup li.views { background: #C7C7C7 !important; color: #2B2B2B; }
.smui .metaup li.likes:before { content: "6"; }
.smui .metaup li.comms:before { content: ":"; }
.smui .metaup li.grabs:before { content: "4"; }
.smui .metaup li.score:before { content: "B"; }
.smui .metaup li.views:before { content: "M"; color: #575757 !important; }
.smui .metaup li.likes:after { content: "Likes"; }
.smui .metaup li.comms:after { content: "Comments"; }
.smui .metaup li.grabs:after { content: "Grabs"; }
.smui .metaup li.score:after { content: "Score"; }
.smui .metaup li.views:after { content: "Views"; color: #575757; }
.smui .metaup ul { display: none; }
.smui .metaup ul.annotates { overflow: hidden; }
.smui .metaup ul.annotates li { line-height: 20px; overflow: hidden; }
.smui .metaup dt a { font-size: 12px; line-height: 18px; color: #222; white-space: nowrap; }
.smui .metaup dt a:before { content: "l"; font: 26px/14px "Entypo", san-serif; color: #222; vertical-align: top; margin-right: 5px; }
.smui .metaup dt a:hover,
.smui .metaup ul.pagelist li a:hover { color: #000; }
.smui .metaup dd.num { display: inline-block; width: auto; min-width: 20px; background: none; margin: 0 0 0 2px;
	font: italic 11px/15px Trebuchet MS, Helvetica, Arial, sans-serif; color: #888; text-indent: 0; 
}
.smui .metaup dd { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; vertical-align: top; }
.smui .metaup dd.note { background-position: 0 -460px; }
.smui .metaup dd.high { background-position: 0 -481px; }
.smui .metaup dd.draw { background-position: 0 -501px; }
.smui .metaup dd.text { background-position: 0 -521px; }
.smui .metaup dd.impt { background-position: 0 -543px; }

/* --- Features --- */
.reasons { background-color: #E0E4EC; text-align: center; padding: 30px 0 10px; cursor: pointer; 
	-webkit-transition: background .4s ease-in-out; -moz-transition: background .4s ease-in-out; transition: background .4s ease-in-out;
}
.reasons:hover { background-color: #CAD4E9; }
.reasons:hover h3:before { color: #85A0D8; }
.features h1 { margin: 40px 0 -10px; }
.reasons h3 { position: relative; font: 22px "Proxima", Trebuchet MS, Arial, sans-serif; color: #333; }
.reasons h3:before { position: absolute; top: -22px; left: 49%; content: "6"; font: 40px/11px "Entypo", san-serif; color: #AAC0EC; }
.features { display: none; padding: 0 0 30px 0; 
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkQAOMIP7du3frYeL4BZSVlRsBAvcKMXfm+z0AAAAASUVORK5CYII=') repeat;
}
.pitch { display: none; background-color: #3D465E; text-align: center; padding: 8px 0; }
.pitch.on { display: block; }
.feat h4 { font: 68px/122px "Kunstler", "Lucida Bright", Georgia, serif; color: #666; text-align: center; margin-left: -40px; padding: 7px 10px; }
.feat ul { display: block; width: 100%; text-align: left; margin: 10px 0 50px; }
.feat ul.minor { margin-bottom: 30px; }
.feat li { display: inline-block; vertical-align: top; min-height: 100px; border-right: 1px solid #ddd; }
.feat ul.major li { width: 400px; margin: 0 20px 0 60px; padding: 0 60px 0 140px; background: transparent url('/assets/f3/img/sm/features-major.png') no-repeat; }
.feat ul.minor li { width: 230px; max-height: 80px; margin: 0 10px 0 0; padding: 0 10px 0 50px; background: transparent url('/assets/f3/img/sm/features-minor.png') no-repeat; }
.feat li:last-child { border: 0 none; margin-right: 0 !important; padding-right: 0 !important; }
.feat li h6 { color: #117297; font: 18px "Proxima", "Helvetica Neue", Helvetica, Trebuchet MS, sans-serif; margin-bottom: 5px; }
.feat li p { color: #222; font: 13px Trebuchet MS, Helvetica, Arial, sans-serif; margin: 0; }
.feat ul.minor li h6 { font-size: 17px; }
.feat ul.minor li p { font-size: 11px; }
.feat ul.major li.a { background-position: -1px -1px;  padding-left: 130px; }
.feat ul.major li.b { background-position: -2px -343px; padding-left: 130px; }
.feat ul.major li.c { background-position: -2px -115px; padding-right: 40px; }
.feat ul.major li.d { background-position: -1px -449px; margin-left: 40px; }
.feat ul.major li.e { background-position: -1px -232px; padding-left: 120px; }
.feat ul.major li.f { background-position: -2px -563px; margin-left: 40px; }
.feat ul.minor li.a { background-position: -1px -1px; }
.feat ul.minor li.b { background-position: -1px -138px; width: 240px; }
.feat ul.minor li.c { background-position: 0 -278px; padding-left: 40px; }
.feat ul.minor li.d { background-position: 5px -420px; padding-left: 60px; }
.feat ul.minor li.e { background-position: 0 -586px; width: 250px; }
.feat ul.minor li.f { background-position: -1px -730px; }
.feat ul.minor li.g { background-position: -1px -1435px; padding-left: 60px; }
.feat ul.minor li.h { background-position: 0 -873px; }
.feat ul.minor li.i { background-position: -1px -1011px; width: 238px; }
.feat ul.minor li.j { background-position: 0 -1154px; }
.feat ul.minor li.k { background-position: 1px -1305px; padding-left: 60px; width: 270px; }
.feat ul.minor li.l { background-position: 2px -1590px; padding-left: 60px; width: 210px; }

/* Summary */
#summwin.reveal-modal { top: 40px; }
#summwin { width: 730px; margin-left: -420px; background-color: #FAFAFA; }
#summwin .sumbox { width: 670px; }
#summwin .sumbox h4 { font-size: 15px; }
#summwin .sumbox hr,
#summwin .sumbox dl { width: 100%; }
#summwin .sumbox label { font-size: 13px; line-height: 19px; }
#summwin .sumbox label:hover { color: #1D89E2; }
#summwin .sumbox h4:before,
#summwin .sumbox label:before,
#summwin .sumnav .close:before { font: 35px/9px "Entypo"; color: #666; vertical-align: top; margin-right: 5px; }
#summwin .sumbox h4:before { content: "l"; line-height: 3px; }
#summwin .sumbox label:before { display: inline-block; width: 16px; height: 16px; content: "W"; text-indent: 2px; font-size: 28px; color: #fff; background-color: #599AD0; }
#summwin .sumbox label:hover:before,
#summwin .sumbox label.unchecked:hover:before { width: 14px; height: 14px; text-indent: 1px; color: #1D89E2; background-color: #d7d7d7; border: 1px solid #ccc; }
#summwin .sumbox label.unchecked:before { background-color: #888; }
#summwin .sumbox dt span { line-height: 4px; }
#summwin .sumnav .close:before { content: "X"; line-height: 12px; color: #333; }
#summwin .sumnav { position: absolute; margin-left: 690px; }
#summwin .sumnav a.close { display: block; position: absolute; top: 0; right: 7px; text-indent: -9999px; }
#summwin textarea#sm_sum_text { display: none; width: 100%; resize: none; padding: 2px; border: 1px solid #ccc; background-color: #eee; }

/* Sub-pages */
/* About page: team panel */
ul.team { width: 300px; margin-top: 15px; }
ul.team li { display: inline; float: left; width: 120px; height: 130px; margin: 0 10px 20px 0; padding: 3px 2px 10px 2px; text-align: center; cursor: default; }
ul.team li figure { display: block; width: 85px; height: 90px; background-color: #fff; margin: 0 auto; padding: 3px; border: 1px solid #c3c3c3; border-radius: 4px; }
ul.team li div { width: 77px; height: 77px; border: 1px solid #ddd; padding: 0; text-indent: -9999px; background: #fff url('/assets/f3/img/sm/team.jpg') no-repeat; }
ul.team li.vivek div { background-position: 0 0; }
ul.team li.cristina div  { background-position: 0 -77px; }
ul.team li.kapil div  { background-position: 0 -154px; clear: both; }
ul.team li.simil div  { background-position: 0 -231px; }
ul.team li.dano div  { background-position: 0 -308px; clear: both; }
ul.team li.oli div  { background-position: 0 -385px; }
ul.team li figcaption { width: 120px; font: 13px "Courier New", "Courier", Monaco, Consolas, monospace; color: #000; margin-top: 5px; }
ul.team li p { position: relative; display: none; width: 280px; padding: 8px; margin: -115px 0 0 -280px; background-color: #3E5C7C; border-radius: 4px;
	font: 12px/18px "Proxima", "Helvetica Neue", Helvetica, Arial, san-serif; color: #ddd; text-align: left;
}
ul.team li p strong { font-size: 13px; color: #fff; }
ul.team li p:before { content: ""; display: block; position: absolute; width: 0; height: 0; top: 40%; right: -6px; 
	border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 7px solid #3E5C7C; }
/*ul.team li:hover p { display: block; }*/

/* Search page */
.max800 { max-width: 800px; }
.search-inputs input[type=text] { display: inline-block; width: 70%; height: 36px; vertical-align: top; }
#searchWithin,
.search-inputs input[type=submit],
.search-advanced input[type=button] { width: 90px; height: 35px; font-size: 13px; padding: 0; cursor: pointer; }
.search-inputs input[type=submit] { margin-left: 5px; }

.search-inputs span { display: inline-block; font: 14px/20px "Helvetica Neue", Helvetica, Arial, san-serif; color: #333; text-decoration: underline; padding: 4px 7px; margin: 0 0 20px 15px; white-space: nowrap; cursor: pointer; }
.search-inputs span:before { display: inline-block; content: ""; width: 0; height: 0; margin: 0 6px -2px 0; border: 5px solid transparent; border-top-color: #444; }
.search-inputs span:hover { padding: 3px 8px 5px 6px; color: #111; text-decoration: none; border: 1px solid #ddd; border-radius: 3px; background-color: #eee; }
.search-inputs span:active,
.search-inputs span.advon { padding: 3px 8px 5px 6px; color: #111; text-decoration: none; white-space: nowrap; border: 1px solid #ccc; border-radius: 3px; background-color: #ddd; }
.search-inputs span:hover:before { border-top-color: #222; }
.search-inputs span.advon:before { margin: 0 6px 2px 0; border-top-color: transparent; border-bottom-color: #222; }
.search-inputs span.advon:hover:before { border-bottom-color: #222; }

#allSearchOpts,#allSearchSelectors { display: block; width: 50px; height: 25px; margin: 0 0 7px; }
#searchTermOpts { display: inline-block; width: 140px; height: 30px; padding-left: 5px; margin: 0 20px 20px 0; vertical-align: top; }
#searchWithin { width: 130px; height: 30px; }
#fineSearch { display: none; }
#xresults { margin-bottom: 28px; }
.search-advanced .closeChx { display: none; position: absolute; top: 10px; right: 10px; font: 48px/0 "Entypo"; color: #999; cursor: pointer; }
.search-advanced .closeChx:hover, .search-advanced .closeChx:active { color: #000; }
.search-params { display: inline-block; width: 200px; margin: 10px 20px 20px 0; padding: 10px; vertical-align: top; background: #FAFAFA; border: 1px solid #ddd; border-radius: 3px; }
.search-params fieldset { border: 0; padding: 0; margin: 0; }
.search-params legend { background: transparent; }

.search-advanced { display: none; position: absolute; top: 140px; left: 0; z-index: 2; padding: 19px 20px 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; }
.search-advanced:before { content: ""; position: absolute; top: -10px; left: 215px; border: 10px solid transparent; border-top-width: 0; border-bottom-color: #ddd; }
.search-advanced input[type=text] { display: inline; width: 200px; height: 36px; }
.search-advanced input[type=checkbox] { display: none; }
.search-advanced input[type=checkbox] + label { float: left; width: 18px; height: 18px; margin: 1px 10px 0 0; font: 36px/8px "Entypo"; color: #999; background: #ddd; border: 1px solid #ddd; }
.search-advanced input[type=checkbox]:checked + label { background: #5B809E; color: #fff; border-color: #5B809E; }
.search-advanced .search-params label:before { display: block; content: "X"; text-indent: 2px; }
.search-advanced input[type=checkbox]:checked + label:before { content: "W"; text-indent: 0; }
.search-advanced input[type=checkbox] + label:hover { border-color: #666; box-shadow: 0 0 3px rgba(51,51,51,.4); }
.search-advanced label + span { display: inline; font-size: 14px; }
.loggedin {top:385px;}
.loggedin:before {content: none;}

input.disabled + label {opacity:0.5}
input.disabled + label + span {opacity:0.5}

.search-results { width: 100%; z-index: 1; margin-bottom: 60px; }
.search-results li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ddd; }
.search-results li:last-child { margin-bottom: 40px; border-bottom: 0; }
.search-results li img,
.search-results li div { display: inline-block; vertical-align: top; }
.search-results li img { margin-right: 20px; }
.search-results li div { font: 14px "Helvetica Neue", Helvetica, Arial, san-serif; color: #333; }
.search-results li div .gentitle { font-size: 18px; text-decoration: underline; }
.search-results li div .gentitle:hover { color: #369; text-decoration: none; }
.search-results li div span.date,
.search-results li div a.gendate { font: italic 12px "Trebuchet MS", Helvetica, Arial, san-serif; color: #666; }
.result-paging a,
.result-paging b { display: inline-block; width: 20px; height: 25px; margin-left: 5px; text-align: center; vertical-align: top; }
.result-paging a { text-decoration: none; cursor: pointer; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #777; }
.result-paging a:hover { color: #111; background: #DAE7F1; border-color: #aaa; }
.result-paging a:active,
.result-paging b { cursor: default; color: #fff; background: #369; border: 0; box-shadow: none; }
.paging span { margin-right: 10px; }
.paging a, .paging b { display: inline-block; min-width: 29px; padding: 0 5px; font-size: 18px; text-align: center; }
.paging a { border: 1px solid #ccc; border-radius: 2px; background: #fff; }
.paging a:hover { border-color: #D8C27B; background: #F8F8C1; color: #35640F; }
.paging a:active { border-color: #aaa; background: #eee; box-shadow: inset 0 1px 4px rgba(51,51,51,.2); }

/* No select */
.smui .meta li, .search-inputs span,
.search-advanced label, .extadd.srf a.brass { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Misc */
#smList { margin: 40px 0; }
#smList h2 { margin-bottom: 15px; }
#smList a { font-size: 16px; line-height: 1.5 !important; }
#smList a:hover { color: #D1911E; }
#smList a:before { content: "k"; font: 30px/.6 "Entypo"; color: #ccc; vertical-align: top; margin-right: 10px; } 
#smList a.btn { padding: 5px; border: 1px solid #eee; border-radius: 3px; background-color: #fff; }
#smList a.btn:before { content: "{"; color: #aaa; line-height: .55; }
#smList a.btn:hover { color: #666; background-color: #FFFDE5; border-color: #ccc; }
#smList a.btn:hover:before { color: #666; }

/* Media queries */
@media only screen and (max-width: 400px) {
	.upper { height: 330px; padding-top: 20px; }
	.upper .mobile-four > h1 { width: 280px; height: 214px; padding: 0; margin: 0 auto; font-size: 0; z-index: 1; background: url('/assets/f3/img/sm/mobile-home.png') no-repeat; }
	.upper .mobile-four > h1 + button { margin: 25px 50px; }
	.upper .start { height: 820px !important; left: 0; }
	.upper .start .four { border: 0; padding-left: 10px !important; }
	.upper .start .four:nth-child(1) { height: 280px; }
	.upper .start .four:nth-child(2) { height: 190px; }
	.upper .start .four:nth-child(3) { height: 280px; }
	.upper .start .inset { width: 230px; }
	.upper .extadd { top: 460px; right: 0; width: 215px; height: 240px; }
	.upper .extadd.chr { top: 500px; height: 170px; }
	.upper .extadd h5 { display: none; }
	.upper .extadd:before, .upper .extadd:after { content: none; }
	.slid,
	.showcase { display: none; }
	.trib { text-align: center; }
	.smunits > div h3 { margin: 0 auto; width: 90%; }
	.features { padding: 20px 0; }
	.feat h4 { font-size: 60px; line-height: 60px; margin: 0; padding: 0; }
	.feat li h6 { font-size: 15px; }
	.feat ul { margin: 10px 0 10px; }
	.feat ul.major li { width: 320px; margin: 0 0 20px 10px; }
	.feat ul.major li.d,
	.feat ul.major li.f	{ margin-left: 10px; }
	.feat ul.major li.a,
	.feat ul.major li.c,
	.feat ul.major li.e { width: 360px; }
	.content.sub { padding: 0 20px; margin-top: 20px; }
	ul.team li p { display: none !important; }
}
@media only screen and (min-width: 401px) and (max-width: 767px) {
	.content.sub { padding: 0 20px; margin-top: 20px; }
	.upper { padding-top: 0; }
	.upper > div > div { height: auto; }
	.upper h1 { display: inline-block; margin-right: 30px; }
	.upper h1 + p { display: none; }
	.upper h1 + p + .big { margin: 20px 20px 0 0; float: right; }
	.slid { float: left !important; width: 100% !important; }
	.showcase { float: none; width: 621px; margin: 10px auto; }
	.showcase .slider { width: 100%; }
	.smunits { margin-top: 80px; }
	.smunits > div h3 { margin: 0 30px; }
	.trigs { z-index: 2; }
	.slide { z-index: 1; }
	.usecase > .row { min-width: 650px; }
	.crew { padding-left: 40% !important; }
}
@media only screen and (max-width: 650px) {
	.upper { height: 0; }
	.upper h1 + p { display: none; }
	.upper h1 + p + .big { margin: 20px 0 0; padding: 7px 22px; font-size: 15px; }
	.slid { padding: 0 10px; }
	.showcase { width: 100%; }
	.showcase .slider { border: 1px solid #ccc !important; }
	.showcase:before, .showcase:after, .showcase .slider:after { content: none; }
	.showcase ul { display: block; padding: 0; margin-left: 0; text-align: center; }
	.showcase ul li { margin: 0 3% 0 0; }
	.arrowbtn.travel  { bottom: 40px; }
	.arrowbtn.jobs { bottom: 68px; width: 280px; }
	.arrowbtn.research { bottom: 57px; }
	.arrowbtn.activities  { bottom: 90px; }
	.search-results li div .gentitle { font-size: 16px; }
	.smui { margin-right: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
	.row { min-width: 755px; padding: 0 5px 0 20px; }
	.content.sub { min-height: 500px; }
	.content.reasons { padding: 25px 0 5px; }
	.content.pitch { padding: 7px 0; }
	.upper { height: 310px; }
	.upper h1 { margin: 20px 0 15px 0; font-size: 16px; }
	.upper h1 + p { margin: 0; font-size: 14px; text-align: left; }
	.upper h1 + p + .big { margin: 10px 0; }
	.big { padding: 7px 22px; font-size: 15px; }
	.learn { width: 85%; bottom: 35px; }
	.learn li:first-child { margin-right: 20px; }
	.orbit-wrapper { height: 254px !important; }
	.showcase .slider { max-width: 535px; height: 264px; }
	.showcase ul li { margin-right: 43px !important; }
	#signup.reveal-modal,
	.usecase.reveal-modal { top: 40px; }
	.usecase p { width: 533px; }
	.usecase > .row { min-width: 745px; }
	.usecase button,
	.showcase ul li:last-child a,
	.extadd::before, .extadd::after { top: 36%; }
	.extadd.chr::before, .extadd.chr::after { top: 47%; }
	.smunits { margin-top: 40px; }
	.reasons h3 { font-size: 18px; }
	.row.feat:nth-child(3) { margin-bottom: 40px; }
	.feat ul.major li { width: 350px; margin: 0 0 0 10px; }
	.feat ul.minor li { width: 180px !important; margin: 0 5px 0 0; padding: 0 5px 0 50px; }
	.feat ul.minor li.a { padding-left: 40px; }
	.feat ul.major li h6 { font-size: 15px; }
	.feat ul.minor li h6 { font-size: 14px; }
	.feat ul.major li p { font-size: 12px; }
	.features span { margin-bottom: 10px; }
	.stand label { text-align: left; clear: both; margin-bottom: 5px; }
	.stand input, .stand textarea { width: 80%; margin-bottom: 10px; }
	.stand .group { margin-left: 0; }
	.stand .group, 
	.stand .group p { left: 25px !important; }
	.start { height: 390px !important; left: 0; width: 100%; }
	.board { padding: 0 20px; }
	.start .inset { width: 80%; }
	.start .four { padding-left: 20px; }
	.start ul.products li { width: 180px; }
	.extadd { right: 10px; width: 300px; height: 320px; }
	#summwin { width: 95%; margin-left: -370px; }
	#summwin .sumnav { margin: -15px 0 0 540px; }
	.sub .start .extadd { width: 290px; }
	.sub .start .extadd hr { width: 268px; }
	.sub .start ul.products { margin-left: -10px; }
	.sub .start .four { margin-right: 0 !important; }
	.sub .start .four.columns:last-child { padding: 0 0 0 10px; }
	.sub .start .fielderror { right: 1px; }
	iframe#gsTour { margin-left: -10px; }
	.dash.sets .extadd { right: 5px !important; }
	.tray.profile label { text-align: left !important; }
	.tray.profile .panel { padding: 10px; }
	.tray.profile .panel a.enabled:after { display: none; }
	.tray.emnots label:first-child { display: block !important; text-align: left !important; }
	footer { padding: 20px; }
	.start .uparrow { top: -80px; height: 150px; }
}
@media only screen and (min-width: 900px) and (max-width: 1062px) {
	.logo { margin-left: 20px; }
	.trib, .smunits { padding-left: 20px; }
	.upper h1 { margin: 20px 0 15px 0; font-size: 19px; }
	.upper h1 + p { padding-left: 10px; text-align: left; }
	.upper h1 + p + .big { margin: 10px 0; }
	.learn { width: 85%; }
	.smunits > div > div { margin-left: 0; }
}

/* iPad specific */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    nav a { font-size: 14px; }
    footer a, footer p { font-size: 14px; line-height: 30px; }
	footer .social { font-size: 14px; padding: 6px 10px; }
	footer .social.btn-fb { background-position: 5px -1003px; }
	footer .social.btn-tw { background-position: 4px -959px; }
	.max800 { max-width: 840px; padding-left: 40px !important; }
    .search-advanced input[type=checkbox] + label { width: 20px; height: 20px; padding: 1px; }
    .search-advanced .closeChx { display: block; }
	.search-inputs span:hover { padding: 6px 8px 10px 6px; }
	.search-inputs span:active,
	.search-inputs span.advon { padding: 6px 8px 10px 6px; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.upper { margin-top: 40px; }
	.upper h1 + p + .big { margin: 5px 0 0 20px; }
	.board { width: 99.9%; }
	.trib { width: 31% !important; }
	.trib > h1 { font-size: 14px; }
	.learn li:first-child { margin-bottom: 10px; }
	.smunits { margin-top: 0 !important; }
	.content.sub, .content.sub p { font-size: 16px !important; }
	.crew { padding: 0 !important; }
	.featbtn button { width: 75%; margin-left: -12px; padding: 15px 0; font-size: 20px; }
	.reasons h3 { font-size: 20px; line-height: 1.7; }
    .search-inputs input[type=text] { width: 60%; }
}