/* Minification failed. Returning unminified contents.
(13462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13468,14): run-time error CSS1039: Token not allowed after unary operator: '-blue-sm'
(13471,14): run-time error CSS1039: Token not allowed after unary operator: '-white-sm'
(13477,14): run-time error CSS1039: Token not allowed after unary operator: '-white-sm'
(13480,14): run-time error CSS1039: Token not allowed after unary operator: '-blue-sm'
(13483,14): run-time error CSS1039: Token not allowed after unary operator: '-orange-sm'
(13716,39): run-time error CSS1046: Expect comma, found '0'
(13716,43): run-time error CSS1046: Expect comma, found '/'
(13717,46): run-time error CSS1046: Expect comma, found '0'
(13717,50): run-time error CSS1046: Expect comma, found '/'
(13906,25): run-time error CSS1039: Token not allowed after unary operator: '-white-sm'
(13996,19): run-time error CSS1039: Token not allowed after unary operator: '-white-sm'
(14187,42): run-time error CSS1046: Expect comma, found '0'
(14187,46): run-time error CSS1046: Expect comma, found '/'
(14188,34): run-time error CSS1046: Expect comma, found '0'
(14188,38): run-time error CSS1046: Expect comma, found '/'
(14279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14287,19): run-time error CSS1039: Token not allowed after unary operator: '-star-size'
(14295,43): run-time error CSS1039: Token not allowed after unary operator: '-star-background'
(14295,66): run-time error CSS1039: Token not allowed after unary operator: '-percent'
(14295,82): run-time error CSS1039: Token not allowed after unary operator: '-star-color'
(14295,100): run-time error CSS1039: Token not allowed after unary operator: '-percent'
(15190,31): run-time error CSS1046: Expect comma, found '0'
(15190,35): run-time error CSS1046: Expect comma, found '/'
(15304,46): run-time error CSS1046: Expect comma, found '0'
(15304,50): run-time error CSS1046: Expect comma, found '/'
(15305,38): run-time error CSS1046: Expect comma, found '0'
(15305,42): run-time error CSS1046: Expect comma, found '/'
(15358,46): run-time error CSS1046: Expect comma, found '0'
(15358,50): run-time error CSS1046: Expect comma, found '/'
(15359,38): run-time error CSS1046: Expect comma, found '0'
(15359,42): run-time error CSS1046: Expect comma, found '/'
(15376,46): run-time error CSS1046: Expect comma, found '0'
(15376,50): run-time error CSS1046: Expect comma, found '/'
(15377,38): run-time error CSS1046: Expect comma, found '0'
(15377,42): run-time error CSS1046: Expect comma, found '/'
(15394,46): run-time error CSS1046: Expect comma, found '0'
(15394,50): run-time error CSS1046: Expect comma, found '/'
(15395,38): run-time error CSS1046: Expect comma, found '0'
(15395,42): run-time error CSS1046: Expect comma, found '/'
(15540,42): run-time error CSS1046: Expect comma, found '0'
(15540,46): run-time error CSS1046: Expect comma, found '/'
(15541,34): run-time error CSS1046: Expect comma, found '0'
(15541,38): run-time error CSS1046: Expect comma, found '/'
(15617,19): run-time error CSS1039: Token not allowed after unary operator: '-white-sm'
(15730,34): run-time error CSS1046: Expect comma, found '0'
(15730,38): run-time error CSS1046: Expect comma, found '/'
(16793,34): run-time error CSS1046: Expect comma, found '0'
(16793,38): run-time error CSS1046: Expect comma, found '/'
(17643,44): run-time error CSS1046: Expect comma, found '0'
(17643,48): run-time error CSS1046: Expect comma, found '/'
(17644,36): run-time error CSS1046: Expect comma, found '0'
(17644,40): run-time error CSS1046: Expect comma, found '/'
(19183,44): run-time error CSS1046: Expect comma, found '0'
(19183,48): run-time error CSS1046: Expect comma, found '/'
(19184,36): run-time error CSS1046: Expect comma, found '0'
(19184,40): run-time error CSS1046: Expect comma, found '/'
(24515,41): run-time error CSS1046: Expect comma, found '0'
(24515,45): run-time error CSS1046: Expect comma, found '/'
(24516,48): run-time error CSS1046: Expect comma, found '0'
(24516,52): run-time error CSS1046: Expect comma, found '/'
 */
/* ==========================================================================
   =CssReset
   ========================================================================== */

	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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	/* HTML5 display-role reset for older browsers */
	
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	section,
	summary {
		display: block;
	}
	
	
	body { line-height: 1; }
	
	ol, 
	ul {
		list-style: none;
	}
	
	blockquote, 
	q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after {
		content: '';
		content: none;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	/**
	 * 1. Correct `inline-block` display not defined in IE 8/9.
	 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
	 */

	audio,
	canvas,
	progress,
	video {
		display: inline-block; /* 1 */
		vertical-align: baseline; /* 2 */
	}

	/**
	 * Prevent modern browsers from displaying `audio` without controls.
	 * Remove excess height in iOS 5 devices.
	 */

	audio:not([controls]) {
		display: none;
		height: 0;
	}

	/**
	 * Address `[hidden]` styling not present in IE 8/9/10.
	 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
	 */

	[hidden],
	template {
		display: none;
	}
	
	/**
	 * 1. Address margins set differently in Firefox 4+, Safari, and Chrome.
	 * 2. Correct color not being inherited.
	 *    Known issue: affects color of disabled elements.
	 * 3. Correct font properties not being inherited.
	 */

	button,
	input,
	optgroup,
	select,
	textarea {
		padding: 0;
		margin: 0; 		/* 1 */
	  	color: inherit; /* 2 */
	  	font: inherit;  /* 3 */
	}

	/**
	 * Address `overflow` set to `hidden` in IE 8/9/10/11.
	 */

	button { overflow: visible; }

	/**
	 * Address inconsistent `text-transform` inheritance for `button` and `select`.
	 * All other form control elements do not inherit `text-transform` values.
	 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
	 * Correct `select` style inheritance in Firefox.
	 */

	button,
	select {
		text-transform: none;
	}

	/**
	 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
	 *    and `video` controls.
	 * 2. Correct inability to style clickable `input` types in iOS.
	 * 3. Improve usability and consistency of cursor style between image-type
	 *    `input` and others.
	 */

	button,
	html input[type="button"], 		  /* 1 */
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button;   /* 2 */
		cursor: pointer; 			  /* 3 */
	}

	/**
	 * Re-set default cursor for disabled elements.
	 */

	button[disabled],
	html input[disabled] {
		cursor: default;
	}

	/**
	 * Remove inner padding and border in Firefox 4+.
	 */

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	/**
	 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
	 * the UA stylesheet.
	 */

	input { line-height: normal; }

	/**
	 * It's recommended that you don't attempt to style these elements.
	 * Firefox's implementation doesn't respect box-sizing, padding, or width.
	 *
	 * 1. Address box sizing set to `content-box` in IE 8/9/10.
	 * 2. Remove excess padding in IE 8/9/10.
	 */

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; 			/* 2 */
	}

	/**
	 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
	 * `font-size` values of the `input`, it causes the cursor style of the
	 * decrement button to change from `default` to `text`.
	 */

	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
		height: auto;
	}

	/**
	 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
	 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
	 *    (include `-moz` to future-proof).
	 */

	input[type="search"] {
		-webkit-appearance: textfield; 		/* 1 */
		-webkit-box-sizing: content-box;    /* 2 */
		   -moz-box-sizing: content-box;
				box-sizing: content-box;
	}

	/**
	 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
	 * Safari (but not Chrome) clips the cancel button when the search input has
	 * padding (and `textfield` appearance).
	 */

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
	 * 1. Always force vertical scroll
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
	 * 3. For animations
	 */
	
	html { 
		overflow-y: scroll; 					 /* 1 */ 
		-ms-text-size-adjust: 100%; 			 /* 2 */
    	-webkit-text-size-adjust: 100%;			 /* 2 */
		-webkit-font-smoothing: antialiased; 
		overflow-x: hidden; 					 /* 3 */
	}
/* ==========================================================================
   =Base grid
   ========================================================================== */

	.container ,
	.container-fluid {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.container {
		padding-right: 15px;
		padding-left: 15px;
	}

	.row {
		position: relative;
		margin-right: -15px;
		margin-left: -15px;
	}

	/**
 	 * Automatically Clear Fix rows
 	 */
	 
	.row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}	
	
	.span1, 
	.span2,
	.span2a,
	.span2p, 
	.span3,
	.span3a,
	.span3A, 
	.span4, 
	.span5, 
	.span6, 
	.span7,
	.span7a,
	.span7R, 
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12 {
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	@media (min-width: 768px) {

		.span1, 
		.span2,
		.span2a, 
		.span3,
		.span3a,
		.span3A, 
		.span4, 
		.span5, 
		.span6, 
		.span7,
		.span7a,
		.span7R, 
		.span8, 
		.span9, 
		.span10, 
		.span11, 
		.span12 {
			float: left;
		}
		
		.span12 { width: 100%; }
		.span11 { width: 91.66666667%; }
		.span10 { width: 83.33333333%; }
		.span9  { width: 75%; }
		.span8  { width: 66.66666667%; }
		.span7  { width: 58.33333333%; }
		.span7a  { width: 48%; }
		.span7R { width:58.33333333%}
		.span6  { width: 50%; }
		.span5  { width: 41.66666667%; }
		.span4  { width: 33.33333333%; }
		.span3  { width: 25%; }
		.span3a  { width: 30%; }
		.span3A  { width: 20%; }
		.span2p{ width:25%;}
		.span2  { width: 16.66666667%; }
		.span2a  { width: 21%; }
		.span1  { width: 8.33333333%;  }
		
		.offset12 { margin-left: 100%; }
		.offset11 { margin-left: 91.66666667%; }
		.offset10 { margin-left: 83.33333333%; }
		.offset9  { margin-left: 75%; }
		.offset8  { margin-left: 66.66666667%; }
		.offset7  { margin-left: 58.33333333%; }
		.offset7R  { margin-left: 58.33333333%; }
		.offset6  { margin-left: 50%; }
		.offset5  { margin-left: 41.66666667%; }
		.offset4  { margin-left: 33.33333333%; }
		.offset3  { margin-left: 25%; }
		.offset3a  { margin-left: 30%; }
		.offset3A  { margin-left: 20%; }
		.offset2p  { margin-left: 25% }
		.offset2  { margin-left: 16.66666667%; }
		.offset2a  { margin-left: 21%; }
		.offset1  { margin-left: 8.33333333%; }
		.offset0  { margin-left: 0%; }

	}

	.visible-phone,
	.visible-tablet,
	.visible-desktop,
	.visible-desktop-large {
		display: none !important;
	}

	.visible-phone-block,
	.visible-phone-inline,
	.visible-phone-inline-block,
	.visible-tablet-block,
	.visible-tablet-inline,
	.visible-tablet-inline-block,
	.visible-desktop-block,
	.visible-desktop-inline,
	.visible-desktop-inline-block,
	.visible-desktop-large-block,
	.visible-desktop-large-inline,
	.visible-desktop-large-inline-block {
		display: none !important;
	}
		
/* ==========================================================================
   =Extra small devices: Phones (< 768px)
   ========================================================================== */

/* =Portrait and landscape
   ========================================================================== */
   
	@media (max-width: 767px) {
		
		.container { width: auto; }
		
		.span1, 
		.span2,
		.span2a,
		.span2p, 
		.span3,
		.span3a,
		.span3A, 
		.span4, 
		.span5, 
		.span6, 
		.span7,
		.span7a,
		.span7R, 
		.span8, 
		.span9, 
		.span10, 
		.span11, 
		.span12 {
			width: 100%;
		}
		
		.visible-phone { display: block !important; }
		table.visible-phone { display: table; }
		tr.visible-phone { display: table-row !important; }
		th.visible-phone,
		td.visible-phone { display: table-cell !important; }

		.visible-phone-block { display: block !important; }
		.visible-phone-inline { display: inline !important; }
		.visible-phone-inline-block { display: inline-block !important; }

		.hidden-phone { display: none !important; }
		
	}
	
/* =Landscape
   ========================================================================== */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		
	}	

/* ==========================================================================
   =Small devices: Tablets (>= 768px)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 991px) {
		
		.container {	width: 750px; }

		.visible-tablet { display: block !important; }
		table.visible-tablet { display: table; }
		tr.visible-tablet { display: table-row !important; }
		th.visible-tablet,
		td.visible-tablet { display: table-cell !important; }

		.visible-tablet-block { display: block !important; }
		.visible-tablet-inline { display: inline !important; }
		.visible-tablet-inline-block { display: inline-block !important; }

		.hidden-tablet { display: none !important; }
		
	}
	
/* ==========================================================================
   =Medium devices: Desktops (>= 992px )
   ========================================================================== */
   
	@media (min-width: 992px) and (max-width: 1199px) {
		
		.container { width: 970px; }
		
		.visible-desktop { display: block !important; }
		table.visible-desktop { display: table; }
		tr.visible-desktop { display: table-row !important; }
		th.visible-desktop,
		td.visible-desktop { display: table-cell !important; }

		.visible-desktop-block { display: block !important; }
		.visible-desktop-inline { display: inline !important; }
		.visible-desktop-inline-block { display: inline-block !important; }

		.hidden-desktop { display: none !important; }
		
	}	

/* ==========================================================================
   =Large devices: Desktops (>= 1200px )
   ========================================================================== */

	@media (min-width: 1200px) {
	
		.container { width: 1170px; }
		
		.visible-desktop-large { display: block !important; }
		table.visible-desktop-large { display: table; }
		tr.visible-desktop-large { display: table-row !important; }
		th.visible-desktop-large,
		td.visible-desktop-large { display: table-cell !important; }

		.visible-desktop-large-block { display: block !important; }
		.visible-desktop-large-inline { display: inline !important; }
		.visible-desktop-large-inline-block { display: inline-block !important; }

		.hidden-desktop-large { display: none !important; }
		
	}

/* ==========================================================================
   =Clearing
   ========================================================================== */

	/**
 	 * Clear Fix hack
	 * Usage:  add  class="fixed"  to div's that have floated elements in them
 	 */
	 
	.fixed:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	/**
 	 * Clear content
	 * Usage:  <br class="clear"> 
 	 */	
	 
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
/* ==========================================================================
   =Typography
   ========================================================================== */
   	 
	body {
		background-color: #fff;
		color: #101010;
		font: 14px "Satoshi-Regular", 'Satoshi-Regular'; 
		line-height: 24px;	
	}
	
	@media (max-width: 767px) {
	
		/**
		 * 1. Hide background on mobile devices
		 */
	 
		body { 
			background: none; 	/* 1 */
			background-color: #FFFFFF; 
		}
		
	}	

	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {
		letter-spacing: -0.03px;
		font-family: 'Satoshi-Regular', Satoshi-Regular;
		font-weight: 400; 
	}
		
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		font-weight: inherit; 
	}
	
	h1 {
		letter-spacing: -0.03px;
		margin-bottom: 14px; 	 
		font-size: 36px; 
		line-height: 62px; 
	}
	
	h2 { 
		letter-spacing: -0.03px;
		margin-bottom: 10px;	
		font-size: 30px; 
		line-height: 51px;  
	}
	
	h3 { 
		margin-bottom: 8px;
		font-size: 24px; 
		line-height: 41px;   
	}
	
	h4 {
		margin-bottom: 4px; 
		font-size: 18px; 
		line-height: 31px;   
	}
	
	h5 { 
		font-size: 14px; 
		line-height: 24px; 
	}
	
	h6 { 
		font-size: 13px; 
		line-height: 21px; 
	}

	p {letter-spacing: -0.02px;
		 margin-bottom: 20px; }
	
	em { font-style: italic; }
	
	strong { font-weight: 700;
		font-family: 'Satoshi-Bold';
		font-style: 'Satoshi-Bold'; }
	
	small { font-size: 90%; }
	
	big { font-size: 125%; }
	
	sub { 
		vertical-align: sub; 
		font-size: 75%; 
	}
	
	sup { 
		vertical-align: super; 
		font-size: 75%; 
	}
	
	abbr[title] {  
		border-bottom: 1px dotted #ccc; 
		cursor: help;
	}
	
	address { 
		display: block; 
		margin-bottom: 20px; 
	}
	
	blockquote {
		position: relative;
		padding:  15px 0 15px 60px;
		font-size: 15px;
		line-height: 1.8;
	}
	
	blockquote:before{ 
		position: absolute;
		top: 0;
		left: 0;		
		font-size: 72px;
		line-height: 1;
		font-family: "Open Sans", sans-serif;
		color: #24bee8;
		content: '“';
	}
	
	hr { 
		height: 0; 
		border: solid #ccc; 
		border-width: 1px 0 0 0;
		margin: 30px 0;
	}

	kbd,
	tt,
	var,
	samp,	
	code, 
	pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
	
	code { 
		padding: 1px 4px;
		border: 1px solid #ccc;
		border-radius: 3px;	
		background-color: #fafafa;  
		color: #d50f25;  
	}
	
	pre { 
		overflow-x: auto; 
		display: block;
		padding: 20px;
		border: 1px solid #ccc;
		border-radius: 3px;		
		margin-bottom: 20px;		
		background-color: #fafafa; 
		white-space: pre-wrap;
	}
	
	mark,
	ins {
		padding: 1px 4px;
		border: 1px solid #ccc;
		border-radius: 3px;	
		background-color: #fafafa; 
		text-decoration: none;
	}
	
	s,
	del { text-decoration: line-through; }
	
	/* Typography Helper Classes */
	
	/**
	 * <div class="hr"></div> acts like an <hr>
	 */
	
	.hr { 
		border-top: 1px solid #ccc;  
		margin: 30px 0;
	}
	
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }
	
	.text-uppercase { text-transform: uppercase; }
	
	.text-highlight { 
		padding: 1px 5px;
		border-radius: 2px;	
		background-color: #24bee8; 
		color: #fff; 
	}

	.mute{ color: #999; }
	
	.no-margin-bottom,
	.last { margin-bottom: 0; }
	
	@media (max-width: 767px) {

		.last { margin-bottom: 20px; }
		
		.text-right { text-align: left; }

	}

/* ==========================================================================
   =Links
   ========================================================================== */
	
	a, 
	a:visited { 
		color: #0069CB; 
		text-decoration: none; 
	}
	
   /**
	* 1. Remove the gray background color from active links in IE 10.
	*/
	
	a:active {
 		background: transparent; /* 1 */
	}
	
	a:active,
	a:hover, 
	a:focus {
		outline: 0; 
		text-decoration: underline;
	}	
	
/* ==========================================================================
   =Lists
   ========================================================================== */
	
	ul, 
	ol { 
		margin-bottom: 20px;
		list-style-position: inside; 
	}
	 
	li > ul, 
	li > ol { 
		margin-bottom: 0; 
		margin-left: 30px; 
	}
	
	li {}
	
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	
	dl { margin-bottom: 20px; }

	dt { font-weight: bold; }

	dd  { margin-bottom: 20px; }
	
	/* List Helper Classes */

	ul.last,
	ol.last,
	dl.last { margin-bottom: 0; }
	
	@media (max-width: 767px) {

		ul.last, 
		ol.last { margin-bottom: 20px; }
		
	}
	
/* =Custom lists
   ========================================================================== */	

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */
	 
	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */
	
	/**
 	 * FontAwesome lists
 	 *
	 * 1. Check list
	 * 2. Plus list
	 * 3. Pin list
	 *
	 */
	 
	ul.check,					/* 1 */
	ul.plus,						/* 2 */
	ul.pin { list-style: none; }	/* 3 */
	
	ul.check li,
	ul.plus li,
	ul.pin li { 
		padding: 10px 0;
	}
	
	ul.check li:before,
	ul.plus li:before,
	ul.pin li:before { 
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 8px;
		color: #002855;
		font-family: 'Satoshi-Regular';
		font-size: 10px;
		font-style: normal;
	}
	
	ul.check li:before { content: "\f00c"; }
	ul.plus li:before { content: "\f067"; }
	ul.pin li:before { content: "\f08d"; }	
	
	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Disc list
	 *
	 */
	
	ul.arrow { list-style: none; }	/* 1 */
	
	ul.arrow li:before { 
		position: relative;
		top: 0;
		width: auto;
		height: auto;
		margin-right: 8px;
		font-family: 'iconfontcustom';
		font-size: 12px;
		font-weight: 400;
		color: #24bee8;
	}
	
	ul.arrow li:before { content: "\e7b0"; }	
	

/* ==========================================================================
   =Images
   ========================================================================== */
	
	img { 
		max-width: 100%;
		height: auto;
		border: none; 
		vertical-align: middle;
	}
	#integration-slider img{
		margin-top: 22px;
	}
	#our-partners img{
	   margin-top: 22px;
	}
/* ==========================================================================
   =Tables
   ========================================================================== */

	table,
	th,
	td { border: 1px solid #ccc; }

	/**
	 * 1. Prevents HTML tables from becoming too wide
	 */

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 20px;
		table-layout: fixed; 	/* 1 */
		width: 100%;
	}

	caption,
	th,
	td {
		font-weight: normal;
		text-align: left;
	}

	caption { margin-bottom: 20px; }
	
	th {
		border-width: 0 1px 1px 0;
		font-weight: 700;
	}

	td { border-width: 0 1px 1px 0; }

	th, 
	td { padding: 8px; }
	
	@media (max-width: 480px) {
	
		/**
		 * Force table to not be like tables anymore
		 */
		 
		table, 
		thead, 
		tbody, 
		th, 
		td, 
		tr { display: block; }

		/**
		 * Hide table headers
		 */
	
		th{ 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr {}
		
		td:first-child { border-top: none !important; }
	  
	}
	
/* ==========================================================================
   =Forms
   ========================================================================== */

	form {}
	
	fieldset {
		padding: 20px 0;
		margin-bottom: 30px;
	}

	fieldset legend {
		padding: 0 10px;
		margin: 0;
		margin-left: -2px;
		background: #fff;
		font-weight: 700;								
	}
	
	::-moz-placeholder,
	::-webkit-input-placeholder,
	:-ms-input-placeholder {
		color: #999;
	}
	
	label {
		display: block;
		margin-bottom: 5px;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="week"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="color"],
	textarea {
		display: block;
		width: 100%;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			    box-sizing: border-box;
		padding: 10px 15px;		
		border: 1px solid #ccc;
		margin-bottom: 20px;
		background-color: transparent;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="color"]:focus,
	textarea:focus {
		border-color: #aaa;
		outline: none;
	}

	input[type="text"]:disabled,
	input[type="password"]:disabled,
	input[type="date"]:disabled,
	input[type="datetime"]:disabled,
	input[type="datetime-local"]:disabled,
	input[type="month"]:disabled,
	input[type="week"]:disabled,
	input[type="email"]:disabled,
	input[type="number"]:disabled,
	input[type="search"]:disabled,
	input[type="tel"]:disabled,
	input[type="time"]:disabled,
	input[type="url"]:disabled,
	input[type="color"]:disabled,
	textarea:disabled {
		background-color: #f7f7f7;
		cursor: not-allowed;
	}

	input[type="text"][disabled],
	input[type="text"][readonly],
	fieldset[disabled] input[type="text"],
	input[type="password"][disabled],
	input[type="password"][readonly],
	fieldset[disabled] input[type="password"],
	input[type="date"][disabled],
	input[type="date"][readonly],
	fieldset[disabled] input[type="date"],
	input[type="datetime"][disabled],
	input[type="datetime"][readonly],
	fieldset[disabled] input[type="datetime"],
	input[type="datetime-local"][disabled],
	input[type="datetime-local"][readonly],
	fieldset[disabled] input[type="datetime-local"],
	input[type="month"][disabled],
	input[type="month"][readonly],
	fieldset[disabled] input[type="month"],
	input[type="week"][disabled],
	input[type="week"][readonly],
	fieldset[disabled] input[type="week"],
	input[type="email"][disabled],
	input[type="email"][readonly],
	fieldset[disabled] input[type="email"],
	input[type="number"][disabled],
	input[type="number"][readonly],
	fieldset[disabled] input[type="number"],
	input[type="search"][disabled],
	input[type="search"][readonly],
	fieldset[disabled] input[type="search"],
	input[type="tel"][disabled],
	input[type="tel"][readonly],
	fieldset[disabled] input[type="tel"],
	input[type="time"][disabled],
	input[type="time"][readonly],
	fieldset[disabled] input[type="time"],
	input[type="url"][disabled],
	input[type="url"][readonly],
	fieldset[disabled] input[type="url"],
	input[type="color"][disabled],
	input[type="color"][readonly],
	fieldset[disabled] input[type="color"],
	textarea[disabled],
	textarea[readonly],
	fieldset[disabled] textarea {
		background-color: #f7f7f7;
		cursor: not-allowed;
	}

	textarea[rows] { height: auto; }

	select {
		height: 40px;
		width: 100%;
		border: 1px solid #ccc;
		background-color: #fff;
		color: #101010;
		-webkit-appearance: none !important;
	}

	select:disabled {
		background-color: #f7f7f7;
		cursor: not-allowed;
	}
	
	select:focus { border-color: #aaa; }

	select[multiple] { height: auto; }

	input[type="file"],
	input[type="checkbox"],
	input[type="radio"],
	select {
		margin: 0 0 10px;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
		margin-left: 5px;
		vertical-align: baseline;
	}

	input[type="file"] { width: 100%; }
	
	button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"]{
		position: relative;
		display: inline-block;
		padding: 20px 40px;
		border: 1px solid #24BEE8;
		background-color: #24BEE8;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
				background-clip: padding-box;
		font-size: 12px;
		line-height: 18px;
		font-family: Satoshi-Regular, sans-serif;
		text-decoration: none !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		vertical-align: middle;
		color: #fff;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-appearance: none;
	}
	
	
/* =Responsive Form Inputs
   ========================================================================== */
	
	/**
	 * 1. Reset float inherited from .span*	
 	 * 2. Change padding inherited from .span* with the one set in base.css for inputs
 	 */
	 
	button[class*="span"],
	input[type="reset"][class*="span"],
	input[type="submit"][class*="span"],
	input[type="button"][class*="span"],
	input[type="range"][class*="span"],
	input[type="color"][class*="span"],
	input[type="text"][class*="span"],
	input[type="password"][class*="span"],
	input[type="date"][class*="span"],
	input[type="datetime"][class*="span"],
	input[type="datetime-local"][class*="span"],
	input[type="month"][class*="span"],
	input[type="week"][class*="span"],
	input[type="email"][class*="span"],
	input[type="number"][class*="span"],
	input[type="search"][class*="span"],
	input[type="tel"][class*="span"],
	input[type="time"][class*="span"],
	input[type="url"][class*="span"],
	textarea[class*="span"],
	select[class*="span"] {
		float: none; 		/* 1 */
		padding: 6px 10px;  /* 2 */
	}
	
	@media (min-width: 767px) {
	
		button.span12,
		input[type="range"].span12,
		input[type="color"].span12,
		input[type="reset"].span12,
		input[type="submit"].span12,
		input[type="button"].span12,
		input[type="text"].span12,
		input[type="password"].span12,
		input[type="date"].span12,
		input[type="datetime"].span12,
		input[type="datetime-local"].span12,
		input[type="month"].span12,
		input[type="week"].span12,
		input[type="email"].span12,
		input[type="number"].span12,
		input[type="search"].span12,
		input[type="tel"].span12,
		input[type="time"].span12,
		input[type="url"].span12,
		textarea.span12,
		select.span12 { width: 100%; }
		
		button.span11,
		input[type="range"].span11,
		input[type="color"].span11,
		input[type="reset"].span11,
		input[type="submit"].span11,
		input[type="button"].span11,
		input[type="text"].span11,
		input[type="password"].span11,
		input[type="date"].span11,
		input[type="datetime"].span11,
		input[type="datetime-local"].span11,
		input[type="month"].span11,
		input[type="week"].span11,
		input[type="email"].span11,
		input[type="number"].span11,
		input[type="search"].span11,
		input[type="tel"].span11,
		input[type="time"].span11,
		input[type="url"].span11,
		textarea.span11,
		select.span11 { width: 91.66666667%; }
		
		button.span10,
		input[type="range"].span10,
		input[type="color"].span10,
		input[type="reset"].span10,
		input[type="submit"].span10,
		input[type="button"].span10,
		input[type="text"].span10,
		input[type="password"].span10,
		input[type="date"].span10,
		input[type="datetime"].span10,
		input[type="datetime-local"].span10,
		input[type="month"].span10,
		input[type="week"].span10,
		input[type="email"].span10,
		input[type="number"].span10,
		input[type="search"].span10,
		input[type="tel"].span10,
		input[type="time"].span10,
		input[type="url"].span10,
		textarea.span10,
		select.span10 { width: 83.33333333%; }
		
		button.span9,
		input[type="range"].span9,
		input[type="color"].span9,
		input[type="reset"].span9,
		input[type="submit"].span9,
		input[type="button"].span9,
		input[type="text"].span9,
		input[type="password"].span9,
		input[type="date"].span9,
		input[type="datetime"].span9,
		input[type="datetime-local"].span9,
		input[type="month"].span9,
		input[type="week"].span9,
		input[type="email"].span9,
		input[type="number"].span9,
		input[type="search"].span9,
		input[type="tel"].span9,
		input[type="time"].span9,
		input[type="url"].span9,
		textarea.span9,
		select.span9 { width: 75%; }
		
		button.span8,
		input[type="range"].span8,
		input[type="color"].span8,
		input[type="reset"].span8,
		input[type="submit"].span8,
		input[type="button"].span8,
		input[type="text"].span8,
		input[type="password"].span8,
		input[type="date"].span8,
		input[type="datetime"].span8,
		input[type="datetime-local"].span8,
		input[type="month"].span8,
		input[type="week"].span8,
		input[type="email"].span8,
		input[type="number"].span8,
		input[type="search"].span8,
		input[type="tel"].span8,
		input[type="time"].span8,
		input[type="url"].span8,
		textarea.span8,
		select.span8 { width: 66.66666667%; }
		
		button.span7,
		input[type="range"].span7,
		input[type="color"].span7,
		input[type="reset"].span7,
		input[type="submit"].span7,
		input[type="button"].span7,
		input[type="text"].span7,
		input[type="password"].span7,
		input[type="date"].span7,
		input[type="datetime"].span7,
		input[type="datetime-local"].span7,
		input[type="month"].span7,
		input[type="week"].span7,
		input[type="email"].span7,
		input[type="number"].span7,
		input[type="search"].span7,
		input[type="tel"].span7,
		input[type="time"].span7,
		input[type="url"].span7,
		textarea.span7,
		select.span7 { width: 58.33333333%; }
		button.span7R,
		input[type="range"].span7R,
		input[type="color"].span7R,
		input[type="reset"].span7R,
		input[type="submit"].span7R,
		input[type="button"].span7R,
		input[type="text"].span7R,
		input[type="password"].span7R,
		input[type="date"].span7R,
		input[type="datetime"].span7R,
		input[type="datetime-local"].span7R,
		input[type="month"].span7R,
		input[type="week"].span7R,
		input[type="email"].span7R,
		input[type="number"].span7R,
		input[type="search"].span7R,
		input[type="tel"].span7R,
		input[type="time"].span7R,
		input[type="url"].span7R,
		textarea.span7R,
		select.span7R { width: 58.33333333%; }
		button.span7a,
		input[type="range"].span7a,
		input[type="color"].span7a,
		input[type="reset"].span7a,
		input[type="submit"].span7a,
		input[type="button"].span7a,
		input[type="text"].span7a,
		input[type="password"].span7a,
		input[type="date"].span7a,
		input[type="datetime"].span7a,
		input[type="datetime-local"].span7a,
		input[type="month"].span7a,
		input[type="week"].span7a,
		input[type="email"].span7a,
		input[type="number"].span7a,
		input[type="search"].span7a,
		input[type="tel"].span7a,
		input[type="time"].span7a,
		input[type="url"].span7a,
		textarea.span7a,
		select.span7a { width: 48%; }
		
		button.span6,
		input[type="range"].span6,
		input[type="color"].span6,
		input[type="reset"].span6,
		input[type="submit"].span6,
		input[type="button"].span6,
		input[type="text"].span6,
		input[type="password"].span6,
		input[type="date"].span6,
		input[type="datetime"].span6,
		input[type="datetime-local"].span6,
		input[type="month"].span6,
		input[type="week"].span6,
		input[type="email"].span6,
		input[type="number"].span6,
		input[type="search"].span6,
		input[type="tel"].span6,
		input[type="time"].span6,
		input[type="url"].span6,
		textarea.span6,
		select.span6 { width: 50%; }
		
		button.span5,
		input[type="range"].span5,
		input[type="color"].span5,
		input[type="reset"].span5,
		input[type="submit"].span5,
		input[type="button"].span5,
		input[type="text"].span5,
		input[type="password"].span5,
		input[type="date"].span5,
		input[type="datetime"].span5,
		input[type="datetime-local"].span5,
		input[type="month"].span5,
		input[type="week"].span5,
		input[type="email"].span5,
		input[type="number"].span5,
		input[type="search"].span5,
		input[type="tel"].span5,
		input[type="time"].span5,
		input[type="url"].span5,
		textarea.span5,
		select.span5 { width: 41.66666667%; }
		
		button.span4,
		input[type="range"].span4,
		input[type="color"].span4,
		input[type="reset"].span4,
		input[type="submit"].span4,
		input[type="button"].span4,
		input[type="text"].span4,
		input[type="password"].span4,
		input[type="date"].span4,
		input[type="datetime"].span4,
		input[type="datetime-local"].span4,
		input[type="month"].span4,
		input[type="week"].span4,
		input[type="email"].span4,
		input[type="number"].span4,
		input[type="search"].span4,
		input[type="tel"].span4,
		input[type="time"].span4,
		input[type="url"].span4,
		textarea.span4,
		select.span4 { width: 33.33333333%; }
		
		button.span3,
		input[type="range"].span3,
		input[type="color"].span3,
		input[type="reset"].span3,
		input[type="submit"].span3,
		input[type="button"].span3,
		input[type="text"].span3,
		input[type="password"].span3,
		input[type="date"].span3,
		input[type="datetime"].span3,
		input[type="datetime-local"].span3,
		input[type="month"].span3,
		input[type="week"].span3,
		input[type="email"].span3,
		input[type="number"].span3,
		input[type="search"].span3,
		input[type="tel"].span3,
		input[type="time"].span3,
		input[type="url"].span3,
		textarea.span3,
		select.span3 { width: 25%; }

		button.span3a,
		input[type="range"].span3a,
		input[type="color"].span3a,
		input[type="reset"].span3a,
		input[type="submit"].span3a,
		input[type="button"].span3a,
		input[type="text"].span3a,
		input[type="password"].span3a,
		input[type="date"].span3a,
		input[type="datetime"].span3a,
		input[type="datetime-local"].span3a,
		input[type="month"].span3a,
		input[type="week"].span3a,
		input[type="email"].span3a,
		input[type="number"].span3a,
		input[type="search"].span3a,
		input[type="tel"].span3a,
		input[type="time"].span3a,
		input[type="url"].span3a,
		textarea.span3a,
		select.span3a { width: 30%; }

		button.span3A,
		input[type="range"].span3A,
		input[type="color"].span3A,
		input[type="reset"].span3A,
		input[type="submit"].span3A,
		input[type="button"].span3A,
		input[type="text"].span3A,
		input[type="password"].span3A,
		input[type="date"].span3A,
		input[type="datetime"].span3A,
		input[type="datetime-local"].span3A,
		input[type="month"].span3A,
		input[type="week"].span3A,
		input[type="email"].span3A,
		input[type="number"].span3A,
		input[type="search"].span3A,
		input[type="tel"].span3A,
		input[type="time"].span3A,
		input[type="url"].span3A,
		textarea.span3A,
		select.span3A { width: 20%; }
		
		button.span2,
		input[type="range"].span2,
		input[type="color"].span2,
		input[type="reset"].span2,
		input[type="submit"].span2,
		input[type="button"].span2,
		input[type="text"].span2,
		input[type="password"].span2,
		input[type="date"].span2,
		input[type="datetime"].span2,
		input[type="datetime-local"].span2,
		input[type="month"].span2,
		input[type="week"].span2,
		input[type="email"].span2,
		input[type="number"].span2,
		input[type="search"].span2,
		input[type="tel"].span2,
		input[type="time"].span2,
		input[type="url"].span2,
		textarea.span2,
		select.span2 { width: 16.66666667%; }

		button.span2a,
		input[type="range"].span2a,
		input[type="color"].span2a,
		input[type="reset"].span2a,
		input[type="submit"].span2a,
		input[type="button"].span2a,
		input[type="text"].span2a,
		input[type="password"].span2a,
		input[type="date"].span2a,
		input[type="datetime"].span2a,
		input[type="datetime-local"].span2a,
		input[type="month"].span2a,
		input[type="week"].span2a,
		input[type="email"].span2a,
		input[type="number"].span2a,
		input[type="search"].span2a,
		input[type="tel"].span2a,
		input[type="time"].span2a,
		input[type="url"].span2a,
		textarea.span2a,
		select.span2a { width: 21%; }

		button.span2p,
		input[type="range"].span2p,
		input[type="color"].span2p,
		input[type="reset"].span2p,
		input[type="submit"].span2p,
		input[type="button"].span2p,
		input[type="text"].span2p,
		input[type="password"].span2p,
		input[type="date"].span2p,
		input[type="datetime"].span2p,
		input[type="datetime-local"].span2p,
		input[type="month"].span2p,
		input[type="week"].span2p,
		input[type="email"].span2p,
		input[type="number"].span2p,
		input[type="search"].span2p,
		input[type="tel"].span2p,
		input[type="time"].span2p,
		input[type="url"].span2p,
		textarea.span2p,
		select.span2p { width: 25%; }
		
		button.span1,
		input[type="range"].span1,
		input[type="color"].span1,
		input[type="reset"].span1,
		input[type="submit"].span1,
		input[type="button"].span1,
		input[type="text"].span1,
		input[type="password"].span1,
		input[type="date"].span1,
		input[type="datetime"].span1,
		input[type="datetime-local"].span1,
		input[type="month"].span1,
		input[type="week"].span1,
		input[type="email"].span1,
		input[type="number"].span1,
		input[type="search"].span1,
		input[type="tel"].span1,
		input[type="time"].span1,
		input[type="url"].span1,
		textarea.span1,
		select.span1 { width: 8.33333333%; }
		
	}	
/* ==========================================================================
   =Wrap
   ========================================================================== */

	#wrap {
		position: relative;
		background-color: #fff;
	}
	
	@media (max-width: 767px) {

		#wrap {}

	}
   
/* ==========================================================================
   =Header 
   ========================================================================== */
   	
	#header { margin: 0 auto;	}
	
	@media (max-width: 767px) {
	
		#header { 
            padding: 50px 0; 
       		background-color: rgba(0, 105, 203, 0.95);
		}
	
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	
		#header { 
            padding: 50px 0; 
       		background-color: rgba(0, 105, 203, 0.95);
		}
	
	}
	
	@media (min-width: 991px) and (max-width: 1199px) {
		
		#header { 
            padding: 75px 0 50px; 
       		background-color: rgba(0, 105, 203, 0.95);
		}
		
	}
	
/* ==========================================================================
   =Logo
   ========================================================================== */
   
	#logo { padding-left:5em;  }
	
	/**
	 * 1. displaying the <a> inline-block makes it depends on the size of it's children
	 *    we add max-width:100% to tell it not that it shouldn't extend beyond the size of it's
	 *    parent if it's child is very large eg a 1000x1000 logo img
	 */
	
	#logo a {
		display: inline-block;
		max-width: 100%; 	/* 1 */
	}
	
	#logo img { display: block; }	
	
	@media (max-width: 767px) {

		/**
		 * 1. on mobile devices logo padding right needs to be the width of the
		 *	  mobile menu trigger + some spacing so as to not let the logo <a>
		 *    overlap the mobile menu trigger
		 */
	
		#logo {  
			padding-right: 50px; 	/* 1 */
		}
		
	}
	
/* ==========================================================================
   =Menu 
   ========================================================================== */

/* =Menu Basics
   ========================================================================== */
   
	.sf-menu,
	.sf-menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-menu > li { float: left; }

	.sf-menu > li > a {
		position: relative;
		display: block;
	}
	
	/**
 	 * 1. z-index is 1025 because the sticky menu is 1020
 	 */
	
	.sf-menu .sf-mega,
	.sf-menu li.dropdown ul {
		position: absolute;
		z-index: 1025;		/* 1 */
		top: 100%;
		left: 0;
		display: none;		
	}
	
	.sf-menu li.dropdown { position: relative; }
		
	.sf-menu li.dropdown ul ul {
		top: -1px;
		left: 100%;
	}
	
	.sf-menu li:hover > .sf-mega,
	.sf-menu li.sfHover > .sf-mega,
	.sf-menu li.dropdown:hover > ul,
	.sf-menu li.dropdown.sfHover > ul { display: block; }

/* =Menu Skin
   ========================================================================== */
	
	.sf-menu { float: right; } 
	
	.sf-menu a {
		display: block;
		padding: 10px 20px;
		color: #111; 
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.02em;
		font-family: "Satoshi-Regular", Satoshi-Regular;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.sf-menu li.dropdown a {}
	
	.sf-menu li:last-child > a { border-bottom: none; }
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		padding: 5px 15px 25px;
		border: none;
		color: #111;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.02em;
		font-family: "Satoshi-Regular", Satoshi-Regular;
		text-transform: uppercase;	
	}
	
	.sf-menu > li a i { margin-right: 5px; }
	
	.sf-menu > li.current > a,
	.sf-menu li.sfHover > a,
	.sf-menu a:hover,
	.sf-menu li.sfHover a:hover {
		color: #0069CB;
		text-decoration: none;	
	}

/* =DropDown
   ========================================================================== */
	
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu li.dropdown ul {
		min-width: 200px; 	/* 1 */
		border: 1px solid rgba(0, 0, 0, 0.1);	
		background-color: #fff;			
	}

	.sf-menu > li.dropdown > ul { 
		padding: 10px 0;
		border-top: 2px solid #0069CB; 
	}
	
	.sf-menu > li.dropdown > ul  ul { 
		padding: 10px 0;
		border-top: 2px solid #0069CB; 		
	}
		
		
/* =Mega Menu Section
   ========================================================================== */
	
	.sf-mega {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 15px 0;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 2px solid #0069CB;	
		background-color: #fff;
	}

	.sf-mega-section {
		float: left;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0;
	}
	
	.sf-mega-section:last-child { border-right: none; }

	/**
 	 * 1. set mega menu section size, as a percentage of the mega menu width
 	 */
	
	.sf-mega.sf-mega-1-col .sf-mega-section{ width: 100%; } /* 1 */
	
	.sf-mega.sf-mega-2-col .sf-mega-section{ width: 50%; }
	
	.sf-mega.sf-mega-3-col .sf-mega-section{ width: 33.3333333333%; }
	
	.sf-mega.sf-mega-4-col .sf-mega-section{ width: 25%; }
	
/* =Menu Arrows
   ========================================================================== */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 0;
		display: none;
		width: 0;
		height: 0;
		border: 4px solid transparent;
		border-top-color: #999;
		margin-top: 0;
		content: "";
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
		
	.sf-arrows ul .sf-with-ul:after {
		display: block;
		border-color: transparent;
		border-left-color: #999;
		margin-top: -4px;
		margin-right: 15px;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }
	
	@media (min-width: 768px) and (max-width: 991px) {

		#menu { display: none; }

	}
	
	@media (max-width: 767px) {

		#menu { display: none; }
	
	}
	
/* ==========================================================================
   =Mobile Menu 
   ========================================================================== */
			
	#mobile-menu {
		border-bottom: 1px solid #fff;
		background-color: #0069CB;		
		margin-bottom: 0;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}
	
	#mobile-menu .sf-mega {
		display: none;
		padding: 0;
		border: none;
		margin: 0;
	}
	
	#mobile-menu .sf-mega-section {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	
	#mobile-menu .sf-mega-section ul { 
		margin-bottom: 0;
		margin-left: 0; 		
		background-color: #0069CB;		
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #fff;
		color: #fff;
		font-family: "Satoshi-Regular", Satoshi-Regular;
		font-size: 13px;
		text-align: left;
		line-height: 16px;
		text-decoration: none;
	}
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 100%;
		border-left: 1px solid #e0e0e0;
		color: #fff;
		font-size: 20px;
		font-family: "Satoshi-Regular", Satoshi-Regular;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #17acd4; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }

/* ==========================================================================
   =Mobile menu trigger
   ========================================================================== */
				
	#mobile-menu-trigger { 
		float: right;
		display: none;
		font-size: 28px;
	}

	@media (min-width: 768px) and (max-width: 991px) {

		#mobile-menu-trigger { 
			display: block;
			margin-top: 0;
			margin-right: 1em;
		}	

	}

	@media (max-width: 767px) {

		#mobile-menu-trigger { 
			position: absolute;
			right: 15px;
			top: -12px;
			display: block;
			padding: 10px;
			margin-top: 0;
		}

	}

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#mobile-menu-trigger {}
	
	}		

/* ==========================================================================
   =Sticky Header
   ========================================================================== */

	@media (min-width: 1200px) {
		
		/**
		 * 1. The height of the #header-wrap can be increased or decreased to accommodate the logo
		 */
		 
		#header-wrap {
			position: relative;
			height: 54px; /* 1 */
			padding: 25px 0 25px;
			background-color:#0069CB;
		}
		
		#header {
			/* position: absolute;
			top: 75px; */
			right: 0;
			left: 0;
			margin: 0 auto; 
		}
		
		/**
		 * 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
		 */
		
		#header.stuck {
			position: fixed;
			z-index: 1020; /* 1 */
			top: 0;
			width: 100%;
			padding: 15px 0 0 0;
			margin: 0 auto;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);			
			background-color: rgba(0, 105, 203, 0.95);
			-webkit-transition: padding 0.6s;
					transition: padding 0.6s;
		}
		
		#header.stuck #logo { padding: 0 0 7px 5em; }
		
		#header.stuck .sf-menu > li > a,
		#header.stuck .sf-menu > li.dropdown > a { padding: 15px 15px 30px; }	
	
	}
	
/* ==========================================================================
   =Page Header
   ========================================================================== */
   	
	#page-header { 
		padding: 75px 0;
		margin-bottom: 100px;
		background-color: #FFFFFF; 
	}
	
	#page-header h3 { 
		margin-bottom: 0; 
		color: #002855;
		letter-spacing: -0.03px;
	}
	
	#page-header h5 { 
		margin-bottom: 0; 
		color: #002855;
		text-transform: capitalize;
	}
	#page-headerP { 
		padding: 75px 0;
		margin-bottom: 5px;
		background-color: #FFFFFF; 
	}
	
	#page-headerP h3 { 
		margin-bottom: 0; 
		color: #002855;
		letter-spacing: -0.03em;
	}
	
	#page-headerP h5 { 
		margin-bottom: 0; 
		color: #002855;
		text-transform: none;
		letter-spacing: -0.03em;
	}
	#page-headerD { 
		padding: 75px 0;
		margin-bottom: 5px;
		background-color: #FFFFFF; 
	}
	#page-headerD h3 { 
		margin-bottom: 0; 
		color: #002855;
		letter-spacing: -0.03em;
	}
	
	#page-headerD h5 { 
		margin-bottom: 0; 
		color: #002855;
		text-transform: none;
		letter-spacing: -0.03em;
	}
	#page-headerD1 { 
		padding: 75px 0;
		margin-bottom: 5px;
		background-color: #FFFFFF; 
	}
	#page-headerD1 h3 { 
		margin-bottom: 0; 
		color: #002855;
		letter-spacing: -0.03em;
	}
	
	#page-headerD1 h5 { 
		margin-bottom: 0; 
		color: #002855;
		text-transform: none;
		letter-spacing: -0.03em;
	}
/* ==========================================================================
   =Page Callout
   ========================================================================== */

	.page-callout { 
		padding: 20px 0;
		background-color: #FB471F; 
	}
	
    .page-callout h2 {
        text-align:center;
    }

    .page-callout h4 {
        text-align:center;
    }

	.page-callout h3 { 
		margin-bottom: 0; 
		color: #fff;
		letter-spacing: 3px;
	}
	
	.page-callout h5 { 
		margin-bottom: 0; 
		color: #fff;
		text-transform: none;
	}

/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
   
    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */
	 
   .fullwidth-section {
		position: relative;
		overflow: hidden;
		z-index: 0;	
		padding: 30px 0;
		margin-bottom: 30px;
		color: #fff;
		background-color:#002855;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */ 
		background-position: 50% 0;		
	}
	
	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}
   
   	.fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;	
	}
	
	.fullwidth-section-video {
		position: absolute;
		overflow: hidden;
		z-index: 1;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
#bg-circle {
	padding: 0 0;
	margin: 0 0 0 0;
	background: #FCFBFA;
	background-size: 50% 100%;
	color: #101010;
}

	#bg-2 .btn {
		margin: 40px 0 0;
		color: #fff;
	}
	
	#bg-2 { 
		margin: 0 0 0 0;
		padding: 110px 0;
		background: transparent;
		color: #101010;
		text-align: right;
	}
	
	#bg-2 .headline { padding-top: 40px; }
	
	#bg-7 {
		padding: 110px 0 50px;
		margin: 10px 0 0;
		background-color: #FCFBFA;
		color: #101010;
	}
	
	#bg-11 {
		padding: 70px 0;
		margin: 110px 0;
		background-color: #0069CB;
	}
	
	#bg-11 ul { list-style-type: none; }
	
	#bg-11 ul li {
		display: inline-block;
		width: 19%;
		text-align: center;
	}

	#bg-16 {		
		padding: 0;
		margin-bottom: -100px;		
		background-color: #0069CB;		
	}
	
	#bg-16 ul {
		margin-bottom: 0;
		list-style-type: none;
	}
	
	#bg-16 ul li a {
		display: block;
		width: 33%;
		padding: 30px 0;
		color: #fff;
	}
	
	#bg-16 ul li a:hover {		
		color: #fff !important;
		background-color: #17acd4;
	}
	
	@media (max-width: 767px) {

		.fullwidth-section {
			-webkit-background-size: cover;
					background-size: cover;		
		}
		
		#bg-11 ul li { width: 100%; }
		
	}
	
/* ==========================================================================
   =Footer
   ========================================================================== */		
	
	#footer { 
		padding: 75px 0;	
		background-color: #002855;
	}
	
	#footer-widget-area-1 {}
	#footer-widget-area-2 {}
	#footer-widget-area-3 {}
	#footer-widget-area-4 {}
	
	@media (max-width: 767px) {
	
		#footer-widget-area-1 + #footer-widget-area-2 { margin-top: 50px; }
		#footer-widget-area-2 + #footer-widget-area-3 { margin-top: 50px; }
		#footer-widget-area-3 + #footer-widget-area-4 { margin-top: 50px; }
	
	}
	
/* ==========================================================================
   =Footer Bottom
   ========================================================================== */	
  
	#footer-bottom { 
		padding: 35px 0;	
		background-color: #101010;
		color: #d6d6d6;
	}
	
	#footer-bottom a { color: #d6d6d6; }
	
	.copyright {
		margin-bottom: 0;
		font-size: 14px;
		font-family: "Satoshi-Regular", Satoshi-Regular;
		text-transform: uppercase;
	}

	#footer-bottom-widget-area-1 {}
	#footer-bottom-widget-area-2 {}
	#footer-bottom-widget-area-3 {}
	#footer-bottom-widget-area-4 {}
	
	@media (max-width: 767px) {
	
		/**
		 * 1. since the last widget in every widget area has no margin bottom, on phone breakpoint, we must give the widgetable areas margins top
		 *    equal to widget margin bottom for spacing purposes 
		 */
	
		#footer-bottom-widget-area-1 + #footer-bottom-widget-area-2 { margin-top: 50px; } /* 1 */
		#footer-bottom-widget-area-2 + #footer-bottom-widget-area-3 { margin-top: 50px; }
		#footer-bottom-widget-area-3 + #footer-bottom-widget-area-4 { margin-top: 50px; }
		
		.copyright { text-align: center; }
	
	}
	
/* ==========================================================================
   =Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1010;
		right: -40px;
		bottom: 40px;
		width: 40px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.7); 
		color: #fafafa;
		font-size: 30px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;	
		opacity: 0.5;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top i {
		font-size: 16px;
		line-height: 40px;
		font-weight: 400;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}
	
	#back-to-top:hover { 
		background-color: rgba(0, 0, 0, 0.7); 
		text-decoration: none;
	}
	
	#back-to-top:hover i { color: #fff; }
	#back-to-top.visible { right: 40px; }
	#back-to-top.gone { right: -40px; }	

/* ==========================================================================
   =Misc
   ========================================================================== */
   
	.javascript-required,
	.modern-browser-required {
	    padding: 15px 0;
		background-color: #d50f25;
		color: #fff;
		font-weight: 700;
		text-align: center;
	}

/* =EWF Navigation widget
   ========================================================================== */

.ewf_widget_navigation {
}

	.ewf_widget_navigation ul {
		list-style-type: none;
		list-style-position: outside;
	}

	.ewf_widget_navigation li {
		border-bottom: 1px solid #ccc;
	}

		.ewf_widget_navigation li:last-child {
		}

		.ewf_widget_navigation li a {
			display: block;
			padding: 10px 0;
			color: #101010;
		}

			.ewf_widget_navigation li a:hover {
			}

/*Font Satoshi*/
@font-face {
    font-family: 'Satoshi-Regular';
    src:url('/content/home/assets/font/Satoshi-Regular.otf') format('opentype');
  }
  @font-face {
    font-family: 'Satoshi-Medium';
    src:url('/content/home/assets/font/Satoshi-Medium.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-Bold';
    src:url('/content/home/assets/font/Satoshi-Bold.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BoldItalic';
    src:url('/content/home/assets/font/Satoshi-BoldItalic.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BlackItalic';
    src:url('/content/home/assets/font/Satoshi-BlackItalic.otf') format('opentype');
      
  }	
/* ==========================================================================
   =Alerts
   ========================================================================== */

	.alert {
		padding: 15px 30px;
		border: 1px solid #ccc;		
		margin-bottom: 30px;
		background-color: #fff;
		color: #aaa;
		font-size: 14px;
		font-family: Satoshi-Regular, sans-serif;
	}
	
	.alert i {
		position: relative;
		top: 1px;
		margin-right: 10px;
		color: #fff;
		font-size: 16px;
	}
	
	.alert.info {
		border: 1px solid #ccc;
		background-color: #91DEF3;
		color: #fff;
	}
	
	.alert.success {
		border: 1px solid #17ACD4;
		background-color: #17ACD4;
		color: #fff;
	}
	
	.alert.error {
		border: 1px solid #FF0030;
		background-color: #FF0030;
		color: #fff;
	}
	
	.alert.warning {
		border: 1px solid #101010;
		background-color: #101010;
		color: #fff;
	}
	
/* ==========================================================================
   =Animations
   ========================================================================== */
   
   .animate {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }
	.animate.hidden { visibility: hidden; }
   
/* ==========================================================================
   =Buttons
   ========================================================================== */

/* =Default Button
   ========================================================================== */
   @media (min-width: 992px) and (max-width: 1199px) {
	.btn { 
		display: inline-block; 
		padding: 20px 10px;
		margin: 0 5px 20px 0;
		background-color: #FB471F;
		color: #FFFFFF !important;
		font-weight: 500;
		font-size: 22px;
		border-radius: 4px;
		line-height: 30px;
		font-family: 'Satoshi-Medium';
		font-style:'Satoshi-Medium';
		letter-spacing: -0.02em;
		text-decoration: none !important;
		text-transform: uppercase;
		vertical-align: middle;
		cursor: pointer; 	
	}
   }
	.btn { 
		display: inline-block; 
		padding: 20px 40px;
		margin: 0 5px 20px 0;
		background-color: #FB471F;
		color: #FFFFFF !important;
		font-weight: 500;
		font-size: 22px;
		border-radius: 4px;
		line-height: 30px;
		font-family: 'Satoshi-Medium';
		font-style:'Satoshi-Medium';
		letter-spacing: -0.02em;
		text-decoration: none !important;
		text-transform: uppercase;
		vertical-align: middle;
		cursor: pointer; 	
	}
	
	a.btn { color: #fff; }
	
	.btn:focus { outline: 0; }
	
	.btn-large {
		padding: 20px 40px;
		font-size: 12px;
	}
	
	.btn i,
	.btn-large i { 
		float: left; 
		margin: 2px 8px 0 -4px;
		font-size: 14px; 
		line-height: 14px; 
	}
	
	.btn:hover { background: #FFFFFF; }

/* =Colored Buttons
   ========================================================================== */
	
	.btn-white {
		border: 1px solid #24bee8;
		background-color: #fff;
		color: #24bee8;
	}
	
	a.btn-white { color: #24bee8 !important; }
	
	.btn-white:hover { 
		border: 1px solid #17acd4 !important;
		background-color: #17acd4 !important;
		color: #fff !important;
	}
	
	.btn-black {
		border: 1px solid #101010 !important;
		background-color: transparent !important;
		color: #101010 !important;
	}
	
	a.btn-black {
		border: 1px solid #FB471F !important;
		background-color: #FB471F !important;
		color: #FFFFFF !important;
	}
	.btn-black:hover {
		background: #000 !important;
	}

	a.btn-orange {
		background-color:#FB471F !important;
	}	
	
/* ==========================================================================
   =Clients logos
   ========================================================================== */
   	
	.clients-logos {
		margin: 50px 0;
		list-style: none;
	}
	
	.clients-logos li {
		float: left;
		width: 20%;
		text-align: center;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	#clients-logos:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (max-width: 767px) {
		
		.clients-logos li {
			float: none;
			width: 100%;
			margin-bottom: 20px;
		}
		
		.clients-logos li:last-child { margin-bottom: 0; }
		
	}
	
/* ==========================================================================
   =Contact form
   ========================================================================== */
  
	#contact-form { 
		overflow: hidden; 
		margin-bottom: 30px; 
	}
	
	#contact-form fieldset {}
	
	label.validation-error { color: #FB471F; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e0e0e0; }
	
	#contact-form #formstatus {}
		
	#contact-form textarea {}	
	#formstatus h2{
		margin-bottom: 10px;
		color: #002855;
		letter-spacing: -0.03em;
		font-size: 40px;
		line-height: 51px;
		font-weight: 400;
		font-family: 'Satoshi-Bold';
		font-style: 'Satoshi-Bold';
	}
	#formstatus p{
		color: #002855;
		font-size: 18px;
		margin-bottom: 20px;
		font-weight: 400px;
		margin-bottom: 20px;
		letter-spacing: -0.02em;
		line-height: 30px;
		font-family: 'Satoshi-Regular';
		font-style: 'Satoshi-Regular';
	}
	/*
	 * 1. Clearfix hack 
	 */
	#contact-form:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}

/* ==========================================================================
   =Dividers
   ========================================================================== */

	.divider { margin: 30px 0; }
	
	.divider.single-line { border-top: 1px solid #ccc; }
	
	.divider.double-line { border-top: 4px double #ccc; }
   
/* ==========================================================================
   =Error 404 - page not found
   ========================================================================== */	

	.error404  p {
		color: #002855;
		font-family: 'Satoshi-Regular';
		font-style: 'Satoshi-Regular';	
		text-align: center;
	}
	
	.error404  p.title {
		margin-bottom: 40px;
		font-size: 70px;
	}
	
	.error404  p.subtitle {
		margin-bottom: 50px;
		font-size: 24px;
	}
	
	.error404  p i {
		margin-left: 7px;
		font-size: 30px;
		vertical-align: middle;
	}
	
	.error404 a:hover { color: #17acd4; }
	
	.error404  p:last-child {	
		margin-top: 30px;
		color: #002855;
		font-family: 'Satoshi-Regular';
		font-style: 'Satoshi-Regular';
	}
	
/* ==========================================================================
   =Google Maps
   ========================================================================== */

	 /**
	 * 1. needed so that Google Maps controls are not distorted
	 */
	 
	.google-map {
		width: 100%; 
		height: 600px;
	}
	
	.google-map  img { max-width: none; }	/* 1 */
	
	.map { margin: 70px 0; }
	
	@media (max-width: 767px) {

		.map { padding: 0 20px; }
		.row .map { padding: 0; }
		
	}

/* ==========================================================================
   =Headlines
   ========================================================================== */
	
	.headline { margin-bottom: 60px; }
	
    .headline h3, 
	.headline h4 { line-height: 1; }
   
	.headline h5, 
	.headline h6 { color: #24bee8; }
	
/* ==========================================================================
   =Icon Boxes
   ========================================================================== */

/* =Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		position: relative; 
		margin-bottom: 60px; 		
	}
		
	.icon-box-1 > i { 
		float: left;
		display: block;  
		font-size: 32px; 
		line-height: 32px; 
		color: #24bee8;
	} 
	
	.icon-box-1 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-content > a {
		font-size: 12px;
		text-transform: uppercase;		
	}
	
	.icon-box-content h5 a {
		display: block;
		padding-top: 7px;
		margin-bottom: 20px;
		color: #101010;
	}
	
	.icon-box-1 .icon-box-content { margin-left: 62px; }

/* ==========================================================================
   =Info Boxes
   ========================================================================== */
   
   .info-box {
		position: relative;
		padding: 30px 30px 30px 80px;
		margin-bottom: 100px;
		background-color: #FCFBFA;   
		color: #002855;
   }
   .info-box h4{
	font-size:30px;
    font-weight: 400px;
    color:#002855;
    line-height: 41px;
    margin-bottom:15px;
    text-transform: capitalize;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
   }
   .info-box p{
	color:#002855;
    font-size: 18px;
    font-weight: 400px;
    line-height: 30px;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	margin-bottom:0%;
   }
   .info-box h2{
	color:#002855;
    font-size: 30px;
    font-weight: 300px;
    line-height: 131%;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	text-transform: none;
   }
   
   	.info-box.alt {
		background-color: #002855;   
		color: #FFFFFF;
	}
   
    .info-box span {
		position: absolute;	
		top: 0;	
		bottom: 0;		
		left: 0;
		width: 40px;
		background-color: #0069CB;
		color: #FFFFFF;
		font-size: 38px;
		text-align: center;
	}
	
	.info-box span i {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.info-box .btn-black {
		float: right;
		border:1px solid #FB471F;
		color: #FFFFFF !important;
		background: #FB471F !important;
		font-weight: 500;
		font-size: 18px;
		border-radius: 4px;
		line-height: 22px;
		font-family: 'Satoshi-Medium';
		font-style:'Satoshi-Medium';
	}
	
	.fullwidth-section .info-box { margin-bottom: 0; }
	
	.info-box .btn-black:hover {
	background:#FFFFFF !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Satoshi-Medium';
    font-style:'Satoshi-Medium';		
	}
	
	@media (max-width: 767px) {

		.info-box .btn-black { float: none; }
		
	}

/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		margin-bottom: 50px;
		font-family: Satoshi-Regular, sans-serif;
		text-align: center;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.milestone i {
		float: none;
		display: inline-block;
		z-index: 2;
		margin-bottom:40px;	
		font-size: 50px;		
	}
	
	.milestone .milestone-content span { font-size: 50px; }
	
	.milestone .milestone-value {
		display: inline-block;
		margin-bottom: 25px;
		font-size: 48px;
		
	}
	
	.milestone .milestone-content {
		float: none;
		z-index: 1;
		font-size: 14px;
		line-height: 32px;
	}
	
	.milestone .milestone-description { 
		font-size: 14px; 
		line-height: 21px;
		text-transform: uppercase;
	}
	
/* ==========================================================================
   =Our Process
   ========================================================================== */

/* =Horizontal process
   ========================================================================== */

	.horizontal-process-builder { 
		position: relative;
		list-style: none;
		text-align: center; 
	}
	
	.horizontal-process-builder:before {
		position: absolute;
		z-index: 1;
		top: 60px;
		left: 130px;
		display: block;
		width: 75%;
		border-top: 4px dotted #24bee8;
		content: "";
	}
	
	.horizontal-process-builder li { 
		float: left;
		width: 25%;  
	}
	
	.horizontal-process-builder li i,
	.horizontal-process-builder li h1 {
		position: relative;
		z-index: 2;
		display: block;
		width: 120px; 
		height: 120px;
		overflow: hidden;  
		border: 1px solid #24bee8;
		border-radius: 50%;
		margin: 0 auto 40px;
		background-color: #fff;
		background-clip: padding-box;
		color: #24bee8;
		font-size: 24px; 
		line-height: 120px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.horizontal-process-builder li:hover i,
	.horizontal-process-builder li:hover h1 { 
		width: 100px; 
		height: 100px;
		margin: 10px auto 50px;
		background-color: #24bee8; 
		color: #fff;
		line-height: 100px;
	}

	.horizontal-process-builder.three-items li { width: 33.3333333333%; }
	.horizontal-process-builder.four-items li { width: 25%; }
	.horizontal-process-builder.five-items li { width: 20%; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.horizontal-process-builder:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.process-description h5{
		color: #24bee8;
		letter-spacing: 2px;
	}

	
	@media (max-width: 767px) {
		
		.horizontal-process-builder li { 
			float: none;
			width: 100%;
			margin-bottom: 40px; 
		}
		
		.horizontal-process-builder:before { content: none; }
		
		.horizontal-process-builder.three-items li { width: 100%; }
		.horizontal-process-builder.four-items li { width: 100%; }
		.horizontal-process-builder.five-items li { width: 100%; }
		
	}

/* ==========================================================================
   =Pie charts
   ========================================================================== */

	.pie-chart {
		position: relative;	
		margin: 0 auto 30px;
		text-align: center;
	}
	
	.pie-chart canvas {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	
	.pie-chart i, 
	.pie-chart .pie-chart-custom-text, 
	.pie-chart .pie-chart-percent {
		position: absolute;
		z-index: 2;
		top: -10px;
		left: 0;
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.pie-chart img {
		max-width: 100%;
		vertical-align: middle;
	}
	
	.pie-chart .pie-chart-custom-text {
		top: 35px;
		font-size: 14px;
		font-family: Satoshi-Regular, sans-serif;
		text-transform: uppercase;
	}
	
	.pie-chart .pie-chart-percent {
		font-size: 48px;
		font-weight: 700;
		font-family: Satoshi-Regular, sans-serif;
	}
	
	.pie-chart-description {
		display: block;
		font-size: 14px;
		text-align: center;
	}

/* ==========================================================================
   =Pricing Tables
   ========================================================================== */

	.pricing-table {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		margin-bottom: 100px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}

	.pricing-table-header {	font-family:'Satoshi-Bold'; }

	.pricing-table-header h1 {
		text-align: center;
		padding: 40px 0;
		margin-bottom: 0;
		background-color: #002855;
		color: white;
		font-size: 30px;
		line-height:131%;
		font-weight: 300;
		text-transform: none;
	}
	.Retail .pricing-table-headercol2 h1 {
		padding-top: 20px;
		padding-left: 20px;
		margin-bottom: 20px;
		background-color: #F3F2EE;
		color:#000000;
		font-size: 70px;
		line-height:77px ;
		font-weight: 700;
		text-transform: none;
		text-align: left;
	}
	
	.pricing-table-header h1 sub {
		margin-bottom: 0;
		font-size: 30px;
		line-height:131%;
		font-weight: 300;
		text-transform: none;		
	}

	.pricing-table-header h4 {
		padding: 20px 0;
		margin-bottom: 0;
		background-color: #D6D2C4;
		color: #0069CB;	
		font-size: 24px;
		font-family: 'Satoshi-Bold';
	}
	.Retail .pricing-table-headercol2 h4 {
		background-color: #F3F2EE;
		border-radius: 20px;
		text-align: left;
		padding: 30px 20px;
		margin-bottom: 0;
		color: #000000;
		font-size: 30px;
		line-height: 33px;
		font-weight: 500;
		}
	.Retail .pricing-table-headercol1 .introPlan{
			text-align: left;
			padding: 20px 0;
			margin-bottom: 0;
			color: #000000;
			font-size: 55px;
			line-height: 61px;
			font-weight: 700px;
		}
	.Retail .pricing-table-headercol2 .PerLocation{
		color: #000000;
			padding-left: 20px;
			margin-bottom: 0;
			font-size: 20px;
			line-height:22px;
			font-weight: 500;
			text-transform: none;
			text-align: left;
		}
		.Retail{
			padding-bottom: 100px;
		}
		.Retail p strong{
			color:#000000;
			font-weight: 700;
		}
		
	.pricing-table-offer {
		padding: 70px 40px;
		border: solid #ccc;
		border-width: 0 2px 2px 2px;
	}
	
	.pricing-table-offer ul { list-style: none; }
	
	.pricing-table-offer ul li { 
		border-top: 2px solid #ccc; 
		padding: 15px 0; 
		color: #002855;
		font-family: "Satoshi-Regular";
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.02em;
	}
	
	.pricing-table-offer ul li:first-child {
		border-top: none;
		color: #002855;
		font-family: "Satoshi-Regular";
		font-weight: 400;
		font-size: 18px;
		line-height: 24px; 
		letter-spacing: -0.02em;
	}
	.Retail .pricing-tableP2 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 0px;
		text-align: center;
		-webkit-transition: background-color .3s;
		transition: background-color .3s;
	}
	.Retail .pricing-table-offercol2 {
		border: none;
		margin-top: 20px;
		border-radius: 20px 20px 0px 0px;
		padding: 0px 0px;
	
	}
	.Retail .pricing-table-offercol1 {
		margin-top: 20px;
		border-radius: 20px 20px 0px 0px;
		padding: 0px 0px;
	}
	.Retail .pricing-table-offercol1 ul {
		margin-bottom: 0px;
		border-radius: 20px 20px 0px 0px;
		list-style: none;
	}
	.Retail .pricing-table-offercol1 ul li {
		display: flex;
		align-items: center;
		padding-left: 20px;
		height:48px;
		text-align: left;
		padding: 15px 0;
		color: #000000;
		font-weight: 400;
		font-size:21px;
		line-height: 23.1px;
		letter-spacing: 0em;
	}
	
	.Retail .pricing-table-offercol1 ul li:first-child {
		display: flex;
		align-items: center;
		padding-left: 20px;
		height:48px;
		border-radius: 20px 20px 0px 0px;
		text-align: left;
		border-top: none;
		color: #000000;
		font-weight: 400;
		font-size:21px;
		line-height: 23.1px;
		letter-spacing: 0em;
		margin-bottom: 5px;
	}
	
	.Retail .pricing-table-offercol2 ul {
		margin-bottom: 0px;
		border-radius: 20px 20px 0px 0px;
		list-style: none;
	}
	
	.Retail .pricing-table-offercol2 ul li {
		border-top: none;
		display: flex; 
		 align-items: center;
		height:48px;
		padding: 15px 0;
		color: #000000;
		font-weight: 400;
		font-size:21px;
		line-height: 23.1px;
		letter-spacing: 0em;
	}
	
	.Retail .pricing-table-offercol2 ul li:first-child {
		display: flex; 
		 align-items: center;
		height:48px;
		border-radius: 20px 20px 0px 0px;
		border-top: none;
		color: #000000;
		font-weight: 400;
		font-size:21px;
		line-height: 23.1px;
		letter-spacing: 0em;
	}
	

/* ==========================================================================
   =Progress Bar
   ========================================================================== */

	.progress-bar-description {
		display: block;
		margin-bottom: 15px;
		font-family: Satoshi-Regular, sans-serif;		
		line-height: 14px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.progress-bar {
		position: relative;
		display: block;
		height: 20px;
		margin-bottom: 15px;
		background-color: #f0f0f0;
	}
	
	.progress-bar .progress-bar-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #24bee8;
	}
	
	.progress-bar .progress-bar-outer .progress-bar-inner {
		position: absolute;
		z-index: 1;
		overflow: hidden;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
	}
	
	.progress-percentage {
		position: absolute;
		right: 0;
		top: -35px;
		font-weight: 700;
	}

/* ==========================================================================
   =Revolution Slider
   ========================================================================== */
   
/* =Rev Slider Basics
   ========================================================================== */   
   
	.fullwidthbanner-container {
		position: relative;
		overflow: hidden;
		width: 100% !important;
		padding: 0;
		margin: 0;	
	}
	
	.fullwidthbanner-container ul { list-style: none; }

	.fullwidthbanner-container .fullwidthbanner {
		position: relative;
		width: 100% !important;
	}
	
	/**
 	 * 1. We apply the max-height using an extra class to make the transition to WP more easy
	 *    If we apply the max-heigh directly to .fullwidthbanner-container, in WP, it would overwrite the height setting you make in the plugin
 	 */
	
	.slider-revolution.fullwidthbanner-container {
		max-height: 610px !important; /* 1 */
		margin-bottom: 100px; 
	}

	.slider-revolution.fullwidthbanner-container .fullwidthbanner {
		max-height: 610px !important; /* 1 */
	}

/* =Rev Slider Pager
   ========================================================================== */

   /**
 	 * 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu
 	 */
   
	.tp-bullets { 
		z-index: 100; /* 1 */
	}
	   
	.tp-bullets.simplebullets.round .bullet {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin: 0 3px;
		background: #ccc;
	}

	.tp-bullets.simplebullets.round .bullet.selected { background: #24bee8; }

/* =Rev Slider navigation
   ========================================================================== */

	.tp-leftarrow.default,
	.tp-rightarrow.default {
		width: 60px;
		height: 60px;
		opacity: 0.5;
	}

	.tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover { opacity: 1; }

	.tp-leftarrow.default { background: #111 url(/Content/home/assets/images/left.png) no-repeat center center; }
	.tp-rightarrow.default { background: #111 url(/Content/home/assets/images/right.png) no-repeat center center; }

	@media (min-width: 768px) and (max-width: 991px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default { display: none; }
		
	}

	@media (max-width: 767px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default { display: none; }
		
		.tp-bullets { bottom: 20px !important; }
		
	}
	
/* =Rev Slider customization
   ========================================================================== */
   
	.background-blue {
		width: 810px;
		height: 300px;
		max-width: 100% !important;
		background-color: #24bee8;
	}

	.background-blue-inner-1 {
		color: #fff;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 14px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	.background-blue-inner-2 {
		color: #fff;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 3px;
		text-transform: uppercase;
	}

	.revolution-style-custom-1 {
		color: #fff;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 14px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}

	.revolution-style-custom-2 {
		color: #fff;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 48px;
		font-weight: 700;
		letter-spacing: 7px;
		text-transform: uppercase;
	}

	.rounded {
		border-radius: 50%;
		text-align: center;
	}

	/* .rounded h4, 
	.rounded h5, 
	.rounded h3 { color: #fff; } */

	.background-light-blue {
		width: 118px;
		height: 118px;	
		background-color: #8be6ff;
	}

	.background-orange-dot {
		width: 130px;
		height: 130px;	
		background-color: #FB471F;
        color:black;
	}

	.btn-blue { border: 1px solid #fff; }

    .background-orange-dot h5,
    .background-orange-dot h4,
	.background-light-blue h5, 
	.background-dark-blue h5, 
	.background-medium-blue h4 {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

	.background-dark-blue {
		width: 118px;
		height: 118px;
		background-color: #00b3e4;
	}

	.background-medium-blue {
		width: 210px;
		height: 210px;
		background-color: #5bdafd;
	}

	.revolution-style-custom h5, .revolution-style-custom h2 {
		color: #fff;
		letter-spacing: 2px;
	}

	.btn-black-background {
		background-color: #101010;
		color: #fff;
	}
	
	a.btn-black-background { color: #fff; }
	.btn-black-background:hover { background: #17acd4; }

	@media (min-width: 768px) and (max-width: 991px) {
		
		.background-blue {
			width: 560px;
			height: 200px;
		}
		
		.tp-caption .btn  { padding: 5px 10px; }
	}
	
	@media (max-width: 767px) {
		
		.background-blue {
			width: 300px;
			height: 120px;
		}
		
		.tp-caption .btn {
			padding: 3px 6px;
			font-size: 6px;
		}
		
	}
	
	@media (max-width: 480px) {
		
		.background-blue {
			width: 200px;
			height: 90px;
		}
		
		.tp-caption .btn {
			padding: 1px 2px;
			font-size: 6px;
		}
		
	}
	
/* ==========================================================================
   =Social Media
   ========================================================================== */

	a.social-icon {
		float: left;
		display: block;
		width: 30px;
		margin-right: 1px;
		margin-bottom: 1px;
		color: #444;
		text-align: center;
	}

	a.social-icon:last-child { margin-right: 0; }

	a.social-icon i {
		font-size: 24px;
		line-height: 30px;
	}
	
	a.social-icon:hover { text-decoration: none; }
	
	a.facebook-icon:hover { color: #0e59a0 !important; }
	a.twitter-icon:hover { color: #0ea4ff !important; }
	a.dribble-icon:hover { color: #ea73a0 !important; }
	a.pinterest-icon:hover { color: #d73532 !important; }
	a.google-plus-icon:hover { color: #282927 !important; }
	a.tumblr-icon:hover { color: #586980 !important; }
	a.instagram-icon:hover { color: #82685a !important; }
	a.rss-icon:hover { color: #f79638 !important; }
	a.linkedin-icon:hover { color: #018faf !important; }
	a.skype-icon:hover { color: #00b0f6 !important; }
	a.flickr-icon:hover { color: #0061db !important; }
	a.vimeo-icon:hover { color: #63879c !important; }
	a.github-icon:hover { color: #3b3b3b !important; }
	a.youtube-icon:hover { color: #cc181e !important; }
	a.windows-icon:hover { color: #6dc2e9 !important; }
	a.dropbox-icon:hover { color: #007ee5 !important; }
	a.xing-icon:hover { color: #026566 !important; }	
	a.adn-icon:hover { color: #1ea076 !important; }
	a.android-icon:hover { color: #98cb02 !important; }
	a.apple-icon:hover { color: #000000 !important; }
	a.behance-icon:hover { color: #2d9ad2 !important; }
	a.bitbucket-icon:hover { color: #214f81 !important; }
	a.bitcoin-icon:hover { color: #f7931b !important; }
	a.codepan-icon:hover { color: #000000 !important; }
	a.css3-icon:hover { color: #3289ce !important; }
	a.delicious-icon:hover { color: #3399fe !important; }
	a.deviantart-icon:hover { color: #c8da30 !important; }
	a.digg-icon:hover { color: #0080c2 !important; }
	a.drupal-icon:hover { color: #0077b9 !important; }
	a.empire-icon:hover { color: #000000 !important; }
	a.foursquare-icon:hover { color: #daecb0 !important; }
	a.git-icon:hover { color: #f34f29 !important; }
	a.gitti-icon:hover { color: #634c3e !important; }
	a.hacker-news-icon:hover { color: #f18642 !important; }
	a.html5-icon:hover { color: #e54c1f !important; }
	a.joomla-icon:hover { color: #016fb9 !important; }
	a.jsfiddle-icon:hover { color: #4679a4 !important; }
	a.linux-icon:hover { color: #fece0e !important; }
	a.maxcdn-icon:hover { color: #f36f20 !important; }
	a.openid-icon:hover { color: #fe6101 !important; }
	a.pagelines-icon:hover { color: #3783e3 !important; }
	a.pied-piper-icon:hover { color: #0c7b48 !important; }
	a.qq-icon:hover { color: #23286c !important; }
	a.rebel-icon:hover { color: #000000 !important; }
	a.reddit-icon:hover { color: #cee3f8 !important; }
	a.renren-icon:hover { color: #0d81e4 !important; }
	a.share-icon:hover { color: #252525 !important; }
	a.slack-icon:hover { color: #453744 !important; }
	a.soundcloud-icon:hover { color: #fe4e00 !important; }
	a.spotify-icon:hover { color: #80bb41 !important; }
	a.stack-exchange-icon:hover { color: #265a93 !important; }
	a.stackoverflow-icon:hover { color: #fea501 !important; }
	a.steam-icon:hover { color: #191919 !important; }
	a.stumbleupon-icon:hover { color: #f04f23 !important; }
	a.tencent-weibo-icon:hover { color: #0063a7 !important; }
	a.trello-icon:hover { color: #226784 !important; }
	a.vine-icon:hover { color: #00b081 !important; }
	a.vk-icon:hover { color: #50769d !important; }
	a.wechat-icon:hover { color: #a4dc31 !important; }
	a.weibo-icon:hover { color: #d82828 !important; }
	a.wordpress-icon:hover { color: #454442 !important; }
	a.yahoo-icon:hover { color: #4b04a8 !important; }

/* ==========================================================================
   =Testimonials
   ========================================================================== */

	.testimonial { 
		padding-bottom: 60px;		
		margin: 60px 0 30px;
		border: 1px solid #ccc;
		background-color: #fff;
		color: #101010;
	}
	
	.testimonial blockquote { 
		position: relative; 
		margin: 40px 150px;
	}

	.testimonial blockquote p { 
		margin-bottom: 0; 
		font-style: normal; 
	}
	
	.testimonial img { 
		display: block;
		margin: 0 auto;
		border-radius: 50%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);		
	}
	
	.testimonial h5 { 
		font-family: "Satoshi-Bold", Satoshi-Bold; 
		text-align: center;
	}
	
	.testimonial a {}
	
	.testimonial h5 span { 
		display: block;
		color: #002855;
		font-family: "Satoshi-Bold", Satoshi-Bold; 
		text-transform: none;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.testimonial:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.testimonial blockquote { 	margin: 40px 70px;	}
		
	}
	
	@media (max-width: 767px) {
		
		.testimonial blockquote { 	margin: 40px 20px;	}
		
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.testimonial blockquote { 	margin: 40px 10px;	}
		
	}
	
/* ==========================================================================
   =Team Member
   ========================================================================== */

	.team-member {
		margin: 30px 0;
		text-align: center;
	}
	
	.team-member-item {}
	
	.team-member-item-preview { position: relative; }
	
	.team-member img {
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.team-member-item-overlay {		
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		background-color: rgba(36, 190, 232, 0.85);	
		-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease; 
				
	}
	
	.team-member-item-overlay:hover { opacity: 1; }
	
	.team-member h5 { margin-bottom: 10px; }
	
	.team-member p {
		color: #24bee8;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 14px;
	}
	
	.team-member-item-description {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: -30px;
		text-align: center;
	}
	
	.team-member .social-media a.social-icon {
		float: none;
		display: inline-block;
		color: #fff;
	}
	
	.team-member .social-media a.social-icon i { font-size: 24px; }
	
/* ==========================================================================
   =Portfolio Item
   ========================================================================== */
	
	.portfolio-item { 
		position: relative; 
		margin-bottom: 30px;
	}
	
	.portfolio-item-preview { position: relative; }
	
	.portfolio-item-preview > img {
		display: block;
		width: 100%;
	}
	
	.portfolio-item-preview.round-shape > img, 
	.portfolio-item-preview.round-shape .portfolio-item-overlay { border-radius: 50%; }
	
	.portfolio-item-overlay {
		position: absolute; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0; 
		background-color: rgba(36, 190, 232, 0.85);
		opacity: 0;
	}
	
	.portfolio-item-overlay:hover { opacity: 1; }	
		
	.portfolio-item-overlay-actions {
		position: absolute;
		top: 50%;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		margin-top: -30px;
		text-align: center;
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-overlay-actions .portfolio-item-link {
		display: inline-block;
		padding: 10px; 
		margin: 0 5px;
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom i,
	.portfolio-item-overlay-actions .portfolio-item-link i {
		color: #fff; 
		font-size: 20px; 
		line-height: 40px; 
	}
	
	.portfolio-item-overlay .portfolio-item-description {
		position: absolute;
		top: 40%;
		left: 0;
		width: 100%;
		color: #fff;
		text-align: center;
	}
	
	.portfolio-item-overlay .portfolio-item-description h5, 
	.portfolio-item-overlay .portfolio-item-description h4 a { color: #fff; }
	
/* ==========================================================================
   =Portfolio Filter
   ========================================================================== */
	
	.portfolio-filter ul {
		margin: 10px auto 90px;
		list-style: none;
		text-align: center;
	}
	
	.portfolio-filter ul li { 
		display: inline-block;
		margin-right: 20px;
	}
	
	.portfolio-filter ul li:last-child { margin-right: 0; }
	
	.portfolio-filter ul li a { 
		color: #101010;
		font-family: Satoshi-Regular, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul li a.active { color: #24bee8; }	
	
	.load-more { margin-bottom: 0; }
	
	@media (max-width: 767px) {
		
		.portfolio-filter ul li { 
			display: block;
			margin-right: 0;
		}
		
	}

/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
   	
    .fullwidth-section.custom-color-selected a,
	.fullwidth-section.custom-color-selected .icon-box-1 > i, 
	.fullwidth-section.custom-color-selected .process-description h5,
	.fullwidth-section.custom-color-selected blockquote::before,
	.fullwidth-section.custom-color-selected .testimonial h5 span,
	.fullwidth-section.custom-color-selected .team-member p,
	.fullwidth-section.custom-color-selected ul.check li:before,
	.fullwidth-section.custom-color-selected ul.plus li:before,
	.fullwidth-section.custom-color-selected ul.pin li:before,
	.fullwidth-section.custom-color-selected .widget_recent_entries ul li a:hover,
	.fullwidth-section.custom-color-selected .widget_recent_entries ul li .post-date, 
	.fullwidth-section.custom-color-selected .ewf_widget_latest_posts .post-date, 
	.fullwidth-section.custom-color-selected .byline, 
	.fullwidth-section.custom-color-selected .widget_nav_menu .menu a, 
	.fullwidth-section.custom-color-selected .widget_search #s,
	.fullwidth-section.custom-color-selected #newsletter-subscribe-form input[type="text"], 
	.fullwidth-section.custom-color-selected .posted-on { color: inherit; } 
	
	.fullwidth-section.custom-color-selected .divider.single-line, 
	.fullwidth-section.custom-color-selected .divider.double-line, 
	.fullwidth-section.custom-color-selected .horizontal-process-builder:before,
	.fullwidth-section.custom-color-selected .pricing-table-offer, 
	.fullwidth-section.custom-color-selected .pricing-table-offer ul li, 
	.fullwidth-section.custom-color-selected .testimonial, 
	.fullwidth-section.custom-color-selected .widget_search #s, 
	.fullwidth-section.custom-color-selected .widget_pages ul li, 
	.fullwidth-section.custom-color-selected  #newsletter-subscribe-form input[type="text"], 
	.fullwidth-section.custom-color-selected .ewf_widget_navigation li,
	.fullwidth-section.custom-color-selected .comment-meta { border-color: inherit; }
	
	.fullwidth-section.custom-color-selected .widget_tag_cloud a,
	.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers, 
	.fullwidth-section.custom-color-selected .pagination .page-numbers { color: #fff; }

	/* ==========================================================================
   =Date Picker
   ========================================================================== */

	.month-picker {
		width: 250px;
		border: solid 2px black;
		display: flex;
	}
	
	.month-picker-container {
		display: inline-block;
	}
	
	.month-picker .year {
		width: 33.33%;
		display: inline-block;
		text-align: center;
		padding: 10px 0 10px 0;
		color: white;
		background-color: #263849;
		font-weight: bold;
	}
	
	.month-picker .nav {
		width: 33.33%;
		display: inline-block;
		text-align: center;
		padding: 10px 0 10px 0;
		font-weight: bold;
		color: white;
		background-color: #263849;
		cursor: pointer;
	}
	
	.month-picker .month {
		width: 33.33%;
		display: inline-block;
		text-align: center;
		padding: 10px 0 10px 0;
		cursor: pointer;
	}
	
	.month-picker .month:hover {
		background-color: #ddd;
	}

	.month-picker .month.selected {
		font-weight: bold;
		color: white;
		background-color: #263849;
	}
	
	div.date-picker {
		width: 250px;
		border: solid 2px black;
		display: flex;
	}
	
	.date-picker-container {
		display: inline-block;
	}
	
	.date-picker .month-year {
		width: 33.33%;
		display: inline-block;
		text-align: center;
		padding: 5px 0 5px 0;
		color:#FFFFFF;
		background-color: #002855;
		font-weight: bold;
	}
	
	.date-picker .nav {
		width: 33.33%;
		display: inline-block;
		text-align: center;
		padding: 5px 0 5px 0;
		font-weight: bold;
		color:#FFFFFF;
		background-color: #002855;
		cursor: pointer;
	}
	
	.date-picker .day-of-week {
		width: 13.27%; /* 1/7 */
		display: inline-block;
		text-align: center;
		padding: 5px 0 5px 0;
		font-weight: bold;
	}
	
	.date-picker .blank-day {
		width: 14.27%; /* 1/7 */
		display: inline-block;
		text-align: center;
		padding: 5px 0 5px 0;
	}
	
	.date-picker .day {
		width: 14.27%; /* 1/7 */
		display: inline-block;
		text-align: center;
		padding: 5px 0 5px 0;
		cursor: pointer;
	}

	.date-picker .day:hover {
		background-color: #ddd;
	}

	.date-picker .day.selected {
		font-weight: bold;
		color: white;
		background-color: #263849;
	}

	.field .date_picker {
		width: 100px;
	}
	
	.date_picker {
		width: 100px;
	}
	
	.ui-datepicker {
		z-index: 9999 !important;
	}
.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	border: 2px solid #ddd;
	/*box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;*/
	padding: 4px 10px 4px 10px;
	/*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	/*box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;*/
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/**
 * Name: default.css
 *
 * -
 *
 * The default color scheme for the template
 *
 */
 
 /* ==========================================================================
   =Typography
   ========================================================================== */
   	 
	body {
		background-color: #FFFFFF;
		color: #002855;
	}
	
	@media (max-width: 767px) {
	
		/**
		 * 1. Hide background on mobile devices
		 */
	 
		body { 
			background: none; 	/* 1 */
			background-color: #FFFFFF; 
		}
		
	}	
	
	abbr[title] {  
		border-bottom: 1px dotted #ccc; 
	}
	
	blockquote:before{ 
		color: #002855;
	}
	
	hr { 
		border: solid #ccc; 
	}
	
	code { 
		border: 1px solid #ccc;
		background-color: #fafafa;  
		color: #d50f25;  
	}
	
	pre { 
		border: 1px solid #ccc;	
		background-color: #fafafa; 
	}
	
	mark,
	ins {
		border: 1px solid #ccc;
		background-color: #fafafa; 
	}
	
	.hr { 
		border-top: 1px solid #ccc;  
	}
	
	.text-highlight { 
		background-color: #002855; 
		color: #fff; 
	}

	.mute{ color: #999; }

/* ==========================================================================
   =Links
   ========================================================================== */
	
    .hover-animate {
		color:#FB471F;
		text-decoration: none; 
		-webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
    }

    .hover-animate:hover {
		opacity: 0.7; 
		-webkit-transform: scale(0.9); 
		transform: scale(0.9); 
    }

	a, 
	a:visited { 
		color: #0069CB; 
	}
	
	a:active {
 		background: transparent;
	}

    a.integration-link {
        color: #FB471F;
        font-weight:bold;
        text-decoration: underline solid;
    }	

    h5.heading {
        padding: 5px 0;
        font-weight:bold;
    }

/* ==========================================================================
   =Lists
   ========================================================================== */

    ul.social-block {
        margin:auto;
        width:300px;
    }	
/* =Custom lists
   ========================================================================== */	
	
	ul.check li:before,
	ul.plus li:before,
	ul.pin li:before { 
		color: #002855;
	}
	
	ul.arrow li:before { 
		color: #002855;
	}	

/* ==========================================================================
   =Tables
   ========================================================================== */

	table,
	th,
	td { border: 1px solid #ccc; }
	
/* ==========================================================================
   =Forms
   ========================================================================== */

	form {}

	fieldset legend {
		background: #fff;								
	}
	
	::-moz-placeholder,
	::-webkit-input-placeholder,
	:-ms-input-placeholder {
		color: #999;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="week"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="color"],
	textarea {
		border: 1px solid #ccc;
		background-color: transparent;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="color"]:focus,
	textarea:focus {
		border-color: #aaa;
	}

	input[type="text"]:disabled,
	input[type="password"]:disabled,
	input[type="date"]:disabled,
	input[type="datetime"]:disabled,
	input[type="datetime-local"]:disabled,
	input[type="month"]:disabled,
	input[type="week"]:disabled,
	input[type="email"]:disabled,
	input[type="number"]:disabled,
	input[type="search"]:disabled,
	input[type="tel"]:disabled,
	input[type="time"]:disabled,
	input[type="url"]:disabled,
	input[type="color"]:disabled,
	textarea:disabled {
		background-color: #f7f7f7;
	}

	input[type="text"][disabled],
	input[type="text"][readonly],
	fieldset[disabled] input[type="text"],
	input[type="password"][disabled],
	input[type="password"][readonly],
	fieldset[disabled] input[type="password"],
	input[type="date"][disabled],
	input[type="date"][readonly],
	fieldset[disabled] input[type="date"],
	input[type="datetime"][disabled],
	input[type="datetime"][readonly],
	fieldset[disabled] input[type="datetime"],
	input[type="datetime-local"][disabled],
	input[type="datetime-local"][readonly],
	fieldset[disabled] input[type="datetime-local"],
	input[type="month"][disabled],
	input[type="month"][readonly],
	fieldset[disabled] input[type="month"],
	input[type="week"][disabled],
	input[type="week"][readonly],
	fieldset[disabled] input[type="week"],
	input[type="email"][disabled],
	input[type="email"][readonly],
	fieldset[disabled] input[type="email"],
	input[type="number"][disabled],
	input[type="number"][readonly],
	fieldset[disabled] input[type="number"],
	input[type="search"][disabled],
	input[type="search"][readonly],
	fieldset[disabled] input[type="search"],
	input[type="tel"][disabled],
	input[type="tel"][readonly],
	fieldset[disabled] input[type="tel"],
	input[type="time"][disabled],
	input[type="time"][readonly],
	fieldset[disabled] input[type="time"],
	input[type="url"][disabled],
	input[type="url"][readonly],
	fieldset[disabled] input[type="url"],
	input[type="color"][disabled],
	input[type="color"][readonly],
	fieldset[disabled] input[type="color"],
	textarea[disabled],
	textarea[readonly],
	fieldset[disabled] textarea {
		background-color: #f7f7f7;
	}

	select {
		border: 1px solid #ccc;
		background-color: #fff;
		color: #101010;
	}

	select:disabled {
		background-color: #f7f7f7;
	}
	
	select:focus { border-color: #aaa; }
	
	button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"]{
		border: 1px solid #002855;
		background-color: #002855;
		color: #FFFFFF;
	}

/* ==========================================================================
   =Wrap
   ========================================================================== */

	#wrap {
		background-color: #FFFFFF;
	}
	
/* ==========================================================================
   =Menu 
   ========================================================================== */

/* =Menu Skin
   ========================================================================== */
	
	.sf-menu a {
		color: #111; 
	}
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		color: white;
	}

	.sf-menu > li.current > a,
	.sf-menu li.sfHover > a,
	.sf-menu a:hover,
	.sf-menu li.sfHover a:hover {
		color: #002855;	
	}

    .sf-menu > li > a:hover {
        color: #002855;
    }
/* =DropDown
   ========================================================================== */
	
	.sf-menu li.dropdown ul {
		border: 1px solid rgba(0, 0, 0, 0.1);	
		background-color: #fff;			
	}

	.sf-menu > li.dropdown > ul { 
		border-top: 2px solid #002855; 
	}
	
	.sf-menu > li.dropdown > ul  ul { 
		border-top: 2px solid #002855; 		
	}
		
		
/* =Mega Menu Section
   ========================================================================== */
	
	.sf-mega {
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 2px solid #002855;	
		background-color: #fff;
	}
	
/* =Menu Arrows
   ========================================================================== */
	
	.sf-arrows .sf-with-ul:after {
		border: 4px solid transparent;
		border-top-color: #999;
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
		
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: #999;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }
	
/* ==========================================================================
   =Mobile Menu 
   ========================================================================== */
			
	#mobile-menu {
		border-bottom: 1px solid #fff;
		background-color: #0069CB;		
	}
	
	#mobile-menu .sf-mega-section ul { 		
		background-color: #0069CB;		
	}

	#mobile-menu li a {
		border-top: 1px solid #fff;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow {
		border-left: 1px solid #e0e0e0;
		color: #fff;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #002855; }	

/* ==========================================================================
   =Sticky Header
   ========================================================================== */

	@media (min-width: 1025px) {
		
		#header.stuck {
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);			
			background-color: rgba(0, 105, 203, 0.95);
		}
	
	}

/* ==========================================================================
   =Page Header
   ========================================================================== */
   	
	#page-header { 
		background-color: #FFFFFF; 
	}
	
	#page-header h3 { 
		color: #002855;
	}
	
	#page-header h5 { 
		color: #002855;
	}
	#page-headerP { 
		background-color: #FFFFFF; 
	}
	
	#page-headerP h3 { 
		color: #002855;
	}
	
	#page-headerP h5 { 
		color: #002855;
	}
	#page-headerD { 
		background-color: #FFFFFF; 
	}
	
	#page-headerD h3 { 
		color: #002855;
	}
	
	#page-headerD h5 { 
		color: #002855;
	}
	#page-headerD1 { 
		background-color: #FFFFFF; 
	}
	
	#page-headerD1 h3 { 
		color: #002855;
	}
	
	#page-headerD1 h5 { 
		color: #002855;
	}
/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
	 
   .fullwidth-section {
		color: #fff;
		background-color: #002855;	
	}

	#bg-2 .btn {
		color: #fff;
	}
	
	#bg-2 { 
		background: transparent;
		color: #101010;
	}
	
	#bg-7 {
		background-color: #f7f7f7;
		color: #101010;
	}
	
	#bg-11 {
		background-color: #002855;
	}
	
	#bg-16 {			
		background-color: #002855;		
	}
	
	#bg-16 ul li a {
		color: #fff;
	}
	
	#bg-16 ul li a:hover {		
		color: #fff !important;
		background-color: #FB471F;
	}
	
/* ==========================================================================
   =Footer
   ========================================================================== */		
	
	#footer { 	
		background-color: #002855;
	}
	
/* ==========================================================================
   =Footer Bottom
   ========================================================================== */	
  
	#footer-bottom { 
		background-color: #101010;
		color: #d6d6d6;
	}
	
	#footer-bottom a { color: #d6d6d6; }
	
/* ==========================================================================
   =Back to top
   ========================================================================== */

	#back-to-top {
		background-color: rgba(0, 0, 0, 0.7); 
		color: #fafafa;
	}
	
	#back-to-top:hover { 
		background-color: rgba(0, 0, 0, 0.7); 
	}

/* ==========================================================================
   =Misc
   ========================================================================== */
   
	.javascript-required,
	.modern-browser-required {
		background-color: #FB471F;
		color: #fff;
	}

.fullwidth-header {
	padding: 35px 0;
	margin: 50px 0 50px;
	background: #0069CB;
	color: #fff;
}

/* ==========================================================================
   =Alerts
   ========================================================================== */

	.alert {
		border: 1px solid #ccc;		
		background-color: #fff;
		color: #aaa;
	}
	
	.alert i {
		color: #fff;;
	}
	
	.alert.info {
		border: 1px solid #ccc;
		background-color: #91DEF3;
		color: #fff;
	}
	
	.alert.success {
		border: 1px solid #263849;
		background-color: #263849;
		color: #fff;
	}
	
	.alert.error {
		border: 1px solid #FF0030;
		background-color: #FF0030;
		color: #fff;
	}
	
	.alert.warning {
		border: 1px solid #101010;
		background-color: #101010;
		color: #fff;
	}
   
/* ==========================================================================
   =Buttons
   ========================================================================== */

/* =Default Button
   ========================================================================== */
   
	.btn { 
		background-color: #002855;
		color: #fff !important;	
	}
	
	a.btn { color: #fff; }
	
	.btn:hover { background: #004B96; }

/* =Colored Buttons
   ========================================================================== */
	
	.btn-white {
		border: 1px solid #002855;
		background-color: #fff;
		color: #002855;
	}
	
	a.btn-white { color: #002855 !important; }
	
	.btn-white:hover { 
		border: 1px solid #004B96 !important;
		background-color: #004B96 !important;
		color: #fff !important;
	}
	
	.btn-black {
		border: 1px solid #101010 !important;
		background-color: transparent !important;
		color: #101010 !important;
	}
	
	a.btn-black { 
		border: 1px solid #FB471F !important;
		background-color: #FB471F !important;
		color: #FFFFFF !important;
	}
	
	.btn-black:hover { background: #000 !important; }
	
/* ==========================================================================
   =Contact form
   ========================================================================== */
	
	label.validation-error { color: #d50f25; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e0e0e0; }

/* ==========================================================================
   =Dividers
   ========================================================================== */
	
	.divider.single-line { border-top: 1px solid #ccc; }
	
	.divider.double-line { border-top: 4px double #ccc; }
   
/* ==========================================================================
   =Error 404 - page not found
   ========================================================================== */	

	.error404  p {
		color: #263849;
	}
	
	.error404 a:hover { color: #17acd4; }
	
	.error404  p:last-child {	
		color: #101010;
	}

/* ==========================================================================
   =Headlines
   ========================================================================== */
   
	.headline h5, 
	.headline h6 { color: #263849; }
	
/* ==========================================================================
   =Icon Boxes
   ========================================================================== */

/* =Icon Box 1
   ========================================================================== */
		
	.icon-box-1 > i { 
		color: #263849;
	} 
	
	.icon-box-content h5 a {
		color: #101010;
	}

/* ==========================================================================
   =Info Boxes
   ========================================================================== */
   
   .info-box {
		background-color: #FCFBFA;   
		color: #002855;
   }
   
   	.info-box.alt {
		background-color: #002855;   
		color: #FFFFFF;
	}
   
    .info-box span {
		background-color: #0069CB;
		color: #FFFFFF;
	}
	
	.info-box .btn-black {
		color: #FFFFFF !important;
		border:1px solid #FB471F;
		background-color:#FB471F !important;

	}
	
	.info-box .btn-black:hover {
		color: #FB471F !important;
		background: #FFFFFF !important;
		border:1px solid #FB471F;		
	}
	
/* ==========================================================================
   =Our Process
   ========================================================================== */

/* =Horizontal process
   ========================================================================== */
	.horizontal-process-builder:before {
		border-top: 4px dotted #263849;
	}
	
	.horizontal-process-builder li i,
	.horizontal-process-builder li h1 {
		border: 1px solid #263849;
		background-color: #fff;
		color: #263849;
	}
	
	.horizontal-process-builder li:hover i,
	.horizontal-process-builder li:hover h1 { 
		background-color: #263849; 
		color: #fff;
	}
	
	.process-description h5{
		color: #263849;
	}
	
/* ==========================================================================
   =Pricing Tables
   ========================================================================== */
   
	.pricing-table-header h1 {
		text-align: center;
		background-color: #002855;
		color: #FFFFFF;
	}

	.pricing-table-header h4 {
		text-align: center;
		background-color:#D6D2C4;
		color: #0069CB;	
	}
		
	.pricing-table-offer {
		border: solid #ccc;
	}
	
	.pricing-table-offer ul li { 
		border-top: 2px solid #ccc; 
	}

/* ==========================================================================
   =Progress Bar
   ========================================================================== */
	
	.progress-bar {
		background-color: #f0f0f0;
	}
	
	.progress-bar .progress-bar-outer {
		background-color: #263849;
	}

/* ==========================================================================
   =Revolution Slider
   ========================================================================== */
/* =Rev Slider Pager
   ========================================================================== */
	   
	.tp-bullets.simplebullets.round .bullet {
		background: #ccc;
	}

	.tp-bullets.simplebullets.round .bullet.selected { background: #263849; }

/* =Rev Slider navigation
   ========================================================================== */

	.tp-leftarrow.default { background: #111 url(/Content/home/assets/images/left.png) no-repeat center center; }
	.tp-rightarrow.default { background: #111 url(/Content/home/assets/images/right.png) no-repeat center center; }
	
/* =Rev Slider customization
   ========================================================================== */
   
	.background-blue {
		background-color: #263849;
	}

	.background-blue-inner-1 {
		color: #fff;
	}

	.background-blue-inner-2 {
		color: #fff;
	}

	.revolution-style-custom-1 {
		color: #fff;
	}

	.revolution-style-custom-2 {
		color: #fff;
	}

	/* .rounded h4, 
	.rounded h5, 
	.rounded h3 { color: #fff; } */

	.background-light-blue {
		background-color: #8be6ff;
	}

	.btn-blue { border: 1px solid #fff; }

	.background-dark-blue {
		background-color: #00b3e4;
	}

	.background-medium-blue {
		background-color: #5bdafd;
	}

	.revolution-style-custom h5, .revolution-style-custom h2 {
		color: #fff;
	}

	.btn-black-background {
		background-color: #101010;
		color: #fff;
	}
	
	a.btn-black-background { color: #fff; }
	.btn-black-background:hover { background: #004B96; }
	
/* ==========================================================================
   =Social Media
   ========================================================================== */

	a.social-icon {
		color: #444;
	}
	
	a.facebook-icon:hover { color: #0e59a0 !important; }
	a.twitter-icon:hover { color: #0ea4ff !important; }
	a.dribble-icon:hover { color: #ea73a0 !important; }
	a.pinterest-icon:hover { color: #d73532 !important; }
	a.google-plus-icon:hover { color: #282927 !important; }
	a.tumblr-icon:hover { color: #586980 !important; }
	a.instagram-icon:hover { color: #82685a !important; }
	a.rss-icon:hover { color: #f79638 !important; }
	a.linkedin-icon:hover { color: #018faf !important; }
	a.skype-icon:hover { color: #00b0f6 !important; }
	a.flickr-icon:hover { color: #0061db !important; }
	a.vimeo-icon:hover { color: #63879c !important; }
	a.github-icon:hover { color: #3b3b3b !important; }
	a.youtube-icon:hover { color: #cc181e !important; }
	a.windows-icon:hover { color: #6dc2e9 !important; }
	a.dropbox-icon:hover { color: #007ee5 !important; }
	a.xing-icon:hover { color: #026566 !important; }	
	a.adn-icon:hover { color: #1ea076 !important; }
	a.android-icon:hover { color: #98cb02 !important; }
	a.apple-icon:hover { color: #000000 !important; }
	a.behance-icon:hover { color: #2d9ad2 !important; }
	a.bitbucket-icon:hover { color: #214f81 !important; }
	a.bitcoin-icon:hover { color: #f7931b !important; }
	a.codepan-icon:hover { color: #000000 !important; }
	a.css3-icon:hover { color: #3289ce !important; }
	a.delicious-icon:hover { color: #3399fe !important; }
	a.deviantart-icon:hover { color: #c8da30 !important; }
	a.digg-icon:hover { color: #0080c2 !important; }
	a.drupal-icon:hover { color: #0077b9 !important; }
	a.empire-icon:hover { color: #000000 !important; }
	a.foursquare-icon:hover { color: #daecb0 !important; }
	a.git-icon:hover { color: #f34f29 !important; }
	a.gitti-icon:hover { color: #634c3e !important; }
	a.hacker-news-icon:hover { color: #f18642 !important; }
	a.html5-icon:hover { color: #e54c1f !important; }
	a.joomla-icon:hover { color: #016fb9 !important; }
	a.jsfiddle-icon:hover { color: #4679a4 !important; }
	a.linux-icon:hover { color: #fece0e !important; }
	a.maxcdn-icon:hover { color: #f36f20 !important; }
	a.openid-icon:hover { color: #fe6101 !important; }
	a.pagelines-icon:hover { color: #3783e3 !important; }
	a.pied-piper-icon:hover { color: #0c7b48 !important; }
	a.qq-icon:hover { color: #23286c !important; }
	a.rebel-icon:hover { color: #000000 !important; }
	a.reddit-icon:hover { color: #cee3f8 !important; }
	a.renren-icon:hover { color: #0d81e4 !important; }
	a.share-icon:hover { color: #252525 !important; }
	a.slack-icon:hover { color: #453744 !important; }
	a.soundcloud-icon:hover { color: #fe4e00 !important; }
	a.spotify-icon:hover { color: #80bb41 !important; }
	a.stack-exchange-icon:hover { color: #265a93 !important; }
	a.stackoverflow-icon:hover { color: #fea501 !important; }
	a.steam-icon:hover { color: #191919 !important; }
	a.stumbleupon-icon:hover { color: #f04f23 !important; }
	a.tencent-weibo-icon:hover { color: #0063a7 !important; }
	a.trello-icon:hover { color: #226784 !important; }
	a.vine-icon:hover { color: #00b081 !important; }
	a.vk-icon:hover { color: #50769d !important; }
	a.wechat-icon:hover { color: #a4dc31 !important; }
	a.weibo-icon:hover { color: #d82828 !important; }
	a.wordpress-icon:hover { color: #454442 !important; }
	a.yahoo-icon:hover { color: #4b04a8 !important; }


/* ==========================================================================
   =Testimonials
   ========================================================================== */

	.testimonial { 
		border: 1px solid #ccc;
		background-color: #fff;
		color: #002855;
	}
	
	.testimonial h5 span { 
		color: #002855;
	}
	
/* ==========================================================================
   =Team Member
   ========================================================================== */
	
	.team-member-item-overlay {		
		background-color: rgba(36, 190, 232, 0.85);	
				
	}
	
	.team-member p {
		color: #263849;
	}
	
	.team-member .social-media a.social-icon {
		color: #fff;
	}
	
/* ==========================================================================
   =Portfolio Item
   ========================================================================== */
	
	.portfolio-item-overlay {
		background-color: rgba(36, 190, 232, 0.85);
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom i,
	.portfolio-item-overlay-actions .portfolio-item-link i {
		color: #fff; 
	}
	
	.portfolio-item-overlay .portfolio-item-description {
		color: #fff;
	}
	
	.portfolio-item-overlay .portfolio-item-description h5, 
	.portfolio-item-overlay .portfolio-item-description h4 a { color: #fff; }
	
/* ==========================================================================
   =Portfolio Filter
   ========================================================================== */
	
	.portfolio-filter ul li a { 
		color: #101010;
	}
	
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul li a.active { color: #002855; }	
	
/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */
   	
    .fullwidth-section.custom-color-selected a,
	.fullwidth-section.custom-color-selected .icon-box-1 > i, 
	.fullwidth-section.custom-color-selected .process-description h5,
	.fullwidth-section.custom-color-selected blockquote::before,
	.fullwidth-section.custom-color-selected .testimonial h5 span,
	.fullwidth-section.custom-color-selected .team-member p,
	.fullwidth-section.custom-color-selected ul.check li:before,
	.fullwidth-section.custom-color-selected ul.plus li:before,
	.fullwidth-section.custom-color-selected ul.pin li:before,
	.fullwidth-section.custom-color-selected .widget_recent_entries ul li a:hover,
	.fullwidth-section.custom-color-selected .widget_recent_entries ul li .post-date, 
	.fullwidth-section.custom-color-selected .ewf_widget_latest_posts .post-date, 
	.fullwidth-section.custom-color-selected .byline, 
	.fullwidth-section.custom-color-selected .widget_nav_menu .menu a, 
	.fullwidth-section.custom-color-selected .widget_search #s,
	.fullwidth-section.custom-color-selected #newsletter-subscribe-form input[type="text"], 
	.fullwidth-section.custom-color-selected .posted-on { color: inherit; } 
	
	.fullwidth-section.custom-color-selected .toggle-item:hover, 
	.fullwidth-section.custom-color-selected .toggle-item.active,
	.fullwidth-section.custom-color-selected .divider.single-line, 
	.fullwidth-section.custom-color-selected .divider.double-line, 
	.fullwidth-section.custom-color-selected .horizontal-process-builder:before,
	.fullwidth-section.custom-color-selected .pricing-table-offer, 
	.fullwidth-section.custom-color-selected .pricing-table-offer ul li, 
	.fullwidth-section.custom-color-selected .testimonial, 
	.fullwidth-section.custom-color-selected .widget_search #s, 
	.fullwidth-section.custom-color-selected .widget_pages ul li, 
	.fullwidth-section.custom-color-selected  #newsletter-subscribe-form input[type="text"], 
	.fullwidth-section.custom-color-selected .ewf_widget_navigation li,
	.fullwidth-section.custom-color-selected .comment-meta { border-color: inherit; }
	
	.fullwidth-section.custom-color-selected .widget_tag_cloud a,
	.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers, 
	.fullwidth-section.custom-color-selected .pagination .page-numbers { color: #fff; }
	
/* ==========================================================================
   =WordPress Default Classes
   ========================================================================== */

	/* Caption */

	.caption-text,
	.wp-caption-text {
		padding: 10px 0;
		color: #999;
	}

	/* Gallery */

	.gallery-caption {
		color: #999;
	}

/* ==========================================================================
   =WordPress Post(s) 
   ========================================================================== */
   
   .sticky {
		border: 1px solid #e0e0e0; 
	}
	
	.sticky-post {
		background-color: #002855;
		color: #fff;
	}
	
	.post-title a {
		color: #101010;
	}
	
	.posted-on {
		color: #002855;		
	}
	
	.byline { color: #aaa; }
	
/* ==========================================================================
   =WordPress pagination and navigation
   ========================================================================== */	

	.pagination .page-numbers {
		background-color: #d6d6d6;
		color: #fff;
	}

	.pagination .current {
		background-color: #002855;
	}

	.pagination .prev,
	.pagination .next {
		background-color: #d6d6d6;
		color: #fff;	
	}

	.pagination .prev:hover,
	.pagination .prev:focus,
	.pagination .next:hover,
	.pagination .next:focus { 	
		background-color: #002855; 
	}
	
/* ==========================================================================
   =WordPress Comments
   ========================================================================== */
   
	.comments-area {
		border-top: 1px solid #e0e0e0;
	}

	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback {
		border-top: 1px solid #ccc;
	}
	
	.comment-author a { 
		color: #101010;
	}

	.comment-meta {
		border-left: 1px solid #101010;
	}
	
	.comment-meta a { color: #101010; }

/* ==========================================================================
   =WordPress Comments Navigation
   ========================================================================== */

	.comment-navigation {
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	
/* ==========================================================================
   =WordPress Comment Form
   ========================================================================== */	

	.no-comments {
		border-top: 1px solid #e0e0e0;
	}

	.required { color: #d50f25; }

/* ==========================================================================
   =WordPress Widgets
   ========================================================================== */
	
/* =Search Widget
   ========================================================================== */

	#s { 
		color: #aaa;
	}
	
	#searchsubmit { 
		background: #002855 url(/Content/home/assets/images/bg-search-white.png) no-repeat center center;
	}
	
/* =Recent Entries Widget
   ========================================================================== */
	
	.widget_recent_entries ul li a { color: #101010; }
	
	.widget_recent_entries ul li a:hover { color: #002855; }
	
	.widget_recent_entries ul li .post-date { 
		color: #002855;
	}
	
/* =Pages Widget
   ========================================================================== */
	
	.widget_pages ul li { border-bottom: 1px solid #ccc; }
	
	.widget_pages ul li a {		
		color: #101010;	
	}
	
	
/* =Archive Widget
   ========================================================================== */
	
	.widget_archive a {
		color: #101010;		
	}
	
	.widget_archive a:hover:before { color: #002855; }
	
/* =Categories Widget
   ========================================================================== */
	
	.widget_categories a {
		color: #101010;		
	}
	
	.widget_categories a:hover:before { color: #002855; }
	
/* =Tag Cloud Widget
   ========================================================================== */
	
	.widget_tag_cloud a {
		background-color: #263849;		
		color: #fff;
	}
	
	.widget_tag_cloud a:hover {
		background-color: #17acd4;
	}
	
/* =Calendar Widget
   ========================================================================== */
	
	#wp-calendar tbody a {
		background-color: #245dc1;
		color: #fff;
	}
	
/* =Nav Menu Widget
   ========================================================================== */
	
	.widget_nav_menu .menu a {
		color: #101010;
	}
	
	.widget_nav_menu .menu a:hover:before { color: #002855; }
	
/* ==========================================================================
   =WordPress Custom Widgets
   ========================================================================== */
   
/* =EWF Twitter widget
   ========================================================================== */
	
	.ewf-tweet-list ul  li{ 
		border-left: 1px solid #002855;
	}
	
	.ewf-tweet-list ul  li p:before {
		background-color: #002855;
		color: #fff;
	}

	
/* =EWF Newsletter subscribe widget
   ========================================================================== */
	
	#newsletter-subscribe-form input[type="text"] { 
		color: #aaa;
	}


/* =EWF Latest posts widget
   ========================================================================== */
	
	.ewf_widget_latest_posts ul li a {
		color: #101010;
	}
	
	.ewf_widget_latest_posts .post-date {
		color: #002855;
	}
	
/* =EWF Navigation widget
   ========================================================================== */
	
	.ewf_widget_navigation li { border-bottom: 1px solid #ccc; }
	
	.ewf_widget_navigation li a { 		
		color: #101010;		
	}

/* =EWF Social media widget
   ========================================================================== */
	
	.ewf_widget_social_media a { color: #101010; }

/* @group Vertical Tabs */
/* =============================================================================
   VERTICAL TABS
   ========================================================================== */
.tab-content {
	overflow: visible;
}
.nav-list {
	overflow: hidden;
}
.nav-list li {
    height: 30px;
    list-style-type: none;
}
.nav-list li a  {
	padding: 2px;
    width: 100px;
    display: block;
	font-size: 12px;
	color: #555;
    vertical-align: middle;
    text-align: right;
	background-position: 180px, 5px bottom !important;
    text-decoration: none;
}
.nav-list .first a  {
	background-position: 180px, 5px bottom !important;
}
.nav-list .last a  {
	background-position: 180px, 5px bottom !important;
}
.nav-list li a:hover  {
	color: #fff;
	text-shadow: 1px 1px #4c4c4c !important;
    background-color: #263849;
}
.nav-list .active a  {
	background-color: #002855;
    color: #FB471F;
    font-weight: bold;
}
.nav-list .active:after  {
	content: "";
	height: 30px;
    width: 100px;
	margin-top: 0px;
	margin-left: 129px !important;
	position: absolute;
}
.nav-list .active:before  {
	content: "";
	height: 30px;
    width: 100px;
	margin-top: -50px;
	margin-left: 129px !important;
	position: absolute;
}
.nav-list .first:before  {
	background: none !important;
}
.nav-list .last:after  {
	background: none !important;
}
/* @end Vertical Tabs */

.content-bubble-slim {
    min-height:200px;
}

.content-image {
    border: 1px solid black;
}

.content-image-container{
    position:relative;
}

.content-image-overlay {
	background: url(/Content/home/assets/images/icon_view_orange.png) no-repeat center center, url(/Content/home/assets/images/image_overlay.png);
	background-size: 0px 0px;
    height: 100%; width: 100%;
	display: inline-block;
	position: absolute;
    overflow: hidden;
	opacity: 0;
	
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	
}
.content-image-overlay:hover {
	background: url(/Content/home/assets/images/icon_view_orange.png) no-repeat center center, url(/Content/home/assets/images/image_overlay.png);
	background-size: 48px 48px;
    height: 100%; width: 100%;
	display: inline-block;
	position: absolute;
    overflow: hidden;
	opacity: 1;
}

/* The emerging W3C standard that is currently Firefox-only */
* {
	scrollbar-width: thin;
	scrollbar-color: #002855 #ddd;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-track {
	background: #ddd;
}

*::-webkit-scrollbar-thumb {
	background-color: #002855;
	border-radius: 20px;
	border: 2px solid #ddd;
}


.word-cloud {
	font-size: 46px;
	line-height: 60px;
}

/* Animate.css - Just-add-water CSS animations 
 * http://daneden.github.io/animate.css/
 */
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.jquery-lightbox-overlay
{
  background:#000000;
}

.jquery-lightbox
{
  position:relative;
  padding:17px 0;
}

.jquery-lightbox-border-top-left,
.jquery-lightbox-border-top-right,
.jquery-lightbox-border-bottom-left,
.jquery-lightbox-border-bottom-right
{
  position:absolute;
  height:17px;
  width:12%;
  z-index:7000;
}

.jquery-lightbox-border-top-left
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat 0 0;
  top:0;
  left:0;
}

.jquery-lightbox-border-top-right
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat right 0;
  top:0;
  right:0;
}

.jquery-lightbox-border-top-middle
{
  background:#2b2b2b;
  position:absolute;
  height:7px;
  width:78%;
  top:0;
  left:12%;
  z-index:7000;
  overflow:hidden;
}

.jquery-lightbox-border-bottom-left
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat 0 bottom;
  bottom:0;
  left:0;
}

.jquery-lightbox-border-bottom-right
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat right bottom;
  bottom:0;
  right:0;
}

.jquery-lightbox-border-bottom-middle
{
  background:#2b2b2b;
  height:7px;
  width:78%;
  position:absolute;
  bottom:0;
  left:12%;
  z-index:7000;
  overflow:hidden;
}

.jquery-lightbox-title
{
  background:#2b2b2b;
  color:#FFFFFF;
  font-family:verdana,arial,serif;
  font-size:11px;
  line-height:14px;
  padding:5px 8px;
  margin:3px;
  position:absolute;
  bottom:0;
  z-index:7000;
  opacity:0.9;
}

.jquery-lightbox-html
{
  z-index:7000;
  position:relative;
  border:0;
  border-left:7px solid #2b2b2b;
  border-right:7px solid #2b2b2b;
  padding:0px 15px;
  vertical-align:top;
}

.jquery-lightbox-html embed,
.jquery-lightbox-html object,
.jquery-lightbox-html iframe
{
  vertical-align:top;
}

.jquery-lightbox-background
{
  position:absolute;
  top:7px;
  left:7px;
  z-index:6999;
  float:left;
  padding:0;
}

.jquery-lightbox-background img
{
  display:block;
  position:relative;
  border:0;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}


.jquery-lightbox-mode-image .jquery-lightbox-html
{
  z-index:6998;
  padding:0;
}

.jquery-lightbox-mode-html .jquery-lightbox-background
{
  background:#FFFFFF;
}

.jquery-lightbox-mode-html .jquery-lightbox-html
{
  overflow:auto;
}

.jquery-lightbox-loading,
.jquery-lightbox-mode-html .jquery-lightbox-loading {
    background: #FFFFFF url(/Content/images/rolling-1s-100px.svg) no-repeat center center;
}

.jquery-lightbox-button-close
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -190px -115px;
  position:absolute;
  top:12px;
  right:-26px;
  width:29px;
  height:29px;
}

.jquery-lightbox-button-close:hover
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -220px -115px;
}

.jquery-lightbox-button-close span,
.jquery-lightbox-buttons span
{
  display:none;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  right:14px;
  z-index:7002;
}

.jquery-lightbox-buttons 
{
  position:absolute;
  top:7px;
  left:7px;
  z-index:7001;
  height:39px;
  display:none;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
  width:5px;
  height:39px;
  float:left;
  display:inline;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-init
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -151px -153px;
  margin:7px 0 0 7px;
}

.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -244px -153px;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons .jquery-lightbox-button-left
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -156px -153px;
  width:24px;
  height:39px;
  float:left;
  display:inline;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons .jquery-lightbox-button-left:hover
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -156px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-right
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -220px -153px;
  width:24px;
  height:39px;
  float:left;
  display:inline;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons .jquery-lightbox-button-right:hover
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -220px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-max
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -182px -153px;
  width:36px;
  height:39px;
  float:left;
  display:inline;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons .jquery-lightbox-button-max:hover
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -182px -194px;
}


.jquery-lightbox-buttons .jquery-lightbox-button-min
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -162px -235px;
  width:36px;
  height:39px;
  float:left;
  display:inline;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons .jquery-lightbox-button-min:hover
{
  background: url(/Content/css/lightbox/default/images/jquery-lightbox-theme.png) no-repeat -207px -235px;
}


.jquery-lightbox-buttons-custom
{
  height:39px;
  float:left;
  display:inline;
  background:#2b2b2b;
  line-height:39px;
  font-size:10px;
  margin:7px 0 0 0;
}

.jquery-lightbox-buttons-custom a
{
  color:#FFFFFF;
  font-size:10px;
  display:inline;
  font-weight:normal;
  text-decoration:underline;
  padding:0 3px;
}

.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
  opacity:0.7;
}

.jquery-lightbox-mode-image .jquery-lightbox-buttons
{
  opacity:0.3;
}

.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close
{
  opacity:0.9;
}

.jquery-lightbox-navigator
{
  display:none;
}
/*Font Satoshi*/
@font-face {
    font-family: 'Satoshi-Regular';
    src:url('/content/home/assets/font/Satoshi-Regular.otf') format('opentype');
  }
  @font-face {
    font-family: 'Satoshi-Medium';
    src:url('/content/home/assets/font/Satoshi-Medium.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-Bold';
    src:url('/content/home/assets/font/Satoshi-Bold.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BoldItalic';
    src:url('/content/home/assets/font/Satoshi-BoldItalic.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BlackItalic';
    src:url('/content/home/assets/font/Satoshi-BlackItalic.otf') format('opentype');
      
  }
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],template {
	display: none;
}

button,input,optgroup,select,textarea {
	padding: 0;
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

html {
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

.ui-state-disabled {
	cursor: default!important;
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000;
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
	text-decoration: none;
}

.ui-button-icon-only {
	width: 2.2em;
}

button.ui-button-icon-only {
	width: 2.4em;
}

.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}

input.ui-button {
	padding: .4em 1em;
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

.ui-buttonset {
	margin-right: 7px;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
	margin: -1px;
}

.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: .25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px .4em;
	margin: .5em 0 0 0;
	height: auto;
	border: 0;
}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
	right: .5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: .4em 2.1em .4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
	border-width: 2px;
}

.ui-widget {
	font-family: SofiaProLightRegular,Tahoma,Arial,sans-serif;
	font-size: 1.1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
	font-family: SofiaProLightRegular,Tahoma,Arial,sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #aaa;
	background: #fff url("/Content/jquery-ui/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222;
}

/*.ui-widget-content a {
	color: #222;
}*/

.ui-widget-header {
	border: 1px solid #aaa;
	color: #222;
	font-weight: bold;
}

.ui-widget-header a {
	color: #222;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	border: 2px solid #ddd;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
	font-weight: bold;
	color: #fff;
	border-width: 2px;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #fff;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
	border: 1px solid #ddd;
	font-weight: bold;
	color: #ff0084;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #ff0084;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("/Content/jquery-ui/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("/Content/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,.ui-widget-content .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
	background-image: url("/Content/jquery-ui/images/ui-icons_cd0a0a_256x240.png");
}

.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ui-widget-overlay {
	background: #aaa url("/Content/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaa url("/Content/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	border: 2px solid #ddd;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
	font-weight: bold;
	color: #fff;
	border-width: 2px;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #fff;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
	border: 1px solid #ddd;
	font-weight: bold;
	color: #ff0084;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #ff0084;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

.ui-accordion-header {
	border: 2px solid;
}

.ui-accordion .ui-accordion-header {
	margin-top: 2px;
}

.ui-accordion-content {
	border: 2px solid;
	border-top: none;
	margin-bottom: 3px!important;
}

.ui-accordion .ui-accordion-header a {
	font-size: 1em;
	padding: .6em .3em .5em 2.9em;
	font-weight: bold;
}

.ui-accordion>.ui-state-active a,.ui-accordion>div>h3.ui-state-active a {
	padding-bottom: .8em;
}

.ui-accordion>.ui-state-active,.ui-accordion>div>h3.ui-state-active {
	border-bottom: none!important;
}

.ui-accordion-header>.ui-icon {
	margin: 4px;
}

.ui-tabs {
	padding: 0;
	border: none;
}

.ui-tabs-nav {
	padding: 0 0 0 0!important;
	border: none;
	border-bottom: 2px solid;
	background-color: #fff;
}

.ui-tabs-nav .ui-state-default {
	border: none;
	padding: 0!important;
	margin-right: 2px!important;
	background: none!important;
}

.ui-tabs-nav .ui-state-default a {
	border: 2px solid;
	position: relative;
	top: 1px;
	font-weight: bold;
}

.ui-tabs-nav .ui-tabs-selected a {
	border: 2px solid;
	height: 1.8em;
	border-bottom: none!important;
}

.ui-tabs .ui-widget-content {
	border: 2px solid!important;
	border-top: none!important;
}

.ui-tabs-nav .ui-state-hover {
	border: none;
}

.ui-dialog {
	border-width: 2px;
	padding: 0;
}

.ui-dialog-titlebar {
	border: none;
	border-bottom-width: 2px;
	padding: .6em 1em .6em 1em!important;
	font-weight: bold;
	font-size: 1.1em;
}

.ui-dialog-buttonpane {
	border-top-width: 2px!important;
	margin-top: 0!important;
}

.ui-dialog .ui-dialog-titlebar-close {
	width: 28px;
	height: 28px;
	margin: -13px 0 0 0;
	padding: 0;
}

.ui-dialog-titlebar-close>.ui-icon {
	margin: 4px!important;
}

.ui-datepicker {
	border: 2px solid;
	padding: 0!important;
}

.ui-datepicker .ui-datepicker-header {
	border: none;
	padding: .4em 1em .4em 1em;
}

.ui-datepicker .ui-datepicker-header .ui-state-default,.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: none;
	border: none;
	padding: 0;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	width: 24px;
	height: 24px;
	margin: 0;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
	top: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
	top: 2px;
}

.ui-datepicker table {
	margin: 0;
	border: 1px solid;
}

.ui-datepicker-calendar .ui-state-default,.ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-state-highlight,.ui-datepicker-calendar .ui-state-active {
	border-width: 2px;
}

.ui-datepicker .ui-icon {
	margin: 4px!important;
}

.ui-button {
	border-width: 2px!important;
	border-bottom-style: solid;
	font-weight: bold!important;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -1px;
}

.ui-state-highlight {
	border: 2px solid;
}

.ui-state-error {
	border: 2px solid;
}

.ui-slider {
	border: none;
}

.ui-slider .ui-slider-handle {
	width: .8em;
	height: .8em;
	border: none;
	margin: -.4em;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-top: 0;
	top: 0;
}

.ui-slider-vertical .ui-slider-handle {
	margin-left: 0;
	left: 0;
}

.ui-progressbar {
	border: none;
	height: .8em;
}

.ui-progressbar .ui-progressbar-value {
	border: none;
}

.ui-autocomplete {
	border: solid 2px #bbb;
	padding: 0;
}

.ui-autocomplete .ui-menu-item a {
	padding: 5px;
	border: none;
	margin: 0!important;
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_d4d4d4_0.png);
}

.ui-state-default .ui-icon-white {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-state-active .ui-icon-white,.ui-state-hover .ui-icon-white {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-state-active .ui-icon,.ui-state-hover .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_004b96_0.png);
}

.ui-widget-overlay {
	background: #fff;
}

.ui-widget-content {
	color: #525252;
}

.ui-state-default,.ui-widget-content .ui-state-default {
	background-color: #263849;
	border-color: #263849;
	color: #fff;
}

.ui-state-focus,.ui-widget-content .ui-state-focus {
	background-color: #004b96;
	border-color: #004b96;
	color: #fff;
}

.ui-state-hover,.ui-widget-content .ui-state-hover {
	background-color: #004b96;
	border-color: #004b96;
	color: #fff;
}

.ui-state-active,.ui-widget-content .ui-state-active {
	background-color: #263849;
	border-color: #263849;
	color: #fff;
}

.ui-state-white-default,.ui-widget-content .ui-state-white-default {
	background-color: #fff;
	border-color: #263849;
	color: #fff;
}

.ui-state-white-focus,.ui-widget-content .ui-state-white-focus {
	background-color: #fff;
	border-color: #004b96;
	color: #fff;
}

.ui-state-white-hover,.ui-widget-content .ui-state-white-hover {
	background-color: #fff;
	border-color: #004b96;
	color: #fff;
}

.ui-state-white-active,.ui-widget-content .ui-state-white-active {
	background-color: #fff;
	border-color: #263849;
	color: #fff;
}

.ui-accordion-content {
	border-color: #d4d4d4;
	background: #fff;
}

.ui-accordion-header.ui-state-active,.ui-accordion-header.ui-state-active.ui-state-hover {
	background-color: #fff!important;
	color: #525252;
	border-color: #d4d4d4!important;
	background-image: url(/Content/jquery-ui/images/ui-icons_d4d4d4_0.png)!important;
	background-position: -230px -213px!important;
}

.ui-accordion-header.ui-state-active a {
	color: #525252!important;
}

.ui-accordion-header.ui-state-default {
	border-color: #263849;
	background: #263849;
}

.ui-accordion-header.ui-state-default a {
	color: #fff;
}

.ui-accordion-header.ui-state-hover {
	background: #004b96;
	border-color: #004b96;
}

.ui-accordion-header.ui-state-hover a {
	color: #fff;
}

.ui-accordion-header.ui-state-active .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_d4d4d4_0.png)!important;
}

.ui-accordion-header.ui-state-default .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-accordion-header.ui-state-hover .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_004B96_0.png);
}

.ui-accordion-header {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png)!important;
	background-position: -230px -214px!important;
	background-repeat: no-repeat!important;
}

.ui-accordion-header.ui-state-hover {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png)!important;
	background-position: -230px -166px!important;
}

.ui-tabs-nav>.ui-state-default a {
	border-color: #263849;
	background: #263849;
	color: #fff;
}

.ui-tabs-nav>.ui-tabs-selected a {
	border-color: #d4d4d4!important;
	background: #fff!important;
	color: #525252!important;
}

.ui-tabs-nav>.ui-state-hover a {
	background: #004b96;
	border-color: #004b96;
	color: #fff;
}

.ui-tabs-nav>.ui-state-focus a {
	background: #004b96;
	border-color: none;
	color: #fff;
}

.ui-tabs .ui-widget-content {
	border-color: #d4d4d4!important;
	background-color: #fff;
}

.ui-tabs-nav {
	border-color: #d4d4d4;
}

.ui-dialog {
	border-color: #263849;
	background-color: #fff!important;
}

.ui-dialog-titlebar {
	border-color: #263849;
	color: #fff;
	background-color: #263849;
}

.ui-dialog-buttonpane {
	border-color: #263849!important;
	background-color: #fff;
}

.ui-dialog-content {
	background-color: #fff!important;
}

.ui-dialog-titlebar .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-dialog-titlebar .ui-state-hover .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_263849_0.png)!important;
}

.ui-dialog-titlebar-close {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png)!important;
	background-position: -232px -216px!important;
}

.ui-dialog-titlebar-close.ui-state-hover {
	background: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png)!important;
	background-position: -232px -168px!important;
}

.ui-slider {
	background: #d4d4d4;
}

.ui-slider .ui-slider-range {
	background: #263849;
}

.ui-slider .ui-state-default {
	background-color: #000;
}

.ui-slider .ui-state-active {
	background-color: #525252!important;
}

.ui-slider .ui-state-focus {
	background-color: #000;
}

.ui-slider .ui-state-hover {
	background-color: #525252;
}

.ui-progressbar {
	background: #d4d4d4;
}

.ui-progressbar .ui-progressbar-value {
	background-color: #263849;
}

.ui-autocomplete {
	border-color: #525252;
}

.ui-autocomplete a {
	background-color: #fff;
	color: #525252;
}

.ui-autocomplete .ui-state-hover {
	background: #263849;
	color: #fff;
}

.ui-datepicker {
	border-color: #263849;
}

.ui-datepicker .ui-datepicker-header {
	background-color: #263849;
	color: #fff;
}

.ui-datepicker table {
	border-color: #fff;
}

.ui-datepicker-calendar {
	background: #fff;
}

.ui-datepicker-calendar .ui-state-default {
	background-color: #d4d4d4;
	border-color: #d4d4d4;
	color: #525252;
}

.ui-datepicker-calendar .ui-state-hover {
	background-color: #004b96!important;
	border-color: #004b96!important;
	color: #fff!important;
}

.ui-datepicker-calendar .ui-state-highlight {
	background-color: #d4d4d4;
	border-color: #263849;
	color: #fff;
}

.ui-datepicker-calendar .ui-state-active {
	background-color: #263849;
	border-color: #263849;
	color: #fff;
}

.ui-datepicker .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-datepicker .ui-state-hover .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_263849_0.png);
}

.ui-datepicker-next,.ui-datepicker-prev {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
	background-position: -232px -216px;
}

.ui-datepicker-next-hover,.ui-datepicker-prev-hover {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png)!important;
	background-position: -232px -168px!important;
	opacity: 1;
}

.ui-datepicker-next.ui-state-disabled,.ui-datepicker-prev.ui-state-disabled {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
	background-position: -232px -216px;
}

.ui-state-highlight {
	border-color: #000;
	color: #525252;
	background: #b8c4d0;
}

.ui-state-highlight .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_525252_0.png);
}

.ui-state-error {
	border-color: #c31d1d;
	color: #fff;
	background: #c31d1d;
}

.ui-state-error .ui-icon {
	background-image: url(/Content/jquery-ui/images/ui-icons_ffffff_0.png);
}

.ui-icon-closethick {
	left: 0!important;
	top: 0!important;
}

.container,.container-fluid {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
}

.row {
	position: relative;
	margin-right: -15px;
	margin-left: -15px;
}

.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.span1,.span2,.span2a,.span2p, .span3,.span3a,.span3A,.span4,.span5,.span6,.span7,.span7a,.span7R,.span8,.span9,.span10,.span11,.span12 {
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	
}
/*CUSTOM GRID*/
.span1-lg,.span2-lg,.span2a-lg,.span2p-lg, .span3-lg,.span3a-lg,.span3A-lg,.span4-lg,.span5-lg,.span6-lg,.span7-lg,.span7a-lg,.span7R-lg,.span8-lg,.span9-lg,.span10-lg,.span11-lg,.span12-lg{
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
@media(min-width:768px) {
	.span1,.span2,.span2a,.span2p,.span3,.span3a,.span3A,.span4,.span5,.span6,.span7,.span7a,.span7R,.span8,.span9,.span10,.span11,.span12 {
		float: left;
	}

	.span12 {
		width: 100%;
	}

	.span11 {
		width: 91.66666667%;
	}

	.span10 {
		width: 83.33333333%;
	}

	.span9 {
		width: 75%;
	}

	.span8 {
		width: 66.66666667%;
	}

	.span7 {
		width: 58.33333333%;
	}
	.span7R {
		width: 58.33333333%;
	}
	.span7a {
			width: 48%;
			background-color: #FCFBFA;
			float: left;
	}
	.span6 {
		width: 50%;
	}

	.span5 {
		width: 41.66666667%;
	}

	.span4 {
		width: 33.33333333%;
	}

	.span3 {
		width: 25%;
	}
	.span3a {
		width: 30%;
		margin-top: 50px;
		float: left;
	}
	.span3A {
		width: 20%;
	}

	.span2 {
		width: 16.66666667%;
	}
	.span2p {
		width: 25%;
	}
	.span2a {
		width: 21%;
		margin-top: 70px;
		float: right;
	}
	.span1 {
		width: 8.33333333%;
	}

	.offset12 {
		margin-left: 100%;
	}

	.offset11 {
		margin-left: 91.66666667%;
	}

	.offset10 {
		margin-left: 83.33333333%;
	}

	.offset9 {
		margin-left: 75%;
	}

	.offset8 {
		margin-left: 66.66666667%;
	}

	.offset7 {
		margin-left: 58.33333333%;
	}

	.offset6 {
		margin-left: 50%;
	}

	.offset5 {
		margin-left: 41.66666667%;
	}

	.offset4 {
		margin-left: 33.33333333%;
	}

	.offset3 {
		margin-left: 25%;
	}

	.offset2 {
		margin-left: 16.66666667%;
	}

	.offset1 {
		margin-left: 8.33333333%;
	}

	.offset0 {
		margin-left: 0%;
	};
}
/*Desktop and break for ipad and mobile*/
@media (min-width: 992px) {
	.span1-lg,.span2-lg,.span2a-lg, .span2p-lg, .span3-lg,.span3a-lg,span3A,.span4-lg,.span5-lg,.span6-lg,.span7-lg,.span7a-lg,.span7R-lg,.span8-lg,.span9-lg,.span10-lg,.span11-lg,.span12-lg {
		float: left;
	}

	.span12-lg {
		width: 100%;
	}

	.span11-lg {
		width: 91.66666667%;
	}

	.span10-lg {
		width: 83.33333333%;
	}

	.span9-lg {
		width: 75%;
	}

	.span8-lg {
		width: 66.66666667%;
	}

	.span7-lg {
		width: 58.33333333%;
	}
	.span7R-lg {
		width: 58.33333333%;
	}
	.span7a-lg {
		width: 48%;
	}
	.span6-lg {
		width: 50%;
	}

	.span5-lg {
		width: 41.66666667%;
	}

	.span4-lg {
		width: 33.33333333%;
	}

	.span3-lg {
		width: 25%;
	}
	.span3A-lg {
		width: 20%;
	}
	.span3a-lg {
		width: 30%;
		margin-top: 50px;
		float: left;
	}
	.span2-lg {
		width: 16.66666667%;
	}
	.span2p-lg {
		width: 25%;
	}
	.span2a-lg {
		width: 21%;
		margin-top: 70px;
		float: right;
	}
	.span1-lg {
		width: 8.33333333%;
	}

	.offset12 {
		margin-left: 100%;
	}

	.offset11 {
		margin-left: 91.66666667%;
	}

	.offset10 {
		margin-left: 83.33333333%;
	}

	.offset9 {
		margin-left: 75%;
	}

	.offset8 {
		margin-left: 66.66666667%;
	}

	.offset7 {
		margin-left: 58.33333333%;
	}

	.offset6 {
		margin-left: 50%;
	}

	.offset5 {
		margin-left: 41.66666667%;
	}

	.offset4 {
		margin-left: 33.33333333%;
	}

	.offset3 {
		margin-left: 25%;
	}

	.offset2 {
		margin-left: 16.66666667%;
	}

	.offset1 {
		margin-left: 8.33333333%;
	}

	.offset0 {
		margin-left: 0%;
	};
}
.visible-phone,.visible-tablet,.visible-desktop,.visible-desktop-large {
	display: none!important;
}

.visible-phone-block,.visible-phone-inline,.visible-phone-inline-block,.visible-tablet-block,.visible-tablet-inline,.visible-tablet-inline-block,.visible-desktop-block,.visible-desktop-inline,.visible-desktop-inline-block,.visible-desktop-large-block,.visible-desktop-large-inline,.visible-desktop-large-inline-block {
	display: none!important;
}

@media(max-width:767px) {
	.container {
		width: auto;
	}

	.span1,.span2,.span2a,.span2p,.span3,.span3a,.span3A,.span4,.span5,.span6,.span7,.span7a,.span7R,.span8,.span9,.span10,.span11,.span12 {
		width: 100%;
	}

	.visible-phone {
		display: block!important;
	}

	table.visible-phone {
		display: table;
	}

	tr.visible-phone {
		display: table-row!important;
	}

	th.visible-phone,td.visible-phone {
		display: table-cell!important;
	}

	.visible-phone-block {
		display: block!important;
	}

	.visible-phone-inline {
		display: inline!important;
	}

	.visible-phone-inline-block {
		display: inline-block!important;
	}

	.hidden-phone {
		display: none!important;
	};
}

@media only screen and (min-width:480px) and (max-width:767px) {
}

@media(min-width:768px) and (max-width:991px) {
	.container {
		width: 750px;
	}

	.visible-tablet {
		display: block!important;
	}

	table.visible-tablet {
		display: table;
	}

	tr.visible-tablet {
		display: table-row!important;
	}

	th.visible-tablet,td.visible-tablet {
		display: table-cell!important;
	}

	.visible-tablet-block {
		display: block!important;
	}

	.visible-tablet-inline {
		display: inline!important;
	}

	.visible-tablet-inline-block {
		display: inline-block!important;
	}

	.hidden-tablet {
		display: none!important;
	};
}

@media(min-width:992px) and (max-width:1199px) {
	.container {
		width: 970px;
	}

	.visible-desktop {
		display: block!important;
	}

	table.visible-desktop {
		display: table;
	}

	tr.visible-desktop {
		display: table-row!important;
	}

	th.visible-desktop,td.visible-desktop {
		display: table-cell!important;
	}

	.visible-desktop-block {
		display: block!important;
	}

	.visible-desktop-inline {
		display: inline!important;
	}

	.visible-desktop-inline-block {
		display: inline-block!important;
	}

	.hidden-desktop {
		display: none!important;
	};
}

@media(min-width:1200px) {
	.container {
		width: 1170px;
	}

	.visible-desktop-large {
		display: block!important;
	}

	table.visible-desktop-large {
		display: table;
	}

	tr.visible-desktop-large {
		display: table-row!important;
	}

	th.visible-desktop-large,td.visible-desktop-large {
		display: table-cell!important;
	}

	.visible-desktop-large-block {
		display: block!important;
	}

	.visible-desktop-large-inline {
		display: inline!important;
	}

	.visible-desktop-large-inline-block {
		display: inline-block!important;
	}

	.hidden-desktop-large {
		display: none!important;
	};
}

.fixed:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

body {
	background-color: #fff;
	color: #101010;
	font: 14px "Satoshi-Regular",Arial,sans-serif;
	line-height: 24px;
}

@media(max-width:767px) {
	body {
		background: none;
		background-color: #fff;
	};
}

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -0.03px;
	font-family: 'Satoshi-Bold';
	font-weight: 400;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight: inherit;
}

h1 {
	margin-bottom: 14px;
	font-size: 36px;
	line-height: 62px;
}

h2 {
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 51px;
}

h3 {
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 41px;
}

h4 {
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 31px;
}

h5 {
	font-size: 14px;
	line-height: 24px;
}

h6 {
	font-size: 13px;
	line-height: 21px;
}

p {
	margin-bottom: 20px;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
	font-family: 'Satoshi-Bold';
	font-style: 'Satoshi-Bold';
}
small {
	font-size: 90%;
}

big {
	font-size: 125%;
}

sub {
	vertical-align: sub;
	font-size: 75%;
}

sup {
	vertical-align: super;
	font-size: 75%;
}

abbr[title] {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

address {
	display: block;
	margin-bottom: 20px;
}

blockquote {
	position: relative;
	padding: 15px 0 15px 60px;
	font-size: 15px;
	line-height: 1.8;
}

blockquote:before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 72px;
	line-height: 1;
	font-family: "Open Sans",sans-serif;
	color: #24bee8;
	content: '“';
}

hr {
	height: 0;
	border: solid #ccc;
	border-width: 1px 0 0 0;
	margin: 30px 0;
}

kbd,tt,var,samp,code,pre {
	font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}

code {
	padding: 1px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fafafa;
	color: #d50f25;
}

pre {
	overflow-x: auto;
	display: block;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color: #fafafa;
	white-space: pre-wrap;
}

mark,ins {
	padding: 1px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fafafa;
	text-decoration: none;
}

s,del {
	text-decoration: line-through;
}

.hr {
	border-top: 1px solid #ccc;
	margin: 30px 0;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-highlight {
	padding: 1px 5px;
	border-radius: 2px;
	background-color: #24bee8;
	color: #fff;
}

.mute {
	color: #999;
}

.no-margin-bottom,.last {
	margin-bottom: 0;
}

@media(max-width:767px) {
	.last {
		margin-bottom: 20px;
	}

	.text-right {
		text-align: left;
	};
}

a,a:visited {
	color: #0069CB;
	text-decoration: none;
}

a:active {
	background: transparent;
}

a:active,a:hover,a:focus {
	outline: 0;
	text-decoration: underline;
}

ul,ol {
	margin-bottom: 20px;
	list-style-position: inside;
}

li>ul,li>ol {
	margin-bottom: 0;
	margin-left: 30px;
}

li {
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin-bottom: 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 20px;
}

ul.last,ol.last,dl.last {
	margin-bottom: 0;
}

@media(max-width:767px) {
	ul.last,ol.last {
		margin-bottom: 20px;
	};
}

ul.unstyled {
	list-style-type: none;
}

ul.square {
	list-style-type: square;
}

ul.circle {
	list-style-type: circle;
}

ul.check,ul.plus,ul.pin {
	list-style: none;
}

ul.check li,ul.plus li,ul.pin li {
	padding: 10px 0;
}

ul.check li:before,ul.plus li:before,ul.pin li:before {
	position: relative;
	top: -1px;
	width: auto;
	height: auto;
	margin-right: 8px;
	color: #002855;
	font-family: 'Satoshi-Regular';
	font-size: 10px;
	font-style: normal;
}

ul.check li:before {
	content: "";
}

ul.plus li:before {
	content: "";
}

ul.pin li:before {
	content: "";
}

ul.arrow {
	list-style: none;
}

ul.arrow li:before {
	position: relative;
	top: 0;
	width: auto;
	height: auto;
	margin-right: 8px;
	font-family: 'iconfontcustom';
	font-size: 12px;
	font-weight: 400;
	color: #24bee8;
}

ul.arrow li:before {
	content: "";
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: middle;
}

table,th,td {
	border: 1px solid #ccc;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
	table-layout: fixed;
	width: 100%;
}

caption,th,td {
	font-weight: normal;
	text-align: left;
}

caption {
	margin-bottom: 20px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,td {
	padding: 8px;
}

@media(max-width:480px) {
	table,thead,tbody,th,td,tr {
		display: block;
	}

	th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
	}

	td:first-child {
		border-top: none!important;
	};
}

form {
}

fieldset {
	padding: 20px 0;
	margin-bottom: 30px;
}

fieldset legend {
	padding: 0 10px;
	margin: 0;
	margin-left: -2px;
	background: #fff;
	font-weight: 700;
}

::-moz-placeholder,::-webkit-input-placeholder,:-ms-input-placeholder {
	color: #999;
}

label {
	display: block;
	margin-bottom: 5px;
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="color"],textarea {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 15px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background-color: transparent;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="color"]:focus,textarea:focus {
	border-color: #aaa;
	outline: none;
}

input[type="text"]:disabled,input[type="password"]:disabled,input[type="date"]:disabled,input[type="datetime"]:disabled,input[type="datetime-local"]:disabled,input[type="month"]:disabled,input[type="week"]:disabled,input[type="email"]:disabled,input[type="number"]:disabled,input[type="search"]:disabled,input[type="tel"]:disabled,input[type="time"]:disabled,input[type="url"]:disabled,input[type="color"]:disabled,textarea:disabled {
	background-color: #f7f7f7;
	cursor: not-allowed;
}

input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"],input[type="password"][disabled],input[type="password"][readonly],fieldset[disabled] input[type="password"],input[type="date"][disabled],input[type="date"][readonly],fieldset[disabled] input[type="date"],input[type="datetime"][disabled],input[type="datetime"][readonly],fieldset[disabled] input[type="datetime"],input[type="datetime-local"][disabled],input[type="datetime-local"][readonly],fieldset[disabled] input[type="datetime-local"],input[type="month"][disabled],input[type="month"][readonly],fieldset[disabled] input[type="month"],input[type="week"][disabled],input[type="week"][readonly],fieldset[disabled] input[type="week"],input[type="email"][disabled],input[type="email"][readonly],fieldset[disabled] input[type="email"],input[type="number"][disabled],input[type="number"][readonly],fieldset[disabled] input[type="number"],input[type="search"][disabled],input[type="search"][readonly],fieldset[disabled] input[type="search"],input[type="tel"][disabled],input[type="tel"][readonly],fieldset[disabled] input[type="tel"],input[type="time"][disabled],input[type="time"][readonly],fieldset[disabled] input[type="time"],input[type="url"][disabled],input[type="url"][readonly],fieldset[disabled] input[type="url"],input[type="color"][disabled],input[type="color"][readonly],fieldset[disabled] input[type="color"],textarea[disabled],textarea[readonly],fieldset[disabled] textarea {
	background-color: #f7f7f7;
	cursor: not-allowed;
}

textarea[rows] {
	height: auto;
}

select {
	height: 40px;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #101010;
	-webkit-appearance: none!important;
}

select:disabled {
	background-color: #f7f7f7;
	cursor: not-allowed;
}

select:focus {
	border-color: #aaa;
}

select[multiple] {
	height: auto;
}

input[type="file"],input[type="checkbox"],input[type="radio"],select {
	margin: 0 0 10px;
}

input[type="checkbox"]+label,input[type="radio"]+label {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
	vertical-align: baseline;
}

input[type="file"] {
	width: 100%;
}

button,input[type="reset"],input[type="submit"],input[type="button"] {
	position: relative;
	display: inline-block;
	padding: 20px 40px;
	border: 1px solid #24bee8;
	background-color: #24bee8;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 12px;
	line-height: 18px;
	font-family: Satoshi-Regular,sans-serif;
	text-decoration: none!important;
	text-transform: uppercase;
	letter-spacing: 2px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}

button[class*="span"],input[type="reset"][class*="span"],input[type="submit"][class*="span"],input[type="button"][class*="span"],input[type="range"][class*="span"],input[type="color"][class*="span"],input[type="text"][class*="span"],input[type="password"][class*="span"],input[type="date"][class*="span"],input[type="datetime"][class*="span"],input[type="datetime-local"][class*="span"],input[type="month"][class*="span"],input[type="week"][class*="span"],input[type="email"][class*="span"],input[type="number"][class*="span"],input[type="search"][class*="span"],input[type="tel"][class*="span"],input[type="time"][class*="span"],input[type="url"][class*="span"],textarea[class*="span"],select[class*="span"] {
	float: none;
	padding: 6px 10px;
}

@media(min-width:767px) {
	button.span12,input[type="range"].span12,input[type="color"].span12,input[type="reset"].span12,input[type="submit"].span12,input[type="button"].span12,input[type="text"].span12,input[type="password"].span12,input[type="date"].span12,input[type="datetime"].span12,input[type="datetime-local"].span12,input[type="month"].span12,input[type="week"].span12,input[type="email"].span12,input[type="number"].span12,input[type="search"].span12,input[type="tel"].span12,input[type="time"].span12,input[type="url"].span12,textarea.span12,select.span12 {
		width: 100%;
	}

	button.span11,input[type="range"].span11,input[type="color"].span11,input[type="reset"].span11,input[type="submit"].span11,input[type="button"].span11,input[type="text"].span11,input[type="password"].span11,input[type="date"].span11,input[type="datetime"].span11,input[type="datetime-local"].span11,input[type="month"].span11,input[type="week"].span11,input[type="email"].span11,input[type="number"].span11,input[type="search"].span11,input[type="tel"].span11,input[type="time"].span11,input[type="url"].span11,textarea.span11,select.span11 {
		width: 91.66666667%;
	}

	button.span10,input[type="range"].span10,input[type="color"].span10,input[type="reset"].span10,input[type="submit"].span10,input[type="button"].span10,input[type="text"].span10,input[type="password"].span10,input[type="date"].span10,input[type="datetime"].span10,input[type="datetime-local"].span10,input[type="month"].span10,input[type="week"].span10,input[type="email"].span10,input[type="number"].span10,input[type="search"].span10,input[type="tel"].span10,input[type="time"].span10,input[type="url"].span10,textarea.span10,select.span10 {
		width: 83.33333333%;
	}

	button.span9,input[type="range"].span9,input[type="color"].span9,input[type="reset"].span9,input[type="submit"].span9,input[type="button"].span9,input[type="text"].span9,input[type="password"].span9,input[type="date"].span9,input[type="datetime"].span9,input[type="datetime-local"].span9,input[type="month"].span9,input[type="week"].span9,input[type="email"].span9,input[type="number"].span9,input[type="search"].span9,input[type="tel"].span9,input[type="time"].span9,input[type="url"].span9,textarea.span9,select.span9 {
		width: 75%;
	}

	button.span8,input[type="range"].span8,input[type="color"].span8,input[type="reset"].span8,input[type="submit"].span8,input[type="button"].span8,input[type="text"].span8,input[type="password"].span8,input[type="date"].span8,input[type="datetime"].span8,input[type="datetime-local"].span8,input[type="month"].span8,input[type="week"].span8,input[type="email"].span8,input[type="number"].span8,input[type="search"].span8,input[type="tel"].span8,input[type="time"].span8,input[type="url"].span8,textarea.span8,select.span8 {
		width: 66.66666667%;
	}

	button.span7,input[type="range"].span7,input[type="color"].span7,input[type="reset"].span7,input[type="submit"].span7,input[type="button"].span7,input[type="text"].span7,input[type="password"].span7,input[type="date"].span7,input[type="datetime"].span7,input[type="datetime-local"].span7,input[type="month"].span7,input[type="week"].span7,input[type="email"].span7,input[type="number"].span7,input[type="search"].span7,input[type="tel"].span7,input[type="time"].span7,input[type="url"].span7,textarea.span7,select.span7 {
		width: 58.33333333%;
	}
	button.span7R,input[type="range"].span7R,input[type="color"].span7R,input[type="reset"].span7R,input[type="submit"].span7R,input[type="button"].span7R,input[type="text"].span7R,input[type="password"].span7R,input[type="date"].span7R,input[type="datetime"].span7R,input[type="datetime-local"].span7R,input[type="month"].span7R,input[type="week"].span7R,input[type="email"].span7R,input[type="number"].span7R,input[type="search"].span7R,input[type="tel"].span7R,input[type="time"].span7R,input[type="url"].span7R,textarea.span7R,select.span7R {
		width: 58.33333333%;
	}
	button.span6,input[type="range"].span6,input[type="color"].span6,input[type="reset"].span6,input[type="submit"].span6,input[type="button"].span6,input[type="text"].span6,input[type="password"].span6,input[type="date"].span6,input[type="datetime"].span6,input[type="datetime-local"].span6,input[type="month"].span6,input[type="week"].span6,input[type="email"].span6,input[type="number"].span6,input[type="search"].span6,input[type="tel"].span6,input[type="time"].span6,input[type="url"].span6,textarea.span6,select.span6 {
		width: 50%;
	}

	button.span5,input[type="range"].span5,input[type="color"].span5,input[type="reset"].span5,input[type="submit"].span5,input[type="button"].span5,input[type="text"].span5,input[type="password"].span5,input[type="date"].span5,input[type="datetime"].span5,input[type="datetime-local"].span5,input[type="month"].span5,input[type="week"].span5,input[type="email"].span5,input[type="number"].span5,input[type="search"].span5,input[type="tel"].span5,input[type="time"].span5,input[type="url"].span5,textarea.span5,select.span5 {
		width: 41.66666667%;
	}

	button.span4,input[type="range"].span4,input[type="color"].span4,input[type="reset"].span4,input[type="submit"].span4,input[type="button"].span4,input[type="text"].span4,input[type="password"].span4,input[type="date"].span4,input[type="datetime"].span4,input[type="datetime-local"].span4,input[type="month"].span4,input[type="week"].span4,input[type="email"].span4,input[type="number"].span4,input[type="search"].span4,input[type="tel"].span4,input[type="time"].span4,input[type="url"].span4,textarea.span4,select.span4 {
		width: 33.33333333%;
	}

	button.span3,input[type="range"].span3,input[type="color"].span3,input[type="reset"].span3,input[type="submit"].span3,input[type="button"].span3,input[type="text"].span3,input[type="password"].span3,input[type="date"].span3,input[type="datetime"].span3,input[type="datetime-local"].span3,input[type="month"].span3,input[type="week"].span3,input[type="email"].span3,input[type="number"].span3,input[type="search"].span3,input[type="tel"].span3,input[type="time"].span3,input[type="url"].span3,textarea.span3,select.span3 {
		width: 25%;
	}
	button.span3a,input[type="range"].span3a,input[type="color"].span3a,input[type="reset"].span3a,input[type="submit"].span3a,input[type="button"].span3a,input[type="text"].span3a,input[type="password"].span3a,input[type="date"].span3a,input[type="datetime"].span3a,input[type="datetime-local"].span3a,input[type="month"].span3a,input[type="week"].span3a,input[type="email"].span3a,input[type="number"].span3a,input[type="search"].span3a,input[type="tel"].span3a,input[type="time"].span3a,input[type="url"].span3a,textarea.span3a,select.span3a {
		width: 29%;
	}
	button.span3A,input[type="range"].span3A,input[type="color"].span3A,input[type="reset"].span3A,input[type="submit"].span3A,input[type="button"].span3A,input[type="text"].span3A,input[type="password"].span3A,input[type="date"].span3A,input[type="datetime"].span3A,input[type="datetime-local"].span3A,input[type="month"].span3A,input[type="week"].span3A,input[type="email"].span3A,input[type="number"].span3A,input[type="search"].span3A,input[type="tel"].span3A,input[type="time"].span3A,input[type="url"].span3A,textarea.span3A,select.span3A {
		width: 20%;
	}
	button.span2,input[type="range"].span2,input[type="color"].span2,input[type="reset"].span2,input[type="submit"].span2,input[type="button"].span2,input[type="text"].span2,input[type="password"].span2,input[type="date"].span2,input[type="datetime"].span2,input[type="datetime-local"].span2,input[type="month"].span2,input[type="week"].span2,input[type="email"].span2,input[type="number"].span2,input[type="search"].span2,input[type="tel"].span2,input[type="time"].span2,input[type="url"].span2,textarea.span2,select.span2 {
		width: 16.66666667%;
	}
	
	button.span2a,input[type="range"].span2a,input[type="color"].span2a,input[type="reset"].span2a,input[type="submit"].span2a,input[type="button"].span2a,input[type="text"].span2a,input[type="password"].span2a,input[type="date"].span2a,input[type="datetime"].span2a,input[type="datetime-local"].span2a,input[type="month"].span2a,input[type="week"].span2a,input[type="email"].span2a,input[type="number"].span2a,input[type="search"].span2a,input[type="tel"].span2a,input[type="time"].span2a,input[type="url"].span2a,textarea.span2a,select.span2a {
		width: 21%;
	}
	button.span2p,input[type="range"].span2p,input[type="color"].span2p,input[type="reset"].span2p,input[type="submit"].span2p,input[type="button"].span2p,input[type="text"].span2p,input[type="password"].span2p,input[type="date"].span2p,input[type="datetime"].span2p,input[type="datetime-local"].span2p,input[type="month"].span2p,input[type="week"].span2p,input[type="email"].span2p,input[type="number"].span2p,input[type="search"].span2p,input[type="tel"].span2p,input[type="time"].span2p,input[type="url"].span2p,textarea.span2p,select.span2p {
		width: 25%;
	}
	button.span1,input[type="range"].span1,input[type="color"].span1,input[type="reset"].span1,input[type="submit"].span1,input[type="button"].span1,input[type="text"].span1,input[type="password"].span1,input[type="date"].span1,input[type="datetime"].span1,input[type="datetime-local"].span1,input[type="month"].span1,input[type="week"].span1,input[type="email"].span1,input[type="number"].span1,input[type="search"].span1,input[type="tel"].span1,input[type="time"].span1,input[type="url"].span1,textarea.span1,select.span1 {
		width: 8.33333333%;
	};
}

#wrap {
	position: relative;
	background-color: #fff;
}

@media(max-width:767px) {
	#wrap {
	};
}

#header {
	margin: 0 auto;
}

@media(max-width:767px) {
	#header {
		padding: 50px 0;
		background-color:#0069CB;
	};
}

@media(min-width:768px) and (max-width:991px) {
	#header {
		padding: 50px 0;
		background-color: #0069CB;
	};
}

@media(min-width:991px) and (max-width:1199px) {
	#header {
		padding: 75px 0 50px;
		background-color: #0069CB;
	};
}

#logo {
	padding-left: 5em;
}

#logo a {
	display: inline-block;
	max-width: 100%;
}

#logo img {
	display: block;
}

@media(max-width:767px) {
	#logo {
		padding-right: 50px;
	};
}

.sf-menu,.sf-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sf-menu>li {
	float: left;
}

.sf-menu>li>a {
	position: relative;
	display: block;
}

.sf-menu .sf-mega,.sf-menu li.dropdown ul {
	position: absolute;
	z-index: 1025;
	top: 100%;
	left: 0;
	display: none;
}

.sf-menu li.dropdown {
	position: relative;
}

.sf-menu li.dropdown ul ul {
	top: -1px;
	left: 100%;
}

.sf-menu li:hover>.sf-mega,.sf-menu li.sfHover>.sf-mega,.sf-menu li.dropdown:hover>ul,.sf-menu li.dropdown.sfHover>ul {
	display: block;
}

.sf-menu {
	float: right;
}

.sf-menu a {
	display: block;
	padding: 10px 20px;
	color: #111;
	font-size: 12px;
	font-family: "Satoshi-Regular",Satoshi-Regular;
	text-decoration: none;
	text-transform: uppercase;
}

.sf-menu li.dropdown a {
}

.sf-menu li:last-child>a {
	border-bottom: none;
}

.sf-menu>li>a,.sf-menu>li.dropdown>a {
	padding: 5px 15px 25px;
	border: none;
	color: #111;
	font-size: 14px;
	text-transform: uppercase;
}

.sf-menu>li a i {
	margin-right: 5px;
}

.sf-menu>li.current>a,.sf-menu li.sfHover>a,.sf-menu a:hover,.sf-menu li.sfHover a:hover {
	color: #002855;
	text-decoration: none;
}

.sf-menu li.dropdown ul {
	min-width: 200px;
	border: 1px solid rgba(0,0,0,.1);
	background-color: #fff;
}

.sf-menu>li.dropdown>ul {
	padding: 10px 0;
	border-top: 2px solid #24bee8;
}

.sf-menu>li.dropdown>ul ul {
	padding: 10px 0;
	border-top: 2px solid #24bee8;
}

.sf-mega {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 0;
	border: 1px solid rgba(0,0,0,.1);
	border-top: 2px solid #24bee8;
	background-color: #fff;
}

.sf-mega-section {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.sf-mega-section:last-child {
	border-right: none;
}

.sf-mega.sf-mega-1-col .sf-mega-section {
	width: 100%;
}

.sf-mega.sf-mega-2-col .sf-mega-section {
	width: 50%;
}

.sf-mega.sf-mega-3-col .sf-mega-section {
	width: 33.3333333333%;
}

.sf-mega.sf-mega-4-col .sf-mega-section {
	width: 25%;
}

.sf-arrows .sf-with-ul:after {
	position: absolute;
	top: 50%;
	right: 0;
	display: none;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top-color: #999;
	margin-top: 0;
	content: "";
}

.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after {
	border-top-color: rgba(0,0,0,.7);
}

.sf-arrows ul .sf-with-ul:after {
	display: block;
	border-color: transparent;
	border-left-color: #999;
	margin-top: -4px;
	margin-right: 15px;
}

.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after {
	border-left-color: rgba(0,0,0,.7);
}

@media(min-width:768px) and (max-width:991px) {
	#menu {
		display: none;
	};
}

@media(max-width:767px) {
	#menu {
		display: none;
	};
}

#mobile-menu {
	border-bottom: 1px solid #FFFFFF;
	background-color: #0069CB;
	margin-bottom: 0;
}

#mobile-menu li {
	display: block;
	margin: 0;
}

#mobile-menu>li>ul,#mobile-menu>li>ul>li>ul {
	display: none;
	margin-left: 0;
}

#mobile-menu .sf-mega {
	display: none;
	padding: 0;
	border: none;
	margin: 0;
}

#mobile-menu .sf-mega-section {
	float: none;
	width: 100%;
	padding: 0;
	border: none;
}

#mobile-menu .sf-mega-section ul {
	margin-bottom: 0;
	margin-left: 0;
	background-color: #0069CB;
}

#mobile-menu li a {
	position: relative;
	display: block;
	padding: 15px 25px;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
}

#mobile-menu ul a {
	padding-left: 45px;
}

#mobile-menu ul li ul a {
	padding-left: 65px;
}

#mobile-menu .mobile-menu-submenu-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 100%;
	border-left: 1px solid #e0e0e0;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

#mobile-menu .mobile-menu-submenu-arrow:hover {
	background-color: #17acd4;
}

#mobile-menu li a:hover {
}

#mobile-menu {
	display: none;
}

#mobile-menu-trigger {
	float: right;
	display: none;
	font-size: 28px;
}

@media(min-width:768px) and (max-width:991px) {
	#mobile-menu-trigger {
		display: block;
		margin-top: 0;
		margin-right: 1em;
	};
}

@media(max-width:767px) {
	#mobile-menu-trigger {
		position: absolute;
		right: 15px;
		top: -12px;
		display: block;
		padding: 10px;
		margin-top: 0;
	};
}

@media only screen and (min-width:480px) and (max-width:767px) {
	#mobile-menu-trigger {
	};
}

@media(min-width:1200px) {
	#header-wrap {
		position: relative;
		height: 54px;
		padding: 25px 0 25px;
		background-color: #0069CB;
	}

	#header {
		right: 0;
		left: 0;
		margin: 0 auto;
	}

	#header.stuck {
		position: fixed;
		z-index: 1020;
		top: 0;
		width: 100%;
		padding: 15px 0 0 0;
		margin: 0 auto;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
		background-color: #0069CB;
		-webkit-transition: padding .6s;
		transition: padding .6s;
	}

	#header.stuck #logo {
		padding: 0 0 7px 5em;
	}

	#header.stuck .sf-menu>li>a,#header.stuck .sf-menu>li.dropdown>a {
		padding: 15px 15px 30px;
	};
}

#content {
	padding-bottom: 100px;
}

#page-header {
	padding: 75px 0;
	margin-bottom: 100px;
	background-color: #FFFFFF;
}
#page-headerP {
	padding: 75px 0;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#page-headerD {
	padding: 75px 0;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#page-headerD1 {
	padding: 75px 0;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

#page-header h3 {
	margin-bottom: 0;
	color: #002855;
	letter-spacing: -0.03px;
    text-transform:capitalize;
    font-size:40px;
    line-height: 51px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}
#page-headerP h3 {
	margin-bottom: 0;
	color: #002855;
	letter-spacing:-0.03em;
    font-size:40px;
    line-height: 51px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}
#page-headerD h3 {
	margin-bottom: 0;
	color: #002855;
	letter-spacing:-0.03em;
    font-size:40px;
    line-height: 51px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
}
#page-headerD1 h3 {
	margin-bottom: 0;
	color: #002855;
	letter-spacing:-0.03em;
    font-size:52px;
    line-height: 58px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}

#page-header h5 {
	margin-bottom: 0;
	color: #002855;
	text-transform:capitalize;
    font-size:30px;
    line-height:41px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
}
#page-headerP h5 {
	margin-bottom: 0;
	color: #002855;
	text-transform:none;
    font-size:30px;
    line-height:41px;
    font-weight: 400;
    letter-spacing: -0.03em;
	font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}
#page-headerD h5 {
	margin-bottom: 0;
	color: #002855;
	text-transform:none;
    font-size:30px;
    line-height:41px;
    font-weight: 400;
    letter-spacing: -0.03em;
	font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}
#page-headerD1 h5 {
	margin-bottom: 0;
	color: #002855;
	text-transform:none;
    font-size:30px;
    line-height:41px;
    font-weight: 400;
    letter-spacing: -0.03em;
	font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
}
.page-callout {
	padding: 20px 0;
	background-color: #FB471F;
}

.page-callout h2 {
	text-align: center;
}

.page-callout h4 {
	text-align: center;
}

.page-callout h3 {
	margin-bottom: 0;
	color: #fff;
	letter-spacing: 3px;
}

.page-callout h5 {
	margin-bottom: 0;
	color: #fff;
	text-transform: none;
}
#personalizedD{
    padding: 50px 0px 50px 0px;
    background-color: #FCFBFA;
    margin-bottom:0;
    margin-top:0;
}
#personalizedD a.btn-orange{
	border: 1px solid #FB471F;
    background-color: #FB471F;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 22px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
    font-style: 'Satoshi-Medium';
}
#personalizedD a.btn-orange:hover{
background: #FCFBFA !important;
    border-radius: 4px;
    color: #FB471F !important;
    border: 1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
    font-style: 'Satoshi-Medium';
}
#personalizedD h4{
	text-align: left;
    color:#002855;
    font-size:30px;
    line-height: 41px;
    text-transform:none;
    margin-bottom:0px;
    font-weight: 400;
	letter-spacing: -0.03em;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
}

.fullwidth-section {
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding: 30px 0;
	margin-bottom: 30px;
	color: #fff;
	background-color: #002855;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.fullwidth-sectionA {
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	color: #fff;
	background-color: #002855;
}
.fullwidth-sectionD {
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding:0;
	margin-bottom: 0px;
	color: #FCFBFA;
	background-color: #002855;
}

.fullwidth-section-content {
	position: relative;
	z-index: 3;
}

.fullwidth-section-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: 0 0;
}

.fullwidth-section-video {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 100%;
}

#bg-circle {
	padding: 0 0;
	margin: 0 0 0 0;
	background: #f7f7f7;
	background-size: 50% 100%;
	color: #101010;
}

#bg-2 .btn {
	margin: 40px 0 0;
	color: #fff;
}

#bg-2 {
	margin: 0 0 0 0;
	padding: 110px 0;
	background: transparent;
	color: #101010;
	text-align: right;
}

#bg-2 .headline {
	padding-top: 40px;
}

#bg-7 {
	padding: 110px 0 50px;
	margin: 10px 0 0;
	background-color: #f7f7f7;
	color: #101010;
}

#bg-11 {
	padding: 70px 0;
	margin: 110px 0;
	background-color: #24bee8;
}

#bg-11 ul {
	list-style-type: none;
}

#bg-11 ul li {
	display: inline-block;
	width: 19%;
	text-align: center;
}

#bg-16 {
	padding: 0;
	margin-bottom: -100px;
	background-color: #24bee8;
}

#bg-16 ul {
	margin-bottom: 0;
	list-style-type: none;
}

#bg-16 ul li a {
	display: block;
	width: 33%;
	padding: 30px 0;
	color: #fff;
}

#bg-16 ul li a:hover {
	color: #fff!important;
	background-color: #17acd4;
}

@media(max-width:767px) {
	.fullwidth-section {
		-webkit-background-size: cover;
		background-size: cover;
	}

	#bg-11 ul li {
		width: 100%;
	}

}

#footer {
	padding: 75px 0;
	background-color: #d6d6d6;
}

#footer-widget-area-1 {
}

#footer-widget-area-2 {
}

#footer-widget-area-3 {
}

#footer-widget-area-4 {
}

@media(max-width:767px) {
	#footer-widget-area-1+#footer-widget-area-2 {
		margin-top: 50px;
	}

	#footer-widget-area-2+#footer-widget-area-3 {
		margin-top: 50px;
	}

	#footer-widget-area-3+#footer-widget-area-4 {
		margin-top: 50px;
	};
}

#footer-bottom {
	padding: 35px 0;
	background-color: #101010;
	color: #d6d6d6;
}

#footer-bottom a {
	color: #d6d6d6;
}

.copyright {
	margin-bottom: 0;
	font-size: 14px;
	font-family: "Satoshi-Regular",Satoshi-Regular;
	text-transform: uppercase;
}

#footer-bottom-widget-area-1 {
}

#footer-bottom-widget-area-2 {
}

#footer-bottom-widget-area-3 {
}

#footer-bottom-widget-area-4 {
}

@media(max-width:767px) {
	#footer-bottom-widget-area-1+#footer-bottom-widget-area-2 {
		margin-top: 50px;
	}

	#footer-bottom-widget-area-2+#footer-bottom-widget-area-3 {
		margin-top: 50px;
	}

	#footer-bottom-widget-area-3+#footer-bottom-widget-area-4 {
		margin-top: 50px;
	}

	.copyright {
		text-align: center;
	};
}

#back-to-top {
	position: fixed;
	z-index: 1010;
	right: -40px;
	bottom: 40px;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,.7);
	color: #fafafa;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	opacity: .5;
	cursor: pointer;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#back-to-top i {
	font-size: 16px;
	line-height: 40px;
	font-weight: 400;
	vertical-align: top;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#back-to-top:hover {
	background-color: rgba(0,0,0,.7);
	text-decoration: none;
}

#back-to-top:hover i {
	color: #fff;
}

#back-to-top.visible {
	right: 40px;
}

#back-to-top.gone {
	right: -40px;
}

.javascript-required,.modern-browser-required {
	padding: 15px 0;
	background-color: #d50f25;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.ewf_widget_navigation {
}

.ewf_widget_navigation ul {
	list-style-type: none;
	list-style-position: outside;
}

.ewf_widget_navigation li {
	border-bottom: 1px solid #ccc;
}

.ewf_widget_navigation li:last-child {
}

.ewf_widget_navigation li a {
	display: block;
	padding: 10px 0;
	color: #101010;
}

.ewf_widget_navigation li a:hover {
}

.accordion {
	margin-bottom: 30px;
}

.alert {
	padding: 15px 30px;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	font-family: Satoshi-Regular,sans-serif;
}

.alert i {
	position: relative;
	top: 1px;
	margin-right: 10px;
	color: #fff;
	font-size: 16px;
}

.alert.info {
	border: 1px solid #ccc;
	background-color: #91def3;
	color: #fff;
}

.alert.success {
	border: 1px solid #17acd4;
	background-color: #17acd4;
	color: #fff;
}

.alert.error {
	border: 1px solid #ff0030;
	background-color: #ff0030;
	color: #fff;
}

.alert.warning {
	border: 1px solid #101010;
	background-color: #101010;
	color: #fff;
}

.animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: hidden;
}

.animate.visible {
	visibility: visible;
}

.animate.hidden {
	visibility: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.btn { 
		display: inline-block; 
		padding: 20px 10px;
		margin: 0 5px 20px 0;
		background-color: #FB471F;
		color: #FFFFFF !important;
		font-weight: 500;
		font-size: 22px;
		border-radius: 4px;
		line-height: 30px;
		font-family: 'Satoshi-Medium';
		font-style:'Satoshi-Medium';
		letter-spacing: -0.02em;
		text-decoration: none !important;
		text-transform: uppercase;
		vertical-align: middle;
		cursor: pointer; 	
	}
   }
.btn {
	display: inline-block;
	padding: 20px 40px;
	margin: 0 5px 20px 0;
	background-color: #24bee8;
	color: #fff!important;
	font-family: "Satoshi-Regular",Satoshi-Regular;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 2px;
	text-decoration: none!important;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
}

a.btn {
	color: #fff;
}

.btn:focus {
	outline: 0;
}

.btn-large {
	padding: 20px 40px;
	font-size: 12px;
}

.btn i,.btn-large i {
	float: left;
	margin: 2px 8px 0 -4px;
	font-size: 14px;
	line-height: 14px;
}

.btn:hover {
	background: #17acd4;
}

.btn-white {
	border: 1px solid #24bee8;
	background-color: #fff;
	color: #24bee8;
}

a.btn-white {
	color: #24bee8!important;
}

.btn-white:hover {
	border: 1px solid #17acd4!important;
	background-color: #17acd4!important;
	color: #fff!important;
}

.btn-black {
	border: 1px solid #101010!important;
	background-color: transparent!important;
	color: #101010!important;
}

a.btn-black {
	border: 1px solid #FB471F !important;
	background-color: #FB471F !important;
	color: #FFFFFF !important;
}

.btn-black:hover {
	background: #000!important;
}

a.btn-orange {
	background: #FB471F;
}

.clients-logos {
	margin: 50px 0;
	list-style: none;
}

.clients-logos li {
	float: left;
	width: 20%;
	text-align: center;
}

#clients-logos:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

@media(max-width:767px) {
	.clients-logos li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.clients-logos li:last-child {
		margin-bottom: 0;
	};
}

#contact-form {
	overflow: hidden;
	margin-bottom: 30px;
}

#contact-form fieldset {
}

label.validation-error {
	color: #d50f25;
}

input.validation-error,textarea.validation-error,select.validation-error {
	border: 1px solid #e0e0e0;
}

#contact-form #formstatus {
}

#contact-form textarea {
}
#formstatus{
	padding-left: 15px;
	padding-right: 15px;
}

#formstatus h2{
	margin-bottom: 10px;
	color: #002855;
	letter-spacing: -0.03em;
	font-size: 40px;
	line-height: 51px;
	font-weight: 400;
	font-family: 'Satoshi-Bold';
	font-style: 'Satoshi-Bold';
}
#formstatus p{
	color: #002855;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 400px;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
	line-height: 30px;
	font-family: 'Satoshi-Regular';
	font-style: 'Satoshi-Regular';
}

#contact-form:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

.divider {
	margin: 30px 0;
}

.divider.single-line {
	border-top: 1px solid #ccc;
}

.divider.double-line {
	border-top: 4px double #ccc;
}

.error404 p {
	color: #24bee8;
	font-family: Satoshi-Regular,sans-serif;
	text-align: center;
}

.error404 p.title {
	margin-bottom: 40px;
	font-size: 70px;
}

.error404 p.subtitle {
	margin-bottom: 50px;
	font-size: 24px;
}

.error404 p i {
	margin-left: 7px;
	font-size: 30px;
	vertical-align: middle;
}

.error404 a:hover {
	color: #17acd4;
}

.error404 p:last-child {
	margin-top: 30px;
	color: #101010;
	font-family: "Open Sans",sans-serif;
}

.google-map {
	width: 100%;
	height: 600px;
}

.google-map img {
	max-width: none;
}

.map {
	margin: 70px 0;
}

@media(max-width:767px) {
	.map {
		padding: 0 20px;
	}

	.row .map {
		padding: 0;
	};
}

.headline {
	margin-bottom: 60px;
}

.headline h3,.headline h4 {
	line-height: 1;
}

.headline h5,.headline h6 {
	color: #24bee8;
}

.icon-box-1 {
	position: relative;
	margin-bottom: 60px;
}

.icon-box-1>i {
	float: left;
	display: block;
	font-size: 32px;
	line-height: 32px;
	color: #24bee8;
}

.icon-box-1>img {
	float: left;
	display: block;
}

.icon-box-content>a {
	font-size: 12px;
	text-transform: uppercase;
}

.icon-box-content h5 a {
	display: block;
	padding-top: 7px;
	margin-bottom: 20px;
	color: #101010;
}

.icon-box-1 .icon-box-content {
	margin-left: 62px;
}

.info-box {
	position: relative;
	padding: 30px 30px 30px 80px;
	margin-bottom: 100px;
	background-color: #FCFBFA;
	color: #002855;
}
.info-box h4{
	font-size:30px;
    font-weight: 400px;
    color:#002855;
    line-height: 41px;
    margin-bottom:15px;
    text-transform: capitalize;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
   }
   .info-box p{
	color:#002855;
    font-size: 18px;
    font-weight: 400px;
    line-height: 30px;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	margin-bottom:0%;
   }
   .info-box h2{
	color:#002855;
    font-size: 30px;
    font-weight: 300px;
    line-height: 131%;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	text-transform: none;
   }
.info-box.alt {
	background-color: #002855;
	color: #FFFFFF;
}

.info-box span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	background-color: #0069CB;
	color: #FFFFFF;
	font-size: 38px;
	text-align: center;
}

.info-box span i {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-box .btn-black {
	border:1px solid #FB471F;
    background-color: #FB471F;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 18px;
    border-radius: 4px;
    line-height: 22px;
    font-family: 'Satoshi-Medium';
    font-style:'Satoshi-Medium';
	float: right;
}

.fullwidth-section .info-box {
	margin-bottom: 0;
}

.info-box .btn-black:hover {
	background:#FFFFFF !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Satoshi-Medium';
    font-style:'Satoshi-Medium';
	
}

@media(max-width:767px) {
	.info-box .btn-black {
		float: none;
	};
}

.milestone {
	position: relative;
	margin-bottom: 50px;
	font-family: Satoshi-Regular,sans-serif;
	text-align: center;
}

.milestone:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

.milestone i {
	float: none;
	display: inline-block;
	z-index: 2;
	margin-bottom: 40px;
	font-size: 50px;
}

.milestone .milestone-content span {
	font-size: 50px;
}

.milestone .milestone-value {
	display: inline-block;
	margin-bottom: 25px;
	font-size: 48px;
}

.milestone .milestone-content {
	float: none;
	z-index: 1;
	font-size: 14px;
	line-height: 32px;
}

.milestone .milestone-description {
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
}

.horizontal-process-builder {
	position: relative;
	list-style: none;
	text-align: center;
}

.horizontal-process-builder:before {
	position: absolute;
	z-index: 1;
	top: 60px;
	left: 130px;
	display: block;
	width: 75%;
	border-top: 4px dotted #24bee8;
	content: "";
}

.horizontal-process-builder li {
	float: left;
	width: 25%;
}

.horizontal-process-builder li i,.horizontal-process-builder li h1 {
	position: relative;
	z-index: 2;
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #24bee8;
	border-radius: 50%;
	margin: 0 auto 40px;
	background-color: #fff;
	background-clip: padding-box;
	color: #24bee8;
	font-size: 24px;
	line-height: 120px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.horizontal-process-builder li:hover i,.horizontal-process-builder li:hover h1 {
	width: 100px;
	height: 100px;
	margin: 10px auto 50px;
	background-color: #24bee8;
	color: #fff;
	line-height: 100px;
}

.horizontal-process-builder.three-items li {
	width: 33.3333333333%;
}

.horizontal-process-builder.four-items li {
	width: 25%;
}

.horizontal-process-builder.five-items li {
	width: 20%;
}

.horizontal-process-builder:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

.process-description h5 {
	color: #24bee8;
	letter-spacing: 2px;
}

@media(max-width:767px) {
	.horizontal-process-builder li {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.horizontal-process-builder:before {
		content: none;
	}

	.horizontal-process-builder.three-items li {
		width: 100%;
	}

	.horizontal-process-builder.four-items li {
		width: 100%;
	}

	.horizontal-process-builder.five-items li {
		width: 100%;
	};
}

.pie-chart {
	position: relative;
	margin: 0 auto 30px;
	text-align: center;
}

.pie-chart canvas {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.pie-chart i,.pie-chart .pie-chart-custom-text,.pie-chart .pie-chart-percent {
	position: absolute;
	z-index: 2;
	top: -10px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}

.pie-chart img {
	max-width: 100%;
	vertical-align: middle;
}

.pie-chart .pie-chart-custom-text {
	top: 35px;
	font-size: 14px;
	font-family: Satoshi-Regular,sans-serif;
	text-transform: uppercase;
}

.pie-chart .pie-chart-percent {
	font-size: 48px;
	font-weight: 700;
	font-family: Satoshi-Regular,sans-serif;
}

.pie-chart-description {
	display: block;
	font-size: 14px;
	text-align: center;
}

.pricing-table {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 100px;
	text-align: center;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.pricing-table-header {
	font-family: "Satoshi-Bold",Satoshi-Bold;
}

.pricing-table-header h1 {
	text-align: center;
	padding: 40px 0;
    margin-bottom: 0;
    background-color: #002855;
    color: #FFFFFF;
    font-size: 30px;
	line-height:131%;
	font-weight: 300;
	text-transform: none;
}

.pricing-table-header h1 sub {
	margin-bottom: 0;
	font-size: 30px;
	line-height:131%;
	font-weight: 300;
	text-transform: none;
}

.pricing-table-header h4 {
	padding: 20px 0;
	margin-bottom: 0;
	background-color: #D6D2C4;
	color: #0069CB;;
	font-size: 24px;
	font-family: Satoshi-Bold;
}

.pricing-table-offer {
	padding: 70px 40px;
	border: solid #ccc;
	border-width: 0 2px 2px 2px;
}

.pricing-table-offer ul {
	list-style: none;
}

.pricing-table-offer ul li {
	border-top: 2px solid #ccc;
	padding: 15px 0;
	color: #002855;
	font-family: "Satoshi-Regular";
	font-style: 'Satoshi-Regular';
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
}

.pricing-table-offer ul li:first-child {
	border-top: none;
	color: #002855;
	font-family: "Satoshi-Regular";
	font-style: 'Satoshi-Regular';
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.02em;
}

.progress-bar-description {
	display: block;
	margin-bottom: 15px;
	font-family: Satoshi-Regular,sans-serif;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.progress-bar {
	position: relative;
	display: block;
	height: 20px;
	margin-bottom: 15px;
	background-color: #f0f0f0;
}

.progress-bar .progress-bar-outer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #24bee8;
}

.progress-bar .progress-bar-outer .progress-bar-inner {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}

.progress-percentage {
	position: absolute;
	right: 0;
	top: -35px;
	font-weight: 700;
}

.fullwidthbanner-container {
	position: relative;
	overflow: hidden;
	width: 100%!important;
	padding: 0;
	margin: 0;
}

.fullwidthbanner-container ul {
	list-style: none;
}

.fullwidthbanner-container .fullwidthbanner {
	position: relative;
	width: 100%!important;
}

.slider-revolution.fullwidthbanner-container {
	max-height: 610px!important;
	margin-bottom: 100px;
}

.slider-revolution.fullwidthbanner-container .fullwidthbanner {
	max-height: 610px!important;
}

.tp-bullets {
	z-index: 100;
}

.tp-bullets.simplebullets.round .bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 3px;
	background: #ccc;
}

.tp-bullets.simplebullets.round .bullet.selected {
	background: #24bee8;
}

.tp-leftarrow.default,.tp-rightarrow.default {
	width: 60px;
	height: 60px;
	opacity: .5;
}

.tp-leftarrow.default:hover,.tp-rightarrow.default:hover {
	opacity: 1;
}

.tp-leftarrow.default {
	background: #111 url(/Content/home/assets/images/left.png) no-repeat center center;
}

.tp-rightarrow.default {
	background: #111 url(/Content/home/assets/images/right.png) no-repeat center center;
}

@media(min-width:768px) and (max-width:991px) {
	.tp-leftarrow.default,.tp-rightarrow.default {
		display: none;
	};
}

@media(max-width:767px) {
	.tp-leftarrow.default,.tp-rightarrow.default {
		display: none;
	}

	.tp-bullets {
		bottom: 20px!important;
	};
}

.background-blue {
	width: 810px;
	height: 300px;
	max-width: 100%!important;
	background-color: #24bee8;
}

.background-blue-inner-1 {
	color: #fff;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.background-blue-inner-2 {
	color: #fff;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.revolution-style-custom-1 {
	color: #fff;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.revolution-style-custom-2 {
	color: #fff;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: 7px;
	text-transform: uppercase;
}

.rounded {
	border-radius: 50%;
	text-align: center;
}

.background-light-blue {
	width: 118px;
	height: 118px;
	background-color: #8be6ff;
}

.background-orange-dot {
	width: 130px;
	height: 130px;
	background-color: #FB471F;
	color: #000;
}

.btn-blue {
	border: 1px solid #fff;
}

.background-orange-dot h5,.background-orange-dot h4,.background-light-blue h5,.background-dark-blue h5,.background-medium-blue h4 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.background-dark-blue {
	width: 118px;
	height: 118px;
	background-color: #00b3e4;
}

.background-medium-blue {
	width: 210px;
	height: 210px;
	background-color: #5bdafd;
}

.revolution-style-custom h5,.revolution-style-custom h2 {
	color: #fff;
	letter-spacing: 2px;
}

.btn-black-background {
	background-color: #101010;
	color: #fff;
}

a.btn-black-background {
	color: #fff;
}

.btn-black-background:hover {
	background: #17acd4;
}

@media(min-width:768px) and (max-width:991px) {
	.background-blue {
		width: 560px;
		height: 200px;
	}

	.tp-caption .btn {
		padding: 5px 10px;
	};
}

@media(max-width:767px) {
	.background-blue {
		width: 300px;
		height: 120px;
	}

	.tp-caption .btn {
		padding: 3px 6px;
		font-size: 6px;
	};
}

@media(max-width:480px) {
	.background-blue {
		width: 200px;
		height: 90px;
	}

	.tp-caption .btn {
		padding: 1px 2px;
		font-size: 6px;
	};
}

a.social-icon {
	float: left;
	display: block;
	width: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	color: #444;
	text-align: center;
}

a.social-icon:last-child {
	margin-right: 0;
}

a.social-icon i {
	font-size: 24px;
	line-height: 30px;
}

a.social-icon:hover {
	text-decoration: none;
}

a.facebook-icon:hover {
	color: #0e59a0!important;
}

a.twitter-icon:hover {
	color: #0ea4ff!important;
}

a.dribble-icon:hover {
	color: #ea73a0!important;
}

a.pinterest-icon:hover {
	color: #d73532!important;
}

a.google-plus-icon:hover {
	color: #282927!important;
}

a.tumblr-icon:hover {
	color: #586980!important;
}

a.instagram-icon:hover {
	color: #82685a!important;
}

a.rss-icon:hover {
	color: #f79638!important;
}

a.linkedin-icon:hover {
	color: #018faf!important;
}

a.skype-icon:hover {
	color: #00b0f6!important;
}

a.flickr-icon:hover {
	color: #0061db!important;
}

a.vimeo-icon:hover {
	color: #63879c!important;
}

a.github-icon:hover {
	color: #3b3b3b!important;
}

a.youtube-icon:hover {
	color: #cc181e!important;
}

a.windows-icon:hover {
	color: #6dc2e9!important;
}

a.dropbox-icon:hover {
	color: #007ee5!important;
}

a.xing-icon:hover {
	color: #026566!important;
}

a.adn-icon:hover {
	color: #1ea076!important;
}

a.android-icon:hover {
	color: #98cb02!important;
}

a.apple-icon:hover {
	color: #000!important;
}

a.behance-icon:hover {
	color: #2d9ad2!important;
}

a.bitbucket-icon:hover {
	color: #214f81!important;
}

a.bitcoin-icon:hover {
	color: #f7931b!important;
}

a.codepan-icon:hover {
	color: #000!important;
}

a.css3-icon:hover {
	color: #3289ce!important;
}

a.delicious-icon:hover {
	color: #3399fe!important;
}

a.deviantart-icon:hover {
	color: #c8da30!important;
}

a.digg-icon:hover {
	color: #0080c2!important;
}

a.drupal-icon:hover {
	color: #0077b9!important;
}

a.empire-icon:hover {
	color: #000!important;
}

a.foursquare-icon:hover {
	color: #daecb0!important;
}

a.git-icon:hover {
	color: #f34f29!important;
}

a.gitti-icon:hover {
	color: #634c3e!important;
}

a.hacker-news-icon:hover {
	color: #f18642!important;
}

a.html5-icon:hover {
	color: #e54c1f!important;
}

a.joomla-icon:hover {
	color: #016fb9!important;
}

a.jsfiddle-icon:hover {
	color: #4679a4!important;
}

a.linux-icon:hover {
	color: #fece0e!important;
}

a.maxcdn-icon:hover {
	color: #f36f20!important;
}

a.openid-icon:hover {
	color: #fe6101!important;
}

a.pagelines-icon:hover {
	color: #3783e3!important;
}

a.pied-piper-icon:hover {
	color: #0c7b48!important;
}

a.qq-icon:hover {
	color: #23286c!important;
}

a.rebel-icon:hover {
	color: #000!important;
}

a.reddit-icon:hover {
	color: #cee3f8!important;
}

a.renren-icon:hover {
	color: #0d81e4!important;
}

a.share-icon:hover {
	color: #252525!important;
}

a.slack-icon:hover {
	color: #453744!important;
}

a.soundcloud-icon:hover {
	color: #fe4e00!important;
}

a.spotify-icon:hover {
	color: #80bb41!important;
}

a.stack-exchange-icon:hover {
	color: #265a93!important;
}

a.stackoverflow-icon:hover {
	color: #fea501!important;
}

a.steam-icon:hover {
	color: #191919!important;
}

a.stumbleupon-icon:hover {
	color: #f04f23!important;
}

a.tencent-weibo-icon:hover {
	color: #0063a7!important;
}

a.trello-icon:hover {
	color: #226784!important;
}

a.vine-icon:hover {
	color: #00b081!important;
}

a.vk-icon:hover {
	color: #50769d!important;
}

a.wechat-icon:hover {
	color: #a4dc31!important;
}

a.weibo-icon:hover {
	color: #d82828!important;
}

a.wordpress-icon:hover {
	color: #454442!important;
}

a.yahoo-icon:hover {
	color: #4b04a8!important;
}

.testimonial {
	padding-bottom: 60px;
	margin: 60px 0 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #101010;
}

.testimonial blockquote {
	position: relative;
	margin: 40px 150px;
}

.testimonial blockquote p {
	margin-bottom: 0;
	font-style: normal;
}

.testimonial img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.testimonial h5 {
	font-family: "Satoshi-Bold",Satoshi-Bold;
	text-align: center;
}

.testimonial a {
}

.testimonial h5 span {
	display: block;
	color: #0069CB;
	font-family: "Satoshi-Bold",Satoshi-Bold;
	text-transform: none;
}

.testimonial:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: " ";
	clear: both;
}

@media(min-width:768px) and (max-width:991px) {
	.testimonial blockquote {
		margin: 40px 70px;
	};
}

@media(max-width:767px) {
	.testimonial blockquote {
		margin: 40px 20px;
	};
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.testimonial blockquote {
		margin: 40px 10px;
	};
}

.team-member {
	margin: 30px 0;
	text-align: center;
}

.team-member-item {
}

.team-member-item-preview {
	position: relative;
}

.team-member img {
	display: block;
	width: 100%;
	margin-bottom: 40px;
}

.team-member-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(36,190,232,.85);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.team-member-item-overlay:hover {
	opacity: 1;
}

.team-member h5 {
	margin-bottom: 10px;
}

.team-member p {
	color: #24bee8;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 14px;
}

.team-member-item-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -30px;
	text-align: center;
}

.team-member .social-media a.social-icon {
	float: none;
	display: inline-block;
	color: #fff;
}

.team-member .social-media a.social-icon i {
	font-size: 24px;
}

.portfolio-item {
	position: relative;
	margin-bottom: 30px;
}

.portfolio-item-preview {
	position: relative;
}

.portfolio-item-preview>img {
	display: block;
	width: 100%;
}

.portfolio-item-preview.round-shape>img,.portfolio-item-preview.round-shape .portfolio-item-overlay {
	border-radius: 50%;
}

.portfolio-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(36,190,232,.85);
	opacity: 0;
}

.portfolio-item-overlay:hover {
	opacity: 1;
}

.portfolio-item-overlay-actions {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -30px;
	text-align: center;
}

.portfolio-item-overlay-actions .portfolio-item-zoom,.portfolio-item-overlay-actions .portfolio-item-link {
	display: inline-block;
	padding: 10px;
	margin: 0 5px;
}

.portfolio-item-overlay-actions .portfolio-item-zoom i,.portfolio-item-overlay-actions .portfolio-item-link i {
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}

.portfolio-item-overlay .portfolio-item-description {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
}

.portfolio-item-overlay .portfolio-item-description h5,.portfolio-item-overlay .portfolio-item-description h4 a {
	color: #fff;
}

.portfolio-filter ul {
	margin: 10px auto 90px;
	list-style: none;
	text-align: center;
}

.portfolio-filter ul li {
	display: inline-block;
	margin-right: 20px;
}

.portfolio-filter ul li:last-child {
	margin-right: 0;
}

.portfolio-filter ul li a {
	color: #101010;
	font-family: Satoshi-Regular,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}

.portfolio-filter ul li a:hover,.portfolio-filter ul li a.active {
	color: #24bee8;
}

.load-more {
	margin-bottom: 0;
}

@media(max-width:767px) {
	.portfolio-filter ul li {
		display: block;
		margin-right: 0;
	};
}

.fullwidth-section.custom-color-selected a,.fullwidth-section.custom-color-selected .fullwidth-section.custom-color-selected .icon-box-1>i,.fullwidth-section.custom-color-selected .process-description h5,.fullwidth-section.custom-color-selected blockquote::before,.fullwidth-section.custom-color-selected .testimonial h5 span,.fullwidth-section.custom-color-selected .team-member p,.fullwidth-section.custom-color-selected ul.check li:before,.fullwidth-section.custom-color-selected ul.plus li:before,.fullwidth-section.custom-color-selected ul.pin li:before,.fullwidth-section.custom-color-selected .widget_recent_entries ul li a:hover,.fullwidth-section.custom-color-selected .widget_recent_entries ul li .post-date,.fullwidth-section.custom-color-selected .ewf_widget_latest_posts .post-date,.fullwidth-section.custom-color-selected .byline,.fullwidth-section.custom-color-selected .widget_nav_menu .menu a,.fullwidth-section.custom-color-selected .widget_search #s,.fullwidth-section.custom-color-selected #newsletter-subscribe-form input[type="text"],.fullwidth-section.custom-color-selected .posted-on {
	color: inherit;
}

.fullwidth-section.custom-color-selected .widget_tag_cloud a,.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers,.fullwidth-section.custom-color-selected .pagination .page-numbers {
	color: #fff;
}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #FB471F;
	position: relative;
	z-index: 5001;
	color: #FFFFFF;
	width: 150px;
	font-family:'Satoshi-Regular';
	font-style: 'Satoshi-Regular';
	font-size: 11px;
	border: 2px solid #ddd;
	padding: 4px 10px 4px 10px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #fff;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position: relative;
	z-index: 5006;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 0 0 12px;
	top: 2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-size: 0;
	height: 1px;
	background: #FB471F;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #fff;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

body {
	background-color: #fff;
	color: #002855;
}

@media(max-width:767px) {
	body {
		background: none;
		background-color: #fff;
	};
}

abbr[title] {
	border-bottom: 1px dotted #ccc;
}

blockquote:before {
	color: #263849;
}

hr {
	border: solid #ccc;
}

code {
	border: 1px solid #ccc;
	background-color: #fafafa;
	color: #d50f25;
}

pre {
	border: 1px solid #ccc;
	background-color: #fafafa;
}

mark,ins {
	border: 1px solid #ccc;
	background-color: #fafafa;
}

.hr {
	border-top: 1px solid #ccc;
}

.text-highlight {
	background-color: #263849;
	color: #fff;
}

.mute {
	color: #999;
}

.hover-animate {
	color: #ff7c6c;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hover-animate:hover {
	opacity: .7;
	-webkit-transform: scale(.9);
	transform: scale(.9);
}

a,a:visited {
	color: #0069CB;
}

a:active {
	background: transparent;
}

a.integration-link {
	color: #FB471F;
	font-weight: bold;
	text-decoration: underline solid;
}

h5.heading {
	padding: 5px 0;
	font-weight: bold;
}

ul.social-block {
	margin: auto;
	width: 300px;
}

ul.check li:before,ul.plus li:before,ul.pin li:before {
	color: #002855;
}

ul.arrow li:before {
	color: #002855;
}

table,th,td {
	border: 1px solid #ccc;
}

form {
}

fieldset legend {
	background: #fff;
}

::-moz-placeholder,::-webkit-input-placeholder,:-ms-input-placeholder {
	color: #999;
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="color"],textarea {
	border: 1px solid #ccc;
	background-color: transparent;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="color"]:focus,textarea:focus {
	border-color: #aaa;
}

input[type="text"]:disabled,input[type="password"]:disabled,input[type="date"]:disabled,input[type="datetime"]:disabled,input[type="datetime-local"]:disabled,input[type="month"]:disabled,input[type="week"]:disabled,input[type="email"]:disabled,input[type="number"]:disabled,input[type="search"]:disabled,input[type="tel"]:disabled,input[type="time"]:disabled,input[type="url"]:disabled,input[type="color"]:disabled,textarea:disabled {
	background-color: #f7f7f7;
}

input[type="text"][disabled],input[type="text"][readonly],fieldset[disabled] input[type="text"],input[type="password"][disabled],input[type="password"][readonly],fieldset[disabled] input[type="password"],input[type="date"][disabled],input[type="date"][readonly],fieldset[disabled] input[type="date"],input[type="datetime"][disabled],input[type="datetime"][readonly],fieldset[disabled] input[type="datetime"],input[type="datetime-local"][disabled],input[type="datetime-local"][readonly],fieldset[disabled] input[type="datetime-local"],input[type="month"][disabled],input[type="month"][readonly],fieldset[disabled] input[type="month"],input[type="week"][disabled],input[type="week"][readonly],fieldset[disabled] input[type="week"],input[type="email"][disabled],input[type="email"][readonly],fieldset[disabled] input[type="email"],input[type="number"][disabled],input[type="number"][readonly],fieldset[disabled] input[type="number"],input[type="search"][disabled],input[type="search"][readonly],fieldset[disabled] input[type="search"],input[type="tel"][disabled],input[type="tel"][readonly],fieldset[disabled] input[type="tel"],input[type="time"][disabled],input[type="time"][readonly],fieldset[disabled] input[type="time"],input[type="url"][disabled],input[type="url"][readonly],fieldset[disabled] input[type="url"],input[type="color"][disabled],input[type="color"][readonly],fieldset[disabled] input[type="color"],textarea[disabled],textarea[readonly],fieldset[disabled] textarea {
	background-color: #f7f7f7;
}

select {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #101010;
}

select:disabled {
	background-color: #f7f7f7;
}

select:focus {
	border-color: #aaa;
}

button,input[type="reset"],input[type="submit"],input[type="button"] {
	border: 1px solid #002855;
	background-color: #002855;
	color: #fff;
}

#wrap {
	background-color: #fff;
}

.sf-menu a {
	color: #111;
}

.sf-menu>li>a,.sf-menu>li.dropdown>a {
	color: #fff;
}

.sf-menu>li.current>a,.sf-menu li.sfHover>a,.sf-menu a:hover,.sf-menu li.sfHover a:hover {
	color: #002855;
}

.sf-menu>li>a:hover {
	color: #002855;
}

.sf-menu li.dropdown ul {
	border: 1px solid rgba(0,0,0,.1);
	background-color: #fff;
}

.sf-menu>li.dropdown>ul {
	border-top: 2px solid #002855;
}

.sf-menu>li.dropdown>ul ul {
	border-top: 2px solid #002855;
}

.sf-mega {
	border: 1px solid rgba(0,0,0,.1);
	border-top: 2px solid #002855;
	background-color: #fff;
}

.sf-arrows .sf-with-ul:after {
	border: 4px solid transparent;
	border-top-color: #999;
}

.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after {
	border-top-color: rgba(0,0,0,.7);
}

.sf-arrows ul .sf-with-ul:after {
	border-color: transparent;
	border-left-color: #999;
}

.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after {
	border-left-color: rgba(0,0,0,.7);
}

#mobile-menu {
	border-bottom: 1px solid #fff;
	background-color: #0069CB;
}

#mobile-menu .sf-mega-section ul {
	background-color: #0069CB;
}

#mobile-menu li a {
	border-top: 1px solid #fff;
	color: #fff;
}

#mobile-menu .mobile-menu-submenu-arrow {
	border-left: 1px solid #e0e0e0;
	color: #fff;
}

#mobile-menu .mobile-menu-submenu-arrow:hover {
	background-color: #FB471F;
}

@media(min-width:1025px) {
	#header.stuck {
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
		background-color: #0069CB;
	};
}

#page-header {
	background-color: #FFFFFF;
}

#page-header h3 {
	color: #002855;
}

#page-header h5 {
	color: #002855;
}
#page-headerP {
	background-color: #FFFFFF;
}

#page-headerP h3 {
	color: #002855;
}

#page-headerP h5 {
	color: #002855;
}
#page-headerD {
	background-color: #FFFFFF;
}

#page-headerD h3 {
	color: #002855;
}

#page-headerD h5 {
	color: #002855;
}
#page-headerD1 {
	background-color: #FFFFFF;
}

#page-headerD1 h3 {
	color: #002855;
}

#page-headerD1 h5 {
	color: #002855;
}

.fullwidth-section {
	color: #fff;
	background-color: #002855;
}

#bg-2 .btn {
	color: #fff;
}

#bg-2 {
	background: transparent;
	color: #101010;
}

#bg-7 {
	background-color: #f7f7f7;
	color: #101010;
}

#bg-11 {
	background-color: #263849;
}

#bg-16 {
	background-color: #263849;
}

#bg-16 ul li a {
	color: #fff;
}

#bg-16 ul li a:hover {
	color: #fff!important;
	background-color: #FB471F;
}

#footer {
	background-color: #d6d6d6;
}

#footer-bottom {
	background-color: #101010;
	color: #d6d6d6;
}

#footer-bottom a {
	color: #d6d6d6;
}

#back-to-top {
	background-color: rgba(0,0,0,.7);
	color: #fafafa;
}

#back-to-top:hover {
	background-color: rgba(0,0,0,.7);
}

.javascript-required,.modern-browser-required {
	background-color: #d50f25;
	color: #fff;
}

.fullwidth-header {
	padding: 35px 0;
	margin: 50px 0 50px;
	background: #0069CB;
	color: #FFFFFF;
}

.accordion-item {
	border: 1px solid #ccc;
	color: #151617;
}

.accordion-item:after {
	color: #151617;
}

.accordion-item.active:after {
	color: #fff;
}

.accordion-item:hover,.accordion-item.active {
	border-color: #263849;
	background-color: #263849;
	color: #fff;
}

.accordion-item:hover:after {
	color: #fff;
}

.accordion-item-content h5 {
	color: #263849;
}

.toggle-item {
	border: 1px solid #ccc;
	color: #151617;
}

.toggle-item:after {
	color: #151617;
}

.toggle-item:hover,.toggle-item.active {
	border-color: #263849;
	background-color: #263849;
	color: #fff;
}

.toggle-item:hover:after {
	color: #fff;
}

.toggle-item-content h5 {
	color: #263849;
}

.alert {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #aaa;
}

.alert i {
	color: #fff;
}

.alert.info {
	border: 1px solid #ccc;
	background-color: #91def3;
	color: #fff;
}

.alert.success {
	border: 1px solid #263849;
	background-color: #263849;
	color: #fff;
}

.alert.error {
	border: 1px solid #ff0030;
	background-color: #ff0030;
	color: #fff;
}

.alert.warning {
	border: 1px solid #101010;
	background-color: #101010;
	color: #fff;
}

.btn {
	background-color: #263849;
	color: #fff;
}

a.btn {
	color: #fff;
}

.btn:hover {
	background: #004b96;
}

.btn-white {
	border: 1px solid #263849;
	background-color: #fff;
	color: #263849;
}

a.btn-white {
	color: #263849!important;
}

.btn-white:hover {
	border: 1px solid #004b96!important;
	background-color: #004b96!important;
	color: #fff!important;
}

.btn-black {
	border: 1px solid #101010!important;
	background-color: transparent!important;
	color: #101010!important;
}

a.btn-black {
	border: 1px solid #FB471F !important;
	background-color: #FB471F !important;
	color: #FFFFFF !important;
}

.btn-black:hover {
	background: #000!important;
}

label.validation-error {
	color: #d50f25;
}

input.validation-error,textarea.validation-error,select.validation-error {
	border: 1px solid #e0e0e0;
}

.divider.single-line {
	border-top: 1px solid #ccc;
}

.divider.double-line {
	border-top: 4px double #ccc;
}

.error404 p {
	color: #263849;
}

.error404 a:hover {
	color: #17acd4;
}

.error404 p:last-child {
	color: #101010;
}

.headline h5,.headline h6 {
	color: #263849;
}

.icon-box-1>i {
	color: #263849;
}

.icon-box-content h5 a {
	color: #101010;
}

.info-box {
	background-color: #FCFBFA;
	color: #002855;
}
.info-box h4{
	font-size:30px;
    font-weight: 400px;
    color:#002855;
    line-height: 41px;
    margin-bottom:15px;
    text-transform: capitalize;
    font-family:'Satoshi-Bold';
    font-style:'Satoshi-Bold';
   }
   .info-box p{
	color:#002855;
    font-size: 18px;
    font-weight: 400px;
    line-height: 30px;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	margin-bottom:0%;
   }
   .info-box h2{
	color:#002855;
    font-size: 30px;
    font-weight: 300px;
    line-height: 131%;
    font-family:'Satoshi-Regular';
    font-style:'Satoshi-Regular';
	text-transform: none;
   }
.info-box.alt {
	background-color: #002855;
	color: #FFFFFF;
}

.info-box span {
	background-color: #0069CB;
	color: #FFFFFF;
}

.info-box .btn-black {
	color: #FFFFFF !important;
	border:1px solid #FB471F;
	background-color: #FB471F !important;

}

.info-box .btn-black:hover {
	background:#FFFFFF !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Satoshi-Medium';
    font-style:'Satoshi-Medium';
}

.horizontal-process-builder:before {
	border-top: 4px dotted #263849;
}

.horizontal-process-builder li i,.horizontal-process-builder li h1 {
	border: 1px solid #263849;
	background-color: #fff;
	color: #263849;
}

.horizontal-process-builder li:hover i,.horizontal-process-builder li:hover h1 {
	background-color: #263849;
	color: #fff;
}

.process-description h5 {
	color: #263849;
}

.pricing-table-header h1 {
	text-align: center;
	background-color: #002855;
	color: #FFFFFF;
}

.pricing-table-header h4 {
	background-color: #D6D2C4;
	color: #0069CB;
}

.pricing-table-offer {
	border: solid #ccc;
}

.pricing-table-offer ul li {
	border-top: 2px solid #ccc;
	color: #002855;
	font-family: "Satoshi-Regular";
	font-style: 'Satoshi-Regular';
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}

.progress-bar {
	background-color: #f0f0f0;
}

.progress-bar .progress-bar-outer {
	background-color: #263849;
}

.tp-bullets.simplebullets.round .bullet {
	background: #ccc;
}

.tp-bullets.simplebullets.round .bullet.selected {
	background: #263849;
}

.tp-leftarrow.default {
	background: #111 url(/Content/home/assets/images/left.png) no-repeat center center;
}

.tp-rightarrow.default {
	background: #111 url(/Content/home/assets/images/right.png) no-repeat center center;
}

.background-blue {
	background-color: #263849;
}

.background-blue-inner-1 {
	color: #fff;
}

.background-blue-inner-2 {
	color: #fff;
}

.revolution-style-custom-1 {
	color: #fff;
}

.revolution-style-custom-2 {
	color: #fff;
}

.background-light-blue {
	background-color: #8be6ff;
}

.btn-blue {
	border: 1px solid #fff;
}

.background-dark-blue {
	background-color: #00b3e4;
}

.background-medium-blue {
	background-color: #5bdafd;
}

.revolution-style-custom h5,.revolution-style-custom h2 {
	color: #fff;
}

.btn-black-background {
	background-color: #101010;
	color: #fff;
}

a.btn-black-background {
	color: #fff;
}

.btn-black-background:hover {
	background: #004b96;
}

a.social-icon {
	color: #444;
}

a.facebook-icon:hover {
	color: #0e59a0!important;
}

a.twitter-icon:hover {
	color: #0ea4ff!important;
}

a.dribble-icon:hover {
	color: #ea73a0!important;
}

a.pinterest-icon:hover {
	color: #d73532!important;
}

a.google-plus-icon:hover {
	color: #282927!important;
}

a.tumblr-icon:hover {
	color: #586980!important;
}

a.instagram-icon:hover {
	color: #82685a!important;
}

a.rss-icon:hover {
	color: #f79638!important;
}

a.linkedin-icon:hover {
	color: #018faf!important;
}

a.skype-icon:hover {
	color: #00b0f6!important;
}

a.flickr-icon:hover {
	color: #0061db!important;
}

a.vimeo-icon:hover {
	color: #63879c!important;
}

a.github-icon:hover {
	color: #3b3b3b!important;
}

a.youtube-icon:hover {
	color: #cc181e!important;
}

a.windows-icon:hover {
	color: #6dc2e9!important;
}

a.dropbox-icon:hover {
	color: #007ee5!important;
}

a.xing-icon:hover {
	color: #026566!important;
}

a.adn-icon:hover {
	color: #1ea076!important;
}

a.android-icon:hover {
	color: #98cb02!important;
}

a.apple-icon:hover {
	color: #000!important;
}

a.behance-icon:hover {
	color: #2d9ad2!important;
}

a.bitbucket-icon:hover {
	color: #214f81!important;
}

a.bitcoin-icon:hover {
	color: #f7931b!important;
}

a.codepan-icon:hover {
	color: #000!important;
}

a.css3-icon:hover {
	color: #3289ce!important;
}

a.delicious-icon:hover {
	color: #3399fe!important;
}

a.deviantart-icon:hover {
	color: #c8da30!important;
}

a.digg-icon:hover {
	color: #0080c2!important;
}

a.drupal-icon:hover {
	color: #0077b9!important;
}

a.empire-icon:hover {
	color: #000!important;
}

a.foursquare-icon:hover {
	color: #daecb0!important;
}

a.git-icon:hover {
	color: #f34f29!important;
}

a.gitti-icon:hover {
	color: #634c3e!important;
}

a.hacker-news-icon:hover {
	color: #f18642!important;
}

a.html5-icon:hover {
	color: #e54c1f!important;
}

a.joomla-icon:hover {
	color: #016fb9!important;
}

a.jsfiddle-icon:hover {
	color: #4679a4!important;
}

a.linux-icon:hover {
	color: #fece0e!important;
}

a.maxcdn-icon:hover {
	color: #f36f20!important;
}

a.openid-icon:hover {
	color: #fe6101!important;
}

a.pagelines-icon:hover {
	color: #3783e3!important;
}

a.pied-piper-icon:hover {
	color: #0c7b48!important;
}

a.qq-icon:hover {
	color: #23286c!important;
}

a.rebel-icon:hover {
	color: #000!important;
}

a.reddit-icon:hover {
	color: #cee3f8!important;
}

a.renren-icon:hover {
	color: #0d81e4!important;
}

a.share-icon:hover {
	color: #252525!important;
}

a.slack-icon:hover {
	color: #453744!important;
}

a.soundcloud-icon:hover {
	color: #fe4e00!important;
}

a.spotify-icon:hover {
	color: #80bb41!important;
}

a.stack-exchange-icon:hover {
	color: #265a93!important;
}

a.stackoverflow-icon:hover {
	color: #fea501!important;
}

a.steam-icon:hover {
	color: #191919!important;
}

a.stumbleupon-icon:hover {
	color: #f04f23!important;
}

a.tencent-weibo-icon:hover {
	color: #0063a7!important;
}

a.trello-icon:hover {
	color: #226784!important;
}

a.vine-icon:hover {
	color: #00b081!important;
}

a.vk-icon:hover {
	color: #50769d!important;
}

a.wechat-icon:hover {
	color: #a4dc31!important;
}

a.weibo-icon:hover {
	color: #d82828!important;
}

a.wordpress-icon:hover {
	color: #454442!important;
}

a.yahoo-icon:hover {
	color: #4b04a8!important;
}

.tabs-container .tabs-menu {
	border-bottom: 1px solid #ccc;
}

.tabs-container .tabs-menu li a {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #373f48;
}

.tabs-container .tabs-menu li:first-child a {
	border-left: 1px solid #e0e0e0;
}

.tabs-container .tabs-menu li.active a {
	border-left: 1px solid #263849;
	border-color: #263849;
	background-color: #263849;
	color: #fff;
}

.tabs-container .tabs {
	border: 1px solid #e0e0e0;
}

.vertical-tabs-container {
	border: 1px solid #e0e0e0;
	background-color: #f3f3f3;
}

.vertical-tabs-container .tabs-menu {
	border-right: 1px solid #e0e0e0;
	margin-bottom: 0;
}

.vertical-tabs-container .tabs-menu li a {
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color: #f3f3f3;
	color: #444;
}

.vertical-tabs-container .tabs-menu li.active a {
	border-right-color: #fff;
	background-color: #fff;
}

.vertical-tabs-container .tabs {
	background-color: #fff;
}

@media(max-width:767px) {
	.tabs-container .tabs-menu li a {
		border: 1px solid #e0e0e0;
	}

	.tabs-container .tabs-menu li a:hover {
		text-decoration: none;
	}

	.tabs-container .tabs-menu li:first-child a {
		border-top: 1px solid #e0e0e0;
	}

	.tabs-container .tabs-menu li.active a {
		border-bottom-color: #bbb;
		background-color: #fff;
		color: #111;
	}

	.vertical-tabs-container .tabs-menu li.active a {
		border-bottom-color: #bbb;
	};
}

.testimonial {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #101010;
}

.testimonial h5 span {
	color:#002855;
}

.team-member-item-overlay {
	background-color: rgba(36,190,232,.85);
}

.team-member p {
	color: #263849;
}

.team-member .social-media a.social-icon {
	color: #fff;
}

.portfolio-item-overlay {
	background-color: rgba(36,190,232,.85);
}

.portfolio-item-overlay-actions .portfolio-item-zoom i,.portfolio-item-overlay-actions .portfolio-item-link i {
	color: #fff;
}

.portfolio-item-overlay .portfolio-item-description {
	color: #fff;
}

.portfolio-item-overlay .portfolio-item-description h5,.portfolio-item-overlay .portfolio-item-description h4 a {
	color: #fff;
}

.portfolio-filter ul li a {
	color: #101010;
}

.portfolio-filter ul li a:hover,.portfolio-filter ul li a.active {
	color: #263849;
}

.portfolio-pagination .page-numbers {
	background-color: #ccc;
}

.portfolio-pagination .current {
	background-color: #263849;
	color: #fff;
}

.portfolio-pagination .prev,.portfolio-pagination .next {
	background-color: #ccc;
	color: #fff;
}

.bx-wrapper .bx-prev {
	background: #111 url(/Content/home/assets/images/left.png) no-repeat center center;
}

.bx-wrapper .bx-next {
	background: #111 url(/Content/home/assets/images/right.png) no-repeat center center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: none repeat scroll 0 0 #ccc;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #263849 none repeat scroll 0 0;
}

.fullwidth-section.custom-color-selected a,.fullwidth-section.custom-color-selected .accordion-item::after,.fullwidth-section.custom-color-selected .toggle-item::after,.fullwidth-section.custom-color-selected .icon-box-1>i,.fullwidth-section.custom-color-selected .process-description h5,.fullwidth-section.custom-color-selected blockquote::before,.fullwidth-section.custom-color-selected .testimonial h5 span,.fullwidth-section.custom-color-selected .team-member p,.fullwidth-section.custom-color-selected ul.check li:before,.fullwidth-section.custom-color-selected ul.plus li:before,.fullwidth-section.custom-color-selected ul.pin li:before,.fullwidth-section.custom-color-selected .widget_recent_entries ul li a:hover,.fullwidth-section.custom-color-selected .widget_recent_entries ul li .post-date,.fullwidth-section.custom-color-selected .ewf_widget_latest_posts .post-date,.fullwidth-section.custom-color-selected .byline,.fullwidth-section.custom-color-selected .widget_nav_menu .menu a,.fullwidth-section.custom-color-selected .widget_search #s,.fullwidth-section.custom-color-selected #newsletter-subscribe-form input[type="text"],.fullwidth-section.custom-color-selected .posted-on {
	color: inherit;
}

.fullwidth-section.custom-color-selected .accordion-item:hover,.fullwidth-section.custom-color-selected .accordion-item.active,.fullwidth-section.custom-color-selected .toggle-item:hover,.fullwidth-section.custom-color-selected .toggle-item.active,.fullwidth-section.custom-color-selected .divider.single-line,.fullwidth-section.custom-color-selected .divider.double-line,.fullwidth-section.custom-color-selected .horizontal-process-builder:before,.fullwidth-section.custom-color-selected .pricing-table-offer,.fullwidth-section.custom-color-selected .pricing-table-offer ul li,.fullwidth-section.custom-color-selected .testimonial,.fullwidth-section.custom-color-selected .widget_search #s,.fullwidth-section.custom-color-selected .widget_pages ul li,.fullwidth-section.custom-color-selected #newsletter-subscribe-form input[type="text"],.fullwidth-section.custom-color-selected .ewf_widget_navigation li,.fullwidth-section.custom-color-selected .comment-meta {
	border-color: inherit;
}

.fullwidth-section.custom-color-selected .accordion-item:hover,.fullwidth-section.custom-color-selected .accordion-item.active,.fullwidth-section.custom-color-selected .toggle-item:hover,.fullwidth-section.custom-color-selected .toggle-item.active {
	background-color: inherit;
}

.fullwidth-section.custom-color-selected .widget_tag_cloud a,.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers,.fullwidth-section.custom-color-selected .pagination .page-numbers {
	color: #fff;
}

.caption-text,.wp-caption-text {
	padding: 10px 0;
	color: #999;
}

.gallery-caption {
	color: #999;
}

.sticky {
	border: 1px solid #e0e0e0;
}

.sticky-post {
	background-color: #263849;
	color: #fff;
}

.post-title a {
	color: #101010;
}

.posted-on {
	color: #263849;
}

.byline {
	color: #aaa;
}

.pagination .page-numbers {
	background-color: #d6d6d6;
	color: #fff;
}

.pagination .current {
	background-color: #263849;
}

.pagination .prev,.pagination .next {
	background-color: #d6d6d6;
	color: #fff;
}

.pagination .prev:hover,.pagination .prev:focus,.pagination .next:hover,.pagination .next:focus {
	background-color: #263849;
}

.comments-area {
	border-top: 1px solid #e0e0e0;
}

.comment-list article,.comment-list .pingback,.comment-list .trackback {
	border-top: 1px solid #ccc;
}

.comment-author a {
	color: #101010;
}

.comment-meta {
	border-left: 1px solid #101010;
}

.comment-meta a {
	color: #101010;
}

.comment-navigation {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.no-comments {
	border-top: 1px solid #e0e0e0;
}

.required {
	color: #d50f25;
}

#s {
	color: #aaa;
}

#searchsubmit {
	background: #263849 url(/Content/home/assets/images/bg-search-white.png) no-repeat center center;
}

.widget_recent_entries ul li a {
	color: #101010;
}

.widget_recent_entries ul li a:hover {
	color: #263849;
}

.widget_recent_entries ul li .post-date {
	color: #263849;
}

.widget_pages ul li {
	border-bottom: 1px solid #ccc;
}

.widget_pages ul li a {
	color: #101010;
}

.widget_archive a {
	color: #101010;
}

.widget_archive a:hover:before {
	color: #263849;
}

.widget_categories a {
	color: #101010;
}

.widget_categories a:hover:before {
	color: #263849;
}

.widget_tag_cloud a {
	background-color: #263849;
	color: #fff;
}

.widget_tag_cloud a:hover {
	background-color: #17acd4;
}

#wp-calendar tbody a {
	background-color: #245dc1;
	color: #fff;
}

.widget_nav_menu .menu a {
	color: #101010;
}

.widget_nav_menu .menu a:hover:before {
	color: #263849;
}

.ewf-tweet-list ul li {
	border-left: 1px solid #263849;
}

.ewf-tweet-list ul li p:before {
	background-color: #263849;
	color: #fff;
}

#newsletter-subscribe-form input[type="text"] {
	color: #aaa;
}

.ewf_widget_latest_posts ul li a {
	color: #101010;
}

.ewf_widget_latest_posts .post-date {
	color: #263849;
}

.ewf_widget_navigation li {
	border-bottom: 1px solid #ccc;
}

.ewf_widget_navigation li a {
	color: #101010;
}

.ewf_widget_social_media a {
	color: #101010;
}

.tab-content {
	overflow: visible;
}

.nav-list {
	overflow: hidden;
}

.nav-list li {
	height: 30px;
	list-style-type: none;
}

.nav-list li a {
	padding: 2px;
	width: 100px;
	display: block;
	font-size: 12px;
	color: #555;
	vertical-align: middle;
	text-align: right;
	background-position: 180px,5px bottom!important;
	text-decoration: none;
}

.nav-list .first a {
	background-position: 180px,5px bottom!important;
}

.nav-list .last a {
	background-position: 180px,5px bottom!important;
}

.nav-list li a:hover {
	color: #fff;
	text-shadow: 1px 1px #4c4c4c!important;
	background-color: #263849;
}

.nav-list .active a {
	background-color: #263849;
	color: #ff8c00;
	font-weight: bold;
}

.nav-list .active:after {
	content: "";
	height: 30px;
	width: 100px;
	margin-top: 0;
	margin-left: 129px!important;
	position: absolute;
}

.nav-list .active:before {
	content: "";
	height: 30px;
	width: 100px;
	margin-top: -50px;
	margin-left: 129px!important;
	position: absolute;
}

.nav-list .first:before {
	background: none!important;
}

.nav-list .last:after {
	background: none!important;
}

.content-bubble-slim {
	min-height: 200px;
}

.content-image {
	border: 1px solid #000;
}

.content-image-container {
	position: relative;
}

.content-image-overlay {
	background: url(/Content/home/assets/images/icon_view_orange.png) no-repeat center center,url(/Content/home/assets/images/image_overlay.png);
	background-size: 0 0;
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.content-image-overlay:hover {
	background: url(/Content/home/assets/images/icon_view_orange.png) no-repeat center center,url(/Content/home/assets/images/image_overlay.png);
	background-size: 48px 48px;
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	overflow: hidden;
	opacity: 1;
}
#Demo h2{
	font-size: 30px;
    font-weight: 400px;
    color: #002855;
    line-height: 41px;
    margin-bottom: 15px;
	letter-spacing: -0.03em;
    text-transform:none;
    font-family: 'Satoshi-Bold';
    font-style: 'Satoshi-Bold';
}
#Demo p{
	color: #002855;
    font-size: 18px;
    font-weight: 400px;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
    line-height: 30px;
    font-family: 'Satoshi-Regular';
    font-style: 'Satoshi-Regular';
}

#Demo strong {
	color:#002855;
	font-weight: 700;
	font-family: 'Satoshi-Bold';
	font-style: 'Satoshi-Bold';
}

/* Franchisor Global */
:root{
  --blue-sm:#002855;
  --lightgrey-sm:#f7f7f7;
  --orange-sm:#FB471F;
  --white-sm:#fff;
}
.bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5,.bg-light h6,.bg-light p, .bg-light ul{
  color:var(--blue-sm);
}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark p, .bg-dark ul{
  color:var(--white-sm);
}
.bg-blue{
  background:#002855;
}
.text-light{
  color:var(--white-sm);
}
.text-blue{
  color:var(--blue-sm);
}
.text-orange{
  color:var(--orange-sm);
}
.text-bold{
  font-weight: 700;
}
.text-semibold{
  font-weight: 600;
}
.text-medium{
  font-weight: 500;
}
.text-subtitle{
  font-size:16px;
}
.text-subtitle-bold{
  font-size:14px;
  font-weight: 600;
}
.text-caption{
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
  color: #002855;
}
.text-overline{
  font-size:12px;
  text-transform: uppercase;
  word-spacing: 0.1em;
  line-height: 16px;
}
h1,.h1{
  font-size:48px;
}
h2,.h2{
  font-size:40px;
}
h3,.h3{
  font-size:34px;
}
h4,.h4{
  font-size:28px;
}
h5,.h5{
  font-size:24px;
}
h6,.h6{
  font-size:20px;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
  letter-spacing: -0.03px;
  
}
/* col Flush */
@media only screen and (min-width: 768px) {
  .flush-desktop{
      padding:0;
      margin:0;
  }
}
@media only screen and (max-width: 600px) {
  .flush-mobile{
      padding:0;
  }
  .text-center-mobile{
      text-align: center;
  }
}
/* Display Utilities - Hide and show in desktop/mobile */
@media only screen and (max-width: 1024px) {
  .display-mobile{
      display:block;
  }
  .hide-mobile{
      display:none;
  }
}
@media only screen and (min-width: 1025px) {
  .display-desktop{
      display:block;
  }

  .hide-desktop{
      display:none;
  }
}

/* ROW */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
/* VERTICAL ALIGNMENT CONTENT -- USE IN ROW DIV*/
.align-items-start{
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important;
}
.align-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
}
.align-items-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important;
}
/* HORIZONTAL ALIGNMENT CONTNET - USE IN ROW */
.justify-content-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important;
}
.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}
.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important;
}
.justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}
/* checklist */
.check-list li{
  list-style-type: none;
  position: relative;
  padding-left: 40px;
  vertical-align: middle;
  margin:20px 0;
  color: #002855;
  font-size: 16px;
  font-weight: 400px;
  font-family: 'Satoshi-Regular';
}
.check-list li:before{
  background-image: url('/Content/home/assets/images/check_mark1.png');
  background-size: contain;
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  vertical-align: middle;
  margin-right: 10px;
  position: absolute;
  left: -1px;
  top: -8px;
}
/* Franchisor css*/
video:focus{
  outline: none;
}
.btn{
  text-align: center;
}

.play-btn:after{
  font-family: fontawesome;
  content:'\f144';
  font-size: 30px;
  position:relative;
  top: 7px;
  left: 7px;
}
#intro-franchisor{
  padding: 0;
  background: #fff;
  color: #002855;
}
#intro-franchisor h1{
  text-transform: none;
    font-family:'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height:58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;

}
#intro-franchisor h4{
  text-transform: uppercase;
  font-family:'Satoshi-Regular';
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.03rem;
  margin-bottom: 4px;
  color: #002855;

}
.intro-video video{
  width:100%;
  height: auto;
}

#bg-7 h3{
  color:#002855;
  text-transform: none;
}
#bg-11{
  margin-top:0;
}
@media only screen and (min-width: 768px) {
  .play-btn{
      position: relative;
      top:-4px;
  }
}
@media only screen and (min-width: 1200px) {

  .intro-video{
      margin:80px 20px;
      border:2px solid #0069CB;
  }
  .intro-video video{
      width:100%;
      height: auto;
      box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
      -webkit-box-shadow:0 10px 40px 0 rgb(0 0 0 / 10%);;
      position: relative;
      left:-65px;
      top:20px;
  }
}
@media only screen and (max-width: 1200px) {
  #intro-franchisor .span6{
      width:50%;
      display: block;
  }
}
@media only screen and (max-width: 768px) {
  #intro-franchisor .span6{
      width:100%;
      display: block;
  }
}
/* top franchisor supplier*/
#section-top-franchisor-supplier {
  padding: 20px 0 20px 0;
  background: #FCFBFA;
  vertical-align: middle;
}

@media (max-width: 600px) {
  #section-top-franchisor-supplier {
      padding: 50px 0 50px 0;
  }
  #section-top-franchisor-supplier .section-block {
    padding: 70px 0 0 0px;
}
#section-top-franchisor-supplier .span6 {
  width: 100%;
}
}

@media only screen and (min-width: 1200px) {

  #section-top-franchisor-supplier .section-block {
      padding: 40px 0 0 0px;
  }
  #section-top-franchisor-supplier .span6 {
    width: 57%;
}
}


/* Franchisor Section 2DemoV*/
#section-franchisor-2demov{
  padding:50px 0 0 0;
  background:#FFFFFF;
}
#section-franchisor-2demov h3{
    font-size: 40px;
    line-height: 51px;
    font-weight: 400;
    font-family: 'Satoshi-Bold';
    color: #002855;
    text-transform: none;
    margin-bottom: 20px;
}
#section-franchisor-2demov p{
  font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: 'Satoshi-Regular';
    color: #002855;
    vertical-align: middle;
}
@media (max-width: 600px){
  #section-franchisor-2demov{
      padding:50px 0 100px 0;
  }
  #section-franchisor-2demov .section-block{
    padding:50px 0px 4px 0px;
  }
  #section-franchisor-2demov a.btn-orange:hover{
    background:#FCFBFA !important;
  }
   
}
@media only screen and (min-width: 1200px) {
  #section-franchisor-2demov .section-block{
      padding:40px 0 40px 40px;
  }
  #section-franchisor-2demov a.btn-orange:hover{
    background:#FCFBFA !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
  }
}

/* Franchisor Section 2*/
#section-franchisor-2{
  padding:50px 0 0 0;
  background:#FCFBFA;
}
#section-franchisor-2 h3{
    font-size: 40px;
    line-height: 51px;
    font-weight: 400;
    font-family: 'Satoshi-Bold';
    color: #002855;
    text-transform: none;
    margin-bottom: 20px;
}
#section-franchisor-2 p{
  font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: 'Satoshi-Regular';
    color: #002855;
    vertical-align: middle;
}
@media (max-width: 600px){
  #section-franchisor-2{
      padding:50px 0 100px 0;
  }
  #section-franchisor-2 .section-block{
    padding:50px 0px 4px 0px;
  }
  #section-franchisor-2 a.btn-orange:hover{
    background:#FCFBFA !important;
  }
   
}
@media only screen and (min-width: 1200px) {
  #section-franchisor-2 .section-block{
      padding:40px 0 40px 40px;
  }
  #section-franchisor-2 a.btn-orange:hover{
    background:#FCFBFA !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
  }
}
/* Franchisor Section 3 */
#section-franchisor-3{
  padding:100px 0 0 0;
  background-color:#FFFFFF;
  margin-top:-30px;
  margin-bottom: 90px;
  background-image:url('/Content/home/assets/images/wheel.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position:right -50px top -50px;
}
#section-franchisor-3 .section-block{
  padding:40px;
}
#section-franchisor-3 .section-block h3{
  font-size: 40px;
  line-height: 51px;
  font-weight: 400;
  font-family: 'Satoshi-Bold';
  color: #FFFFFF;
  text-transform: capitalize;
}
#section-franchisor-3 .section-block p{
font-size: 16px;
line-height: 30px;
font-weight: 300;
font-family: 'Satoshi-Medium';
color: #FFFFFF;
text-transform: none;
margin-bottom: 20px;
}
@media (max-width: 600px){
  #section-franchisor-3{
      padding:0;
      margin-top:-30px;
  }
}
/* Franchisor Section 4 */
#section-franchisor-4{
  padding:100px 0 50px 0;
  background-color:var(--white-sm);
}
#section-franchisor-4 .section-block{
  background:#FCFBFA;
  color: #002855;
  position:relative;
  padding:150px 15px 100px 15px;
  top:-100px;
}
#section-franchisor-4 .section-block h3{
font-size: 40px;
font-weight: 400px;
text-transform: none;
letter-spacing: -0.03em;
margin-bottom: 20px;
color: #002855;
line-height: 51px;
font-family: 'Satoshi-Bold';
}
#section-franchisor-4 .section-block h1{
text-transform: uppercase;
font-family: 'Satoshi-Regular';
font-size: 20px;
line-height: 24px;
margin-bottom: 4px;
color: #002855;
letter-spacing: -0.03em;
}
#section-franchisor-4 .section-block p{
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Regular';
  color: #002855;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  #section-franchisor-4 .section-block{
      background:#FCFBFA;
      position: relative;
      padding:150px 100px 150px 200px;
      left:-160px;
  }
  #section-franchisor-4 img{
      z-index:999;
      padding-left: 71px;
      margin-bottom: 397px;
      position:relative;
  }
  #section-franchisor-4 a.btn-orange:hover{
    background:#FCFBFA !important;
  }
}
@media only screen and (max-width: 768px) {
  .check-list{
      margin-bottom:40px;
  }
  .container-mobile{
      padding-left:15px;
      padding-right:15px;
  }
  #section-franchisor-4 img{
      z-index:999;
      padding-left: 71px;
      margin-bottom: 397px;
      position:relative;
  }
}
 
@media only screen and (max-width: 600px) {
  #section-franchisor-4{
      padding:20px 0;
  }
  #section-franchisor-4 img{
    z-index:999;
    padding-left: 10px;
    margin-bottom: 137px;
    position:relative;
  }
  #section-franchisor-4 .section-block {
  background: #FCFBFA;
  color: #002855;
  position: relative;
  padding: 50px 15px 50px 15px;
  top: -100px;}
}
/* Section 5 */
#section-franchisor-5{
  padding:50px 0;
  background:var(--white-sm);
}
#section-franchisor-5 .section-block{
  background:#FCFBFA;
  padding:60px 200px 40px 80px;
}
#section-franchisor-5 h3{
  font-size: 40px;
  font-weight: 400px;
  text-transform: none;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
  color: #002855;
  line-height: 51px;
  font-family: 'Satoshi-Bold';
}
#section-franchisor-5 h1{
  text-transform: uppercase;
  font-family: 'Satoshi-Regular';
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
  color: #002855;
  letter-spacing: -0.03em;
}
#section-franchisor-5 p{
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Regular';
  color: #002855;
  vertical-align: middle;
}
@media (min-width: 768px){
  #section-franchisor-5 .section-block{
      position: relative;
      right:-140px;
  }
  #section-franchisor-5 .slide-photo{
      margin-top:3rem;
  }
  #section-franchisor-5 a.btn-orange:hover{
    background:#FCFBFA !important;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #section-franchisor-5 .span8, #section-franchisor-5 .span4 {
      width: 100%;
  }
  #section-franchisor-5 .section-block {
      right: 0px;
  }
  #section-franchisor-5 {
      padding-top: 0px;
  }
  #section-franchisor-4 {
      padding-bottom: 0px;
  }
  #section-franchisor-5 .span4 img {
      max-height: 400px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -100px;
      z-index: 999;
      position: relative;
  }
  #section-franchisor-5 a.btn-orange:hover{
    background:#FCFBFA !important;
  }
}

@media only screen and (max-width: 600px) {
  #section-franchisor-5{
      padding:0;
      margin:0;
  }
  #section-franchisor-5 .section-block{
      padding:0;
      background:#FCFBFA;
      padding:200px 10px 40px 20px;
      margin-top:-150px;
  }
  #section-franchisor-5 img{
      position: relative;
      z-index: 1;
  }
  #section-franchisor-5 .container-mobile{
      padding:0;
  }
  #section-franchisor-5 a.btn-orange:hover{
    background:#FCFBFA !important;
  }
}
#section-franchisor-5 .integration-item{
  display: flex;
  align-items: center;
  justify-content: left;
  padding:10px 0;
}


@media(max-width: 1028px) {
  #section-franchisor-5 .section-block .span6 {
      width: 100%;
  }
}


#section-franchisor-5 .integration-item img{
  height: 30px;
  width:30px;
  background:#FFFFFF;
  border-radius:50%;
  margin-right:15px;
}
#section-franchisor-5 .integration-item p{
  margin:0;
  font-size:20px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Satoshi-Regular';
  color: #002855;
  letter-spacing: -0.02em;
}
#section-franchisor-5 a.btn-orange:hover{
  background:#FCFBFA !important;
}

/*
  Section 6
  Franchisor Testimonial */
#section-franchisor-6{
  padding:100px 0;
  background:#FCFBFA;
}
#section-franchisor-6 h2{
  font-size: 40px;
  font-weight: 400px;
  text-transform:none;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
  color: #002855;
  line-height: 51px;
  font-family: 'Satoshi-Bold';
}
#section-franchisor-6 h6{
  text-transform: none;
  margin-bottom: 20px;
  color: #002855;
  font-size: 22px;
  font-weight: 400px;
  text-transform: none;
  letter-spacing: -0.03em;
  margin-bottom: 8px;
  color: #002855;
  line-height: 26px;
  font-family: 'Satoshi-Medium';
}
#section-franchisor-6 p{
  color: #002855;
  font-size: 18px;
  font-weight: 400px;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
}
#section-franchisor-6 .card__text p{
  color: #002855;
  font-size: 18px;
  font-weight: 400px;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
}
#section-franchisor-6 .text-caption p{
  color: #002855;
  font-size: 14px;
  font-weight: 400px;
  line-height: 18px;
  font-family: 'Satoshi-Regular';
}
.testimonial-block{
  margin-top:40px;
}
.block {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.box-shadow{
  -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
}
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  word-wrap: break-word;
  border: none;
  background-color:#fff;
  background-clip: border-box;
}
@media (min-width: 768px){
  .card__body {
      padding: 0px;
  }
}
.card__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.card__body > :first-child {
  margin-top: 0 !important;
}

@media (min-width: 768px){
  .card__text {
      font-size: 16px;
      padding:40px 40px 10px 40px;
      min-height:440px;
  }
}
.card__text {
  margin-bottom: 0;
  font-size: 14px;
}
.testimonial-block .block{
  margin-bottom:30px;
}

.section-8-photo h3 {
  margin-top: 50px;
}

@media (max-width: 768px){
  .card__text {
      min-height:440px;
      padding:30px;
  }

}
.card__footer{
  background:#FCFBFA;
  padding:20px 40px;
  display: flex;
  align-items: flex-end;
}
.card__footer__image{
  width:35%;
  margin-right:2%;
  float: left;
  margin-top: 25px;
}
.card__footer__signature{
  width:60%;
  float: left;
  margin-top: 25px;
}
@media (max-width: 600px){
  .card__footer__signature{
      margin-left:10px;
  }
}
.card__footer p{
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Regular';
  color: #002855;
}
/* Star Rating */
:root {
  --star-size: 20px;
  --star-color: #FFFFFF;
  --star-background: #0069CB;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  margin-bottom:20px;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Section 7 */
#section-franchisor-7{
  padding:100px 0;
  background:#FFFFFF;
}
#section-franchisor-7 h3{
  color: #002855;
  font-size: 40px;
  line-height: 51px;
  text-transform:none;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-family: 'Satoshi-Bold';
  text-align: center;
}
#section-franchisor-7 p{
  text-align: center;
  color: #002855;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-weight: 400px;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
}
#section-franchisor-7 img{
  padding:20px 0;
}
#section-franchisor-7 a{
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  #section-franchisor-7{
      padding:40px 0;
  }
}
/* Section 7a */
#section-franchisor-7a{
  padding:100px 0;
  background:#FFFFFF;
}
#section-franchisor-7a h3{
  color: #002855;
  font-size: 33px;
  line-height: 40px;
  text-transform:none;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
  text-align: left;
  margin-bottom: 30px;
}
#section-franchisor-7a p{
  text-align: center;
  color: #002855;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-weight: 400px;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
}
#section-franchisor-7a img{
  padding:20px 0;
}
#section-franchisor-7a a{
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  #section-franchisor-7a{
    padding:90px 0px 40px 0px
  }
  #section-franchisor-7a h3{
    padding-left: 18px;
    padding-right: 40px;
}
}
/* section-valuesDesktop */

#section-valuesDesktop{
  padding:10px 0px 100px 0px;
  background:#F7F7F4;
}
#section-valuesDesktop h2{
  color: #002855;
  font-size: 33px;
  line-height: 40px;
  text-transform:none;
  font-weight: 400;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
  text-align: left;
  margin-bottom: 50px;
}
#section-valuesDesktop p{
  text-align: left;
  color: #002855;
  letter-spacing: -0.02em;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  font-family: 'Satoshi-Regular';
}
#section-valuesDesktop h4{
  border: 0;
  border-top: 4px solid #0069CB;
  outline: none;
  text-align: left;
  color: #002855;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-weight: 400px;
  margin-bottom: 20px;
  padding-top: 20px;
  line-height: 23px;
  font-family: 'Satoshi-Bold';
}
#section-valuesDesktop img{
  padding:20px 0;
}
#section-valuesDesktop a{
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  #Values-section{
      padding:40px 0;
  }
  #OurVision{
    padding:40px 0;
}
}
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	 
   #section-valuesDesktop{
     display:none;
   }
   #Values-section{
       display:block;
   }
   
  }
 /*Media query for phone*/
 @media only screen and (max-width: 600px) {
     
   #section-valuesDesktop{
     display:none;
   }
   #Values-section{
       display:block;
   }
  }
 
 /* Header wrapper*/
 @media (min-width: 1200px)
 { /*FRANCHISOR*/
     #section-valuesDesktop{
       display:block;
     }
     #Values-section{
       display:none;
         }
 }
 @media only screen and (max-width: 600px) {
  #Values-section{
      padding:40px 0;
  }
  #OurVision{
    padding:40px 0;
}
}
 /* Header wrapper*/
 @media (min-width: 1200px)
 { /*FRANCHISOR*/
     .D h3{
       display:block;
     }
     .M h3{
       display:none;
         }
 }
 /* IFA MoreInfo Section */
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	 
  #stats1{
    display:none;
  }
  #MoreInfo-section{
      display:block;
  }
  
 }
/*Media query for phone*/
@media only screen and (max-width: 600px) {
    
  #stats1{
    display:none;
  }
  #MoreInfo-section{
      display:block;
  }
 }

/* Header wrapper*/
@media (min-width: 1200px)
{ /*stats1*/
    #stats1{
      display:block;
    }
    #MoreInfo-section{
      display:none;
        }
 }
 /* Partner page Large Accordion Section */
 /*@media only screen and (min-width: 600px) {
  #large-section-Partner {
    display: none;
  }
  
  #large-section-PartnerM {
    display: block;
  }
}

/* Media query for phone */
/*@media only screen and (max-width: 600px) {
  #large-section-Partner {
    display: none;
  }
  
  /* Increase specificity for mobile */
  /*body #large-section-PartnerM {
    display: block;
    /* Additional styles for mobile */
  /*}
}

/* Header wrapper */
/*@media (min-width: 1200px) {
  #large-section-Partner {
    display: block;
  }
  
  #large-section-PartnerM {
    display: none;
  }
}*/

/* Partner page Large Accordion Section */
#large-section-PartnerM {
  display: none;
}

/* Media query for screens larger than 600px */
@media only screen and (min-width: 600px) {
  #large-section-Partner {
    display: block;
  }
}

/* Media query for mobile devices */
@media only screen and (max-width: 600px) {
  #large-section-Partner {
    display: none;
  }
  
  #large-section-PartnerM {
    display: block;
    /* Additional styles for mobile */
  }
}

/* Section 8 */
#section-franchisor-8{
  padding:100px 0;
  background: #f7f7f7;
  margin-bottom:-10px;
}
@media only screen and (max-width: 600px) {
  #section-franchisor-8 img,#section-franchisor-8 h3{
      padding:40px 0;
  }
  #section-franchisor-8 h3{
      padding:0 0 40px 0;
  }
  #section-franchisor-8{
      padding:50px 0;
  }
}

.intro-content__title {
  text-transform: uppercase;
  font-family: 'Satoshi-Regular';
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.03rem;
  color: #002855;
  margin-bottom: 14px;
}

.buttons {
  display: flex;
}

@media(max-width: 768px) {
  .buttons {
      flex-direction: column;
      max-width: 210px;
  }
  .buttons__button {
      margin-bottom: 30px;
  }
}
.buttons__button {
  display: flex;
  align-items: center;
  height: 56px;
  width: 210px;
  margin-right: 17px;
  justify-content: center;
  text-decoration: none !important;
  font-weight: 500;
  font-size: 22px;
  border-radius: 4px;
  line-height: 30px;
  font-family: 'Satoshi-Medium';
  letter-spacing: -0.02em;
  text-transform: uppercase;
  cursor: pointer;
}

.buttons__button:hover {
  text-decoration: none;
}

.buttons__button svg {
  margin-left: 17px;
}
.btn svg {
  margin-left: 17px;
  margin-top: -5px;
  vertical-align: middle;
}

.button-orange {
  border:1px solid #FB471F;
    background-color: #FB471F;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 22px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.button-orange:hover{
  background:#FFFFFF !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.button-orange:visited {
  color: #FFFFFF;
}

.button-default {
  border:1px solid #D6D2C4;
  background:#D6D2C4;
  color:#FFFFFF !important;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  font-family: 'Satoshi-Medium';
}
.button-default:hover{
  background:#FFFFFF;
    border:1px solid #D6D2C4;
    color:#D6D2C4 !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.button-default:hover svg .a{
  fill:#D6D2C4;
}
/* Buttons Mobile only */
@media only screen and (max-width: 600px) {
  .buttons{
    max-width: 100%;
  }
  .button-orange,.button-default{
    width:100%;
  }
}
.do-more-block {
  box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
  display: flex;
  color:#002855;
}

.do-more-block__title {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 51px;
  font-weight: 400;
  font-family: 'Satoshi-Bold';
  color: #002855;
  text-transform: capitalize;
}

.do-more-block__description {
  font-size: 20px;
  line-height: 34px;
  color: #002855;
  font-weight: 400;
  font-family: 'Satoshi-Regular';
}

.do-more-block__text {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 30px;
  color: #002855;
  font-weight: 400;
  font-family: 'Satoshi-Regular';
}

.do-more-block__left {
  padding: 66px 39px;
  background: #FCFBFA;
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.do-more-block__right {
  padding: 65px;
  width: 60%;
}

#do-more {
  background-color: white;
}

#stats {
  background-color: #FCFBFA;
}

.stats {
  display: flex;
  justify-content: space-between;
}
#stats1 {
  background-color: #F7F7F4;
}

.stats1 {
  background-color: #F7F7F4;
  padding: 60px 80px;
  display: flex;
  justify-content: space-between;
}
.stats h2 {
  font-weight: 400;
  text-align: center;
  color:#002855;
  font-size: 33px;
  letter-spacing: -0.02em;
  line-height: 40px;
  font-family: 'Satoshi-Bold';
}
.stats1 h2 {
  font-weight: 400;
  text-align: left;
  color:#002855;
  font-size: 33px;
  letter-spacing: -0.02em;
  line-height: 40px;
  font-family: 'Satoshi-Bold';
}
.stats__block2 {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 277px;
}
.stats__block1 {
  padding: 20px 20px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  max-width: 320px;
  
}
.stats__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 277px;
}

.stats__text {
  text-align: center;
  color:#002855;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
}
.stats1__text {
  text-align: left;
  color:#002855;
  font-size: 14px;
  font-weight: 400;
  line-height:150%;
  font-family: 'Satoshi-Regular';
}
.about-link{
  text-decoration: underline;
  text-align: left;
  color:#0069CB;
  font-size: 14px;
  font-weight: 400;
  line-height:150%;
  font-family: 'Satoshi-Regular';
}
.about-link:visited{
  color: #0069CB;
  text-decoration: underline;
}
.about-link:hover{
  color: #FB471F;
  text-decoration: underline;
}
.stats__text b {
  font-weight: 400;
  text-align: center;
  color:#002855;
  font-size: 20px;
  line-height: 30px;
  font-family: 'Satoshi-Bold';
}

.stats__percentage {
  color: #002855 !important;
}

.resources-intro {
  color:#002855;
}
#resources-intro h1{
  text-transform: none;
    font-family: 'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height: 58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;
}
#resources p strong{
  color: #002855;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

#resources-intro {
  background-color: #FFFFFF;
  margin-bottom: 0px;
  padding-top: 90px;
}

#articles {
  background-color: white;
}
#articlesD {
  background-color:#FCFBFA;
}

.articles {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #002855;
  padding-top: 80px;
}
.articlesD {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #002855;
  padding-top: 0px;
}

.articles__item {
  width: 520px;
  box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
  margin-bottom: 40px;
}

.articles__content {
  padding: 50px;
}

.articles__title {
  font-size: 28px;
  font-weight: 700px;
  font-family: 'Satoshi-Bold';
  letter-spacing: -0.03em;
  color: #002855;
  text-transform: capitalize;
}
.articles__titleD {
  font-size: 28px;
  line-height: 39px;
  font-weight: 700px;
  font-family: 'Satoshi-Bold';
  letter-spacing: -0.03em;
  color: #002855;
  text-transform: none;
}

.articles__description {
  font-size: 19px;
  line-height: 30px;
  font-family: 'Satoshi-Regular';
  letter-spacing: -0.03em;
  color: #002855;
  margin-bottom: 50px;
}

.articles__link {
  font-size: 16px;
  font-weight: 600;
  color: #0069CB;
  font-family: 'Satoshi-Bold';
  text-decoration: underline;
}

.articles__link:hover {
  color: #FB471F;
}

.articles__item img {
  width: 100%;
}

.articles__image {
  width: max-content;
}

.articles__footer{
padding:0 30px;
}
@media only screen and (min-width: 768px) {
  .articles__item {
    width:270px;
  }
  .articles__content {
    padding:30px 30px 0 30px;
  }
  .articles{
    display: flex;
    height: 100%;
    flex-wrap: wrap;
  }

  .articles__item {
    margin: 0.5%;
    display:flex;
    flex-direction: column;
  }

  .articles__footer {
    margin-top: auto;
    padding:0 30px 30px 30px;
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .articles__content {
    flex-grow: 1;
  }
}
#intro-partner{
  padding: 0;
  background: #FFFFFF;
  color: #002855;
}
#intro-partner .span6{
  padding-right: 0px;
  padding-left: 0px;
  background: #FFFFFF;
  color: #002855;
}
#intro-partner a.btn-orange {
  border: 1px solid #FB471F;
  background-color: #FB471F;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  border-radius: 4px;
  line-height: 28px;
  font-family: 'Satoshi-Medium';
}
#intro-partner a.btn-orange:hover {
  background: #FFFFFF !important;
  border-radius: 4px;
  color: #FB471F !important;
  border: 1px solid #FB471F;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  font-family: 'Satoshi-Medium';
}

#intro-partner h1 {
  padding-top: 26px;
  text-transform: none;
  font-family: 'Satoshi-Regular';
  font-weight: 400;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: -0.03rem;
  margin-bottom: 32px;
  color: #002855;
}
#intro-partner p {
  text-transform: none;
  font-family: 'Satoshi-Regular';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.02rem;
  margin-bottom: 40px;
  color: #002855;
}
#partners {
  background-color: #F7F7F4;
  color:#002855;
  margin-bottom: 0px;
}
.partners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #002855;
  padding-top: 80px;
}
#large-section-PartnerM .partners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #002855;
  padding-top: 20px;
}

.partners__text {
  font-size: 24px;
  line-height: 34px;
  margin: 0 100px;
  text-align: center;
  padding-top: 60px;
}

.partners__item {
  width: 520px;
  box-shadow: 4px 4px 10px 5px rgba(111,111,111,0.15);
  margin-bottom: 80px;
  background:#FFFFFF;
}
#intro-partner .buttons {
  display: flex;
  padding-top: 30px;
}
@media (min-width: 1200px){
#intro-partner .btn-orange {
    margin-top: 30px;
}}
@media only screen and (max-width: 600px){
#intro-partner .buttons {
    max-width: 97%;
    padding-top: 20px;
}}
#large-section-PartnerM .tab-panel .partners__content {
  padding: 50px 15px;
}
#large-section-Partner .tab-panel .partners__content {
  padding: 50px;
}
.partners__content {
  padding: 50px;
}
#large-section-PartnerM .tab-panel p.partners__title {
  line-height: 34px;
  font-size: 28px;
  font-weight: 500px;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
  color: #002855;
}
#large-section-Partner .tab-panel p.partners__title {
  line-height: 34px;
  font-size: 28px;
  font-weight: 500px;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
  color: #002855;
}

#large-section-Partner .tab-panel p.partners__description {
  margin-bottom: 20px;
  height: 180px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #002855;
  font-weight: 300;
  font-family: 'Satoshi-Regular';
  text-transform: none;
}
#large-section-PartnerM .tab-panel p.partners__description {
  margin-bottom: 20px;
  height: 180px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #002855;
  font-weight: 300;
  font-family: 'Satoshi-Regular';
  text-transform: none;
}

.partners__link {
  color: #0069CB;
  font-size: 14px;
  line-height: 150%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 300;
  font-family: 'Satoshi-Regular';
}

.partners__link:hover {
  text-transform: uppercase;
  color: #FB471F;
  text-decoration: underline;
}

.partners__header {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F7F7F4;
  height: 154px;
}

#large-section-PartnerM .tab-panel p.partners__label {
  font-size: 15px;
  line-height: 22.5px;
  letter-spacing: 0.1em;
  color: #002855;
  font-weight: 400;
  font-family: 'Satoshi-Regular';
  text-transform: uppercase;
}

#large-section-Partner .tab-panel p.partners__label {
  font-size: 15px;
  line-height: 22.5px;
  letter-spacing: 0.1em;
  color: #002855;
  font-weight: 400;
  font-family: 'Satoshi-Regular';
  text-transform: uppercase;
}
.intro-image {
  margin: 80px 40px;
}

/* featured partners */
.featured-partner{
box-shadow:0px 5px 30px rgb(0 0 0 / 10%);
background:#fff;
margin-top:40px;
}
.featured_partner_content{
padding:50px;
}

@media(max-width: 1200px) {
  .partners__item {
      width: 420px;
  }
  .partners__header {
      height: 90px;
  }
  .intro-image {
      margin-top: 80px;
  }
  .partners__description {
      height: unset;
  }
}

@media(max-width: 992px) {
  .do-more-block {
      flex-direction: column;
  }
  .do-more-block__left {
      width: unset;
  }
  .do-more-block__right {
      width: unset;
      padding: 50px 28px;
  }
  .stats {
      flex-direction: column;
  }
  .stats__block {
      max-width: unset;
      margin-bottom: 60px;
  }
  .stats__block:last-child {
      margin-bottom: 0px;
  }
  .articles__item {
      width: 100%;
  }
  .articles__content {
      padding: 30px;
  }
  .articles__description {
      margin-bottom: 40px;
  }
  .partners__item {
      width: 100%;
  }
  .partners__text {
      margin: 0 20px;
      padding-top: 20px;
  }
  .partners-title br {
      display: none;
  }
}

@media(max-width: 768px) {
  .intro-image {
      margin: 0 10px;
  }
}

/* Slide Photos */
@media (min-width: 768px){
  slide-photo-clients {
      /* height: 0; */
      padding-bottom: 92.10526316%;
      margin-top: 3.125;
  }
  .slide-photo {
      margin-top: 0;
  }

  .slide-photo {
      position: relative;
  }
  .image-card {
      position: absolute;
  }
  .image-card-body {
      display: block;
      height: 0;
      padding-bottom: 100%;
  }
  /* Section 5 Card Images */
  .card5-1 {
      width: 100%;
      left: 0;
      top: 0;
      z-index: 100;
  }
  .card5-1 .image-card-body > .inside {
      width: 100%;
  }
  .card5-2{
      width: 100%;
      left: -150px;
      top: -100px;
      z-index: 100;
  }

  .card5-2 .image-card-body > .inside{
      width:100%;
  }
  .card5-2 .img,.card5-3 .img, .card5-4 img .card5-5 img{
      -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }
  .card5-3{
      width: 100%;
      right: -100px;
      top: 110px;
      z-index: 100;
  }
  .card5-3 .image-card-body > .inside{
      width:100%;
  }
  .card5-4{
      width: 100%;
      right: -80px;
      top: 180px;
      z-index: 100;
  }
  .card5-4 .image-card-body > .inside{
      width:100%;
  }
  .card5-5{
      width: 100%;
      right: -10px;
      top: 250px;
      z-index: 100;
  }
  .card5-5 .image-card-body > .inside{
      width:100%;
  }
  /* Section 8 Card Images*/
  .card8-1 {
      width: 100%;
      left: 0;
      top: 0;
      z-index: 100;
  }
  .card8-1 .image-card-body > .inside {
      width: 100%;
  }
  .card8-2{
      width: 100%;
      right: 45px;
      top: 100px;
      z-index: 100;
  }

  .card8-2{
      width: 40%;
  }

  .card8-2 .image-card-body > .inside{
      background:#fff;
      width:100%;
      -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }

  .card8-3{
      width: 100%;
      right: 125px;
      top: 220px;
      z-index: 100;
  }

  .card8-3{
      width: 28%;
  }

  .card8-3 .image-card-body > .inside{
      background:#fff;
      width:100%;
      -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }
  .card8-4{
      width: 100%;
      right: 95px;
      top: 280px;
      z-index: 100;
  }


  .card8-4{
      width: 33%;
  }

  .card8-4 .image-card-body > .inside{
      background:#fff;
      width:100%;
      -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
      box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }
  .image-card-body > .inside {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
  }
}
.image-card-item{
  display: flex;
  align-items:center;
  justify-content: center;
  padding:10px;
  vertical-align: middle;
}
.image-card-item-icon{
  width:25%;
  float:left;
}
.image-card-item-text{
  width:80%;
  float: left;
}
.image-card-item-text p{
  margin:0;
}
/*FAQ-section*/
#FAQ-section{
  background:#fff;
  padding:100px 0;
  color:#002855;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-family:'Satoshi-Regular';
}
#FAQ-section h2{
  text-transform: none;
  font-size: 33px;
  letter-spacing: -0.02em;
  line-height: 40px;
  font-weight: 700;
  color:#002855;
  font-family:'Satoshi-Bold';
}
#FAQ-section img{
  margin: 15px 30px 1px -14px;
}
/* FAQ-section Accordion */
#FAQ-section .feature-container .feature-title {
  position: relative;
  margin: 0;
  padding:20px 30px 20px 0px;
  background-color: #fff;
  font-size:18px;
  line-height: 23px;
  font-weight:700px;
  color: #002855;
  cursor: pointer;
  text-transform: none;
  border-top:4px solid #0069CB;
  font-family:'Satoshi-Bold';
}
#FAQ-section .feature-title:last-of-type{
  border-bottom:1px solid #E7EAF1;
  font-family:'Satoshi-Bold';
}
#FAQ-section .feature-container .feature-title:hover,
#FAQ-section .feature-container .feature-title:active,
#FAQ-section .feature-container .feature-title.open {
  background-color: #FFFFFF;
  color:#002855;
  font-family:'Satoshi-Bold';
}
#FAQ-section .feature-container{
  background-color:#FFFFFF;
}
#FAQ-section .feature-container .feature-title::after {
  width: 10px;
  height: 10px;
  border-right: 1px solid #002855;
  border-bottom: 1px solid #002855;
  position: absolute;
  right: 30px;
  content: " ";
  top: 30px;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
}
#FAQ-section .feature-container .feature-title.open::after {
  transform: rotate(225deg);
  transition: all 0.2s ease-in-out;
  border-right: 1px solid #002855;
  border-bottom: 1px solid #002855;
}
#FAQ-section .feature-container .feature-title.open{
  border-top:4px solid #FB471F;
}
#FAQ-section .feature-container .feature-title:hover::after{
  border-right: 1px solid #002855;
  border-bottom: 1px solid #002855;
}
#FAQ-section .feature-content {
  border-top:1px solid #E5E5E5;
  padding:20px 30px 20px 0px;
}
#FAQ-section .feature-content h3{
  text-transform:capitalize;
  font-family:'Satoshi-Regular';
}
#FAQ-section .feature-content p{
  color: #002855;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  font-family:'Satoshi-Regular';
}
#FAQ-section .feature-container {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 600px)
{
#FAQ-section h4{
  font-size: 18px;
  line-height: 23px;
  color: #002855;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Bold';
}
#FAQ-section p{
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #002855;
  margin-bottom: 20px;
  font-family: 'Satoshi-Regular';
}
}
/* Form */
#section-franchisor-8 .span4{
  background:#fff;
  -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
}
#section-franchisor-8 #schedule-form-container{
  padding:20px 20px 0 20px;
}
#schedule-form fieldset:not(:first-of-type) {
  display: none;
}
#section-franchisor-8 fieldset{
  border: 0;
  padding:0;
  margin-top:-30px;
  text-align: center;
}
#section-franchisor-8 fieldset p{
  text-align: left;
}
.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5px;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius:0;
}
#section-franchisor-8 input[type="radio"]{
  float:left;
}
.progress{
  margin-top:60px;
}
.step-label{
  position:relative;
  top:-10px;
}
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #FF8C00;
  transition: width .6s ease;
}
.form-group {
  margin-bottom: 1rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: .8rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #4D4D4D;
  background-color:#F7F7F7;
  background-clip: padding-box;
  border: 1px solid #F7F7F7;
  border-radius:0;
  font-size:16px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button, input[type="reset"], input[type="submit"], input[type="button"]{
  background:#FB471F;
  color:#FFFFFF;
  border:1px solid #FB471F;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover{
  background:var(--white-sm);
  border:1px solid #FB471F;
  color:#FB471F !important;
}
.form-info{
  font-size:20px;
}
.next[disabled],
.next[disabled]:hover {
  background-color: #d1d3d4;
  color: #fff;
  border: 0 none;
}
@media (max-width: 767px){
  /* Standard Stylesheet for Mobile */
  h1,.h1{
      font-size:34px;
  }
  h2,.h2{
      font-size:28px;
  }
  h3,.h3{
      font-size:34px;
  }
  h4,.h4{
      font-size:20px;
  }
  h5,.h5{
      font-size:20px;
  }
  h6,.h6{
      font-size:18px;
  }
  h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
      text-transform: none;
  }
  #intro-franchisor h1{
    text-transform: none;
    font-family:'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height:58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;
  }
  #intro-franchisor .intro-content__title p{
    text-transform: uppercase;
    font-family: 'Satoshi-Regular';
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px;
    letter-spacing: -0.02rem;
    color: #002855;
  }
  #intro-franchisor h4{
    text-transform: uppercase;
    font-family:'Satoshi-Regular';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03rem;
    margin-bottom: 4px;
    color: #002855;

}
  .section-block h3 br {
      display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Tablet styles here */
}
/* Style for Index file */

@media (max-width: 767px){
  #mobile-menu-trigger {
      top:0;
  }
  #intro-content-h4{
      font-size:34px;
      line-height:40px;
  }
  .btn{
      margin:0 5px 10px 0;
  }
  #CTA {
      margin-top: -70px;
  }
  #franchisor-grid{
      margin-top:-40px;
  }
  #features h2, .do-more-box h2 {
      line-height:30px;
  }
  #solutions h2{
      font-size:28px;
      line-height:30px;
  }
  .solution-button {
      bottom: 50px;
  }
  #how-it-works h2 {
    text-align: left;
  }
}

/* Contact Us */
#contact-us{
  margin:100px 0;
  background:#fff;
  color:#263849;
}
.form-box{
  box-shadow: 0px 5px 30px rgb(0 0 0 / 10%);
  padding:40px;
}
.form-box h3{
  color:#263849;
}

.contact-info{
  padding:0 40px;
}
.contact-info p{
  margin-bottom:0;
}
.contact-box{
  padding:20px 0;
}
@media only screen and (max-width: 600px) {
  .contact-box{
    padding:20px 10px;
  }
}
#contact-us .form-group input[type="email"],#contact-us .form-group input[type="text"]{
 background:#f7f7f7;
 border:0;
 margin-left:0;
}

/* Integrations page */
#integrations{
  background: #f7f7f7;
  padding: 100px 0 100px 0;
  margin-bottom: 0;
}
#integrations p{
  color:#263849;
  text-align: center;
}
#integrations .integration-list{
  list-style-type: none;
}
#integrations .integration-list li{
  padding:15px 0;
  font-size:18px;
  border-bottom:1px solid #fff;
}
/* End Integration page Style*/

/* About Page */
#about{
  background:#fff;
  margin:0;
  padding:30px 0px;
}
@media only screen and (min-width: 768px) {
  #about .about-info{
    padding:70px 1px;
  }
  .location{
    position:relative;
    padding:100px 0px 100px 80px;
    height:84%;
  }
}
#about h2, #about p{
  color:#002855;
}
@media only screen and (min-width: 600px) {
  #about h2{
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: 'Satoshi-Regular';
    text-transform: none;
    margin-bottom: 30px;
}
}

/* section-About */
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	 
   #about p{
     display:block;
   }
   #about .hero-image{
     display:block;
   }
   #about h2{
       display:block;
   }
   
  }
 /*Media query for phone*/
 @media only screen and (max-width: 600px) {
     
  #about p{
     display:block;
   }
   #about .hero-image{
    margin: 30px 1px;
     display:block;
   }
   #about h2{
       display:block;
   }
  }
  /*Media query for Desktop*/
@media only screen and (min-width: 1200px) {
  #about p{
    display:block;
  }
  #about .hero-image{
    display:block;
  }
  #about h2{
      display:block;
  }
}
#about h2{
    font-size: 40px;
    line-height: 110%;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: 'Satoshi-Regular';
    text-transform: none;
    margin-bottom: 50px;

}
#about p{
  font-size: 14px;
  line-height: 21px;
  font-weight: 400px;
  letter-spacing: -0.02em;
  font-family: 'Satoshi-Regular';
  margin-bottom: 20px;
}
#about .map{
  margin:0;
  padding:0;
}
@media only screen and (min-width: 768px) {

  #about .map{
      height:100%;
  }
  #about .google-map{
      height:inherit !important;
  }
}
@media only screen and (max-width: 600px) {
  #about{
    padding-top:40px;
    padding-bottom:04px;
  }
}
/****************************************************************
*
* CSS Percentage Circle
* Author: Andre Firchow
*
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
position: absolute;
border: 0.08em solid #002855;
width: 0.84em;
height: 0.84em;
clip: rect(0em, 0.5em, 1em, 0em);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.c100 {
position: relative;
font-size: 120px;
width: 1em;
height: 1em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
margin: 0 0.1em 0.1em 0;
background-color: #D6D2C4;
}
.c100 *, .c100 *:before, .c100 *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.c100.center {
float: none;
margin: 0 auto;
}
.c100.big {
font-size: 240px;
}
.c100.small {
font-size: 80px;
}
.c100 > span {
position: absolute;
width: 100%;
z-index: 1;
left: 0;
top: 0;
width: 5em;
line-height: 5em;
font-size: 0.2em;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.c100:after {
position: absolute;
top: 0.08em;
left: 0.08em;
display: block;
content: " ";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: whitesmoke;
width: 0.84em;
height: 0.84em;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.c100 .slice {
position: absolute;
width: 1em;
height: 1em;
clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
-webkit-transform: rotate(3.6deg);
-moz-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
-o-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.c100.p2 .bar {
-webkit-transform: rotate(7.2deg);
-moz-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
-o-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.c100.p3 .bar {
-webkit-transform: rotate(10.8deg);
-moz-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
-o-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.c100.p4 .bar {
-webkit-transform: rotate(14.4deg);
-moz-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
-o-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.c100.p5 .bar {
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg);
}
.c100.p6 .bar {
-webkit-transform: rotate(21.6deg);
-moz-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
-o-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.c100.p7 .bar {
-webkit-transform: rotate(25.2deg);
-moz-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
-o-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.c100.p8 .bar {
-webkit-transform: rotate(28.8deg);
-moz-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
-o-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.c100.p9 .bar {
-webkit-transform: rotate(32.4deg);
-moz-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
-o-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.c100.p10 .bar {
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg);
}
.c100.p11 .bar {
-webkit-transform: rotate(39.6deg);
-moz-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
-o-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.c100.p12 .bar {
-webkit-transform: rotate(43.2deg);
-moz-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
-o-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.c100.p13 .bar {
-webkit-transform: rotate(46.8deg);
-moz-transform: rotate(46.8deg);
-ms-transform: rotate(46.8deg);
-o-transform: rotate(46.8deg);
transform: rotate(46.8deg);
}
.c100.p14 .bar {
-webkit-transform: rotate(50.4deg);
-moz-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
-o-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.c100.p15 .bar {
-webkit-transform: rotate(54deg);
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-o-transform: rotate(54deg);
transform: rotate(54deg);
}
.c100.p16 .bar {
-webkit-transform: rotate(57.6deg);
-moz-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
-o-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.c100.p17 .bar {
-webkit-transform: rotate(61.2deg);
-moz-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
-o-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.c100.p18 .bar {
-webkit-transform: rotate(64.8deg);
-moz-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
-o-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.c100.p19 .bar {
-webkit-transform: rotate(68.4deg);
-moz-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
-o-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.c100.p20 .bar {
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg);
}
.c100.p21 .bar {
-webkit-transform: rotate(75.6deg);
-moz-transform: rotate(75.6deg);
-ms-transform: rotate(75.6deg);
-o-transform: rotate(75.6deg);
transform: rotate(75.6deg);
}
.c100.p22 .bar {
-webkit-transform: rotate(79.2deg);
-moz-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
-o-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.c100.p23 .bar {
-webkit-transform: rotate(82.8deg);
-moz-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
-o-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.c100.p24 .bar {
-webkit-transform: rotate(86.4deg);
-moz-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
-o-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.c100.p25 .bar {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.c100.p26 .bar {
-webkit-transform: rotate(93.6deg);
-moz-transform: rotate(93.6deg);
-ms-transform: rotate(93.6deg);
-o-transform: rotate(93.6deg);
transform: rotate(93.6deg);
}
.c100.p27 .bar {
-webkit-transform: rotate(97.2deg);
-moz-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
-o-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.c100.p28 .bar {
-webkit-transform: rotate(100.8deg);
-moz-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
-o-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.c100.p29 .bar {
-webkit-transform: rotate(104.4deg);
-moz-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
-o-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.c100.p30 .bar {
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg);
}
.c100.p31 .bar {
-webkit-transform: rotate(111.6deg);
-moz-transform: rotate(111.6deg);
-ms-transform: rotate(111.6deg);
-o-transform: rotate(111.6deg);
transform: rotate(111.6deg);
}
.c100.p32 .bar {
-webkit-transform: rotate(115.2deg);
-moz-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
-o-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.c100.p33 .bar {
-webkit-transform: rotate(118.8deg);
-moz-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
-o-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.c100.p34 .bar {
-webkit-transform: rotate(122.4deg);
-moz-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
-o-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.c100.p35 .bar {
-webkit-transform: rotate(126deg);
-moz-transform: rotate(126deg);
-ms-transform: rotate(126deg);
-o-transform: rotate(126deg);
transform: rotate(126deg);
}
.c100.p36 .bar {
-webkit-transform: rotate(129.6deg);
-moz-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
-o-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.c100.p37 .bar {
-webkit-transform: rotate(133.2deg);
-moz-transform: rotate(133.2deg);
-ms-transform: rotate(133.2deg);
-o-transform: rotate(133.2deg);
transform: rotate(133.2deg);
}
.c100.p38 .bar {
-webkit-transform: rotate(136.8deg);
-moz-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
-o-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.c100.p39 .bar {
-webkit-transform: rotate(140.4deg);
-moz-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
-o-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.c100.p40 .bar {
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg);
}
.c100.p41 .bar {
-webkit-transform: rotate(147.6deg);
-moz-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
-o-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.c100.p42 .bar {
-webkit-transform: rotate(151.2deg);
-moz-transform: rotate(151.2deg);
-ms-transform: rotate(151.2deg);
-o-transform: rotate(151.2deg);
transform: rotate(151.2deg);
}
.c100.p43 .bar {
-webkit-transform: rotate(154.8deg);
-moz-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
-o-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.c100.p44 .bar {
-webkit-transform: rotate(158.4deg);
-moz-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
-o-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.c100.p45 .bar {
-webkit-transform: rotate(162deg);
-moz-transform: rotate(162deg);
-ms-transform: rotate(162deg);
-o-transform: rotate(162deg);
transform: rotate(162deg);
}
.c100.p46 .bar {
-webkit-transform: rotate(165.6deg);
-moz-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
-o-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.c100.p47 .bar {
-webkit-transform: rotate(169.2deg);
-moz-transform: rotate(169.2deg);
-ms-transform: rotate(169.2deg);
-o-transform: rotate(169.2deg);
transform: rotate(169.2deg);
}
.c100.p48 .bar {
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.c100.p49 .bar {
-webkit-transform: rotate(176.4deg);
-moz-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
-o-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.c100.p50 .bar {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100.p51 .bar {
-webkit-transform: rotate(183.6deg);
-moz-transform: rotate(183.6deg);
-ms-transform: rotate(183.6deg);
-o-transform: rotate(183.6deg);
transform: rotate(183.6deg);
}
.c100.p52 .bar {
-webkit-transform: rotate(187.2deg);
-moz-transform: rotate(187.2deg);
-ms-transform: rotate(187.2deg);
-o-transform: rotate(187.2deg);
transform: rotate(187.2deg);
}
.c100.p53 .bar {
-webkit-transform: rotate(190.8deg);
-moz-transform: rotate(190.8deg);
-ms-transform: rotate(190.8deg);
-o-transform: rotate(190.8deg);
transform: rotate(190.8deg);
}
.c100.p54 .bar {
-webkit-transform: rotate(194.4deg);
-moz-transform: rotate(194.4deg);
-ms-transform: rotate(194.4deg);
-o-transform: rotate(194.4deg);
transform: rotate(194.4deg);
}
.c100.p55 .bar {
-webkit-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-ms-transform: rotate(198deg);
-o-transform: rotate(198deg);
transform: rotate(198deg);
}
.c100.p56 .bar {
-webkit-transform: rotate(201.6deg);
-moz-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
-o-transform: rotate(201.6deg);
transform: rotate(201.6deg);
}
.c100.p57 .bar {
-webkit-transform: rotate(205.2deg);
-moz-transform: rotate(205.2deg);
-ms-transform: rotate(205.2deg);
-o-transform: rotate(205.2deg);
transform: rotate(205.2deg);
}
.c100.p58 .bar {
-webkit-transform: rotate(208.8deg);
-moz-transform: rotate(208.8deg);
-ms-transform: rotate(208.8deg);
-o-transform: rotate(208.8deg);
transform: rotate(208.8deg);
}
.c100.p59 .bar {
-webkit-transform: rotate(212.4deg);
-moz-transform: rotate(212.4deg);
-ms-transform: rotate(212.4deg);
-o-transform: rotate(212.4deg);
transform: rotate(212.4deg);
}
.c100.p60 .bar {
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg);
}
.c100.p61 .bar {
-webkit-transform: rotate(219.6deg);
-moz-transform: rotate(219.6deg);
-ms-transform: rotate(219.6deg);
-o-transform: rotate(219.6deg);
transform: rotate(219.6deg);
}
.c100.p62 .bar {
-webkit-transform: rotate(223.2deg);
-moz-transform: rotate(223.2deg);
-ms-transform: rotate(223.2deg);
-o-transform: rotate(223.2deg);
transform: rotate(223.2deg);
}
.c100.p63 .bar {
-webkit-transform: rotate(226.8deg);
-moz-transform: rotate(226.8deg);
-ms-transform: rotate(226.8deg);
-o-transform: rotate(226.8deg);
transform: rotate(226.8deg);
}
.c100.p64 .bar {
-webkit-transform: rotate(230.4deg);
-moz-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
-o-transform: rotate(230.4deg);
transform: rotate(230.4deg);
}
.c100.p65 .bar {
-webkit-transform: rotate(234deg);
-moz-transform: rotate(234deg);
-ms-transform: rotate(234deg);
-o-transform: rotate(234deg);
transform: rotate(234deg);
}
.c100.p66 .bar {
-webkit-transform: rotate(237.6deg);
-moz-transform: rotate(237.6deg);
-ms-transform: rotate(237.6deg);
-o-transform: rotate(237.6deg);
transform: rotate(237.6deg);
}
.c100.p67 .bar {
-webkit-transform: rotate(241.2deg);
-moz-transform: rotate(241.2deg);
-ms-transform: rotate(241.2deg);
-o-transform: rotate(241.2deg);
transform: rotate(241.2deg);
}
.c100.p68 .bar {
-webkit-transform: rotate(244.8deg);
-moz-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
-o-transform: rotate(244.8deg);
transform: rotate(244.8deg);
}
.c100.p69 .bar {
-webkit-transform: rotate(248.4deg);
-moz-transform: rotate(248.4deg);
-ms-transform: rotate(248.4deg);
-o-transform: rotate(248.4deg);
transform: rotate(248.4deg);
}
.c100.p70 .bar {
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg);
}
.c100.p71 .bar {
-webkit-transform: rotate(255.6deg);
-moz-transform: rotate(255.6deg);
-ms-transform: rotate(255.6deg);
-o-transform: rotate(255.6deg);
transform: rotate(255.6deg);
}
.c100.p72 .bar {
-webkit-transform: rotate(259.2deg);
-moz-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
-o-transform: rotate(259.2deg);
transform: rotate(259.2deg);
}
.c100.p73 .bar {
-webkit-transform: rotate(262.8deg);
-moz-transform: rotate(262.8deg);
-ms-transform: rotate(262.8deg);
-o-transform: rotate(262.8deg);
transform: rotate(262.8deg);
}
.c100.p74 .bar {
-webkit-transform: rotate(266.4deg);
-moz-transform: rotate(266.4deg);
-ms-transform: rotate(266.4deg);
-o-transform: rotate(266.4deg);
transform: rotate(266.4deg);
}
.c100.p75 .bar {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.c100.p76 .bar {
-webkit-transform: rotate(273.6deg);
-moz-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
-o-transform: rotate(273.6deg);
transform: rotate(273.6deg);
}
.c100.p77 .bar {
-webkit-transform: rotate(277.2deg);
-moz-transform: rotate(277.2deg);
-ms-transform: rotate(277.2deg);
-o-transform: rotate(277.2deg);
transform: rotate(277.2deg);
}
.c100.p78 .bar {
-webkit-transform: rotate(280.8deg);
-moz-transform: rotate(280.8deg);
-ms-transform: rotate(280.8deg);
-o-transform: rotate(280.8deg);
transform: rotate(280.8deg);
}
.c100.p79 .bar {
-webkit-transform: rotate(284.4deg);
-moz-transform: rotate(284.4deg);
-ms-transform: rotate(284.4deg);
-o-transform: rotate(284.4deg);
transform: rotate(284.4deg);
}
.c100.p80 .bar {
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg);
}
.c100.p81 .bar {
-webkit-transform: rotate(291.6deg);
-moz-transform: rotate(291.6deg);
-ms-transform: rotate(291.6deg);
-o-transform: rotate(291.6deg);
transform: rotate(291.6deg);
}
.c100.p82 .bar {
-webkit-transform: rotate(295.2deg);
-moz-transform: rotate(295.2deg);
-ms-transform: rotate(295.2deg);
-o-transform: rotate(295.2deg);
transform: rotate(295.2deg);
}
.c100.p83 .bar {
-webkit-transform: rotate(298.8deg);
-moz-transform: rotate(298.8deg);
-ms-transform: rotate(298.8deg);
-o-transform: rotate(298.8deg);
transform: rotate(298.8deg);
}
.c100.p84 .bar {
-webkit-transform: rotate(302.4deg);
-moz-transform: rotate(302.4deg);
-ms-transform: rotate(302.4deg);
-o-transform: rotate(302.4deg);
transform: rotate(302.4deg);
}
.c100.p85 .bar {
-webkit-transform: rotate(306deg);
-moz-transform: rotate(306deg);
-ms-transform: rotate(306deg);
-o-transform: rotate(306deg);
transform: rotate(306deg);
}
.c100.p86 .bar {
-webkit-transform: rotate(309.6deg);
-moz-transform: rotate(309.6deg);
-ms-transform: rotate(309.6deg);
-o-transform: rotate(309.6deg);
transform: rotate(309.6deg);
}
.c100.p87 .bar {
-webkit-transform: rotate(313.2deg);
-moz-transform: rotate(313.2deg);
-ms-transform: rotate(313.2deg);
-o-transform: rotate(313.2deg);
transform: rotate(313.2deg);
}
.c100.p88 .bar {
-webkit-transform: rotate(316.8deg);
-moz-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
-o-transform: rotate(316.8deg);
transform: rotate(316.8deg);
}
.c100.p89 .bar {
-webkit-transform: rotate(320.4deg);
-moz-transform: rotate(320.4deg);
-ms-transform: rotate(320.4deg);
-o-transform: rotate(320.4deg);
transform: rotate(320.4deg);
}
.c100.p90 .bar {
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg);
}
.c100.p91 .bar {
-webkit-transform: rotate(327.6deg);
-moz-transform: rotate(327.6deg);
-ms-transform: rotate(327.6deg);
-o-transform: rotate(327.6deg);
transform: rotate(327.6deg);
}
.c100.p92 .bar {
-webkit-transform: rotate(331.2deg);
-moz-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
-o-transform: rotate(331.2deg);
transform: rotate(331.2deg);
}
.c100.p93 .bar {
-webkit-transform: rotate(334.8deg);
-moz-transform: rotate(334.8deg);
-ms-transform: rotate(334.8deg);
-o-transform: rotate(334.8deg);
transform: rotate(334.8deg);
}
.c100.p94 .bar {
-webkit-transform: rotate(338.4deg);
-moz-transform: rotate(338.4deg);
-ms-transform: rotate(338.4deg);
-o-transform: rotate(338.4deg);
transform: rotate(338.4deg);
}
.c100.p95 .bar {
-webkit-transform: rotate(342deg);
-moz-transform: rotate(342deg);
-ms-transform: rotate(342deg);
-o-transform: rotate(342deg);
transform: rotate(342deg);
}
.c100.p96 .bar {
-webkit-transform: rotate(345.6deg);
-moz-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
-o-transform: rotate(345.6deg);
transform: rotate(345.6deg);
}
.c100.p97 .bar {
-webkit-transform: rotate(349.2deg);
-moz-transform: rotate(349.2deg);
-ms-transform: rotate(349.2deg);
-o-transform: rotate(349.2deg);
transform: rotate(349.2deg);
}
.c100.p98 .bar {
-webkit-transform: rotate(352.8deg);
-moz-transform: rotate(352.8deg);
-ms-transform: rotate(352.8deg);
-o-transform: rotate(352.8deg);
transform: rotate(352.8deg);
}
.c100.p99 .bar {
-webkit-transform: rotate(356.4deg);
-moz-transform: rotate(356.4deg);
-ms-transform: rotate(356.4deg);
-o-transform: rotate(356.4deg);
transform: rotate(356.4deg);
}
.c100.p100 .bar {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.c100:hover {
cursor: default;
}
.c100:hover > span {
width: 3.33em;
line-height: 3.33em;
font-size: 0.3em;
color: #002855;
}
.c100:hover:after {
top: 0.04em;
left: 0.04em;
width: 0.92em;
height: 0.92em;
}
.c100.dark {
background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
border-color: #c6ff00 !important;
}
.c100.dark > span {
color: #777777;
}
.c100.dark:after {
background-color: #666666;
}
.c100.dark:hover > span {
color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
border-color: #4db53c !important;
}
.c100.green:hover > span {
color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
color: #e08833;
}
/* END CIRCLE */

#login {
  margin: 10px 0;
  background: #fff;
  color: #263849;
}

#login h2 {
  text-transform: uppercase;
}

#login .form-group input[type="email"] {
  background: #f7f7f7;
  border: 0;
  margin-left: 0;
}

#login .form-group input[type="password"] {
  background: #f7f7f7;
  border: 0;
}

#login .form-check {
  margin-right: 5px;
}

.form-box {
  box-shadow: 0px 5px 30px rgb(0 0 0 / 10%);
  padding: 40px;
}

.form-box h3 {
  color: #263849;
}

.form-check-label {
  display:inline;
}

/* Webinars */
/* Resource and webinar */
@media only screen and (min-width: 768px){
.articles__item {
  margin:1.5% 0.5%;
  width:48%;
}
.articles__footer{
  justify-content: flex-start;
}
}

.articles__description{
margin-bottom: 50px;
}


/* Webinars */

.hero-image{
margin:80px 50px;
background:#F7F7F7;
}
/* Webinar slider */
#webinarslider{
background:#F7F7F7;
padding:50px 0;
}
.webinar-slider .row{
background: #fff;
padding-left: 0px;
}
.webinar_slider_item{
padding:50px;

}
.webinar_slider_category{
color:#002855;
font-size:12px;
text-transform: uppercase;
font-weight: 400px;
line-height: 22px;
font-family: 'Satoshi-Regular';
}
.webinar_slider_description{
color:#002855;
font-size:20px;
padding-top:25px;
font-weight: 400px;
line-height: 30px;
font-family: 'Satoshi-Regular';

}
.p-title{
text-transform: uppercase;
color:#002855;
font-size:16px;
font-family: 'Satoshi-Regular';
}
#webinars{
background:#FFFFFF;
}

.webinars_category{
text-transform:uppercase;
font-size:16px;
color:#002855;
font-weight: 400px;
line-height: 22px;
font-family: 'Satoshi-Regular';
}
.webinars_item img{
height:36px;
}
.webinars__description{
color:#002855;
font-size:20px;
padding-top:25px;
font-weight: 400px;
line-height: 30px;
font-family: 'Satoshi-Regular';
}
.webinars__footer{
padding:5px 50px 50px 50px;
}
.webinars__link{
color:#0069CB;
text-transform: uppercase;
text-decoration: underline;
font-size: 16px;
font-weight: 600;
font-family: 'Satoshi-Bold';
}
.webinars__link:hover{
  color:#FB471F;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Satoshi-Bold';
  }
.webinars {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color:#002855;
  padding-top: 80px;
}

.webinars__item {
  width: 520px;
  box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
  margin-bottom: 40px;
  background-color:#FFFFFF;
}

.webinars__content {
  padding: 50px;
}
.webinars__footer{
padding:10px 30px;
}

@media only screen and (min-width: 768px) {

  .webinars__content {
    padding:30px 30px 0 30px;
  }
  .webinars{
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}

.webinars__item {
  margin: 1.5% 0.5%;
  display:flex;
  flex-direction: column;
}

.webinars__footer {
  margin-top: auto;
  padding:30px 30px 30px 30px;
  text-align: left;
  justify-content: left;
  display: flex;
}

.webinars__content {
  flex-grow: 1;
}
.webinar-slider .webinar_slider_description{
  margin-bottom:0px;
  padding-top:25px;
}
.webinar-slider .btn-orange{
  margin-top:20px;
}

}

.more,.less{
text-transform:uppercase;
font-size:12px;
}

@media only screen and (max-width: 768px) {
.webinar-slider .span6{
  padding-right:0px;
  padding-left: 0px;
}
}


#RememberMe:before {
  content: "";
  height: 20px;
  width: 20px;
  margin-left: 0em;
  float: left;
  margin-top: -4px;
  background: #FFFFFF;
  border: 1px solid #FB471F;
}

#RememberMe:checked:before {
  background:#FB471F;
}

.remember label {
display: inline;
overflow: hidden;
padding-right: 25px;
line-height: 20px;
}
#webinarslider .span6 {
padding-left: 0px;
}
#span12 p{
  color:#002855;
}
button {
  background: none !important;
  border: none;
}
#btnMoreLess{
  padding: 5px,5px;
}
.PastWebinar-title{
  color:#002855;
  text-transform: none;
  font-family: 'Satoshi-Bold';
  font-weight: 400;
  font-size: 33px;
  line-height: 40px;
  letter-spacing: -0.03rem;
  margin-bottom: 14px;
}
#more {
  display: none;
  border: none;
  background-color:#FFFFFF; 
  color:#002855;
}
.hide { 
  display: none;
 }
b, span { 
  cursor: pointer; 
}
#Demo h2{
	font-size: 30px;
    font-weight: 400px;
    color: #002855;
    letter-spacing: -0.03em;
    line-height: 41px;
    margin-bottom: 15px;
    text-transform: none;
    font-family: 'Satoshi-Bold';
}
#Demo p{
	color: #002855;
    font-size: 18px;
    font-weight: 400px;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
    line-height: 30px;
    font-family: 'Satoshi-Regular';
}

#Demo strong {
	color:#002855;
	font-weight: 700;
	font-family: 'Satoshi-Bold';
}
#blog h3{
  text-transform: none;
    font-family: 'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height: 58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;
}
#blog p{
  text-transform: none;
    font-family: 'Satoshi-Regular';
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.02rem;
    margin-bottom: 14px;
    color: #002855;
}
#section-banner{
  margin-bottom: 0px;
	color: #fff;
	padding: 100px 0px 0px 0px;
  background: #FFFFFF;
}
#section-banner .container{
  padding-left: 0px;
  padding-right: 0px;
}
/*Quiz Landing Page*/
.since2015{
font-family: 'Satoshi-Regular';
font-size: 20px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;

margin-left: 160px;
}
.SFVectorImg{
  margin-left: 160px;
}
.SFsince2015Img{
  width:160px;
  height:115px;

}
/*RecruitmentpageCSS*/

#Recruitmentintro .container{
	width:1300px;
}
#Recruitmentintro{
	background:#FFFFFF;
	padding:10px 0px 50px 0px;
    color:#000000;
}
#Recruitmentintro p{
	color: #000000;
	font-family: 'Satoshi-Regular';
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Recruitmentintro p strong{
	color: #000000;
	font-family: 'Satoshi-Regular';
	margin-bottom: 30px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Recruitmentintro h1{
	color: #000000;
	font-family: 'Satoshi-Regular';
    margin-bottom: 30px;
    font-size: 70px;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: 0em;
    text-align: left;
}
#Recruitmentintro .intro-content h1{
  color: #000000;
	font-family: 'Satoshi-Regular';
    margin-bottom: 30px;
    font-size: 70px;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: 0em;
    text-align: left;
}
#Recruitmentintro .intro-content h1{
  
}
#Recruitmentintro{
	background:#FFFFFF;
	padding:10px 0px 50px 0px;
    color:#000000;
}
#BrandVision .container{
	width:1300px;
}

#BrandVision{
	background:#FFFFFF;
	padding:50px 0;
    color:#000000;
}
#BrandVision .span7{
	background:#FFFFFF;
    color:#000000;
}

/*Recruitement Page Core Values Section*/
#CoreValuesR .container{
	width:1300px;
}
#CoreValuesR{
    background:#FFFFFF;
    padding:50px 0;
    color:#000000;
    
}
#CoreValuesR .span7{
    background:#FFFFFF;
    color:#000000;
    
}
#CoreValuesR h2{
	font-size: 55px;
	font-weight: 700;
	line-height: 61px;
	letter-spacing: 0em;
	text-align: left;
    color:#000000;
}

#CoreValuesR img{
    margin: 15px 30px 1px 100px;
}
/* Recruitment Page Value Accordion */
@media (min-width: 1200){
.value-container .value-title {
	font-size: 30px;
	font-weight: 500;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: left;
    position: relative;
    margin: 0;
    padding:20px 30px 20px 0px;
    background-color: #FFFFFF;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #E5E5E5;
}
.value-title:last-of-type{
    border-bottom:1px solid #E7EAF1;
}

.value-container{
	color: #000000;
    background-color:#FFFFFF;
}
.value-container .value-title::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
    position: absolute;
    right: 30px;
    content: " ";
    top: 30px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.value-container .value-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
}
.value-container .value-title.open{
    border-top:3px solid #0069CB;
}
.value-container .value-title:hover::after{
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
}
.value-content {
    border-top:1px solid #E5E5E5;
    padding:20px 30px 20px 0px;
}
.value-content h3{
    text-transform:capitalize;
}
.value-content p{
	font-size: 22px;
	font-weight: 400;
	line-height: 24.2px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
}
.value-container {
    width: 100%;
    margin: 0 auto;
}
}
/*Media query for Tablet*/
@media(min-width:991px) and (max-width:1199px) {
  #statsRecruitmentD .container{
    width:auto;
  }
  .BrandWorkFlowImg{
    margin-bottom: 40px;
    padding-top: 0px;
  }
	 #statsRecruitmentD{
	  display:block;
	}
	#statsRecruitmentM{
		display:none;
	}
	
   }
  /*Media query for phone*/
  @media only screen and (max-width: 600px) {
	  
	#statsRecruitmentD{
	  display:none;
	}
	#statsRecruitmentM{
		display:block;
	}
   }
  @media (min-width: 1200px)
  { 
	 #statsRecruitmentD{
		display:block;
	  }
	  #statsRecruitmentM{
		display:none;
		  }
      #statsRecruitmentD .container{
        width:1300px;
      }
      #statsRecruitmentD {
        padding: 50px 0px;
        color: #000000;
          background-color: #FFFFFF;
      }
      #statsRecruitmentD .statsR {
        color: #000000;
          background-color: #FFFFFF;
          padding: 50px 0px;
          display: flex;
          justify-content: space-between;
      }
      #statsRecruitmentD .statsR h2 {
          font-weight: 700;
          text-align: left;
        padding-right:05px;
          color: #000000;
          font-size: 33px;
          letter-spacing:0em;
          line-height: 40px;
      }
      #statsRecruitmentD .stats__blockr h2{
      color: #000000;
      font-size: 35px;
      font-weight: 700;
      line-height: 38.5px;
      letter-spacing: 0em;
      text-align: left;
      }
      #statsRecruitmentD .stats__blockr1 h2{
      font-size: 25px;
      font-weight: 700;
      line-height: 27.5px;
      letter-spacing: 0em;
      text-align: left;
      color: #000000;
      margin-bottom: 15px;
      
      }
      #statsRecruitmentD .statsR__text{
      font-size: 25px;
      font-weight: 400;
      line-height: 28px;
      letter-spacing: 0em;
      text-align: left;
      color: #000000;
      }
      #statsRecruitmentD .stats__blockr1 {
          padding: 20px;
          background-color: #F3F2EE;
          display: flex;
          flex-direction: column;
          align-items: baseline;
          width: 279px;
          margin-left: 42px;
          margin-bottom: 30px;
          height: 279px; /* Adjust the height as needed */
          border-radius: 20px; /* Add border-radius for rounded corners */
          position: relative; /* Set position to relative for absolute positioning of the images */
      }
      
      #statsRecruitmentD .stats__blockr1 img {
          position: absolute;
          bottom: -40px; /* Adjust the distance from the bottom as needed */
          right: 16px; /* Adjust the distance from the right as needed */
      }
      
  }


#statsRecruitmentM {
	padding: 60px 10px;
	color: #000000;
    background-color: #FFFFFF;
}
.WorkgroupImgM{
	width: 45%;
	margin-left: 230px;
	margin-top: -1710px;
}
#statsRecruitmentM #statsR.span6{
	border-radius: 20px;
	color: #FFFFFF;
	width: 400px;
    background-color: #0069CB;
    padding: 100px 30px;
}
#statsRecruitmentM .stats__blockr {
	margin-bottom: 20px;
	background-color: #0069CB;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px;
}
#statsRecruitmentM .statsR h2 {
    font-weight: 400;
    text-align: left;
    color: #FFFFFF;
    font-size: 33px;
    letter-spacing:0em;
    line-height: 40px;
}
#statsRecruitmentM .stats__blockr h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
}
#statsRecruitmentM .stats__blockr1 h2{
font-size: 20px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #000000;

}
#statsRecruitmentM .statsR__text{
font-size: 20px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #000000;
}
#statsRecruitmentM .stats__blockr1 {
    padding: 20px;
	color: #000000;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 265px;
    margin-left: 20px;
    margin-bottom: 30px;
    height: 144px; /* Adjust the height as needed */
    border-radius: 10px; /* Add border-radius for rounded corners */
    position: relative; /* Set position to relative for absolute positioning of the images */
}

#statsRecruitmentM .stats__blockr1 img {
    position: absolute;
    bottom: -60px; /* Adjust the distance from the bottom as needed */
    right: 10px; /* Adjust the distance from the right as needed */
}

h1 {
	margin-bottom: 30px;
	font-size: 70px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;
}
h2 {
	margin-bottom: 30px;
	font-size: 55px;
	font-weight: 700;
	line-height: 61px;
	letter-spacing: 0em;
	text-align: left;
}

#ServiceBrandsWorkflow{
	padding: 50px 0px;
	background-color: #FFFFFF;
	color: #000000;
}
#ServiceBrandsWorkflow .container{
	width:1300px;
}
#ServiceBrandsWorkflowD h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 70px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowD p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowD p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}

.BrandWorkFlowImg{
	padding-top: 120px;
}
/*ExploreOpportunities section*/
#QuizImprovingScore .container{
	width:1170px;
}
#QuizImprovingScore{
	padding: 50px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #000000;
}
.ScoreImg{
	padding-bottom: 20px;
	padding-top: 180px;
}
.btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: center;
}
.btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
/* ExploreOpportunities Slide photo*/
/* Slide Photos */
@media (min-width: 768px) {
  .RecruitmentWork-title {
    text-align: left;
    margin-bottom: 2.5rem;
    letter-spacing: -0.05em;
    font-size: 5.8rem;
}

.headline-2 {
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
}

.RecruitmentWork-subtitle {
    margin-bottom: 3rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
}
#RecruitmentWork-right-block {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 300vw;
    flex: 1 0 300vw;
}

.RecruitmentWork-card {
    display: flex;
    justify-content: space-between;
    margin-right: 2rem;
   
}

.RecruitmentWork-card-title {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.26;
    letter-spacing: -0.05em;
}

#RecruitmentWork-left-block:not(.mobile-RecruitmentWork) {
    flex: 1 0 40%;
    margin-right: 12rem;
    opacity: 1;
}
	#ExploreOpportunitiesCardsD .slide-photo-clients {
    /* height: 0; */
    padding-bottom: 92.10526316%;
    margin-top: 3.125;
  }

  #ExploreOpportunitiesCardsD .slide-photo {
    margin-top: 0;
    position: relative;
  }

  #ExploreOpportunitiesCardsD .image-card {
    position: absolute;
  }

  #ExploreOpportunitiesCardsD .image-card-body {
    display: block;
    height: 0;
    padding-bottom: 100%;
  }

  /* Section exploreoppurtunitiesD Card Images */
  #ExploreOpportunitiesCardsD .card5-1 {
    width: 100%;  /* Modified to take full width */
    left: 0;
    top: 0;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-1 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-2 {
    width: 100%;
    left: -250px;
    top: -240px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-2 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-2 .img,
  #ExploreOpportunitiesCardsD .card5-3 .img,
  #ExploreOpportunitiesCardsD .card5-4 img .card5-5 img {
    -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }

  #ExploreOpportunitiesCardsD .card5-3 {
    width: 100%;
    right: -170px;
    top: 150px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-3 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-4 {
    width: 100%;
    left: -280px;
    top: 228px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-4 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .image-card-body > .inside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #ExploreOpportunitiesCardsD .image-card-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    vertical-align: middle;
  }
  
  #ExploreOpportunitiesCardsD .image-card-item-icon {
    width: 25%;
    float: left;
  }
  
  #ExploreOpportunitiesCardsD .image-card-item-text {
    width: 80%;
    float: left;
  }
  
  #ExploreOpportunitiesCardsD .image-card-item-text p {
    margin: 0;
  }
}

/*ExploreOpportunities Section*/
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	
	 
   }
  @media (min-width: 1200px)
  {
	
	
  }
  /*Media query for phone*/
  @media only screen and (max-width: 600px) {
	
h1{
		font-size: 28px;
		font-weight: 700;
		line-height: 31px;
		letter-spacing: 0em;
		text-align: left;
		
	}
	h2{
		font-size: 28px;
		font-weight: 700;
		line-height: 31px;
		letter-spacing: 0em;
		text-align: left;
		
	}
   }
@media (min-width: 1200px)
  { 
    #BrandVision h2{
      color: #000000;
      font-family: 'Satoshi-Bold';
      font-size: 55px;
      font-weight: 700;
      line-height: 61px;
      letter-spacing: 0em;
      text-align: left;
      }
      #BrandVision p{
        color: #000000;
      font-family: 'Satoshi-Regular';
      font-size: 40px;
      font-weight: 400;
      line-height: 44px;
      letter-spacing: 0em;
      text-align: left;
      }
.IntroRecruitmentImg{
	margin-left: 160px;
	margin-top: -180px;
   }

   #ExploreOpportunitiesCardsD.span7{
    background-color: #FFFFFF;
    color: #000000;
    margin-left: 0px;
    padding-left: 200px;
  }
  /*#WhyWorkWithUS Recruitment Page*/
#WhyWorkWithUSD{
	background-color: #FFFFFF;
	color: #000000;
}
#WhyWorkWithUSD .container{
	background-color: #0069CB;
	color: #FFFFFF;
	border-radius: 20px;
}
#WhyWorkWithUSD .work-text{
  font-size: 55px;
  font-weight: 700;
  line-height: 61px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF;
  vertical-align: top;
  }
  }
  @media (min-width:768px){
   /*#WhyWorkWithUS Recruitment Page*/
#WhyWorkWithUSD{
	background-color: #FFFFFF;
	color: #000000;
}
#WhyWorkWithUSD .container{
	background-color: #0069CB;
	color: #FFFFFF;
	border-radius: 20px;
}
#WhyWorkWithUSD .work-text{
  font-size: 55px;
  font-weight: 700;
  line-height: 61px;
  letter-spacing: 0em;
  text-align: left;
  color: #FFFFFF;
  vertical-align: top;
  }
  }

#WhyWorkWithUSM{
	padding: 50px 10px;
	background-color: #FFFFFF;
	color: #000000;
}
@media screen and (min-width: 800px){
#WhyWorkWithUSD p{
	position: absolute;
    top: 17%;
}}

#WhyWorkWithUSM .work-text {
font-size: 30px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #000000;
vertical-align: top;
}
/*Media query for Tablet*/
@media only screen and (min-width: 768px) {
  .intro-content{
    display: block;
  }
  .intro-contentM{
    display: none;
  }
  #WhyWorkWithUSD{
    display:block;
  }
#ServiceBrandsWorkflowD{
 display: block;
}
  #WhyWorkWithUSM{
    display:none;
      }
#ServiceBrandsWorkflowM{
 display: none;
}
   #ServiceBrandsWorkflowM h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
  }
 /*Media query for phone*/
 @media only screen and (max-width: 768px) {
  .intro-content{
    display: none;
  }
  .intro-contentM{
    display: block;
  }

  #Recruitmentintro .intro-contentM h1{
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
  }
  #Recruitmentintro .intro-contentM p{
    font-size: 17px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
  }
  #Recruitmentintro .intro-contentM p strong{
    font-size: 17px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
  }
 
  #Recruitmentintro h1{
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
  }
  #Recruitmentintro p {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
  }
  #Recruitmentintro p strong{
    font-size: 17px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
  }
  #CoreValuesR h2{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;

  }
  #BrandVision h2{
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
  }
  #BrandVision p{
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
  }
  .value-container .value-title {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
      position: relative;
      margin: 0;
      padding:10px 30px 10px 0px;
      background-color: #FFFFFF;
      color: #000000;
      cursor: pointer;
      text-transform: capitalize;
      border-top:1px solid #D6D2C4;
  }
  .value-title:last-of-type{
      border-bottom:1px solid #D6D2C4;
  }
  
  .value-container{
    color: #000000;
      background-color:#FFFFFF;
  }
  .value-container .value-title::after {
      width: 8px;
      height: 8px;
      border-right: 2px solid #0069CB;
      border-bottom: 2px solid #0069CB;
      position: absolute;
      right: 30px;
      content: " ";
      top: 10px;
      transform: rotate(45deg);
      transition: all 0.2s ease-in-out;
  }
  .value-container .value-title.open::after {
      transform: rotate(225deg);
      transition: all 0.2s ease-in-out;
      border-right: 2px solid #0069CB;
      border-bottom: 2px solid #0069CB;
  }
  .value-container .value-title.open{
      border-top:3px solid #0069CB;
  }
  .value-container .value-title:hover::after{
      border-right: 2px solid #0069CB;
      border-bottom: 2px solid #0069CB;
  }
  .value-content {
      border-top:1px solid #E5E5E5;
      padding:10px 30px 10px 0px;
  }
  .value-content h3{
      text-transform:capitalize;
  }
  
  .value-container {
      width: 100%;
      margin: 0 auto;
  }
  
  .value-content p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
  }
     
   #ServiceBrandsWorkflowD{
		display: none;
	 }
   #WhyWorkWithUSM{
       display:block;
   }
   #ServiceBrandsWorkflowM{
		display: block;
	 }
   #ServiceBrandsWorkflowM h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
  }
 @media (min-width: 1200px)
 { 
	.RecruitmentWork-title {
            text-align: left;
            margin-bottom: 2.5rem;
            letter-spacing: -0.05em;
            font-size: 5.8rem;
        }

        .headline-2 {
            font-size: 4.8rem;
            font-weight: 700;
            letter-spacing: -0.03em;
            line-height: 1.08;
        }

        .RecruitmentWork-subtitle {
            margin-bottom: 3rem;
            letter-spacing: -0.01em;
            line-height: 1.5;
        }
        #RecruitmentWork-right-block {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            width: 300vw;
            flex: 1 0 300vw;
        }

        .RecruitmentWork-card {
            display: flex;
            justify-content: space-between;
            margin-right: 2rem;
           
        }

        .RecruitmentWork-card-title {
            font-size: 3.8rem;
            font-weight: 700;
            line-height: 1.26;
            letter-spacing: -0.05em;
        }
      
        #RecruitmentWork-left-block:not(.mobile-RecruitmentWork) {
            flex: 1 0 40%;
            margin-right: 12rem;
            opacity: 1;
        }
      }

        @media screen and (max-height: 1200px) and (max-width: 1920px) {
            .RecruitmentWork-overflow {
                padding-top: 0rem;
            }
        }

        .RecruitmentWork-overflow {
            overflow: hidden;
        }

    #WhyWorkWithUSD #RecruitmentWork-container {
      width:1242px;
      background-color: #0069CB;
			color: #FFFFFF;
			border-radius: 20px;
        }
        .pin-spacer {
            z-index: auto;
            float: none;
            flex-shrink: 1;
            display: block;
            margin: 0px;
            inset: 74.2291px -1188.67px -142.208px 51.3333px;
            position: relative;
            overflow: visible;
            box-sizing: border-box;
            width: 2480px;
            height: 4536px;
            padding: 0px 0px 4096px;
            inset: unset !important;
        }

        .RecruitmentWork {
            transform: translate(0px, 0px);
            inset: 0px auto auto 0px;
            margin: 0px;
            width: 2480px;
            height: 439.625px;
            max-width: 2480px;
            max-height: 439.625px;
            padding: 0px;
            width: 200%;
        }

        #RecruitmentWork-blocks {
            display: flex;
            background: #0069CB;
            border-radius: 3rem;
			padding:70px 70px 60px;
        
        }

        @media screen and (min-width: 1025px) {
            .mobile-RecruitmentWork {
                display: none;
            }
        }

        .wrapper {
            width: 100%;
            max-width: 1280px;
            padding: 0 2rem;
            margin: 0 auto;
        }

        #RecruitmentWork-blocks {
            display: flex;
            background: #0069CB;
            border-radius: 3rem;
            padding: 70px 70px 60px;
        }

        @media screen and (min-width: 1025px) {
            .mobile-RecruitmentWork {
                display: none;
            }

            .RecruitmentWork-title {
                text-align: left;
                margin-bottom: 2.5rem;
                letter-spacing: -0.05em;
                font-size: 5.8rem;
            }

            .headline-2 {
                font-size: 4.8rem;
                font-weight: 700;
                letter-spacing: -0.03em;
                line-height: 1.08;
            }

            .RecruitmentWork-subtitle {
                margin-bottom: 5.6rem;
                letter-spacing: -0.01em;
                line-height: 1.5;
            }
        }
        /* Add the 'slide-in' class to the elements you want to animate */
        .slide-in {
            opacity: 0;
            transform: translateX(-50px); /* Initial position before animation */
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
	
	 
     #WhyWorkWithUSM{
       display:none;
         }
	 
/*#WhyWorkWithUS Recruitment Page*/
 
 .WorkgroupImg{
	margin-top:-180px;
	margin-left: 80px;
 }
 

 
/* Quiz Page CSS*/
#QuizImprovingScore .container{
	width:1170px;
}
#QuizImprovingScore{
	padding: 0px 0px 50px 0px;
	background-color: #FFFFFF;
	color: #000000;
}
#Quizintro .span7R{
	margin-left: -25px;
	padding-left: 0;
	background-color:#F3F2EE ;
}
#CongratsPanel .normal{
  font-family: 'Satoshi-Regular';
	font-size: 70px;
	font-weight: 400;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;
  text-transform: none;


}
#CongratsPanelM .normal{
  font-family: 'Satoshi-Regular';
	font-size: 29px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0em;
	text-align: left;
  text-transform: none;


}
#congrats-panel{
	font-size: 70px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;

}
.quiz-checkbox{
background-color:#0069CB80;
width:28px;
height:28px;
color: #000000;
border-color: #000000;
border: 2px;
}
.label{
  color:#000000;
	display: inline-flex;
font-size: 27px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0em;
text-align: left;

}
.labelM{
  padding-left: 05px;
  color: #000000;
	display: inline-flex;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;

}
#Quizintro .container{
	padding-top: 50px;
	padding-right:20px ;
	padding-bottom: 70px;
	padding-left: 40px;
	width:1170px;
	background-color:#F3F2EE;
	border-radius: 20px;
}
#Quizintro{
	margin-bottom: 0px;
	background:#FFFFFF;
	padding:50px 0px 0px 0px;
    color:#000000;
}
#Quizintro p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Quizintro .ourmoney{
	color: #000000;
	margin-bottom: 30px;
	font-size: 45px;
	font-weight: 400;
	line-height: 50px;
	letter-spacing: 0em;
	text-align: left;
}
#Quizintro p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Quizintro .since2015{
	margin-bottom: 0;
	color: #0069CB;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;

}
#Quizintro h2{
	color: #000000;
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
}
#Quizintro h1{
	color: #000000;
    margin-bottom: 30px;
    font-size: 70px;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: 0em;
    text-align: left;
}
#QuizintroM h1{
	color: #000000;
    margin-bottom: 30px;
    font-size: 29px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}
#QuizintroM p{
    color: #000000;
      margin-bottom: 30px;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: left;
}
#QuizintroM h2{
	color: #000000;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
}
#QuizintroM{
  padding-left: 10px;
	margin-bottom: 30px;
	background:#FFFFFF;
	padding:70px 0px 0px 0px;
    color:#000000;
}
.ScoreImg{
	padding-bottom: 20px;
	padding-top: 180px;
}
.btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: center;
}
.btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
  #QuizintroM .span7R{
    margin-left: 0px;
    padding-left: 06px;
    background-color:#FFFFFF ;
  }
	#CRMsince2015M{
		display:block;
	}
	#CRMsince2015D{
		display:none;
	}
  #Quizintro{
		display: none;
	}
	#QuizintroM{
    padding-left: 10px;
    color: #000000;
    background-color: #FFFFFF;
		display: block;
	}
	#QuizintroM h1{
    color: #000000;
      margin-bottom: 30px;
      font-size: 29px;
      font-weight: 700;
      line-height: 35px;
      letter-spacing: 0em;
      text-align: left;
  }
  #QuizintroM h2{
    color: #000000;
      margin-bottom: 30px;
      font-size: 28px;
      font-weight: 700;
      line-height: 31px;
      letter-spacing: 0em;
      text-align: left;
  }
  #QuizintroM p{
    color: #000000;
      margin-bottom: 30px;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: left;
  }
  #congrats-panelM{
    color: #000000;
      margin-bottom: 30px;
      font-size: 29px;
      font-weight: 700;
      line-height: 35px;
      letter-spacing: 0em;
      text-align: left;
  }
	#ImprovingScoreOnlyD{
	  display:none;
	}
	#ImprovingScoreD{
		display:none;
	}
	#ImprovingScoreM{
    padding-left: 32px;
    padding-top:40px;
		display:block;
	}
	#ImprovingScoreM .EOM{
		width:316px;
		height: 226px;
		border-radius: 20px;
		color: #000000;
		background-color:#F3F2EE;
		padding-left: 32px;
		padding-top: 40px;
	}
	#ImprovingScoreM .EOM .btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
}
#ImprovingScoreM .EOM .btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}

}
 /*Media query for phone*/
 @media only screen and (max-width: 600px) {
  #QuizintroM .span7R{
    margin-left: 0px;
    padding-left: 06px;
    background-color:#FFFFFF ;
  }
	.span6 {
    width: 100%;

   }
   #CRMsince2015M{
		display:block;
	}
	#CRMsince2015D{
		display:none;
	}
  #Quizintro{
		display: none;
	}
	#QuizintroM{
    padding-left: 10px;
    color: #000000;
    background-color: #FFFFFF;
		display: block;
	}
  #QuizintroM h1{
    color: #000000;
      margin-bottom: 30px;
      font-size: 29px;
      font-weight: 700;
      line-height: 35px;
      letter-spacing: 0em;
      text-align: left;
  }
  #QuizintroM h2{
    color: #000000;
      margin-bottom: 30px;
      font-size: 28px;
      font-weight: 700;
      line-height: 31px;
      letter-spacing: 0em;
      text-align: left;
  }
  #QuizintroM p{
    color: #000000;
      margin-bottom: 30px;
      font-size: 16px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: left;
  }
  #congrats-panelM{
    color: #000000;
      margin-bottom: 30px;
      font-size: 29px;
      font-weight: 700;
      line-height: 35px;
      letter-spacing: 0em;
      text-align: left;
  }
	#ImprovingScoreOnlyD{
	  display:none;
	}
	#ImprovingScoreD{
		display:none;
	}
	#ImprovingScoreM{
    padding-top:70px;
		display:block;
	}
	#ImprovingScoreM .EOM{
		width:316px;
		height: 226px;
		border-radius: 20px;
		color: #000000;
		background-color:#F3F2EE;
		padding-left: 32px;
		padding-top: 40px;
	}
	#ImprovingScoreM .EOM .btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
}
#ImprovingScoreM .EOM .btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
   }
  @media (min-width: 1200px)
  {
    .intro-content{
      display: block;
    }
    .intro-contentM{
      display: none;
    }
	#CRMsince2015M{
		display:none;
	}
	#CRMsince2015D{
		padding-left: 43px;
		display:block;
	}
  #Quizintro{
		display: block;
	}
	#QuizintroM{
		display: none;
	}
	.ScoreImgM{
		display: none;
	}
	.ScoreImg{
		margin-top: 180px;
		margin-bottom: 20px;
		display: block;
	}
	
	 #ImprovingScoreOnlyD{
		background-color: #FFFFFF;
		display:block;
	}
	.ImprovingScoreworkgroup{
		padding-left: 40px;
	}
	#ImprovingScoreD{
		display:block;
	}
	#ImprovingScoreM{
		display:none;
	}
  }
.since2015{
	color: #0069CB;
font-size: 20px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;

	margin-left: 160px;

  }
  .SFVectorImg{
	margin-left: 20px;

}
.SFsince2015Img{
	margin-top: -15px;
	width:160px;
	height:115px;
}
#Footer p{
  font-family: 'Satoshi-Regular';
	color:#FFFFFF;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-align: left;
}
#Footer strong{
  font-family: 'Satoshi-Bold';
	color:#FFFFFF;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -0.02em;
	text-align: left;
}

/* Recruitment Page Value Accordion */
@media (min-width: 768px){
  /*RecruitmentpageCSS*/

#Recruitmentintro .container{
	width:1300px;
}
#Recruitmentintro{
	background:#FFFFFF;
	padding:10px 0px 50px 0px;
    color:#000000;
}
#Recruitmentintro p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Recruitmentintro p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#Recruitmentintro h1{
	color: #000000;
    margin-bottom: 30px;
    font-size: 70px;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: 0em;
    text-align: left;
}
#Recruitmentintro{
	background:#FFFFFF;
	padding:100px 0px 100px 0px;
    color:#000000;
}
#BrandVision .container{
	width:1300px;
}

#BrandVision{
	background:#FFFFFF;
	padding:50px 0;
    color:#000000;
}
#BrandVision .span7{
	background:#FFFFFF;
    color:#000000;
}
#BrandVision h2{
color: #000000;
font-size: 55px;
font-weight: 700;
line-height: 61px;
letter-spacing: 0em;
text-align: left;
}
#BrandVision p{
  color: #000000;
font-size: 40px;
font-weight: 400;
line-height: 44px;
letter-spacing: 0em;
text-align: left;
}

.value-container .value-title {
	font-size: 30px;
	font-weight: 500;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: left;
    position: relative;
    margin: 0;
    padding:20px 30px 20px 0px;
    background-color: #FFFFFF;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #E5E5E5;
}
.value-title:last-of-type{
    border-bottom:1px solid #E7EAF1;
}

.value-container{
	color: #000000;
    background-color:#FFFFFF;
}
.value-container .value-title::after {
    width: 10px;
    height: 10px;
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
    position: absolute;
    right: 30px;
    content: " ";
    top: 30px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.value-container .value-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
}
.value-container .value-title.open{
    border-top:3px solid #0069CB;
}
.value-container .value-title:hover::after{
    border-right: 2px solid #0069CB;
    border-bottom: 2px solid #0069CB;
}
.value-content {
    border-top:1px solid #E5E5E5;
    padding:20px 30px 20px 0px;
}
.value-content h3{
    text-transform:capitalize;
}
.value-content p{
	font-size: 22px;
	font-weight: 400;
	line-height: 24.2px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
}
.value-container {
    width: 100%;
    margin: 0 auto;
}
}
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	
	#Recruitmentintro .container {
		width:auto;
	}
	#BrandVision .container {
		width:auto;
	}
	#CoreValuesR .container {
		width:auto;
	}
	#ServiceBrandsWorkflow .container {
		width:auto;
	}
	#ExploreOpportunities .container {
		width:auto;
	}
	
   }
  /*Media query for phone*/
  @media only screen and (max-width: 600px) {
	.span5,.span6,.span7{
		width:100%;
	}
	#Recruitmentintro .container {
		width:auto;
	}
	#BrandVision .container {
		width:auto;
	}
	#CoreValuesR .container {
		width:auto;
	}
	#ServiceBrandsWorkflow .container {
		width:auto;
	}
	#ExploreOpportunities .container {
		width:auto;
	}
	  
   }

  
#statsRecruitmentD .container{
	width:1300px;
}
#statsRecruitmentD {
	padding: 50px 0px;
	color: #000000;
    background-color: #FFFFFF;
}
#statsRecruitmentD .statsR {
	color: #000000;
    background-color: #FFFFFF;
    padding: 50px 0px;
    display: flex;
    justify-content: space-between;
}
#statsRecruitmentD .statsR h2 {
    font-weight: 700;
    text-align: left;
	padding-right:05px;
    color: #000000;
    font-size: 33px;
    letter-spacing:0em;
    line-height: 40px;
}
#statsRecruitmentD .stats__blockr h2{
color: #000000;
font-size: 35px;
font-weight: 700;
line-height: 38.5px;
letter-spacing: 0em;
text-align: left;
}
#statsRecruitmentD .stats__blockr1 h2{
font-size: 25px;
font-weight: 700;
line-height: 27.5px;
letter-spacing: 0em;
text-align: left;
color: #000000;
margin-bottom: 15px;

}
#statsRecruitmentD .statsR__text{
font-size: 25px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #000000;
}
#statsRecruitmentD .stats__blockr1 {
    padding: 20px;
    background-color: #F3F2EE;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 279px;
    margin-left: 42px;
    margin-bottom: 30px;
    height: 279px; /* Adjust the height as needed */
    border-radius: 20px; /* Add border-radius for rounded corners */
    position: relative; /* Set position to relative for absolute positioning of the images */
}

#statsRecruitmentD .stats__blockr1 img.laptop {
    position: absolute;
    bottom: -40px; /* Adjust the distance from the bottom as needed */
    right: 12px; /* Adjust the distance from the right as needed */
}
#statsRecruitmentD .stats__blockr1 img.heart {
    position: absolute;
    bottom: -35px; /* Adjust the distance from the bottom as needed */
    right: 30px; /* Adjust the distance from the right as needed */
}
#statsRecruitmentD .stats__blockr1 img.cup {
    position: absolute;
    bottom: -44px; /* Adjust the distance from the bottom as needed */
    right: 16px; /* Adjust the distance from the right as needed */
}
#statsRecruitmentM {
	padding: 60px 10px;
	color: #000000;
    background-color: #FFFFFF;
}
.WorkgroupImgM{
	width: 45%;
	margin-left: 230px;
	margin-top: -1710px;
}
#statsRecruitmentM #statsR.span6{
	border-radius: 20px;
	color: #FFFFFF;
	width: 348px;
    background-color: #0069CB;
    padding: 60px 10px;
}
#statsRecruitmentM .stats__blockr {
	margin-bottom: 20px;
	background-color: #0069CB;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 250px;
}
#statsRecruitmentM .statsR h2 {
    font-weight: 400;
    text-align: left;
    color: #FFFFFF;
    font-size: 33px;
    letter-spacing:0em;
    line-height: 40px;
}
#statsRecruitmentM .stats__blockr h2{
color: #FFFFFF;
font-size: 30px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
}
#statsRecruitmentM .stats__blockr1 h2{
font-size: 20px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #000000;

}
#statsRecruitmentM .statsR__text{
font-size: 20px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #000000;
}
#statsRecruitmentM .stats__blockr1 {
    padding: 20px;
	color: #000000;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 30px;
    height: 144px; /* Adjust the height as needed */
    border-radius: 10px; /* Add border-radius for rounded corners */
    position: relative; /* Set position to relative for absolute positioning of the images */
}

#statsRecruitmentM .stats__blockr1 img {
    position: absolute;
    bottom: -60px; /* Adjust the distance from the bottom as needed */
    right: 10px; /* Adjust the distance from the right as needed */
}

h1 {
	margin-bottom: 30px;
	font-size: 70px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;
}
h2 {
	color:#000000;
	margin-bottom: 30px;
	font-size: 55px;
	font-weight: 700;
	line-height: 61px;
	letter-spacing: 0em;
	text-align: left;
}
p {
	color:white;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflow{
	padding: 50px 0px;
	background-color: #FFFFFF;
	color: #000000;
}
#ServiceBrandsWorkflow .container{
	width:1300px;
}
#ServiceBrandsWorkflowD h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 70px;
	font-weight: 700;
	line-height: 77px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowD p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowD p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
p strong{
	font-weight: 700;
	letter-spacing: 0em;
	text-align: left;
}
/*ExploreOpportunities section*/
#ExploreOpportunities .container{
	width:1300px;
}
#ExploreOpportunities{
	padding: 50px 0px;
	background-color: #FFFFFF;
	color: #000000;
}
.previewImg{
	padding-top: 140px;
}
.btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: center;
}
.btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
/* ExploreOpportunities Slide photo*/
/* Slide Photos */
@media (min-width: 768px) {
  #ServiceBrandsWorkflow .container{
    width:auto;
  }
  #ExploreOpportunities .container{
    width:auto;
  }
	#ExploreOpportunitiesCardsD .slide-photo-clients {
    /* height: 0; */
    padding-bottom: 92.10526316%;
    margin-top: 3.125;
  }

  #ExploreOpportunitiesCardsD .slide-photo {
    margin-top: 0;
    position: relative;
  }

  #ExploreOpportunitiesCardsD .image-card {
    position: absolute;
  }

  #ExploreOpportunitiesCardsD .image-card-body {
    display: block;
    height: 0;
    padding-bottom: 100%;
  }

  /* Section exploreoppurtunitiesD Card Images */
  #ExploreOpportunitiesCardsD .card5-1 {
    width: 100%;  /* Modified to take full width */
    left: 0;
    top: 0;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-1 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-2 {
    width: 100%;
    left: -250px;
    top: -240px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-2 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-2 .img,
  #ExploreOpportunitiesCardsD .card5-3 .img,
  #ExploreOpportunitiesCardsD .card5-4 img .card5-5 img {
    -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
  }

  #ExploreOpportunitiesCardsD .card5-3 {
    width: 100%;
    right: -170px;
    top: 150px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-3 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .card5-4 {
    width: 100%;
    left: -280px;
    top: 228px;
    z-index: 100;
  }

  #ExploreOpportunitiesCardsD .card5-4 .image-card-body > .inside {
    width: 100%;
  }

  #ExploreOpportunitiesCardsD .image-card-body > .inside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

#ExploreOpportunitiesCardsD .image-card-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  vertical-align: middle;
}

#ExploreOpportunitiesCardsD .image-card-item-icon {
  width: 25%;
  float: left;
}

#ExploreOpportunitiesCardsD .image-card-item-text {
  width: 80%;
  float: left;
}

#ExploreOpportunitiesCardsD .image-card-item-text p {
  margin: 0;
}
/*ExploreOpportunities Section*/
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
  #ServiceBrandsWorkflow .container{
    width:auto;
  }
  #ExploreOpportunities .container{
    width:auto;
  }
}
  /*Media query for phone*/
  @media only screen and (max-width: 600px) {
    .BrandWorkFlowImg{
      margin-bottom: 40px;
      padding-top: 0px;
    }
    #ServiceBrandsWorkflow .container{
      width:auto;
    }
    #ExploreOpportunities .container{
      width:auto;
    }
   #IntroRecruitmentImgD.span7{
		background-color: #FFFFFF;
	}
	#IntroRecruitmentImgM.span7{
		background-color: #FFFFFF;
	}
   .CoreValuesImg{
	display: none;
   }
	#ExploreOpportunitiesM .EOM{
		width:316px;
		height: 226px;
		border-radius: 20px;
		color: #000000;
		background-color:#F3F2EE;
		padding-left: 32px;
		padding-top: 40px;
	}
	#ExploreOpportunitiesM .EOM .btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
}
#ExploreOpportunitiesM .EOM .btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
   }
  @media (min-width: 1200px)
  {
    /*Recruitement Page Core Values Section*/
#CoreValuesR .container{
	width:1300px;
}
#CoreValuesR{
    background:#FFFFFF;
    padding:50px 0;
    color:#000000;
    
}
#CoreValuesR .span7{
    background:#FFFFFF;
    color:#000000;
    
}
#CoreValuesR h2{
	font-size: 55px;
	font-weight: 700;
	line-height: 61px;
	letter-spacing: 0em;
	text-align: left;
    color:#000000;
}

#CoreValuesR img{
    margin: 15px 30px 1px 100px;
}
	#IntroRecruitmentImgD.span7{
		margin-top: -340px; 
		margin-left: 610px;
		background-color: #FFFFFF;
	}
	#IntroRecruitmentImgM.span7{
		background-color: #FFFFFF;
	}
  }
  /*Media query for phone*/
  @media only screen and (max-width: 600px) {
	
h1{
		font-size: 28px;
		font-weight: 700;
		line-height: 31px;
		letter-spacing: 0em;
		text-align: left;
		
	}
	h2{
		font-size: 28px;
		font-weight: 700;
		line-height: 31px;
		letter-spacing: 0em;
		text-align: left;
		
	}
p{

font-size: 17px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: white;

	}
p strong{
font-size: 17px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

	}
   }
@media (min-width: 1200px)
  { 
.IntroRecruitmentImg{
	margin-left: 160px;
	margin-top: -180px;
   }
#ExploreOpportunitiesCardsD.span7{
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 0px;
	padding-left: 200px;
}
  }

/*#WhyWorkWithUS Recruitment Page*/
#WhyWorkWithUSD{
	background-color: #FFFFFF;
	color: #000000;
}
#WhyWorkWithUSD .container{
	background-color: #0069CB;
	color: #FFFFFF;
	border-radius: 20px;
}
#WhyWorkWithUSM{
	padding: 50px 10px;
	background-color: #FFFFFF;
	color: #000000;
}
@media screen and (min-width: 800px){
#WhyWorkWithUSD p{
	position: absolute;
    top: 17%;
}}
#WhyWorkWithUSD .work-text{
font-size: 55px;
font-weight: 700;
line-height: 61px;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
vertical-align: top;
}
#WhyWorkWithUSM .work-text {
font-size: 30px;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #000000;
vertical-align: top;
}
/*Media query for Tablet*/
@media only screen and (min-width: 600px) {
	 
   #ServiceBrandsWorkflowD{
		display: none;
	 }
   #ServiceBrandsWorkflowM{
		display: block;
	 }
   #ServiceBrandsWorkflowM h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
  }
 /*Media query for phone*/
 @media only screen and (max-width: 600px) {
   #ServiceBrandsWorkflowD{
		display: none;
	 }
   #WhyWorkWithUSM{
       display:block;
   }
   #ServiceBrandsWorkflowM{
		display: block;
	 }
   #ServiceBrandsWorkflowM h1{
	color: #000000;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
#ServiceBrandsWorkflowM p strong{
	color: #000000;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}
  }
 @media (min-width: 1200px)
 { 
	.RecruitmentWork-title {
            text-align: left;
            margin-bottom: 2.5rem;
            letter-spacing: -0.05em;
            font-size: 5.8rem;
        }

        .headline-2 {
            font-size: 4.8rem;
            font-weight: 700;
            letter-spacing: -0.03em;
            line-height: 1.08;
        }

        .RecruitmentWork-subtitle {
            margin-bottom: 3rem;
            letter-spacing: -0.01em;
            line-height: 1.5;
        }
        
        .RecruitmentWork-card {
            display: flex;
            justify-content: space-between;
            margin-right: 1rem;
           
        }

        .RecruitmentWork-card-title {
            font-size: 3.8rem;
            font-weight: 700;
            line-height: 1.26;
            letter-spacing: -0.05em;
        }

        #RecruitmentWork-left-block:not(.mobile-RecruitmentWork) {
            flex: 1 0 20%;
            margin-right: 12rem;
            opacity: 1;
        }
      }

      @media screen and (max-height: 1200px) and (max-width: 1920px) {
            
			.RecruitmentWork-overflow {
                padding-top: 0rem;
            }
        }

        .RecruitmentWork-overflow {
            overflow: hidden;
        }

      #WhyWorkWithUSD #RecruitmentWork-container {
        width:1242px;
        background-color: #0069CB;
        color: #FFFFFF;
        border-radius: 20px;
        }
        .pin-spacer {
            z-index: auto;
            float: none;
            flex-shrink: 1;
            display: block;
            margin: 0px;
            inset: 74.2291px -1188.67px -142.208px 51.3333px;
            position: relative;
            overflow: visible;
            box-sizing: border-box;
            width: 2480px;
            height: 4536px;
            padding: 0px 0px 4096px;
            inset: unset !important;
        }

        .RecruitmentWork {
            transform: translate(0px, 0px);
            inset: 0px auto auto 0px;
            margin: 0px;
            width: 2480px;
            height: 439.625px;
            max-width: 2480px;
            max-height: 439.625px;
            padding: 0px;
            width: 200%;
        }

        #RecruitmentWork-blocks {
            display: flex;
            background: #0069CB;
            border-radius: 3rem;
			padding:70px 70px 60px;
        
        }
        @media screen and (min-width: 1013px) {
          #ExploreOpportunitiesCardsD.span7{
            background-color: #FFFFFF;
            color: #000000;
            margin-left: 0px;
            padding-left: 80px;
          }
          #ExploreOpportunitiesCardsD {
            display: block;
        }
          #IntroRecruitmentImgD.span7 {
            margin-top: -320px;
            margin-left: 450px;
            background-color: #FFFFFF;
          }

          .RecruitmentWork-title {
            text-align: left;
            margin-bottom: 2.5rem;
            letter-spacing: -0.05em;
            font-size: 5.8rem;
        }

        .headline-2 {
            font-size: 4.8rem;
            font-weight: 700;
            letter-spacing: -0.03em;
            line-height: 1.08;
        }

        .RecruitmentWork-subtitle {
            margin-bottom: 3rem;
            letter-spacing: -0.01em;
            line-height: 1.5;
        }
        #RecruitmentWork-right-block {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            width: 300vw;
            flex: 1 0 300vw;
        }

        .RecruitmentWork-card {
            display: flex;
            justify-content: space-between;
            margin-right: 2rem;
           
        }

        .RecruitmentWork-card-title {
            font-size: 3.8rem;
            font-weight: 700;
            line-height: 1.26;
            letter-spacing: -0.05em;
        }
      
        #RecruitmentWork-left-block:not(.mobile-RecruitmentWork) {
            flex: 1 0 40%;
            margin-right: 12rem;
            opacity: 1;
        }
          .mobile-RecruitmentWork {
              display: none;
          }
      }

        @media screen and (min-width: 1025px) {
            .mobile-RecruitmentWork {
                display: none;
            }
        }

        .wrapper {
            width: 100%;
            max-width: 1280px;
            padding: 0 2rem;
            margin: 0 auto;
        }

        #RecruitmentWork-blocks {
            display: flex;
            background: #0069CB;
            border-radius: 3rem;
            padding: 70px 70px 60px;
        }

        @media screen and (min-width: 1025px) {
            .mobile-RecruitmentWork {
                display: none;
            }

            .RecruitmentWork-title {
                text-align: left;
                margin-bottom: 2.5rem;
                letter-spacing: -0.05em;
                font-size: 5.8rem;
            }

            .headline-2 {
                font-size: 4.8rem;
                font-weight: 700;
                letter-spacing: -0.03em;
                line-height: 1.08;
            }

            .RecruitmentWork-subtitle {
                margin-bottom: 5.6rem;
                letter-spacing: -0.01em;
                line-height: 1.5;
            }
        }
        /* Add the 'slide-in' class to the elements you want to animate */
        .slide-in {
            opacity: 0;
            transform: translateX(-50px); /* Initial position before animation */
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
	 
 /*#WhyWorkWithUS Recruitment Page*/
 
 .WorkgroupImg{
	margin-top:-180px;
	margin-left: 80px;
 }

 /* Retail Page*/

 
.Retail .pricing-table-headercol2 h4 {
  
  color: #000000;	
}
  
.pricing-table-offercol2 {
  
}

.Retail .pricing-table-offercol2 ul li { 
height: 48px;
  
}
.Retail .pricing-table-offercol1 ul li { 
height: 48px;
  
}
.Retail .pricing-tableP2 {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0px;
  text-align: center;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}

.Retail.pricing-table-headercol2 { }

.Retail .pricing-table-headercol2 h1 {
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        margin-bottom: 20px;
        color: #000000;
        font-size: 70px;
        line-height: 77%;
        font-weight: 700;
        text-transform: none;
    }

.Retail .pricing-table-headercol2 h1 sub {
  margin-bottom: 0;
  font-size: 20px;
line-height:22px;
font-weight: 500;
  text-transform: none;		
}
.Retail .pricing-table-headercol2 .PerLocation{
  color: #000000;
padding-left: 20px;
margin-bottom: 0;
font-size: 20px;
line-height:22px;
font-weight: 500;
text-transform: none;
text-align: left;
}
.Retail .pricing-table-headercol2 h4 {
  background-color: #F3F2EE;
  border-radius: 20px;
text-align: left;
padding: 30px 20px;
margin-bottom: 0;
color: #000000;
font-size: 30px;
line-height: 33px;
font-weight: 500;
}
    
.Retail .pricing-table-offercol1 {
border-radius: 20px 20px 0px 0px;
  padding: 0px 0px;
}

.Retail .pricing-table-offercol1 ul { 
margin-bottom: 0px;
border-radius: 20px 20px 0px 0px;
list-style: none; }

.Retail .pricing-table-offercol1 ul li { 
display: flex;
  align-items: center;
padding-left: 20px;
height: 48px;
text-align: left;
  padding: 15px 0; 
  color: #000000;
font-weight: 400;
font-size:21px;
line-height: 23.1px;
letter-spacing: 0em;
}

.Retail .pricing-table-offercol1 ul li:first-child {
display: flex;
  align-items: center;
padding-left: 20px;
height: 48px;
border-radius: 20px 20px 0px 0px;
text-align: left;
  border-top: none;
  color: #000000;
font-weight: 400;
font-size:21px;
line-height: 23.1px;
letter-spacing: 0em;
margin-bottom: 5px;
}
.Retail .pricing-table-offercol2 {
  border: none;
border-radius: 20px 20px 0px 0px;
  padding: 0px 0px;
}

.Retail .pricing-table-offercol2 ul { 
  border: none;
margin-bottom: 0px;
border-radius: 20px 20px 0px 0px;
list-style: none; }

.Retail .pricing-table-offercol2 ul li { 
  border-top: none;
display: flex;
 align-items: center;
height: 48px;
  padding: 15px 0; 
  color: #000000;
font-weight: 400;
font-size:21px;
line-height: 23.1px;
letter-spacing: 0em;
display: flex;
 justify-content: center; 
 align-items: center;
}

.Retail .pricing-table-offercol2 ul li:first-child {
  border-top: none;
display: flex; 
 align-items: center;
height: 48px;
border-radius: 20px 20px 0px 0px;
  border-top: none;
  color: #000000;
font-weight: 400;
font-size:21px;
line-height: 23.1px;
letter-spacing: 0em;
}
.Retail .btn-darkblue{
border: 1px solid #002855;
text-transform: none;
background-color:#002855;
color: #FFFFFF;
font-size: 21px;
font-weight: 700;
line-height: 23.1px;
letter-spacing: 0em;
text-align: left;
width:251px;
padding: 20px 20px;
margin-bottom: 0px;
}

.Retail .btn-lightblue{
padding: 20px 20px;
border: 1px solid #0069CB;
margin-bottom: 0px;
text-transform: none;
background-color:#0069CB;
color: #FFFFFF;
font-size: 21px;
font-weight: 700;
line-height: 23.1px;
letter-spacing: 0em;
text-align: left;
width:251px;
}
/*
.btn-lightblue.active:after {
  width: 8px;
  height: 8px;
  transform: rotate(225deg);
  transition: all .2s ease-in-out;
  border-right: 1px solid #101010;
  border-bottom: 1px solid #101010;
  position: absolute;
  right: 12px;
  content: " ";
  top: 25px;
}
.btn-lightblue:not(.active):after{
width: 8px;
  height: 8px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  position: absolute;
  right: 12px;
  content: " ";
  top: 20px;
  transform: rotate(45deg);
  transition: all .2s ease-in-out;

}*/
.Retail .chevron {
  width: 12px;
  height: 12px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  position: absolute;
  right: 38px;
  content: "";
  top: 20px;
  transform: rotate(45deg); /* Initial rotation for upwards direction */
  transition: all 0.2s ease-in-out; /* Smooth transition effect */
}

.Retail .chevron.up {
  width: 12px;
  height: 12px;
  transform: rotate(225deg); /* Rotate downwards when clicked */
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  top: 25px; /* Adjust position for downward chevron */
}
.Retail .btn {
  border-radius: 0%;
  display: inline-block;
  padding: 20px 20px;
  color: #fff;
  text-decoration: none;
  position: relative;
}

#priceTableOnboarding .jumpstartHeading{
  font-family: 'Satoshi-Regular';
  font-size: 21px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-top: 20px;
}
#priceTableOnboarding .jumpstart{

font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #000000;
margin-top: 10px;
}
#priceTableOnboarding{
margin-top: 0px;
padding-top: 0px;
border-radius: 0px;

}
#priceTableOnboarding #Jstart{
padding-right: 2px;

}
#priceTableAdd-Ons .span2{
margin-top: 50px;
}
#priceTableAdd-Ons .jumpstartHeading{
  font-family: 'Satoshi-Regular';
  font-size: 21px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-top: -45px;

}
#priceTableAdd-Ons .jumpstart{

font-size: 16px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #000000;
margin-top: 0px;
}
#priceTableAdd-Ons{
margin-top: 0px;
padding-top: 0px;
border-radius: 0px;

}
#priceTableAdd-Ons #Jstart{
padding-right: 0px;

}
#priceTableAdd-Ons .span2a {
  width: 21%;
  margin-top: 0px;
  float: right;
  
}
#priceTableAdd-Ons .jumpstartPrice{

  padding-left: 190px;
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-top: 5px;

}
#priceTableOnboarding .jumpstartPrice{
  padding-left: 190px;
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-top: -45px;

}
/* Default list item styles */
.RetailM #download-li {
  padding-left: 0px;
  position: relative;
  }
#download-li {
padding-left: 20px;
position: relative;
}
.RetailM #support-li {
  padding-left: 0px;
  position: relative;
  }
/* Default list item styles */
#support-li {
padding-left: 20px;
position: relative;
}

.message-box1 {
  color: #FFFFFF;
  background-color: #FB471F;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}

.message-box1 a {
  color: #FFFFFF;
  background-color: #FB471F;
  text-decoration: underline;
}
.message-box a {
font-size: 21px;
line-height: 23.1px;
font-weight: 400;
color: #FFFFFF;
  background-color: #FB471F;
 
}

.message-box {
	font-size: 21px;
	line-height: 23.1px;
	font-weight: 400;
	height: auto;
	width: 98px;
  display: none;
  position: absolute;
  top: calc(100% + -376px);
  left: 250px; /* Adjust left positioing as needed */
  background-color: #FB471F;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 100px;
}
.Retail #download-li,
.Retail #support-li {
  padding-left: 20px;
  position: relative;
  cursor: pointer; /* Add cursor pointer to indicate it's clickable */
}
/* Message box styles */
.message-box1 {
	border-radius: 100px;
	height: 26px;
	width: 273px;
    font-size: 21px;
    line-height: 23.1px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #FB471F;
    padding: 15px 5px;
    text-align: center;
    display: none;
    position: absolute;
    top: calc(100% + -460px); /* Adjust the top position as needed */
    left: 389px;
    transform: translateX(-50%);
}
@media (max-width: 428px) {
  .pricing-tableMS {
      width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
      margin-left: auto; /* Centering the table horizontally */
      margin-right: auto; /* Centering the table horizontally */
  }
  .pricing-tableMPre {
    width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
    margin-left: auto; /* Centering the table horizontally */
    margin-right: auto; /* Centering the table horizontally */
}
.pricing-tableMPro {
  width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
  margin-left: auto; /* Centering the table horizontally */
  margin-right: auto; /* Centering the table horizontally */
}
}
@media (max-width: 768px) {
  .pricing-tableMS {
      width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
      margin-left: auto; /* Centering the table horizontally */
      margin-right: auto; /* Centering the table horizontally */
  }
  .pricing-tableMPre {
    width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
    margin-left: auto; /* Centering the table horizontally */
    margin-right: auto; /* Centering the table horizontally */
}
.pricing-tableMPro {
  width: calc(100% - 20px); /* Adjusting width to fit the screen with equal space on both sides */
  margin-left: auto; /* Centering the table horizontally */
  margin-right: auto; /* Centering the table horizontally */
}
}
/* Show message box on list item hover */
#download-li:hover + .message-box1{
display: block;
}
#support-li:hover + .message-box {
  display: block;
}
/* Link styles */
.message-box a,
.message-box1 a {
  color: #FFFFFF;
  text-decoration: underline;
}
#pricingTable{
  /* Your styling for pricing table */
  display: none; /* Initially hide the pricing table */
}
#pricingTablePro{
  /* Your styling for pricing table */
  display: none; /* Initially hide the pricing table */
}
#pricingTablePre{
  /* Your styling for pricing table */
  display: none; /* Initially hide the pricing table */
}
.pricing-tableMS {
	width: 340px;
	border-radius: 20px;
	background: #F3F2EE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-align: center;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.pricing-tableMPre {
	width: 340px;
	border-radius: 20px;
	background: #F3F2EE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-align: center;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.pricing-tableMPro {
	width: 340px;
	border-radius: 20px;
	background: #F3F2EE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	text-align: center;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.pricing-table-headerMS {
	border-radius: 20px;
	font-family: "Satoshi-Bold";
}
.pricing-table-headerMPro {
	border-radius: 20px;
	font-family: "Satoshi-Bold";
}
.pricing-table-headerMPre {
	border-radius: 20px;
	font-family: "Satoshi-Bold";
}

.pricing-table-headerMS h1 {
	margin-bottom: 10px;
	margin-left: 22px;
	width: 166px;
    height: 10px;
    border-radius: 100px;
    background: #0069CB;
    font-weight: 400;
    padding: 8px 10px 15px 10px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 17PX;
    text-transform: none;
}
.pricing-table-headerMPro h1 {
	margin-bottom: 10px;
	margin-left: 22px;
	width: 166px;
    height: 10px;
    border-radius: 100px;
    background:#FB471F;
    font-weight: 400;
    padding: 8px 10px 15px 10px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 17PX;
    text-transform: none;
}
.pricing-table-headerMPre h1 {
	margin-bottom: 10px;
	margin-left: 22px;
	width: 166px;
    height: 10px;
    border-radius: 100px;
    background: #FDDA25;
    font-weight: 400;
    padding: 8px 10px 15px 10px;
    color: #000;
    font-size: 15px;
    line-height: 17PX;
    text-transform: none;
}


.pricing-table-headerMPro h1 sub {
	margin-bottom: 0;
	font-size: 30px;
	line-height:131%;
	font-weight: 300;
	text-transform: none;
}
.pricing-table-headerMPre h1 sub {
	margin-bottom: 0;
	font-size: 30px;
	line-height:131%;
	font-weight: 300;
	text-transform: none;
}

.pricing-table-headerMS h4 {
	
	text-align: left;
	font-family: 'Satoshi-Bold';
	border-radius: 20px 20px 0px 0px;
	padding: 20px 0px 10px 22px;
	margin-bottom: 10px;
	color: #000;
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
}
.pricing-table-headerMPro h4 {
	text-align: left;
	font-family: 'Satoshi-Bold';
	border-radius: 20px 20px 0px 0px;
	padding: 20px 0px 10px 22px;
	margin-bottom: 10px;
	color: #000;
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
}
.pricing-table-headerMPre h4 {
	text-align: left;
	font-family: 'Satoshi-Bold';
	border-radius: 20px 20px 0px 0px;
	padding: 20px 0px 10px 22px;
	margin-bottom: 10px;
	color: #000000;
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
}

.pricing-table-offerMS {
	padding: 9px 20px 9px;
	border-radius: 20px;
	border:1px solid #F3F2EE;
	
}

.pricing-table-offerMS ul {
	list-style: none;
}

.pricing-table-offerMS ul li {
	text-align: left;
	border-top:0.5px solid #D6D2C4;
	padding: 5px 0px;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}

.pricing-table-offerMS ul li:first-child {
	text-align: left;
	border-top: none;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}
.pricing-table-offerMPro {
	padding: 9px 20px 9px;
	border-radius: 20px;
	border:1px solid #F3F2EE;
	
}

.pricing-table-offerMPro ul {
	list-style: none;
}

.pricing-table-offerMPro ul li {
	text-align: left;
	border-top:0.5px solid #D6D2C4;
	padding: 5px 0px;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}

.pricing-table-offerMPro ul li:first-child {
	text-align: left;
	border-top: none;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}
.pricing-table-offerMPre {
	padding: 9px 20px 9px;
	border-radius: 20px;
	border:1px solid #F3F2EE;
	
}

.pricing-table-offerMPre ul {
	list-style: none;
}

.pricing-table-offerMPre ul li {
	text-align: left;
	border-top:0.5px solid #D6D2C4;
	padding: 5px 0px;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}

.pricing-table-offerMPre ul li:first-child {
	text-align: left;
	border-top: none;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-weight: 400;
	font-size:14px;
	line-height: 17px;
	letter-spacing: 0em;
}

.pricing-table-headerM h1 {
	background-color: #0069CB;
	color: #FFFFFF;
}

.pricing-table-headerM h4 {
	
	color: #000000;
}

.pricing-table-offerM {
}

.pricing-table-offerM ul li {
	border-top: 2px solid #ccc;
	color: #002855;
	font-family: 'Satoshi-Regular';
		font-weight: 400;
		font-size:18px;
	line-height: 24px;
}

.pricing-table-headerM h1 {
  background-color: #0069CB;
  color: #FFFFFF;
}

.pricing-table-headerM h4 {
  color: #000000;	
}
  
.pricing-table-offerM {
  
}

.pricing-table-offerM ul li { 
  border-top: 2px solid #ccc; 
}

.pricing-tableM {
border-radius: 20px;
background: #F3F2EE;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  margin-bottom: 20px;
  text-align: center;
  -webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}

.pricing-table-headerM {	font-family:"Satoshi-Bold"; }

.pricing-table-headerM h1 {
margin-left: 20px;
width: 170px;
  height: 10px;
  border-radius: 100px;
  background: #0069CB;
  font-weight: 400;
  padding: 8px 2px 15px 2px;
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 17PX;
  text-transform: none;
}

.pricing-table-headerM h1 sub {
  margin-bottom: 0;
  font-size: 30px;
line-height:131%;
font-weight: 300;
  text-transform: none;		
}

.pricing-table-headerM h4 {
text-align: left;
border-radius: 20px 20px 0px 0px;
padding: 20px 0px 20px 20px;
  margin-bottom: 0;
  color: #002855;	
  font-size: 22px;
line-height: 28px;
font-family: 'Satoshi-Bold';
}
  
.pricing-table-offerM {
  padding: 70px 40px;
  
}

.pricing-table-offerM ul { list-style: none; }

.pricing-table-offerM ul li { 
  border-top: 2px solid #ccc; 
  padding: 15px 0; 
  color: #002855;
  font-family: 'Satoshi-Regular';
  font-weight: 400;
letter-spacing: 0em;
}

.pricing-table-offerM ul li:first-child {
  border-top: none;
  color: #002855;
  font-family: 'Satoshi-Regular';
  
  font-weight: 400; 
font-size:18px;
line-height: 24px;
letter-spacing: 0em;
}

.Retail .span7{
background-color: #F3F2EE;
}
.RetailM #AccordionM{
padding-left: 0px;
}
.chevronM{
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #0069CB;
  border-bottom: 1.5px solid #0069CB;
  position: absolute;
  right: 150px;
  content: "";
  top: 8px;
  transform: rotate(45deg); /* Initial rotation for upwards direction */
  transition: all 0.2s ease-in-out; /* Smooth transition effect */
}

.chevronM.up{
  width: 8px;
  height: 8px;
  transform: rotate(225deg); /* Rotate downwards when clicked */
  border-right: 1.5px solid #0069CB;
  border-bottom: 1.5px solid #0069CB;
  top: 14px; /* Adjust position for downward chevron */
}
.btnM {
display: inline-block;
  padding: 10px 0px;
  color: #0069CB;
  text-decoration: none;
  position: relative;
}
.RetailM .btn-darkblueM{
  margin-right: 45px;
text-decoration: none;
padding: 5px 0px;
border:none;
margin-bottom: 0px;
text-transform: none;
background-color:#F3F2EE;
color:#0069CB;
font-size: 14px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
width:251px;
}

.RetailM .btn-lightblueM{
  margin-right: 45px;
text-decoration: none;
padding: 5px 0px;
border:none;
margin-bottom: 0px;
text-transform: none;
background-color:#F3F2EE;
color:#0069CB;
font-size: 14px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
width:251px;
}
.RetailM .btn-lightblueM:hover{
  border:none;
  background-color:#F3F2EE;
  color:#0069CB !important;
}
.RetailM .btn-darkblueM:hover{
  border:none;
  background-color:#F3F2EE;
  color:#0069CB !important;
}
.btn-img {
background-color: #F3F2EE;
border: none;
padding: 20px 20px 20px 42px;
}
.RetailM .btn-img:hover{
  border:none;
  color: none;
}

.btn-img img {
width: 30px; /* Adjust according to your image size */
height: 30px; /* Adjust according to your image size */
}



/* Hide the Retail Section for mobile devices (screen width less than 768px) */
@media (max-width: 768px) {
  #Recruitmentintro {
    background: #FFFFFF;
    padding: 50px 0px 20px 0px;
    color: #000000;
}
#BrandVision {
  background: #FFFFFF;
  padding: 20px 0px 20px 0px;
  color: #000000;
}
#CoreValuesR {
  background: #FFFFFF;
  padding: 0px 0px 20px 0px;
  color: #000000;
}
#ServiceBrandsWorkflow {
  padding: 20px  0px 20px 0px;
  background-color: #FFFFFF;
  color: #000000;
}
  #ExploreOpportunitiesCardsD{
	  display:none;
	}
  .RetailM p strong{
    font-size: 10px;
    font-weight: 700;
  }
  .RetailM {
    margin-bottom: 40px;
    margin-top: 60px;
      display: block;
  }
.Retail{
      display: none;
  }
  #WhyWorkWithUSD{
    display:none;
  }
  #ExploreOpportunitiesD{
		display:none;
	}
  #ExploreOpportunitiesM{
		display:block;
	}
  
  #ExploreOpportunitiesM .EOM{
		width:316px;
		height: 226px;
		border-radius: 20px;
		color: #000000;
		background-color:#F3F2EE;
		padding-left: 32px;
		padding-top: 40px;
	}
	#ExploreOpportunitiesM .EOM .btn-lightblue{
	background-color:#0069CB;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
}
#ExploreOpportunitiesM .EOM .btn-lightblue:hover {
	background: #FB471F;
	color: #FFFFFF;
}
#IntroRecruitmentImgD.span7{
  margin-top: 0px;
  background-color: #FFFFFF;
}
#IntroRecruitmentImgM.span7{
  background-color: #FFFFFF;
}
#IntroRecruitmentImgD{
  display: block;
}
#IntroRecruitmentImgM{
  display: none;
}
.IntroRecruitmentImg{
margin-left: 0;
margin-top: 0;
 }
}
@media (min-width: 768px) and (max-width: 1024px){
  #statsRecruitmentD .container {
    width: auto;
}
  #IntroRecruitmentImgD.span7{
		margin-top: -270px; 
		margin-left: 510px;
		background-color: #FFFFFF;
	}
  .IFAAnnimation{
    padding-top: 0px;
    margin-top: -40px;
  }
  #statsRecruitmentD .stats__blockr{
    width: 180px;

  }
  #statsRecruitmentD .stats__blockr1 {
    color: #000000;
    padding: 10px;
    background-color: #F3F2EE;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 239px;
    margin-left: 12px;
    margin-bottom: 30px;
    height: 220px;
    border-radius: 20px;
    position: relative;
}
  #statsRecruitmentD{
		display:block;
	  }
	  #statsRecruitmentM{
		display:none;
		  }
}

/* Hide the RetailM section for desktop devices (screen width 768px and above) */
@media (min-width: 1200px) {
  #ExploreOpportunitiesCardsD {
    padding-left: 80px;
  }
  
  #IntroRecruitmentImgD.span7{
		margin-top: -340px; 
		margin-left: 610px;
		background-color: #FFFFFF;
	}
	#IntroRecruitmentImgM.span7{
		background-color: #FFFFFF;
	}
	#IntroRecruitmentImgD{
		display: block;
	}
	#IntroRecruitmentImgM{
		display: none;
	}
  #ExploreOpportunitiesM{
		display:none;
	}
  #ExploreOpportunitiesD{
		display:block;
	}
  #ExploreOpportunitiesCardsD{
	  display:block;
	}
  #WhyWorkWithUSD{
    display:block;
  }
  .RetailM {
      display: none;
  }
.Retail{
      display: block;
  }
}
/* Pricing Page Mobile View Add-Ons Accordion Standard*/
.Add-Ons-container .Add-Ons-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #D6D2C4;
  }
  .Add-Ons-title:last-of-type{
    border-bottom:1px solid #F3F2EE;
    
    
  }
  
  .Add-Ons-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .Add-Ons-container .Add-Ons-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .Add-Ons-container .Add-Ons-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-Ons-container .Add-Ons-title.open{
    border-top:3px solid #F3F2EE;
  }
  .Add-Ons-container .Add-Ons-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-Ons-content {
    padding:5px 55px 1px 0px;
  }
  .Add-Ons-content h3{
    text-transform:capitalize;
  }
  .Add-Ons-content p{
  margin-bottom: 8px;
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .Add-Ons-content h2{
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 5px;
  }
  .Add-Ons-container {
    width: 100%;
    margin: 0 auto;
  }
/* Pricing Page Mobile View Accordion Onboarding Standard */
.Onboarding-container .Onboarding-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #D6D2C4;
  }
  .Onboarding-title:last-of-type{
    font-family:'Satoshi-Regular';
  }
  
  .Onboarding-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .Onboarding-container .Onboarding-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .Onboarding-container .Onboarding-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Onboarding-container .Onboarding-title.open{
    border-top:none;
  }
  .Onboarding-container .Onboarding-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Onboarding-content {
    padding:5px 55px 10px 0px;
  }
  .Onboarding-content h3{
    text-transform:capitalize;
  }
  .Onboarding-content p{
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 8px;
  }
  .Onboarding-content p strong{
    font-size: 10px;
    font-weight: 700;
    
    }
    .OnboardingPre-content p strong{
      font-size: 10px;
      font-weight: 700;
      
      }
      .OnboardingPro-content p strong{
        font-weight: 700;
        font-size: 10px;
        
        }
  .Onboarding-content h2{
    margin-bottom: 5px;
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .Onboarding-container {
    width: 100%;
    margin: 0 auto;
  }
  /* Pricing Page Mobile View Add-Ons Accordion Professional*/
.Add-OnsPro-container .Add-OnsPro-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #D6D2C4;
  }
  .Add-OnsPro-title:last-of-type{
    border-bottom:none;
    
    
  }
  .Onboarding-container .Onboarding-title:first-child{
    border-top:none;
  }
  .OnboardingPro-container .OnboardingPro-title:first-child{
    border-top:none;
  }
  .OnboardingPre-container .OnboardingPre-title:first-child{
    border-top:none;
  }
  .Add-Ons-container .Add-Ons-title:first-child{
    border-top:none;
  }
  .Add-OnsPro-container .Add-OnsPro-title:first-child{
      border-top:none;
  }
  .Add-OnsPre-container .Add-OnsPre-title:first-child{
        border-top:none;
  }
  .Add-OnsPro-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .Add-OnsPro-container .Add-OnsPro-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .Add-OnsPro-container .Add-OnsPro-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-OnsPro-container .Add-OnsPro-title.open{
    border-top:none;
  }
  .Add-OnsPro-container .Add-OnsPro-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-OnsPro-content {
    padding:5px 55px 1px 0px;
  }
  .Add-OnsPro-content h3{
    text-transform:capitalize;
  }
  .Add-OnsPro-content p{
  margin-bottom: 8px;
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .Add-OnsPro-content h2{
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 5px;
  }
  .Add-OnsPro-container {
    width: 100%;
    margin: 0 auto;
  }
/* Pricing Page Mobile View Accordion Onboarding Professional */
.OnboardingPro-container .OnboardingPro-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #D6D2C4;
  }
  .OnboardingPro-title:last-of-type{
    font-family:'Satoshi-Regular';
  }
  
  .OnboardingPro-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .OnboardingPro-container .OnboardingPro-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .OnboardingPro-container .OnboardingPro-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .OnboardingPro-container .OnboardingPro-title.open{
    border-top:none;
  }
  .OnboardingPro-container .OnboardingPro-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .OnboardingPro-content {
    padding:5px 55px 10px 0px;
  }
  .OnboardingPro-content h3{
    text-transform:capitalize;
  }
  .OnboardingPro-content p{
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 8px;
  }
  .OnboardingPro-content h2{
    margin-bottom: 5px;
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .OnboardingPro-container {
    width: 100%;
    margin: 0 auto;
  }
  /* Pricing Page Mobile View Add-Ons Accordion Pre*/
.Add-OnsPre-container .Add-OnsPre-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:0.5px solid #D6D2C4;
  }
  .Add-OnsPre-title:last-of-type{
    border-bottom:0.5px solid #F3F2EE;
    
    
  }
  
  .Add-OnsPre-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .Add-OnsPre-container .Add-OnsPre-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .Add-OnsPre-container .Add-OnsPre-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-OnsPre-container .Add-OnsPre-title.open{
    border-top:none;
  }
  .Add-OnsPre-container .Add-OnsPre-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .Add-OnsPre-content {
    padding:5px 55px 1px 0px;
  }
  .Add-OnsPre-content h3{
    text-transform:capitalize;
  }
  .Add-OnsPre-content p{
    margin-bottom: 8px;
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .Add-OnsPre-content h2{
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 5px;
  }
  .Add-OnsPre-container {
    width: 100%;
    margin: 0 auto;
  }
/* Pricing Page Mobile View Accordion Onboarding Pre */
.OnboardingPre-container .OnboardingPre-title {
  font-family: 'Satoshi-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
    position: relative;
    margin: 0;
    padding:5px 30px 5px 0px;
    background-color: #F3F2EE;
    color: #000000;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #D6D2C4;
  }
  .OnboardingPre-title:last-of-type{
    font-family:'Satoshi-Regular';
  }
  
  .OnboardingPre-container{
  color: #000000;
    background-color:#F3F2EE;
  }
  .OnboardingPre-container .OnboardingPre-title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 15px;
    content: " ";
    top: 10px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
  }
  .OnboardingPre-container .OnboardingPre-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .OnboardingPre-container .OnboardingPre-title.open{
    border-top:none;
  }
  .OnboardingPre-container .OnboardingPre-title:hover::after{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .OnboardingPre-content {
    padding:5px 55px 10px 0px;
  }
  .OnboardingPre-content h3{
    text-transform:capitalize;
  }
  .OnboardingPre-content p{
  font-family: 'Satoshi-Regular';
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: 8px;
  }
  .OnboardingPre-content h2{
    margin-bottom: 5px;
  font-family: 'Satoshi-Bold';
  font-size: 10px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  }
  .OnboardingPre-container {
    width: 100%;
    margin: 0 auto;
  }

.post-content p {
    color: black;
    display: block;
}

.post-content h2 {
    color: #002855;
    margin-bottom: 30px;
    font-size: 38px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: left;
}


.bg-light {
    background-color: #fff;
}

.pay-banner {
    padding-top: 50px;
    padding-bottom: 0;
}

    .pay-banner .pay-banner__holder {
        position: relative;
        border-radius: 20px;
        background-color: #0069CB;
        padding: 50px 15px;
    }

    .pay-banner .section-block h1 {
        font-size: 35px;
        line-height: 1.4;
        font-weight: 400;
        font-family: 'Satoshi-Regular';
        color: #FFFFFF;
        text-transform: lowercase;
        text-align: center;
        margin: 0;
    }

        .pay-banner .section-block h1 .bold {
            font-weight: 700;
            font-family: 'Satoshi-Bold';
        }

    .pay-banner .section-block p {
        color: #FFFFFF;
        text-align: center;
        font-weight: 400;
    }

    .pay-banner .pay-banner__image {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translate(-10%, 20%);
        width: 90px;
    }

    .pay-banner .pay-banner__hand {
        width: 152px;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(12%, -42%);
    }

.about-pay {
    margin-bottom: 0;
    padding: 0;
}

    .about-pay h2 {
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 5px;
        text-align: center;
        text-transform: initial;
    }

.about-pay__arrow-holder {
    display: flex;
    justify-content: center;
}

.about-pay__arrow {
    display: none;
}

.about-pay__card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-grow: 1;
    min-height: 110px;
    margin-bottom: 20px;
    padding-top: 30px;
}

    .about-pay__card .about-pay__card-holder {
        display: flex;
        align-items: center;
        flex-grow: 1;
        color: #000;
        font-family: "Satoshi-Regular";
        font-size: 16px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.3px;
        border-radius: 20px;
        background: #F3F2EE;
        padding: 30px 80px 30px 15px;
    }

    .about-pay__card .about-pay__card-icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
    }

    .about-pay__card .about-pay__card-icon--small {
        width: 38px;
    }

    .about-pay__card .about-pay__card-icon--medium {
        width: 50px;
    }

.pay-action {
    padding-top: 0;
}

    .pay-action h3 {
        font-family: 'Satoshi-Bold';
        font-weight: 700;
        font-size: 25px;
        line-height: 1.1;
        text-transform: initial;
        margin-bottom: 25px;
        text-align: center;
    }

    .pay-action .span6:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
    }

    .pay-action .span6:last-child {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

        .pay-action .span6:last-child img {
            width: 60%;
        }

/*Media*/

@media (min-width: 1024px) {
    .pay-banner .section-block h1 {
        font-size: 93px;
    }

    .pay-banner .section-block p {
        font-size: 35px;
    }

    .pay-banner {
        padding-top: 120px;
        padding-bottom: 100px;
    }

        .pay-banner .pay-banner__holder {
            padding: 118px 40px;
        }

        .pay-banner .pay-banner__image {
            width: 245px;
            transform: translate(-20%, 20%);
        }

        .pay-banner .pay-banner__hand {
            width: 360px;
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(39%, -42%);
        }

    .about-pay h2 {
        font-size: 40px;
        line-height: 1.4;
        text-align: left;
    }

    .about-pay__arrow {
        width: 75px;
        display: block;
    }

    .about-pay__card {
        min-height: 200px;
        margin-bottom: 70px;
        padding-top: 45px;
    }

        .about-pay__card .about-pay__card-holder {
            display: block;
            font-size: 30px;
            padding: 45px 80px 45px 30px;
            align-items: flex-start;
        }

        .about-pay__card .about-pay__card-icon {
            width: 90px;
        }

        .about-pay__card .about-pay__card-icon--small {
            width: 50px;
        }

        .about-pay__card .about-pay__card-icon--medium {
            width: 70px;
        }
}

@media (min-width: 768px) {
    .pay-action .span6:first-child {
        justify-content: center;
        align-items: flex-start;
        order: 1;
    }

    .pay-action .span6:last-child {
        order: 2;
        margin-bottom: 0;
    }

        .pay-action .span6:last-child img {
            width: 100%;
        }

    .pay-action h3 {
        font-size: 60px;
        margin-bottom: 50px;
        text-align: left;
    }

    .about-pay {
        margin-bottom: 30px;
        padding: 30px 0;
    }

    .pay-action {
        padding-top: 30px;
    }
}


.intro-section .intro-section__title {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Satoshi-Bold';
    color: #000;
    text-transform: inherit;
    margin-bottom: 0;
}

.intro-section .intro-section__banner {
    display: flex;
    justify-content: center;
}

.rewards-section {
    color: #000;
}

    .rewards-section h3 {
        font-weight: 700;
        font-size: 25px;
        text-align: center;
        color: #000;
    }

    .rewards-section p {
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        color: #000;
        margin-bottom: 0;
    }

    .rewards-section .section-block {
        padding-top: 40px;
    }

    .rewards-section .rewards-section__image-holder {
        display: flex;
        justify-content: center;
    }

.integration-section {
    padding-top: 0;
    padding-bottom: 0;
}

.video-section {
    margin-bottom: 70px;
}

.video-section__video video {
    width: 100%;
    height: 100%;
}

.how-it-works-section {
    margin-bottom: 10px;
}

.how-it-works-section__container {
    background: #0069CB;
    border-radius: 32px;
    padding: 20px;
}

.how-it-works-section__left-block {
    margin-bottom: 25px;
    text-align: center;
}

.how-it-works-section h3, .advantages-section h3 {
    font-size: 25px;
    color: #fff;
    margin: 0 0 15px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Satoshi-Bold';
    text-transform: inherit;
}

    .how-it-works-section h3 span:last-child, .advantages-section h3 span:last-child {
        display: block;
        text-align: center;
    }

.how-it-works-section__card {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
}

.how-it-works-section__card-number {
    font-size: 25px;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Satoshi-Bold';
    text-transform: inherit;
}

.how-it-works-section__card-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.how-it-works-section__lamps-desktop {
    position: relative;
    transform: translate(10%, 20%);
    z-index: 10;
}

.how-it-works-section__ladder {
    position: relative;
    transform: translate(10%, -40%);
    z-index: 10;
}

.how-it-works-section__ladder-desktop {
    position: relative;
    transform: translate(0, 80%);
    z-index: 10;
}

.how-it-works-section__ladder-mobile {
    position: relative;
    transform: translate(0, -40%);
    z-index: 10;
}

.how-it-works-section__lamps-mobile {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.statistics-section h2 {
    font-size: 40px;
    line-height: 1.4;
    text-align: left;
}

.statistics-section__arrow {
    width: 75px;
    display: block;
}

.statistics-section__card {
    min-height: 200px;
    margin-bottom: 70px;
    padding-top: 45px;
}

    .statistics-section__card .statistics-section__card-holder {
        padding: 45px 80px 45px 30px;
        align-items: flex-start;
    }

.statistics-section {
    margin-bottom: 0;
    padding: 0;
}

    .statistics-section h4 {
        font-size: 25px;
        line-height: 1.1;
        margin-bottom: 5px;
        text-align: center;
        font-weight: 700;
        font-family: 'Satoshi-Bold';
        text-transform: inherit;
    }

.statistics-section__arrow-holder {
    display: flex;
    justify-content: center;
}

.statistics-section__arrow {
    display: none;
}

.statistics-section__card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-grow: 1;
    min-height: 110px;
    margin-bottom: 20px;
    padding-top: 30px;
}

    .statistics-section__card .statistics-section__card-holder {
        width: 100%;
        color: #000;
        font-family: "Satoshi-Regular";
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.3px;
        border-radius: 20px;
        background: #F3F2EE;
        padding: 30px 80px 30px 15px;
    }

    .statistics-section__card .statistics-section__card-icon {
        position: absolute;
        top: -10%;
        right: 0;
        width: 110px;
    }

    .statistics-section__card .statistics-section__value {
        font-size: 25px;
        line-height: 1.1;
        margin-bottom: 10px;
        font-weight: 700;
        font-family: 'Satoshi-Bold';
        text-transform: inherit;
        color: #000000;
    }

    .statistics-section__card .statistics-section__text {
        font-size: 16px;
        margin: 0;
        color: #000000;
    }

.benefits-section {
    padding-bottom: 50px;
}

    .benefits-section h3 {
        text-align: center;
        color: #000000;
        font-weight: 700;
        text-transform: initial;
        margin-bottom: 20px;
    }

    .benefits-section h4 {
        text-align: center;
        color: #000000;
        font-weight: 700;
        text-transform: initial;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .benefits-section .benefits-section__cards-holder {
        margin-top: 15px;
        border-radius: 20px;
        background: #F3F2EE;
    }

    .benefits-section .benefits-section__card {
        border-radius: 20px;
        background: #F3F2EE;
        padding: 40px 30px;
    }

        .benefits-section .benefits-section__card:first-child {
            padding-bottom: 100px;
        }

        .benefits-section .benefits-section__card:nth-child(2) {
            position: relative;
            background: #0069CB;
            z-index: 10;
        }

            .benefits-section .benefits-section__card:nth-child(2) h4 {
                color: #ffffff;
            }

    .benefits-section .benefits-section__list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .benefits-section .benefits-section__item {
        position: relative;
        background-color: #fff;
        padding: 15px;
        font-size: 16px;
        border-radius: 10px;
        text-align: center;
    }

        .benefits-section .benefits-section__item:not(:last-child) {
            margin-bottom: 10px;
        }

    .benefits-section .benefits-section__card-image {
        position: absolute;
        top: calc(100% - 15px);
        left: -30px;
        width: 160px;
        z-index: 1;
    }

    .benefits-section .benefits-section__card-image--ladder {
        left: auto;
        right: -25px;
        width: 110px;
    }

.feature-section h4 {
    color: #0069CB;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
}

.feature-section h2 {
    color: #000000;
    font-size: 25px;
    text-align: center;
    line-height: 1.1;
}

.feature-section__banner {
    position: relative;
    transform: translateX(-17px);
    margin-bottom: 25px;
}

/*New accordion styles*/
.accordion-container .accordion-title {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Satoshi-Bold';
    color: #000;
    text-transform: inherit;
    text-align: left;
    font-style: normal;
    padding: 25px 50px 25px 0;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #D6D2C4;
}

    .accordion-container .accordion-title.open {
        border-bottom-color: transparent;
    }

    .accordion-container .accordion-title:hover {
        color: #0069CB;
    }

    .accordion-container .accordion-title::after {
        width: 10px;
        height: 10px;
        border-right: 1px solid #0069CB;
        border-bottom: 1px solid #0069CB;
        position: absolute;
        right: 30px;
        content: " ";
        top: 44%;
        transform: translateY(-47%) rotate(45deg);
        transition: all 0.2s ease-in-out;
    }

    .accordion-container .accordion-title.open::after {
        top: 50%;
        transform: translateY(-35%) rotate(225deg);
        transition: all 0.2s ease-in-out;
        border-right: 1px solid #0069CB;
        border-bottom: 1px solid #0069CB;
    }

    .accordion-container .accordion-title:hover::after {
        border-right: 1px solid #0069CB;
        border-bottom: 1px solid #0069CB;
    }

.accordion-container .accordion-content {
    padding-bottom: 25px;
    border-bottom: 1px solid #D6D2C4;
}

    .accordion-container .accordion-content p {
        margin-bottom: 0;
    }

        .accordion-container .accordion-content p:not(:last-child) {
            margin-bottom: 15px;
        }

/*End accordion styles*/

.advantages-section {
    margin-bottom: 70px;
}

    .advantages-section .how-it-works-section__left-block {
        flex-direction: column;
    }

        .advantages-section .how-it-works-section__left-block .advantages-section__image {
            margin-bottom: -50%;
        }

.advantages-section__image.advantages-section__image--mobile {
    text-align: center;
}

    .advantages-section__image.advantages-section__image--mobile img {
        position: relative;
        width: 80%;
        max-width: 270px;
        margin-top: -25px;
        display: inline-block;
        z-index: 2;
    }

.franchisor-animation {
    margin-bottom: 150px;
}

.h2-title, .bg-light .h2-title {
    color: #000000;
    font-size: 25px;
    line-height: 1.1;
}

.franchisor-animation .h2-title {
    text-align: center;
}

.franchisor-animation .franchisor-animation__wrapper {
    border-radius: 20px;
    background: #F3F2EE;
    padding: 30px 25px 70px 25px;
}

.franchisor-animation .franchisor-animation__image {
    display: flex;
    justify-content: flex-start;
    margin-top: -17%;
    margin-left: -10%;
}

.franchisor-animation .video-section__video {
    display: none;
}

.franchisor-animation .franchisor-animation__card {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}

    .franchisor-animation .franchisor-animation__card:not(:last-child) {
        margin-bottom: 15px;
    }

.franchisor-animation .franchisor-animation__card-title {
    background-color: #0069CB;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    padding: 20px 15px;
}

.franchisor-animation .franchisor-animation__card-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    font-size: 16px;
    color: #000000;
    padding: 20px 10px;
}

.personalized-demo {
    padding-top: 0;
}

    .personalized-demo h3 {
        font-family: 'Satoshi-Bold';
        font-weight: 700;
        font-size: 25px;
        line-height: 1.1;
        text-transform: initial;
        margin-bottom: 25px;
        text-align: center;
    }

    .personalized-demo .span6:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 2;
    }

    .personalized-demo .span6:last-child {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

        .personalized-demo .span6:last-child img {
            width: 60%;
        }

    .personalized-demo .btn-lightblue {
        font-size: 16px;
    }

/*Media*/

@media (min-width: 1440px) {
    .intro-section .intro-section__banner {
        max-width: 60%;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    .intro-section {
        margin-bottom: 80px;
    }

        .intro-section .intro-section__title {
            font-size: 60px;
            margin-bottom: -90px;
        }

            .intro-section .intro-section__title span {
                display: block;
            }

        .intro-section .intro-section__banner {
            justify-content: flex-end;
        }

    .rewards-section h3 {
        font-size: 40px;
        text-align: left;
        margin-bottom: 25px;
    }

    .rewards-section p {
        font-size: 18px;
        text-align: left;
    }

    .rewards-section .section-block {
        padding-top: 0;
    }

    .integration-section {
        padding-top: 50px;
    }

    .video-section {
        margin-bottom: 220px;
    }

    .how-it-works-section {
        margin-bottom: 220px;
    }

    .how-it-works-section__container {
        display: flex;
        align-items: center;
        border-radius: 20px;
        padding: 75px;
    }

    .how-it-works-section__left-block {
        display: flex;
        justify-content: center;
        flex: 1 0 40%;
        margin-bottom: 0;
        padding-right: 100px;
    }

    .advantages-section {
        margin-bottom: 220px;
    }

        .how-it-works-section h3, .advantages-section h3 {
            font-size: 40px;
            margin: 0;
        }

            .how-it-works-section h3 span, .advantages-section h3 span {
                display: block;
            }

                .how-it-works-section h3 span:last-child, .advantages-section h3 span:last-child {
                    text-align: left;
                }

    .how-it-works-section__right-block {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 300vw;
        flex: 1 0 300vw;
    }

    .how-it-works-section__card {
        width: 360px;
        height: 250px;
        border-radius: 20px;
        padding: 30px;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .how-it-works-section__card-number {
        font-size: 40px;
        margin-bottom: 25px;
    }

    .how-it-works-section__card-text {
        font-size: 25px;
    }

    .how-it-works-section__lamps-desktop {
        position: relative;
        transform: translate(10%, 20%);
        z-index: 10;
    }

    .how-it-works-section__ladder {
        position: relative;
        transform: translate(10%, -40%);
        z-index: 10;
    }

    .how-it-works-section__ladder-desktop {
        position: relative;
        transform: translate(0, 80%);
        z-index: 10;
    }

    .how-it-works-section__lamps-mobile {
        display: none;
    }

    .statistics-section h4 {
        width: 65%;
        text-align: left;
        margin-bottom: 30px;
    }

    .statistics-section__card {
        min-height: 200px;
        margin-bottom: 70px;
        padding-top: 45px;
    }

        .statistics-section__card .statistics-section__card-holder {
            padding: 45px 80px 45px 30px;
            align-items: flex-start;
        }

        .statistics-section__card .statistics-section__card-icon {
            width: 150px;
        }

        .statistics-section__card .statistics-section__value {
            font-size: 60px;
        }

        .statistics-section__card .statistics-section__text {
            font-size: 25px;
        }

    .benefits-section {
        padding-bottom: 100px;
        margin-bottom: 120px;
    }

        .benefits-section h4 {
            font-size: 25px;
            margin-bottom: 40px;
        }

        .benefits-section .benefits-section__cards-holder {
            margin-top: 50px;
            display: flex;
        }

        .benefits-section .benefits-section__card {
            padding: 45px 30px;
            flex-basis: 0;
            flex: 1;
        }

            .benefits-section .benefits-section__card:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
                padding-bottom: 45px;
            }

            .benefits-section .benefits-section__card:last-child {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }

        .benefits-section .benefits-section__item {
            font-size: 18px;
        }

            .benefits-section .benefits-section__item:not(:last-child) {
                margin-bottom: 20px;
            }

        .benefits-section .benefits-section__card-image {
            position: absolute;
            top: 100%;
            left: -25%;
            width: 260px;
        }

        .benefits-section .benefits-section__card-image--ladder {
            top: 55%;
            left: auto;
            right: -29%;
            width: 138px;
        }

    .feature-section {
        margin-bottom: 150px;
    }

        .feature-section h4 {
            font-size: 25px;
            text-align: left;
        }

        .feature-section h2 {
            font-size: 40px;
            text-align: left;
            max-width: 50%;
        }

    .feature-section__banner {
        transform: translateX(-25%);
        margin-bottom: 0;
    }

    /*New accordion styles*/
    .accordion-container .accordion-title {
        font-size: 25px;
    }
    /*End accordion styles*/

    .advantages-section h3 {
        text-align: left;
    }

    .h2-title, .bg-light .h2-title {
        font-size: 40px;
    }

    .franchisor-animation .franchisor-animation__wrapper {
        padding: 70px 0 0;
    }

    .franchisor-animation .franchisor-animation__image {
        justify-content: center;
        margin-top: -13%;
        margin-left: -25%;
    }

    .franchisor-animation .h2-title {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .statistics-section {
        margin-bottom: 30px;
        padding: 30px 0;
    }

    .statistics-section__arrow {
        width: 75px;
        display: block;
    }

    .franchisor-animation .video-section__video {
        display: block;
    }

    .franchisor-animation .franchisor-animation__mobile-cards {
        display: none;
    }

    .personalized-demo .span6:first-child {
        justify-content: center;
        align-items: flex-start;
        order: 1;
    }

    .personalized-demo .span6:last-child {
        order: 2;
        margin-bottom: 0;
    }

        .personalized-demo .span6:last-child img {
            width: 100%;
        }

    .personalized-demo h3 {
        font-size: 60px;
        margin-bottom: 50px;
        text-align: left;
    }

    .personalized-demo {
        padding-top: 30px;
    }

        .personalized-demo .btn-lightblue {
            font-size: 25px;
        }
}

/*Global Styles*/
h1{
    font-size:46px;
    line-height:60px;
}
p{
    font-size:16px;
    line-height:30px;
}
h4{
   font-size:20px;
   line-height: 24px; 
}
/*Global Font style*/
.text-uppercase{
	text-transform:uppercase;
}
.text-normal{
	text-transform:none;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}

#content{
	padding-bottom:0;
}
/*BUTTONS - Get rid of these*/
/*Remote !important from main stylesheet to add hover effect */
a.btn-orange:hover{
    background-color:#002855;
    color:#FFFFFF;
	padding:20px 40px;
}
a.btn-orange-inverse{
    background-color: #FB471F;
}
a.btn-orange-inverse:hover{
    color:#002855;
    background-color:#fff;
}
.headline h3{
	margin-top:25px;
}
/*CUSTOM BUTTONS FOR SERVICEMINDER*/
.sf-menu>li.dropdown>a.btn-schedule{
	background:#FB471F;
	color:#fff;
	padding:15px 20px;
	margin-top:-10px;
	border:0;
	margin-right:20px;
	margin-left:15px;
}
.sf-menu>li.dropdown>a.btn-schedule:hover{
	background:#fff;
	color:#0069CB;
}
#header.stuck .sf-menu>li.dropdown>a.btn-schedule{
	margin-top:10px;
	margin-right:20px;
	padding: 5px 10px;
}
a.sbtn{
	background:#FB471F;
	border:0;
	display: inline-block;
  padding: 20px 40px;
  margin: 0 5px 20px 0;
  color: #fff;
  font-family: Satoshi-Regular,sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
}
input[type="submit"]{
	background:#FB471F;
	border:0;
	display: inline-block;
  padding: 16px 40px;
  margin: 0 5px 20px 0;
  color: #fff;
  font-family: Satoshi-Regular,sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
}
input[type="email"]{
	height:50px;
	margin-left:-20px;
}
a.sbtn-orange:hover{
	background:#263849;
	color:#fff;
}
a.sbtn-dark:hover,input[type="submit"]:hover{
	background:#fff;
	color:#263849;
}
.white-box{
	color:#002855;
	background:#fff;
	padding: 20px 0px;
	border:0;
}
.white-box:hover,.white-box a:hover{
	background:#002855;
	color:#fff;
}
/*Franchisor Section */
#franchisor-animation{
	background:#fff;
	padding:100px 0 10px 0;
}
#franchisor-animation h2{
	color:#002855;
}
#franchisor-grid{
	background:#fff;
	color:#002855;
}
#franchisor-grid h2{
	padding:30px 0;
	text-transform:none;
}
#franchisor-grid .grid-box{
	background:#f7f7f7;
}
#franchisor-grid .grid-box .grid-title{
	background:#0069CB;
	color:#fff;
	padding:10px 20px;
}
#franchisor-grid .grid-box .grid-title h3{
    font-weight:600;
}
#franchisor-grid .grid-box .grid-body{
	padding:30px 20px;
}
#franchisor-grid .grid-box .grid-body ul li{
	list-style-type:none;
}
/*Business Owner*/
.service-background{
    background:url('https://serviceminder.io/Content/home/content/index/business-owners.jpg');
    background-size:cover;
    background-position-x:center;
}
.franchisor-background{
    background:url('https://serviceminder.io/Content/home/content/index/franchisors.jpg');
    background-size:cover;
    background-position-x:center;
}
.service-body{
    height:600px;
    background-color:#263849;
    color:#ffffff;
}
.franchisor-body{
    padding:100px;
}
/*Page callout section */
.page-callout{
	padding:50px 0;
	text-align:center;
}
.page-callout h2{
	color:#fff;
	text-transform:none;
}
/*Testimonial*/
#testimonial{
    padding:100px 0;
}
.one-on-one{
	background:#FCFBFA;
	padding:100px 0;
}
.one-on-one h2{
	text-transform:none;
}

.newsletter{
    margin-bottom:20px;
}
/*Media query for phone*/
@media only screen and (max-width: 600px) {
    
	#franchisor-animation{
		display:none;
	}
	#franchisor-grid{
			display:block;
	}
	#franchisor-grid .grid-box{
		margin-bottom:30px;
    }
    /*Business Owner Section*/
    .service-background{
        height:500px;
    }
    .franchisor-background{
        height:500px;
    }
    .service-body{
        padding:50px 30px;
        min-height:100%;
        background-color:#002855;
        color:#ffffff;
    }
    .franchisor-body{
      padding:50px 30px; 
      height:600px;
    }
    .show-mobile{
        display:block;
    }
    .show-desktop{
        display: none;
    }
    .testimonials{
        margin-top:15px;
    }
    .testimonial-icon{
        text-align: center;
    }
    .testimonial-icon img{
        height:100px;
    }
    .demo-svg{
        text-align:center;
    }
    .demo-svg img{
        height:150px;
        margin-bottom:15px;
    }
    /*Video*/
    .embed-responsive-item1{
        height:400px;
        width: 400px;
    }
    .first-header h1{
        margin-top:100px;
    }
    #logo{
        padding-left:1em;
    }
    .hero-header{
        color:#101010;padding:1em;
    }
}
/*Media query for Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	 
    .hero-header{
        color:#101010;padding:5em;
    }
	#franchisor-animation{
		display:block;
	}
	#franchisor-grid{
			display:none;
			padding:100px 0;
	}
	#franchisor-grid .grid-box{
		height:280px;
		margin-bottom:20px;
    }
    /*Business Owner Section*/
    .service-background{
        height:700px;
    }
    .franchisor-background{
        height:700px;
    }
    .service-body{
        min-height:100%;
        padding:100px;
    }
    .franchisor-body{
        min-height:100%;
    }
    .show-mobile{
        display:block;
    }
    .show-desktop{
        display: none;
    }
    .testimonial-icon img{
        height:80px;
    }
    .embed-responsive-item{
        height:400px;
    }
    .embed-responsive-item1{
        height:400px;
        width: 400px;
    }
		.first-header h1{
        margin-top:100px;
    }
    #logo{
        padding-left:1em;
    }
    .hero-header{
        color:#101010;padding:1em;
    }
}

/* Header wrapper*/
@media (min-width: 1200px){
	.hero-header{
		padding:5em;
	}
	.first-header h1 {
    margin-top: 0px;
}
    #logo{
        padding-top:5px;
    }
    #header-wrap {
        height:50px;
    }
    /*Orange Button Spacing*/
    .btn-orange{
        margin-top:30px;
    }
    /* GLOBAL NAVIGATION */
    /*Navigation Menu - position right side and top*/
    .sf-menu, .sf-menu ul{
        padding:10px 10px 0 0;
    }
    /* STYLE FOR NAVIGATION */
    #header.stuck #logo {
        padding: 7px 0 0px 5em;
    }
    #header.stuck .fixed{
        padding:0;
    }
    
		/*FRANCHISOR*/
		.headline {
            margin-bottom: 50px;
		}
		#franchisor-animation{
			display:block;
		}
		#franchisor-grid{
			display:none;
        }
        /*Business Owner Section*/
        .service-background{
            height:600px;
        }
        .service-body{
            min-height:100%;
        }
        .franchisor-background{
            height:600px;
        }
        .franchisor-body{
            min-height:100%;
        }
        .embed-responsive-item{
            height:600px;
        }
				.show-mobile{
        display:none;
    }
    .show-desktop{
        display: block;
    }
		.footer-column{
			padding:0 40px;
		}
}

/*Hompage Second Section*/
#bg-circle{
    background:#fff;
    padding:100px 0;
}

#video-section{
	padding:100px 0;
}
#bg-7{
	padding:100px 0;
}
/*Slick Dots Style */
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #636363;
    text-indent: -9999px;
    outline:none;
}
.slick-dots li.slick-active button {
    background-color: #FB471F;
}
/*Font Satoshi*/
@font-face {
    font-family: 'Satoshi-Regular';
    src:url('/content/home/assets/font/Satoshi-Regular.otf') format('opentype');
  }
  @font-face {
    font-family: 'Satoshi-Medium';
    src:url('/content/home/assets/font/Satoshi-Medium.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-Bold';
    src:url('/content/home/assets/font/Satoshi-Bold.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BoldItalic';
    src:url('/content/home/assets/font/Satoshi-BoldItalic.otf') format('opentype');
      
  }
  @font-face {
    font-family: 'Satoshi-BlackItalic';
    src:url('/content/home/assets/font/Satoshi-BlackItalic.otf') format('opentype');
      
  }
/*Global Styles for Button*/
a.btn-orange{
    border:1px solid #FB471F;
    background-color: #FB471F;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 22px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';    
}
a.btn-orange:hover{
    background:#FFFFFF !important;
    border-radius: 4px;
    color:#FB471F !important;
    border:1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
a.btn-dark{
    border:1px solid #002855;
    background-color: #002855;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 22px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
a.btn-dark:hover{
    background:#FFFFFF !important;
    color:#002855 !important;
    border:1px solid #002855;
    border-radius: 4px;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.btn-dark-reverse{
    border:1px solid #D6D2C4;
    background:#D6D2C4;
    color:#FFFFFF !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.btn-dark-reverse:hover{
    background:#FFFFFF;
    border:1px solid #D6D2C4;
    color:#D6D2C4 !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
.btn-dark-reverse:hover svg .a{
    fill:#D6D2C4;
  }
.btn-group{
    margin-top:20px;
}
.btn-group .btn{
    vertical-align: baseline;
    display: inline;
}
/*new nav button*/
.btn-nav{
    border:1px solid #FFFFFF !important;
    background-color: #FFFFFF;
    color:#002855;
    padding:15px 20px !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
    top:-11px;
    text-align: center !important;
}
.btn-nav:hover{
    background:#0069CB;
    color:#FFFFFF !important;
    border:1px solid #FFFFFF!important;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}

/*End Global Styles*/
/*Slick Slider */
#our-partners .slick-dots li.slick-active button, #testimonial .slick-dots li.slick-active button{
    background-color:#0069CB;
}
#our-partners .slick-dots button, #testimonial .slick-dots button{
    background:#002855;
}

#integration-slider .slick-dots li.slick-active button{
    background-color:#FFFFFF;
}
/*End Slick slider homepage*/

/* INTRODUCTION */

/* for SEO */
#intro-content-h1 {
    text-transform: uppercase;
    font-family:'Satoshi-Regular';
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px;
    letter-spacing: -0.03rem;
    color: #002855;
}

#intro-content-h4 {
    text-transform: none;
    font-family:'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height:58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;
}

#intro{
    padding:0;
    background: #fff;
    color:#002855;
    font-family:'Satoshi-Regular';
}
#intro h1{
    color:#002855;
    font-family:'Satoshi-Regular';
    font-size:40px;
    line-height: 50px;
    text-transform: capitalize;
}
#intro h5{
    font-family:'Satoshi-Regular';
    color:#002855;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.03rem;
}
.intro-content{
    padding:5em 0;
    color:#002855;
    font-family:'Satoshi-Regular';
}
/*OUR PARTNER LOGO SLIDER*/
#our-partners{
    background: #FCFBFA;
    margin-bottom:0;
    padding:50px 0 50px 0;
    vertical-align: middle;
}
#our-partners p{
    color:#002855;
    font-size:16px;
    text-transform: uppercase;
    font-family:'Satoshi-Regular';
    vertical-align: middle;
}

#our-partners img{
   margin-top: 22px;
}

/*How It works*/
#how-it-works{
    background:#FFFFFF;
    padding:100px 0 150px 0;
    margin-bottom:0;
}
#how-it-worksA{
    background:#F7F7F4;
    padding:100px 0 100px 0;
    margin-bottom:0;
}
#Values{
    background:#F7F7F4;
    padding:10px 0 100px 0;
    margin-bottom:0;
}
#MoreInfoM{
    background:#F7F7F4;
    padding:60px 0 100px 0;
    margin-bottom:0;
}
#OurVision{
    background:#F7F7F4;
    padding:100px 0 10px 0;
    margin-bottom:0;
}
#how-it-works h2{
    text-align:center;
    font-size:40px;
    line-height: 51px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    color:#002855;
    text-transform: capitalize;
    margin-bottom:50px;
}
#how-it-worksA h2{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    color:#002855;
    text-transform: capitalize;
    margin-bottom:30px;
    letter-spacing: -0.02em;
}
#how-it-worksA p{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
    color:#002855;
    text-transform:none;
    letter-spacing: -0.02em;
    margin-bottom:30px;
}
#Values h2{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    color:#002855;
    text-transform: capitalize;
    margin-bottom:30px;
    letter-spacing: -0.02em;
}
#MoreInfoM h2{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    color:#002855;
    text-transform: capitalize;
    margin-bottom:30px;
    letter-spacing: -0.02em;
}
#Values p{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
    color:#002855;
    text-transform:none;
    letter-spacing: -0.02em;
    margin-bottom:30px;
}
#OurVision h2{
    text-align:left;
    font-size:33px;
    line-height: 40px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
    color:#002855;
    text-transform: capitalize;
    margin-bottom:40px;
    letter-spacing: -0.02em;
}
#OurVision p{
    text-align:left;
    font-size:40px;
    line-height: 44px;
    font-weight: 300;
    font-family:'Satoshi-Regular';
    color:#002855;
    text-transform:none;
    letter-spacing: -0.02em;
    margin-bottom:30px;
}

@media only screen and (max-width: 600px){
#OurVision h2{
        text-align:left;
        font-size:33px;
        line-height: 40px;
        font-weight: 400;
        font-family:'Satoshi-Bold';
        color:#002855;
        text-transform: capitalize;
        margin-bottom:40px;
        letter-spacing: -0.02em;
}
#OurVision p{
    text-align:left;
    font-size:28px;
    line-height: 34px;
    font-weight: 300;
    font-family:'Satoshi-Regular';
    color:#002855;
    text-transform:none;
    letter-spacing: -0.02em;
    margin-bottom:20px;
}
}
/* FRANCHISOR */
#franchisor-animation{
    background: #FCFBFA;
    margin-bottom:0;
    padding-bottom:100px;
}

#franchisor-animation h2{
    text-align:center;
    color:#002855;
    text-transform:capitalize;
    font-size:40px;
    line-height: 51px;
    margin-bottom:50px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
}
#franchisor-grid{
    padding:100px 0;
}
/* Franchise Accordion ================================================== */
.franchise-container .franchise-title {
    position: relative;
    margin: 25px 0;
    padding:20px 30px 20px 30px;
    background-color: #0069CB;
    color: #FFFFFF;
    cursor: pointer;
    border-top:1px solid #E7EAF1;
}
.franchise-title:last-of-type{
    border-bottom:1px solid #E7EAF1;
}
.franchise-container .franchise-title:hover,
.franchise-container .franchise-title:active,
.franchise-title.open {
    background-color: #0069CB;
    color:#FFFFFF;
}

.franchise-container .franchise-title::after {
    width: 10px;
    height: 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 30px;
    content: " ";
    top: 25px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.franchise-container .franchise-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.franchise-container .franchise-title:hover::after{
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.franchise-content {
    padding:20px 20px 20px 30px;
    border-bottom:4px solid #707070;
}
.franchise-container {
    width: 100%;
    margin: 0 auto;
}
.franchise-title{
    font-size:30px;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
}
.franchise-subtitle{
    font-size:15px;
    vertical-align:top;
    font-weight: normal;
    font-family:'Satoshi-Regular';
}
.franchise-content a{
    color:#FB471F;
    text-decoration: underline;
}
.franchise-content ul li{
    list-style-type: none;
}

#CTA{
    background: #fff;
    padding:0 0 50px 0;
    margin-top:-150px;
}
#CTA .cta-box{
    background: #FCFBFA;
    vertical-align: middle;
    display: table;
    width:100%;
}
#CTA .cta-button:hover{
    background: #FCFBFA;
}
#CTA h3{
    color:#002855;
    font-size:40px;
    line-height: 51px;
    text-transform: capitalize;
    font-weight: 400;
    font-family:'Satoshi-Bold';
}
.cta-box .cta-text{
    padding:40px 20px 20px 20px;
}
.cta-box .cta-button{
    padding:20px;
}
.cta-box .cta-text,.cta-box .cta-button{
    display: table-cell;
    text-align:center;
    vertical-align: middle;
}
/* Grow Your Franchise Business */
/*Features*/
#features{
    background:#fff;
    padding:100px 0;
    color:#002855;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
}
#features h2{
    text-transform: capitalize;
    font-size: 40px;
    line-height: 51px;
    font-weight: 400;
    color:#002855;
    font-family:'Satoshi-Bold';
}
#features img{
    margin: 15px 30px 1px -14px;
}
/* Feature Accordion */
.feature-container .feature-title {
    position: relative;
    margin: 0;
    padding:20px 30px 20px 0px;
    background-color: #fff;
    font-size: 1.25em;
    font-weight: normal;
    color: #002855;
    cursor: pointer;
    text-transform: capitalize;
    border-top:1px solid #E5E5E5;
    font-family:'Satoshi-Regular';
}
.feature-title:last-of-type{
    border-bottom:1px solid #E7EAF1;
    font-family:'Satoshi-Regular';
}
.feature-container .feature-title:hover,
.feature-container .feature-title:active,
.feature-title.open {
    background-color: #FFFFFF;
    color:#FB471F;
    font-family:'Satoshi-Regular';
}
.feature-container{
    background-color:#FFFFFF;
}
.feature-container .feature-title::after {
    width: 10px;
    height: 10px;
    border-right: 1px solid #FB471F;
    border-bottom: 1px solid #FB471F;
    position: absolute;
    right: 30px;
    content: " ";
    top: 30px;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.feature-container .feature-title.open::after {
    transform: rotate(225deg);
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #FB471F;
    border-bottom: 1px solid #FB471F;
}
.feature-container .feature-title.open{
    border-top:4px solid #FB471F;
}
.feature-container .feature-title:hover::after{
    border-right: 1px solid #FB471F;
    border-bottom: 1px solid #FB471F;
}
.feature-content {
    border-top:1px solid #E5E5E5;
    padding:20px 30px 20px 0px;
}
.feature-content h3{
    text-transform:capitalize;
    font-family:'Satoshi-Regular';
}
.feature-content p{
    color: #002855;
    font-family:'Satoshi-Regular';
}
.feature-container {
    width: 100%;
    margin: 0 auto;
}
/*TESTIMONIALS*/
#testimonial{
    background:#FCFBFA;
}
.testimonials h5{
    color:#002855;
    font-size: 24px;
    font-family:'Satoshi-Bold';
    font-weight: 700;
}
.quote-icon{
    margin:0 0 20px 0;
}
.testimonials p{
    color: #002855;
    font-size:22px;
    line-height: 26px;
    font-weight: 400;
    line-height: 36px;
    font-family:'Satoshi-Regular';
}
/*Solutions*/
#solutions{
    background:#FFFFFF;
    padding:100px 0;
    margin-bottom: 0;
}
#solutions h2{
    color:#002855;
    font-size:40px;
    line-height: 51px;
    font-weight: 400;
    font-family:'Satoshi-Regular';
}
#solutions h4{
    font-size:30px;
    font-weight: 400px;
    color:#002855;
    line-height: 41px;
    margin-bottom:15px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    font-family:'Satoshi-Bold';
}
#solutions p{
    color:#002855;
    letter-spacing: -0.02em;
    font-size: 18px;
    font-weight: 400px;
    line-height: 30px;
    font-family:'Satoshi-Regular';
}
.solution-grid{
    display: flex;
    width: 100%;
}
.solution-span{
    flex:1;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
    margin:80px 20px 20px 20px;
    padding:0;
    background:#fff !important;
}
.solution-box{
    padding:0;
    width: 100%;
}
.solution-description{
    padding:40px;
    margin-bottom:100px;
}
.solution-button{
      padding:40px;
      bottom:10px;
      position: absolute;
}
.solution-image{
    width:100%;
    display: inline-block;
}
/*Integration slider */
#integration-slider{
    padding:50px 0;
    background:#FCFBFA;
    margin-bottom:0;
    vertical-align: middle;
}
#integration-slider p{
    color: #002855;
}
#integration-slider img{
    margin-top: 22px;
}

/*Personalized Demo */
#personalized{
    padding:100px 0;
    background-color: #FFFFFF;
    margin-bottom:0;
    margin-top:0;
}
#personalized h4{
    color:#002855;
    font-size:40px;
    line-height: 51px;
    text-transform:capitalize;
    margin-bottom:40px;
    font-weight: 400;
    font-family:'Satoshi-Bold';
}
#personalizedD{
    padding: 50px 0px 50px 0px;
    background-color: #FCFBFA;
    margin-bottom:0;
    margin-top:0;
}
#personalizedD a.btn-orange{
	border: 1px solid #FB471F;
    background-color: #FB471F;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 22px;
    border-radius: 4px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
#personalizedD a.btn-orange:hover{
background: #FCFBFA !important;
    border-radius: 4px;
    color: #FB471F !important;
    border: 1px solid #FB471F;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Satoshi-Medium';
}
#personalizedD h4{
	text-align: left;
    color:#002855;
    font-size:30px;
    line-height: 41px;
    text-transform:none;
    margin-bottom:0px;
    font-weight: 400;
	letter-spacing: -0.03em;
    font-family:'Satoshi-Bold';
}
/*Footer Update*/
#footer{
    background-color:#002855;
    color:#FFFFFF;
}
#footer a{
    color:#FFFFFF;
}
.widget-title{
    margin-bottom:20px;
}

/*Desktop Only*/
@media only screen and (min-width: 600px) {
    .partners-text{
        float:right;
    }
    .center-box{
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-0%) translateY(-50%);
        -webkit-transform: translateX(-0%) translateY(-50%);
        transform: translateX(-0%) translateY(-50%);
    }
    .testimonial-row{
        padding:0 150px;
    }
}
@media (min-width: 1025px){
    #header.stuck #logo {
        padding: 7px 0 0 0em;
    }
}
/*For Ipad and small screen devices*/
@media only screen and (min-width: 600px) and (max-width: 1200px){
    /* For portrait layouts only */
    .footer-widget-area-1{
        display: block;
        width:100% !important;
    }
    #intro{
        overflow:visible;
    }
    #footer-widget-area-2,#footer-widget-area-3,#footer-widget-area-4{
        margin-top:50px;
    }
}
#large-section{
    background:#fff;
    position: relative;
    padding-top:0;
}
#large-section-Partner .tab-label{
    font-size:18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    font-weight: 700px;
    font-family:'Satoshi-Bold';
    color: #002855;
}
#large-section-PartnerM .tab-label{
    font-size:18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    font-weight: 700px;
    font-family:'Satoshi-Bold';
    color: #002855;
}
/*large-section-Partner*/
@media only screen and (min-width: 1200px){
#large-section-Partner .tab-nav button:not(.active):after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #002855;
    border-bottom: 1px solid #002855;
    position: absolute;
    right: 12px;
    content: " ";
    top: 20px;
    transform: rotate(45deg);
    transition: all .2s ease-in-out;
}

#large-section-Partner .tab-nav .active:after {
    width: 8px;
    height: 8px;
    transform: rotate(225deg);
    transition: all .2s ease-in-out;
    border-right: 1px solid #101010;
    border-bottom: 1px solid #101010;
    position: absolute;
    right: 12px;
    content: " ";
    top: 25px;
}
}
#large-section-Partner{
    background: #F7F7F4;
    position: relative;
    padding-top: 90px;
    margin-bottom: 0px;
}

#large-section-Partner #tab-accordion-section{
    background: #F7F7F4;
    padding-bottom:0px;
    top:-15px;
}
#large-section-Partner .tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:#F7F7F4;
}
#large-section-Partner .tab-panel h4{
    font-size:18px;
    color: #002855;
    font-weight: 700px;
    text-transform: capitalize;
    margin-bottom:20px;
    line-height: 23px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Bold';
}
#large-section-Partner .tab-panel p{
    color: #002855;
    font-size:14px;
    line-height: 21px;
    font-weight: 400px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Regular';
}
#large-section-Partner button:hover{
    border: none;
    color: #002855 !important;
}
#large-section-Partner .custom2.tab-section .tab-nav__button.active{
    background: #F7F7F4;
    border-top: 4px solid #FB471F;
}

#large-section-Partner .tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
@media screen and (min-width: 800px) {
    /*#large-section-Partner .tab-nav__button {
        flex: 0 0 48%;
   }*/
   #large-section-Partner .custom2.tab-section .tab-nav__button {
    flex: 0 0 16%;
}
   
}
#large-section-Partner .tab-nav__button:first-of-type, .tab-nav__button:last-of-type {
    flex: 0 0 100%;
}
#large-section-Partner .tab-nav__button {
    display: block;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    padding: 20px 4px;
    width: 100%;
    background-color: #F7F7F4;
    color: #002855;
    border:0;
    border-top:4px solid #0069CB;
    outline:none;
    font-family: "Satoshi-Bold",'Satoshi-Bold';
    line-height: 23px;
}
#large-section-Partner .tab-panel {
    flex: 0 0 90%;
    width: 100%;
    border:0;
    margin-bottom: 16px;
    background:#F7F7F4;
    color:#002855;
    padding:20px;
    font-family:'Satoshi-Regular';
}
#large-section-Partner .custom2.tab-section .tab-nav__button {
    border-top: 4px solid #0069CB;
    list-style: none;
    flex: 0 0 16%;
    margin-bottom: 16px;
}
/*large-section-Partner*/
@media only screen and (min-width: 1200px){
    #large-section-Partner .tab-nav button:not(.active):after {
        width: 8px;
        height: 8px;
        border-right: 1px solid #002855;
        border-bottom: 1px solid #002855;
        position: absolute;
        right: 12px;
        content: " ";
        top: 20px;
        transform: rotate(45deg);
        transition: all .2s ease-in-out;
    }
    #large-section-Partner .tab-nav .active:after {
        width: 8px;
        height: 8px;
        transform: rotate(225deg);
        transition: all .2s ease-in-out;
        border-right: 1px solid #101010;
        border-bottom: 1px solid #101010;
        position: absolute;
        right: 12px;
        content: " ";
        top: 25px;
    }
    }
    #large-section-PartnerM{
        background: #F7F7F4;
        position: relative;
        padding-top: 90px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    
    #large-section-PartnerM #tab-accordion-section{
        background: #F7F7F4;
        padding-bottom:0px;
        margin-bottom: 0px;
        top:-40px;
    }
    #large-section-PartnerM .tab-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background:#F7F7F4;
    }
    #large-section-PartnerM .tab-panel h4{
        font-size:18px;
        color: #002855;
        font-weight: 700px;
        text-transform: capitalize;
        margin-bottom:20px;
        line-height: 23px;
        letter-spacing: -0.02em;
        font-family:'Satoshi-Bold';
    }
    #large-section-PartnerM .tab-panel p{
        color: #002855;
        font-size:14px;
        line-height: 21px;
        font-weight: 400px;
        letter-spacing: -0.02em;
        font-family:'Satoshi-Regular';
    }
    #large-section-PartnerM button:hover{
        border: none;
        color: #002855 !important;
    }
    #large-section-PartnerM .custom2.tab-section .tab-nav__button.active{
        background: #F7F7F4;
        border-top: 4px solid #FB471F;
    }
    
    #large-section-PartnerM .tab-nav__button {
        list-style: none;
        flex: 0 0 100%;
        margin-bottom: 16px;
    }
    @media screen and (min-width: 800px) {
        #large-section-PartnerM .tab-nav__button {
            flex: 0 0 48%;
       }
       
    }
    #large-section-PartnerM .tab-nav__button:first-of-type, .tab-nav__button:last-of-type {
        flex: 0 0 100%;
    }
    #large-section-PartnerM .tab-nav__button {
        display: block;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        padding: 20px 4px;
        width: 100%;
        background-color: #F7F7F4;
        color: #002855;
        border:0;
        border-top:4px solid #0069CB;
        outline:none;
        font-family: "Satoshi-Bold",'Satoshi-Bold';
        line-height: 23px;
    }
    #large-section-PartnerM .tab-panel {
        flex: 0 0 100%;
        width: 100%;
        border:0;
        margin-bottom: 16px;
        background:#F7F7F4;
        color:#002855;
        padding:0px;
        font-family:'Satoshi-Regular';
    }
    #large-section-PartnerM .custom2.tab-section .tab-nav__button {
        border-top: 4px solid #0069CB;
        list-style: none;
        flex: 0 0 100%;
        margin-bottom: 16px;
    }
/* MoreInfo-section*/
#MoreInfo-section{
    background:#F7F7F4;
    position: relative;
    padding-top:20px;
    margin-bottom: -170px;
}
#MoreInfo-section #tab-accordion-section{
    background: #F7F7F4;
    padding-bottom:0px;
    top:-125px;
}
#MoreInfo-section .tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:#F7F7F4;
}
#MoreInfo-section .tab-panel h4{
    font-size:18px;
    color: #002855;
    font-weight: 700px;
    text-transform: capitalize;
    margin-bottom:20px;
    line-height: 23px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Bold';
}
#MoreInfo-section .tab-panel p{
    color: #002855;
    font-size:14px;
    line-height: 21px;
    font-weight: 400px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Regular';
}
#MoreInfo-section button:hover{
    border: none;
    color: #002855 !important;
}
#MoreInfo-section .custom2.tab-section .tab-nav__button.active{
    background: #F7F7F4;
    border-top: 4px solid #FB471F;
}

#MoreInfo-section .tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
@media screen and (min-width: 800px) {
    #MoreInfo-section .tab-nav__button {
        flex: 0 0 48%;
   }
}
#MoreInfo-section .tab-nav__button:first-of-type, .tab-nav__button:last-of-type {
    flex: 0 0 100%;
}
#MoreInfo-section .tab-nav__button {
    display: block;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    padding: 20px 20px 20px 2px;
    width: 100%;
    background-color: #F7F7F4;
    color: #002855;
    border:0;
    border-top:4px solid #0069CB;
    outline:none;
    font-family: "Satoshi-Bold",'Satoshi-Bold';
    line-height: 23px;
}
#MoreInfo-section .tab-panel {
    flex: 0 0 90%;
    width: 100%;
    border:0;
    margin-bottom: 16px;
    background:#F7F7F4;
    color:#002855;
    padding:0px 20px 2px 2px;
    font-family:'Satoshi-Regular';
}
#MoreInfo-section .custom2.tab-section .tab-nav__button {
    border-top: 4px solid #0069CB;
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
/* Values-section*/
#Values-section{
    background:#F7F7F4;
    position: relative;
    padding-top:0;
    margin-bottom: -170px;
}

#Values-section #tab-accordion-section{
    background: #F7F7F4;
    padding-bottom:0px;
    top:-125px;
}
#Values-section .tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:#F7F7F4;
}
#Values-section .custom2.tab-section .tab-nav__button {
    border-top: 4px solid #0069CB;
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
#Values-section .tab-panel h4{
    font-size:18px;
    color: #002855;
    font-weight: 700px;
    text-transform: none;
    margin-bottom:20px;
    line-height: 23px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Bold';
}
#Values-section .tab-panel p{
    color: #002855;
    font-size:14px;
    line-height: 21px;
    font-weight: 400px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Regular';
}
#Values-section .tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
#Values-section .custom2.tab-section .tab-nav__button.active{
    background: #F7F7F4;
    border-top: 4px solid #FB471F;
}
@media screen and (min-width: 800px) {
    #Values-section .tab-nav__button {
        flex: 0 0 48%;
   }
}
#Values-section .tab-nav__button:first-of-type, .tab-nav__button:last-of-type {
    flex: 0 0 100%;
}
#Values-section .tab-nav__button {
    display: block;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    padding: 20px 20px 20px 2px;
    width: 100%;
    background-color: #F7F7F4;
    color: #002855;
    border:0;
    border-top:4px solid #0069CB;
    outline:none;
    font-family: "Satoshi-Bold",'Satoshi-Bold';
    line-height: 23px;
}
#Values-section .tab-panel {
    flex: 0 0 90%;
    width: 100%;
    border:0;
    margin-bottom: 16px;
    background:#F7F7F4;
    color:#002855;
    padding:0px 20px 2px 2px;
    font-family:'Satoshi-Regular';
}
#Values-section button:hover{
    border: none;
    color: #002855 !important;
}
#Values-section .tab-nav .active{
    background: #F7F7F4;
    border-top: 4px solid #FB471F;
}
/* TAB ACCORDION*/
#tab-accordion-section{
    background: transparent;
    padding-bottom:0px;
    top:-145px;
}
.tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background:transparent;
}
.tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
@media screen and (min-width: 800px) {
    .tab-nav__button {
        flex: 0 0 48%;
   }
}
.tab-nav__button:first-of-type, .tab-nav__button:last-of-type {
    flex: 0 0 100%;
}
.tab-nav__button {
    display: block;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    padding: 20px;
    width: 100%;
    background-color: #FFFFFF;
    color: #002855;
    border:0;
    border-top:4px solid #0069CB;
    outline:none;
    font-family: 'Satoshi-Regular';
    line-height: 23px;
}
.tab-nav .active{
    background:#FFFFFF;
    border-top:4px solid #FB471F;
}
.tab-panel {
    flex: 0 0 90%;
    width: 100%;
    border:0;
    margin-bottom: 16px;
    background:#fff;
    color:#002855;
    padding:20px;
    font-family:'Satoshi-Regular';
}
.tab-number{
   color: #002855; 
}
.tab-panel h4{
    font-size:40px;
    font-weight: 400px;
    text-transform: capitalize;
    margin-bottom:20px;
    line-height: 51px;
    letter-spacing: -0.03em;
    font-family:'Satoshi-Bold';
}
.tab-panel p{
    font-size:16px;
    line-height: 28px;
    font-weight: 400px;
    letter-spacing: -0.02em;
    font-family:'Satoshi-Regular';
}


.custom2.tab-section .tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
.tab-number{
    font-weight: 600px;
    font-size:18px;
    padding:0 10px 10px 0;
    font-family:'Satoshi-Bold';
    }
.tab-label{
    font-size:18px;
    line-height: 30px;
    letter-spacing: -0.03em;
    font-weight: 400px;
    font-family:'Satoshi-Regular';
}
@media (min-width: 1200px){
    /* nav button */
    #header.stuck .fixed .btn-nav{
        margin-top:10px;
    }
    .embed-responsive-item1
    {
        height: 500px;
        width: 600px;
        margin-left:-30px;
    }
    .embed-responsive-item {
        height: 550px;
        margin-left: 50px;
    }
    .btn-nav{
        margin-left:15px;
    }
}
@media screen and (min-width: 800px) {
    .custom2.tab-section .tab-nav__button {
        flex: 0 0 19%;
   }
}
@media screen and (min-width: 800px) {
    /*partner logo */
    #our-partners p{
        position:absolute;
        top:35%;
        font-family:'Satoshi-Regular';
    }
    #integration-slider p{
        position:absolute;
        top:35%;
    }
    .custom2.tab-section .tab-nav__button {
        flex: 0 0 19%;
   }
   .tab-panel-box{
       margin-left:50px;
   }
   .tab-number{
        font-weight: bold;
        font-size:18px;
        padding:0 10px 10px 0;
        display: inline-block;
        width:15%;
        vertical-align: top;
    }
    .tab-label{
        font-size:18px;
        display: inline-block;
        width:75%;
        min-height:100%;
        font-family:'Satoshi-Regular';
    }
}
.custom3.tab-section .tab-nav__button {
    list-style: none;
    flex: 0 0 100%;
    margin-bottom: 16px;
}
@media screen and (min-width: 550px) {
    .custom3.tab-section .tab-nav__button {
        flex: 0 0 30%;
   }
}
.custom3.tab-section .tab-nav__button:nth-of-type(4) {
    flex: 0 0 100%;
}
.hidden {
    display: none;
}
/*Ipad Media Query*/
@media only screen and (max-width: 900px) {
    .btn-nav{
            top:0;
    }
    .btn-group .btn{
        display: block;
    }
    .tab-nav__button {
        border-top:0;
    }
    .tab-nav .active:after{
        width: 10px;
        height: 10px;
        transform: rotate(225deg);
        transition: all .2s ease-in-out;
        border-right: 1px solid #101010;
        border-bottom: 1px solid #101010;
        position: absolute;
        right: 30px;
        content: " ";
        top: 25px;
    }
    .tab-nav button:not(.active):after{
        width: 10px;
        height: 10px;
        border-right: 1px solid #101010;
        border-bottom: 1px solid #101010;
        position: absolute;
        right: 30px;
        content: " ";
        top: 20px;
        transform: rotate(45deg);
        transition: all .2s ease-in-out;
    }
}
/*Media Query Mobile */
@media only screen and (max-width: 600px) {
    #intro{
        padding:10px 0;
    }
    #intro h1{
        font-size: 40px;
        line-height: 40px;
        font-family:'Satoshi-Regular';
    }
    #intro h5{
        margin-top:300px;
        font-family:'Satoshi-Regular';
    }
    .cta-box .cta-text,.cta-box .cta-button{
        display: block;
        padding:30px 20px;
    }
    #CTA{
        margin-top:-50px;
    }
    #CTA h3{
        margin-bottom:-30px;
    }
    #how-it-works{
        padding:50px 0 10px 0;
    }
    #how-it-worksA{
        padding:50px 0 10px 0;
    }
    #OurVision{
        padding:50px 0 10px 0;
    }
    #tab-accordion-section{
        top:0;
    }
    .intro-content{
        padding: 3em 1em 2em 1em;
    }
    #our-partners{
        padding:50px 0;
        text-align: center;
        font-family:'Satoshi-Regular';
    }
    /*Franchisor*/
    #franchisor-grid{
        padding-top:0px;
        padding-bottom:0px;
    }
    #franchisor-grid h2{
        text-align: center;
    }
    .center-box{
        padding:40px 5px;
    }
    #MoreInfo-section .center-box{
        padding:2px 5px;
    }
    #Values-section .center-box{
        padding:2px 5px;
    }
    #features{
        padding:50px 0px;
    }
    #features h2, .do-more-box h2{
        font-size:24px;
    }
    #features img{
        margin: 15px 30px 1px -14px;
    }
    #features h4{
        font-size:17px;
        font-weight:normal;
    }
    #FAQ-section h4{
        font-size: 18px;
        line-height: 23px;
        color: #002855;
        margin-bottom: 20px;
        letter-spacing: -0.02em;
        font-family: 'Satoshi-Bold';
    }
    #FAQ-section p{
        font-size: 18px;
        line-height: 23px;
        letter-spacing: -0.02em;
        color: #002855;
        margin-bottom: 20px;
        font-family: 'Satoshi-Regular';
    }
    #features .btn-orange{
        margin-top:40px;
    }
    #solutions h2{
        margin-bottom:40px;
    }
    .solution-grid{
        display: block;
        width: 100%;
    }
    .solution-span{
        margin:0;
    }
    .solution-description{
        margin-bottom:20px;
    }
    .solution-button{
        position:relative;
        padding:0 40px;
        bottom:40px;
    }
    #testimonial{
        padding:100px 20px 50px 20px;
        font-family:'Satoshi-Regular';
    }
    #personalized{
        padding:100px 0;
        background-color: #FFFFFF;
        margin-bottom:0;
        margin-top:0;
    }
    #integration-slider p{
        text-align:center;
        font-family:'Satoshi-Regular';
    background-color: #FCFBFA;
    }
    #integration-slider img{
        margin-top: 22px;
    }

}
/* Franchisor css*/
video:focus{
    outline: none;
}
.btn{
    text-align: center;
}

.play-btn:after{
    font-family: fontawesome;
    content:'\f144';
    font-size: 30px;
    position:relative;
    top: 7px;
    left: 7px;
}
#intro-franchisor{
    padding: 0;
    background: #fff;
    color: #002855;
}
#intro-franchisor h1{
    text-transform: none;
    font-family:'Satoshi-Regular';
    font-weight: 400;
    font-size: 52px;
    line-height:58px;
    letter-spacing: -0.03rem;
    margin-bottom: 14px;
    color: #002855;

}
#intro-franchisor h4{
    text-transform: uppercase;
    font-family:'Satoshi-Regular';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03rem;
    margin-bottom: 4px;
    color: #002855;

}
#intro-franchisor p{
    text-transform: none;
    font-family:'Satoshi-Regular';
    font-weight: 400;
    font-size: 22px;
    line-height:36px;
    letter-spacing: -0.02rem;
    margin-bottom: 14px;
    color: #002855;

}
#developer h3{
    margin-bottom: 5px;
    color: #002855;
    letter-spacing: -0.03rem;
    text-transform: capitalize;
    font-size: 40px;
    line-height: 51px;
    font-weight: 400;
    font-family: 'Satoshi-Bold';
}
#developer h2{
    margin-bottom: 10px;
    color: #002855;
    letter-spacing: -0.03rem;
    text-transform: capitalize;
    font-size: 40px;
    line-height: 51px;
    font-weight: 400;
    font-family: 'Satoshi-Bold';
}
#developer p{
    margin-bottom: 10px;
    color: #002855;
    letter-spacing: -0.02rem;
    text-transform: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Satoshi-Regular';
}
#developer strong{
    margin-bottom: 10px;
    color: #002855;
    letter-spacing:-0.02rem;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Satoshi-Bold';
}
.dev-link{
    color: #0069CB;
    text-transform: none;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Satoshi-Regular';
}
.dev-link:hover{
    color: #FB471F;
    text-transform: none;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Satoshi-Regular';
}
.intro-video video{
    width:100%;
    height: auto;
}

#bg-7 h3{
    color:#002855;
    text-transform: none;
}
#bg-11{
    margin-top:0;
}
@media only screen and (min-width: 768px) {
    .play-btn{
        position: relative;
        top:-4px;
    }
}
@media only screen and (min-width: 1200px) {

    .intro-video{
        margin:80px 20px;
        border:2px solid #0069CB;
    }
    .intro-video video{
        width:100%;
        height: auto;
        box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
        -webkit-box-shadow:0 10px 40px 0 rgb(0 0 0 / 10%);;
        position: relative;
        left:-65px;
        top:20px;
    }
}
@media only screen and (max-width: 1200px) {
    #intro-franchisor .span6{
        width:100%;
        display: block;
    }
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

