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

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

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

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

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

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

body{font-family: 'Lato', sans-serif !important;}
h1{font-family: 'geomanist-medium-webfont';}
h2, .dropdown-menu li.menu-item{font-family: 'geomanist-book-webfont';}
h3{font-family:'geomanist-book-webfont'; font-size:1.875em;}
h5.snug{margin-bottom:-1.125em;}
p.sub{font-size:1.125em;line-height:1.6666666666;}
.bold{font-weight:600;}
.geomanist-book{font-family:'geomanist-book-webfont';}


.icon-arrow-right::before{
	content: "\e900";
	transform: rotate(90deg);
    display: inline-block;
    padding: 3px 1px 6px 2px;
}

.orange{color:#FF9E3E !important;}
.dark-grey{color:#404D53 !important;}
.blue{color:#1baad5 !important;}
.green{color:#34bf5b !important;}

.grey-out {
	filter: saturate(0);
	opacity:.5;
}
.check-list.icon-check{
	margin-right:10px;
}

.global-navigation .container-fluid{
    margin: 0 40px;
}
.navbar{font-family:'geomanist-regular-webfont';}
.navbar .brand{background-size:137px 46px;}
.navbar .caret{
	color:#00B6E8;
}

.navbar-main .nav{
	margin-top:15px;
}
.navbar-main img {
    margin-right: 5px;
}
.navbar-footer{margin-top:15px;}
.navbar-footer .dropdown-menu{
	margin-top:15px;	
}
.nav>li>a:hover, .nav>li>a:focus{
	background-color:transparent;
}
.navbar-main .nav > li > a{
	border-radius:4px;
	padding:8px 15px;
	color:#6E828B;
}
.navbar-main .btn.dark{
	color:inherit;
}
#resources-menu-footer{
    background-color: #f3f3f3;
    margin: 0 -15px;
    padding: 20px 30px;
    width: 300px;
    border-radius: 0 0 10px 10px;
}
#nav-menu-relay{
	font-family: 'geomanist-book-webfont';
    font-size: 1.35em;
    padding: 10px 18px;
    border-bottom: 1px solid #d8d8d8;
}

.nav .icon-relay{
	color:#3EC766;
	font-size:1.5em;
	vertical-align:middle;
}

.nav .dropdown-menu li{
	padding:5px 0;
}
li#nav-menu-item-platform-overview{padding:5px 0 0 0;}
.dropdown-menu #nav-menu-item-platform-overview a{
    border-radius: 0 0 6px 6px;
    background-color: #f3f3f3;
	padding: 15px 25px;
}
.dropdown-menu #nav-menu-item-platform-overview a{
	color:#262626 !important;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus{
	background-color:#d1e7ed !important;
}
.navbar-nav>li>.dropdown-menu{
	margin-top:10px;
	padding-bottom:0px;
	z-index:1500;
}
.dropdown-menu{
	border-radius:6px !important;
	border-color:#979797 !important;
}
  .dropdown-menu::before {
    border-bottom: 7px solid #979797;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 40px;
    position: absolute;
    top: -7px;
}
  .dropdown-menu::after {
    border-bottom: 7px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 40px;
    position: absolute;
    top: -6px;
}

.navbar-main{
	border-bottom: 1px solid #D8D8D8;
    margin: 10px 40px;
}

.navbar-main .nav > li > a.btn-secondary{
	background-color:#F0F1F4;
	margin-right:10px;
	border:none;
	text-transform:none;
	color:#8699A3;
	border:1px solid #FFF;
}
.navbar-main .nav > li > a.btn-secondary:hover{
	border:1px solid #8699A3;
}
.navbar-main .btn.dark{
	text-transform:none;
	color:#FFF;
}
.navbar-main .btn.dark:hover{
	color:#8699A3;
}

.page-header-nav{
	margin-top:40px;
}
.page-header-nav img {
    vertical-align: text-bottom;
}

.page-header-nav .pull-right{
	margin-top:14px;
}

.nav-arrows{
    width: 48px;
    height: 48px;
    border-color: #D8D8D8;
    position: absolute;
    margin-top: 220px;
    cursor: pointer;
}

.nav-arrows.prev{
   border-bottom: 1px solid;
   border-left: 1px solid;
   transform: rotate(45deg);
   left: 10px;
}

   
.nav-arrows.next{
   border-bottom: 1px solid;
   border-left: 1px solid;
   transform: rotate(-135deg);
   right: 10px;
}



#footer-full-content{
	padding:90px 0;
	margin:90px 0 50px 0;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8
}

footer a{
	color:#404D53;
}
footer strong a{
	color:#00A9D7;
}
footer .menu li:not(:first-of-type){
	margin-top:1em;
}

footer #search-form-alt input{
	border:none;
	padding:3px;
}
footer #search-form-alt input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}
footer #search-form-alt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}
footer #search-form-alt input::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}
footer #search-form-alt input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}
footer #search-form-alt input::-ms-input-placeholder { /* Microsoft Edge */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}
footer #search-form-alt input::placeholder { /* Most modern browsers support this now. */
	font-family: 'geomanist-regular-webfont', 'Glyphicons Halflings', sans-serif;
}

.middler{
	display:table;
}
.middler>div{
	display:table-cell;
	vertical-align:middle;
}

.btn.light{
	background-color:#D1E7ED;
	border:none;
	color:#404D53;
}
#relay-additional-features .btn.light {
    background-color: rgba(209,231,237,.3);
    border: none;
    color: #FFF;
}
    
.btn-large{
	padding:15px 40px;
	display:inline-block;
	margin:20px 0;
}	
.btn-hero{
	display:table;
	font-size:1.125em;
	min-width:290px;
	padding:25px 0;
	margin:36px 0;
}


.stack{
	position:relative;
	cursor:pointer;
}
.stack img{
	position:absolute;
	z-index:300;
}
.stack img:nth-child(2){
	left:10px;
	top:10px;
	z-index:200;
}
.stack img:nth-child(3){
	left:20px;
	top:20px;
	z-index:100;
}

.rect-icons{
	text-align:center;
	width:100%;
	display:table;
	border:1px solid #D0D0D0;
	border-radius:4px;
	box-shadow: 1px 7px 7px 0px rgba(0,0,0,0.12);
		-webkit-box-shadow: 1px 7px 7px 0px rgba(0,0,0,0.12);
		-moz-box-shadow: 1px 7px 7px 0px rgba(0,0,0,0.12);
}

@media only screen and (max-width : 782px) {
	.navbar .brand{
		width:120px !important;
		background-size: 110px 37px !important;
	}
	.navbar .btn-large.dark{
		margin: 15px 5px !important;
		padding: 9px !important;
	}
	.navbar-toggle{
		margin: 14px 0 !important;
		padding: 13px 10px !important;
	}
	.navbar-collapse{
		width:100%;
	}
	.navbar-collapse.in {
		overflow: hidden;
		max-height: none !important;
		height: auto !important;
	}
	.navbar-collapse { overflow: hidden !important; }

	#navbarresponsive {
	    padding-top: 0 !important;
	}
	div#navbarresponsive li {
		font-size: 16px;
		margin-bottom: 6px;
	}
}

@media only screen and (max-width : 767px) {
	.btn-large{
		display:block;
	    padding: 15px !important;
	}
	.page-header-nav .pull-left{
		width:100%;
	}
	.page-header-nav .pull-right{
		float:left !important;
		margin:0 !important;
	}
	.page-header-nav h3{margin-bottom:0!important;}
	.page-header-nav h5{margin-top:0!important;}

	#relay-stats{
		-webkit-clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%) !important;
		clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%) !important;
	}
	#relay-stats h2{
		margin-bottom:0;
	}
	#relay-stats p.sub{
		margin-top:-6px;
	}
	#relay-summary-section.container-fluid .container{
		padding: 0 !important;
	}
	#relay-summary-section-left h1{
		margin-top:120px !important;
	    font-size: 2.125em !important;
	}
	#relay-summary-section-footer h1{
		margin: 30px 0 130px 0px !important;
	    font-size: 2.125em !important;
	}
	#current-customers{
		padding-top: 0 !important;
		margin:100px auto 0 auto !important;
	}
}
@media only screen and (max-width : 991px) {
	.navbar-main{
		margin:0 auto !important;
		border-bottom:none !important;
	}
	.navbar .brand{
		width:150px;
	}
	.navbar .btn{
	    padding: 10px 30px;
    	font-weight: bold;
	}
}
#relay-summary-section-left .middler{
    min-height: 50vw;
}
#relay-summary-section-bg .col-sm-6{
    background-image: url(/wp-content/themes/ls-www/images/v3_home_intro_main.svg);
    background-repeat: no-repeat;
    background-position: top right;
    min-height:65vw;
    background-size:contain;
}

#relay-stats{
    background-image: url(/wp-content/themes/ls-www/images/v3_stats_bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	position: relative;
    z-index: 150;
}
#relay-stats .middler{
	min-height:550px;
	margin:0 auto;
}

.icon-circle{
	background-color:#FFF;
	border-radius:100px;
	width:100px;
	height:100px;
	box-shadow: 8px 8px 17px 0px rgba(145,145,145,0.32);
		-webkit-box-shadow: 8px 8px 17px 0px rgba(145,145,145,0.32);
		-moz-box-shadow: 8px 8px 17px 0px rgba(145,145,145,0.32);
	margin:0 auto;
}
.overlay{position:absolute;width:100%;}

#relay-additional-features{
	padding:150px 0 0 0;
	margin-top:150px;
	z-index:0;
	background: rgba(60,125,255,1);
	background: -moz-linear-gradient(60deg, rgba(60,125,255,1) 0%, rgba(0,179,229,1) 50%, rgba(132,189,0,1) 100%);
	background: -webkit-linear-gradient(60deg, rgba(60,125,255,1) 0%, rgba(0,179,229,1) 50%, rgba(132,189,0,1) 100%);
	background: -o-linear-gradient(60deg, rgba(60,125,255,1) 0%, rgba(0,179,229,1) 50%, rgba(132,189,0,1) 100%);
	background: -ms-linear-gradient(60deg, rgba(60,125,255,1) 0%, rgba(0,179,229,1) 50%, rgba(132,189,0,1) 100%);
	background: linear-gradient(60deg, rgba(60,125,255,1) 0%, rgba(0,179,229,1) 50%, rgba(132,189,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7dff', endColorstr='#84bd00', GradientType=1 );
	background-position:bottom right;
    -webkit-clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
    clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
#relay-additional-features-bottom-bg{
	background:url(/wp-content/themes/ls-www/images/v3_filter_additional_features_bottom_bg.png) bottom right no-repeat;
	transform:matrix(1.00,-0.05,0.00,1.00,0,0);
	-ms-transform:matrix(1.00,-0.05,0.00,1.00,0,0);
	-webkit-transform:matrix(1.00,-0.05,0.00,1.00,0,0);
	height:100px;
	margin-top:200px;
}

#current-customers{
	margin:100px auto;
}
#current-customers h2{
	margin:45px 0 25px 0;
}
#current-customers .btn-large{
	margin-top:40px;
}

.section-top-bg{
    background: url(/wp-content/themes/ls-www/images/v3_section_top_bg.png), #F4F9F9;
    transform: matrix(1.00,-0.05,0.00,1.00,0,0);
    -ms-transform: matrix(1.00,-0.05,0.00,1.00,0,0);
    -webkit-transform: matrix(1.00,-0.05,0.00,1.00,0,0);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85% 0 100%);
    padding-top: 180px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-bottom: 350px;
    margin-bottom: -330px;
    margin-top: -250px;
}